fix: #2767 Search field loses focus after search

Signed-off-by: Kostiantyn Miakshyn <molodchick@gmail.com>

Author: Koc

src/utils/debounce.js

@@ -0,0 +1,41 @@
+/**
+ * SPDX-FileCopyrightText: 2019 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import Vue from 'vue'
+import { INPUT_DEBOUNCE_MS } from '../models/Constants.js'
+
+/**
+ *
+ * @param {Function} fn The function to debounce
+ * @param {number} delay delay in milliseconds
+ */
+function debounce(fn, delay) {
+	let timeoutId = null
+	return function () {
+		clearTimeout(timeoutId)
+		const args = arguments
+		const that = this
+		timeoutId = setTimeout(function () {
+			fn.apply(that, args)
+		}, delay)
+	}
+}
+
+/**
+ *
+ * @param {any} initialValue Initial value
+ * @param {number} delay delay in milliseconds
+ */
+export function debouncedProperty(initialValue, delay = INPUT_DEBOUNCE_MS) {
+	const observable = Vue.observable({ value: initialValue })
+	return {
+		get() {
+			return observable.value
+		},
+		set: debounce(function (newValue) {
+			observable.value = newValue
+		}, delay),
+	}
+}