@feugene/granularity 0.46.0 → 0.47.0

package/dist/components/GrAutocomplete/chunks/{GrAutocomplete-D396_JrW.js → GrAutocomplete-C-uovdv8.js}

@@ -7,14 +7,14 @@ import { r as isComposingEvent } from "../../../chunks/keyboard-DE2yhz_b.js";
 import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
 import { useFloating } from "../../../composables/useFloating.js";
 import { useDismissible } from "../../../composables/useDismissible.js";
+import { a as resolveSelectedOptions, t as filterOptions } from "../../../chunks/optionFilter-DYw9XPPx.js";
 import { useVirtualList } from "../../../composables/useVirtualList.js";
+import { useComboboxNavigation } from "../../../composables/useComboboxNavigation.js";
 import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "../../../composables/useGrFormControl.js";
 import { t as useFocusWithin } from "../../../chunks/useFocusWithin-BwHE0rzm.js";
 import { t as useControlledOpen } from "../../../chunks/useControlledOpen-DV3SqLTP.js";
-import { useComboboxNavigation } from "../../../composables/useComboboxNavigation.js";
 import { useRovingFocus } from "../../../composables/useRovingFocus.js";
-import { a as resolveSelectedOptions, t as filterOptions } from "../../../chunks/optionFilter-DYw9XPPx.js";
 import { t as useControlAddons } from "../../../chunks/useControlAddons-asUr10Pf.js";
 import { d as chipSizeForBadgeScale } from "../../../chunks/grChipStyles-DcDyxAL0.js";
 import { t as GrChip_default } from "../../GrChip/chunks/GrChip-CKqyzYcv.js";
@@ -24,7 +24,262 @@ import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";
 import { t as chevron_down_default } from "../../../chunks/chevron-down-CQS2OG_s.js";
 import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, shallowRef, toDisplayString, unref, useId, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
-import '../styles.css';//#region src/components/GrAutocomplete/GrAutocomplete.vue?vue&type=script&setup=true&lang.ts
+import '../styles.css';//#region src/components/GrAutocomplete/composables/useRemoteOptions.ts
+function useRemoteOptions(options) {
+	const remoteOptions = shallowRef([]);
+	const remoteAnswered = ref(false);
+	const remoteLoading = ref(false);
+	let searchTimer = null;
+	let searchSeq = 0;
+	let inflight = null;
+	function isAbortError(error) {
+		return error instanceof Error && error.name === "AbortError";
+	}
+	async function runFetch(query) {
+		const fetchOptions = options.fetchOptions();
+		if (!fetchOptions) return;
+		inflight?.abort();
+		const controller = new AbortController();
+		inflight = controller;
+		const seq = ++searchSeq;
+		remoteLoading.value = true;
+		try {
+			const result = await fetchOptions(query, controller.signal);
+			if (seq !== searchSeq) return;
+			remoteOptions.value = result;
+			remoteAnswered.value = true;
+		} catch (error) {
+			if (seq !== searchSeq || isAbortError(error)) return;
+			remoteOptions.value = [];
+			remoteAnswered.value = true;
+			options.onSearchError(error);
+		} finally {
+			if (seq === searchSeq) remoteLoading.value = false;
+		}
+	}
+	function scheduleSearch(value) {
+		if (searchTimer) clearTimeout(searchTimer);
+		searchTimer = setTimeout(() => {
+			if (options.minQueryLength() > 0 && value.trim().length < options.minQueryLength()) return;
+			options.onSearch(value.trim());
+			runFetch(value.trim());
+		}, options.debounce());
+	}
+	/**
+	* Снять запланированный и летящий запрос. Инкремент `searchSeq` обязателен
+	* вместе со снятием `remoteLoading`: после него `finally` в `runFetch` считает
+	* себя устаревшим и флаг не тронет — спиннер остался бы навсегда.
+	*/
+	function cancelSearch() {
+		if (searchTimer) clearTimeout(searchTimer);
+		searchTimer = null;
+		inflight?.abort();
+		inflight = null;
+		searchSeq += 1;
+		remoteLoading.value = false;
+	}
+	/**
+	* Подпись состава стартового списка. Сравнивать идентичность массива нельзя:
+	* инлайн-литерал `:options="[...]"` пересоздаётся каждым ререндером родителя —
+	* в том числе тем, который вызвал сам компонент своим `update:modelValue`, —
+	* и remote-результаты исчезали бы прямо посреди выбора.
+	*/
+	function optionsSignature(list) {
+		return (list ?? []).map((o) => `${String(o.value)}\u0000${o.label}`).join("
");
+	}
+	watch(() => optionsSignature(options.options()), () => {
+		if (!options.fetchOptions()) return;
+		cancelSearch();
+		remoteAnswered.value = false;
+		remoteOptions.value = [];
+	});
+	onBeforeUnmount(cancelSearch);
+	return {
+		remoteOptions,
+		remoteAnswered,
+		remoteLoading,
+		scheduleSearch,
+		cancelSearch
+	};
+}
+//#endregion
+//#region src/components/GrAutocomplete/composables/useAutocompleteValues.ts
+function useAutocompleteValues(options) {
+	const optionsResolved = computed(() => options.fetchOptions() && options.remoteAnswered.value ? options.remoteOptions.value : options.options() ?? []);
+	/** `0` — валидное значение, поэтому «пусто» проверяется явно, а не через falsy. */
+	function isEmptyValue(value) {
+		return value === void 0 || value === null || value === "";
+	}
+	function toArray(value) {
+		if (Array.isArray(value)) return value;
+		if (isEmptyValue(value)) return [];
+		return [value];
+	}
+	const modelSingle = computed(() => {
+		const model = options.modelValue();
+		const raw = Array.isArray(model) ? model[0] : model;
+		return isEmptyValue(raw) ? "" : raw;
+	});
+	const selectedValues = computed(() => options.multiple() ? toArray(options.modelValue()) : isEmptyValue(modelSingle.value) ? [] : [modelSingle.value]);
+	const hasSelection = computed(() => selectedValues.value.length > 0);
+	function labelFor(value) {
+		return optionsResolved.value.find((o) => o.value === value)?.label ?? String(value);
+	}
+	return {
+		optionsResolved,
+		isEmptyValue,
+		modelSingle,
+		selectedValues,
+		hasSelection,
+		labelFor,
+		selectedOptions: computed(() => resolveSelectedOptions(selectedValues.value, optionsResolved.value)),
+		singleSelectedLabel: computed(() => options.multiple() || isEmptyValue(modelSingle.value) ? "" : labelFor(modelSingle.value))
+	};
+}
+//#endregion
+//#region src/components/GrAutocomplete/composables/useAutocompletePanel.ts
+function useAutocompletePanel(options) {
+	const searchQuery = computed(() => {
+		if (!options.filterable() || options.fetchOptions()) return "";
+		if (!options.multiple() && !options.dirty.value) return "";
+		return options.query.value.trim();
+	});
+	const filteredOptions = computed(() => filterOptions(options.optionsResolved.value, searchQuery.value, options.filter()));
+	const belowMinQuery = computed(() => options.minQueryLength() > 0 && options.query.value.trim().length < options.minQueryLength());
+	/**
+	* Опции к показу и навигации. Ниже `minQueryLength` — пусто: список ещё
+	* относится к прошлому запросу, показывать его под подсказкой «введите ещё N»
+	* значит дезинформировать.
+	*/
+	const effectiveOptions = computed(() => belowMinQuery.value ? [] : filteredOptions.value);
+	const canAddCustom = computed(() => {
+		if (!options.allowCustomValue()) return false;
+		const v = options.query.value.trim();
+		if (!v) return false;
+		if (options.multiple() && options.selectedValues.value.includes(v)) return false;
+		if (!options.multiple() && v === options.modelSingle.value) return false;
+		return !options.optionsResolved.value.some((o) => o.value === v || o.label === v);
+	});
+	return {
+		searchQuery,
+		belowMinQuery,
+		effectiveOptions,
+		canAddCustom,
+		showEmpty: computed(() => !options.isLoading.value && effectiveOptions.value.length === 0 && !canAddCustom.value)
+	};
+}
+//#endregion
+//#region src/components/GrAutocomplete/composables/useAutocompleteVirtual.ts
+/** Оценка высоты опции: `py-2` вокруг строки кегля `sm`. Уточняется замером. */
+var OPTION_SIZE_ESTIMATE = 36;
+function useAutocompleteVirtual(options) {
+	const addOffset = computed(() => options.canAddCustom.value ? 1 : 0);
+	const virtualCount = computed(() => options.effectiveOptions.value.length + addOffset.value);
+	const virtualizer = useVirtualList({
+		container: options.listboxEl,
+		count: () => options.virtual() ? virtualCount.value : 0,
+		source: () => options.effectiveOptions.value,
+		itemSize: OPTION_SIZE_ESTIMATE,
+		viewportSize: () => options.dropdownMaxHeight()
+	});
+	/** Виден ли «Add …»: вне виртуального окна его рисовать нельзя — он элемент набора. */
+	const showAddOption = computed(() => {
+		if (!options.canAddCustom.value) return false;
+		return !options.virtual() || virtualizer.range.value.start === 0;
+	});
+	/** Опции к отрисовке вместе с их абсолютным индексом в `effectiveOptions`. */
+	const renderedOptions = computed(() => {
+		const all = options.effectiveOptions.value;
+		if (!options.virtual()) return all.map((option, index) => ({
+			option,
+			index
+		}));
+		const { start, end } = virtualizer.range.value;
+		const from = Math.max(0, start - addOffset.value);
+		const to = Math.max(0, end - addOffset.value);
+		return all.slice(from, to).map((option, offset) => ({
+			option,
+			index: from + offset
+		}));
+	});
+	/**
+	* Размер набора и позиция в нём объявляются только при виртуализации: в обычном
+	* режиме диктор выводит их из DOM, а при неполном наборе получил бы «3 из 15»
+	* на списке в десять тысяч.
+	*/
+	function optionSetProps(virtualIndex) {
+		if (!options.virtual()) return void 0;
+		return {
+			"aria-setsize": virtualCount.value,
+			"aria-posinset": virtualIndex + 1
+		};
+	}
+	return {
+		addOffset,
+		virtualCount,
+		virtualizer,
+		showAddOption,
+		renderedOptions,
+		optionSetProps,
+		listboxStyle: computed(() => {
+			const base = { maxHeight: `${options.dropdownMaxHeight()}px` };
+			if (!options.virtual()) return base;
+			return {
+				...base,
+				...virtualizer.spacerStyle.value
+			};
+		})
+	};
+}
+//#endregion
+//#region src/components/GrAutocomplete/composables/useAutocompleteNavigation.ts
+function useAutocompleteNavigation(options) {
+	const navigableItems = computed(() => {
+		const items = options.canAddCustom.value ? [{ kind: "add" }] : [];
+		options.effectiveOptions.value.forEach((option, index) => {
+			if (!option.disabled) items.push({
+				kind: "option",
+				option,
+				index
+			});
+		});
+		return items;
+	});
+	function isSelected(value) {
+		return options.selectedValues.value.includes(value);
+	}
+	function navigableIndexOf(value) {
+		return navigableItems.value.findIndex((item) => item.kind === "option" && item.option.value === value);
+	}
+	/** Прокрутка к активному: сперва окно виртуального списка, затем доводка. */
+	async function scrollActiveIntoView(item) {
+		if (options.virtual()) options.scrollToIndex(item.kind === "add" ? 0 : item.index + options.addOffset.value);
+		await nextTick();
+		const id = item.kind === "add" ? options.addOptionDomId.value : options.optionDomId(item.index);
+		document.getElementById(id)?.scrollIntoView?.({ block: "nearest" });
+	}
+	const { activeIndex, activeItem, activeDescendantId, init: initActiveIndex, reset: resetActive, handleNavigationKeys } = useComboboxNavigation({
+		items: () => navigableItems.value,
+		open: () => options.open.value,
+		idOf: (item) => item.kind === "add" ? options.addOptionDomId.value : options.optionDomId(item.index),
+		initialIndex: () => navigableItems.value.findIndex((item) => item.kind === "option" && isSelected(item.option.value)),
+		scrollTo: (item) => scrollActiveIntoView(item)
+	});
+	return {
+		navigableItems,
+		isSelected,
+		navigableIndexOf,
+		activeIndex,
+		activeItem,
+		activeDescendantId,
+		activeValue: computed(() => activeItem.value?.kind === "option" ? activeItem.value.option.value : void 0),
+		initActiveIndex,
+		resetActive,
+		handleNavigationKeys
+	};
+}
+//#endregion
+//#region src/components/GrAutocomplete/GrAutocomplete.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "truncate" };
 var _hoisted_2 = [
 	"id",
@@ -87,7 +342,6 @@ var _hoisted_15 = {
 	key: 2,
 	"data-gr-autocomplete-empty": ""
 };
-var OPTION_SIZE_ESTIMATE = 36;
 //#endregion
 //#region src/components/GrAutocomplete/GrAutocomplete.vue
 var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -225,47 +479,23 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const { disabled: isDisabled, invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props);
 		const describedBy = computed(() => field?.describedById.value);
 		const locked = computed(() => isDisabled.value || isReadonly.value);
-		const remoteOptions = shallowRef([]);
-		const remoteAnswered = ref(false);
-		const remoteLoading = ref(false);
-		const optionsResolved = computed(() => props.fetchOptions && remoteAnswered.value ? remoteOptions.value : props.options ?? []);
-		/**
-		* Подпись состава стартового списка. Сравнивать идентичность массива нельзя:
-		* инлайн-литерал `:options="[...]"` пересоздаётся каждым ререндером родителя —
-		* в том числе тем, который вызвал сам компонент своим `update:modelValue`, —
-		* и remote-результаты исчезали бы прямо посреди выбора.
-		*/
-		function optionsSignature(options) {
-			return (options ?? []).map((o) => `${String(o.value)}\u0000${o.label}`).join("
");
-		}
-		watch(() => optionsSignature(props.options), () => {
-			if (!props.fetchOptions) return;
-			cancelSearch();
-			remoteAnswered.value = false;
-			remoteOptions.value = [];
+		const { remoteOptions, remoteAnswered, remoteLoading, scheduleSearch } = useRemoteOptions({
+			fetchOptions: () => props.fetchOptions,
+			options: () => props.options,
+			debounce: () => props.debounce,
+			minQueryLength: () => props.minQueryLength,
+			onSearch: (value) => emit("search", value),
+			onSearchError: (error) => emit("searchError", error)
 		});
-		const isLoading = computed(() => props.loading || remoteLoading.value);
-		/** `0` — валидное значение, поэтому «пусто» проверяется явно, а не через falsy. */
-		function isEmptyValue(value) {
-			return value === void 0 || value === null || value === "";
-		}
-		function toArray(value) {
-			if (Array.isArray(value)) return value;
-			if (isEmptyValue(value)) return [];
-			return [value];
-		}
-		const modelSingle = computed(() => {
-			const raw = Array.isArray(props.modelValue) ? props.modelValue[0] : props.modelValue;
-			return isEmptyValue(raw) ? "" : raw;
+		const { optionsResolved, modelSingle, selectedValues, hasSelection, selectedOptions, singleSelectedLabel } = useAutocompleteValues({
+			modelValue: () => props.modelValue,
+			options: () => props.options,
+			multiple: () => props.multiple,
+			fetchOptions: () => props.fetchOptions,
+			remoteOptions,
+			remoteAnswered
 		});
-		const selectedValues = computed(() => props.multiple ? toArray(props.modelValue) : isEmptyValue(modelSingle.value) ? [] : [modelSingle.value]);
-		const hasSelection = computed(() => selectedValues.value.length > 0);
-		function labelFor(value) {
-			return optionsResolved.value.find((o) => o.value === value)?.label ?? String(value);
-		}
-		/** Опции выбранных значений (для chips в multiple). Неизвестные значения показываем как есть. */
-		const selectedOptions = computed(() => resolveSelectedOptions(selectedValues.value, optionsResolved.value));
-		const singleSelectedLabel = computed(() => props.multiple || isEmptyValue(modelSingle.value) ? "" : labelFor(modelSingle.value));
+		const isLoading = computed(() => props.loading || remoteLoading.value);
 		const query = ref("");
 		const dirty = ref(false);
 		const { open, setOpen } = useControlledOpen(() => props.open, (next) => emit("update:open", next));
@@ -297,28 +527,20 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			zIndexVar: "--gr-z-dropdown"
 		});
 		useDismissible(open, closeDropdown);
-		const searchQuery = computed(() => {
-			if (!props.filterable || props.fetchOptions) return "";
-			if (!props.multiple && !dirty.value) return "";
-			return query.value.trim();
+		const { belowMinQuery, effectiveOptions, canAddCustom, showEmpty } = useAutocompletePanel({
+			optionsResolved,
+			query,
+			dirty,
+			filterable: () => props.filterable,
+			filter: () => props.filter,
+			fetchOptions: () => props.fetchOptions,
+			multiple: () => props.multiple,
+			minQueryLength: () => props.minQueryLength,
+			allowCustomValue: () => props.allowCustomValue,
+			selectedValues,
+			modelSingle,
+			isLoading
 		});
-		const filteredOptions = computed(() => filterOptions(optionsResolved.value, searchQuery.value, props.filter));
-		const belowMinQuery = computed(() => props.minQueryLength > 0 && query.value.trim().length < props.minQueryLength);
-		/**
-		* Опции к показу и навигации. Ниже `minQueryLength` — пусто: список ещё
-		* относится к прошлому запросу, показывать его под подсказкой «введите ещё N»
-		* значит дезинформировать.
-		*/
-		const effectiveOptions = computed(() => belowMinQuery.value ? [] : filteredOptions.value);
-		const canAddCustom = computed(() => {
-			if (!props.allowCustomValue) return false;
-			const v = query.value.trim();
-			if (!v) return false;
-			if (props.multiple && selectedValues.value.includes(v)) return false;
-			if (!props.multiple && v === modelSingle.value) return false;
-			return !optionsResolved.value.some((o) => o.value === v || o.label === v);
-		});
-		const showEmpty = computed(() => !isLoading.value && effectiveOptions.value.length === 0 && !canAddCustom.value);
 		const listboxId = useId();
 		/**
 		* Id опции строится от позиции, а не от значения: значение с пробелом дало бы
@@ -329,100 +551,24 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			return `${listboxId}-opt-${index}`;
 		}
 		const addOptionDomId = computed(() => `${listboxId}-add`);
-		/**
-		* Виртуализация панели.
-		*
-		* Набор — `[«Add …»?] + filteredOptions`, тот же, по которому ходит клавиатура
-		* (`navigableItems` ниже). Иначе верхняя распорка вытолкнула бы строку «Add …»
-		* вниз: она отрисована внутри listbox'а первой и является полноценной опцией.
-		*/
-		/** Оценка высоты опции: `py-2` вокруг строки кегля `sm`. Уточняется замером. */
-		const addOffset = computed(() => canAddCustom.value ? 1 : 0);
-		const virtualCount = computed(() => effectiveOptions.value.length + addOffset.value);
-		const virtualizer = useVirtualList({
-			container: listboxEl,
-			count: () => props.virtual ? virtualCount.value : 0,
-			source: () => effectiveOptions.value,
-			itemSize: OPTION_SIZE_ESTIMATE,
-			viewportSize: () => props.dropdownMaxHeight
-		});
-		/** Виден ли «Add …»: вне виртуального окна его рисовать нельзя — он элемент набора. */
-		const showAddOption = computed(() => {
-			if (!canAddCustom.value) return false;
-			return !props.virtual || virtualizer.range.value.start === 0;
-		});
-		/** Опции к отрисовке вместе с их абсолютным индексом в `filteredOptions`. */
-		const renderedOptions = computed(() => {
-			const all = effectiveOptions.value;
-			if (!props.virtual) return all.map((option, index) => ({
-				option,
-				index
-			}));
-			const { start, end } = virtualizer.range.value;
-			const from = Math.max(0, start - addOffset.value);
-			const to = Math.max(0, end - addOffset.value);
-			return all.slice(from, to).map((option, offset) => ({
-				option,
-				index: from + offset
-			}));
-		});
-		/**
-		* Размер набора и позиция в нём объявляются только при виртуализации: в обычном
-		* режиме диктор выводит их из DOM, а при неполном наборе получил бы «3 из 15»
-		* на списке в десять тысяч.
-		*/
-		function optionSetProps(virtualIndex) {
-			if (!props.virtual) return void 0;
-			return {
-				"aria-setsize": virtualCount.value,
-				"aria-posinset": virtualIndex + 1
-			};
-		}
-		const listboxStyle = computed(() => {
-			const base = { maxHeight: `${props.dropdownMaxHeight}px` };
-			if (!props.virtual) return base;
-			return {
-				...base,
-				...virtualizer.spacerStyle.value
-			};
-		});
-		/**
-		* Клавиатурная навигация ходит и по опциям, и по варианту «добавить своё»:
-		* иначе при непустом списке Enter всегда уходил бы в активную опцию, и
-		* закоммитить произвольное значение с клавиатуры было бы нечем.
-		*/
-		const navigableItems = computed(() => {
-			const items = canAddCustom.value ? [{ kind: "add" }] : [];
-			effectiveOptions.value.forEach((option, index) => {
-				if (!option.disabled) items.push({
-					kind: "option",
-					option,
-					index
-				});
-			});
-			return items;
+		const { addOffset, virtualizer, showAddOption, renderedOptions, optionSetProps, listboxStyle } = useAutocompleteVirtual({
+			listboxEl,
+			effectiveOptions,
+			canAddCustom,
+			virtual: () => props.virtual,
+			dropdownMaxHeight: () => props.dropdownMaxHeight
 		});
-		function isSelected(value) {
-			return selectedValues.value.includes(value);
-		}
-		function navigableIndexOf(value) {
-			return navigableItems.value.findIndex((item) => item.kind === "option" && item.option.value === value);
-		}
-		/** Прокрутка к активному: сперва окно виртуального списка, затем доводка. */
-		async function scrollActiveIntoView(item) {
-			if (props.virtual) virtualizer.scrollToIndex(item.kind === "add" ? 0 : item.index + addOffset.value);
-			await nextTick();
-			const id = item.kind === "add" ? addOptionDomId.value : optionDomId(item.index);
-			document.getElementById(id)?.scrollIntoView?.({ block: "nearest" });
-		}
-		const { activeIndex, activeItem, activeDescendantId, init: initActiveIndex, reset: resetActive, handleNavigationKeys } = useComboboxNavigation({
-			items: () => navigableItems.value,
-			open: () => open.value,
-			idOf: (item) => item.kind === "add" ? addOptionDomId.value : optionDomId(item.index),
-			initialIndex: () => navigableItems.value.findIndex((item) => item.kind === "option" && isSelected(item.option.value)),
-			scrollTo: (item) => scrollActiveIntoView(item)
+		const { isSelected, navigableIndexOf, activeIndex, activeItem, activeDescendantId, activeValue, initActiveIndex, resetActive, handleNavigationKeys } = useAutocompleteNavigation({
+			effectiveOptions,
+			canAddCustom,
+			selectedValues,
+			open,
+			virtual: () => props.virtual,
+			addOffset,
+			scrollToIndex: (index) => virtualizer.scrollToIndex(index),
+			optionDomId,
+			addOptionDomId
 		});
-		const activeValue = computed(() => activeItem.value?.kind === "option" ? activeItem.value.option.value : void 0);
 		function openDropdown() {
 			if (locked.value || open.value) return;
 			setOpen(true);
@@ -433,56 +579,6 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		function focusInput() {
 			inputEl.value?.focus();
 		}
-		let searchTimer = null;
-		let searchSeq = 0;
-		let inflight = null;
-		function isAbortError(error) {
-			return error instanceof Error && error.name === "AbortError";
-		}
-		async function runFetch(query) {
-			const fetchOptions = props.fetchOptions;
-			if (!fetchOptions) return;
-			inflight?.abort();
-			const controller = new AbortController();
-			inflight = controller;
-			const seq = ++searchSeq;
-			remoteLoading.value = true;
-			try {
-				const result = await fetchOptions(query, controller.signal);
-				if (seq !== searchSeq) return;
-				remoteOptions.value = result;
-				remoteAnswered.value = true;
-			} catch (error) {
-				if (seq !== searchSeq || isAbortError(error)) return;
-				remoteOptions.value = [];
-				remoteAnswered.value = true;
-				emit("searchError", error);
-			} finally {
-				if (seq === searchSeq) remoteLoading.value = false;
-			}
-		}
-		function scheduleSearch(value) {
-			if (searchTimer) clearTimeout(searchTimer);
-			searchTimer = setTimeout(() => {
-				if (props.minQueryLength > 0 && value.trim().length < props.minQueryLength) return;
-				emit("search", value.trim());
-				runFetch(value.trim());
-			}, props.debounce);
-		}
-		/**
-		* Снять запланированный и летящий запрос. Инкремент `searchSeq` обязателен
-		* вместе со снятием `remoteLoading`: после него `finally` в `runFetch` считает
-		* себя устаревшим и флаг не тронет — спиннер остался бы навсегда.
-		*/
-		function cancelSearch() {
-			if (searchTimer) clearTimeout(searchTimer);
-			searchTimer = null;
-			inflight?.abort();
-			inflight = null;
-			searchSeq += 1;
-			remoteLoading.value = false;
-		}
-		onBeforeUnmount(cancelSearch);
 		function onInput(event) {
 			const value = event.target.value;
 			query.value = value;
@@ -666,7 +762,7 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 						class: "inline-flex shrink-0 items-center justify-center text-[var(--gr-muted-fg)]",
 						style: normalizeStyle(unref(prefixStyle))
 					}, [renderSlot(_ctx.$slots, "prefix", {}, void 0, true)], 4)) : createCommentVNode("", true),
-					__props.multiple ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(selectedOptions.value, (option, chipIndex) => {
+					__props.multiple ? (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(unref(selectedOptions), (option, chipIndex) => {
 						return openBlock(), createBlock(GrChip_default, {
 							key: option.value,
 							ref_for: true,
@@ -707,7 +803,7 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 						role: "combobox",
 						value: query.value,
 						disabled: unref(isDisabled),
-						placeholder: hasSelection.value && __props.multiple ? void 0 : __props.placeholder,
+						placeholder: unref(hasSelection) && __props.multiple ? void 0 : __props.placeholder,
 						"aria-label": __props.ariaLabel,
 						"aria-invalid": unref(isInvalid) ? "true" : void 0,
 						"aria-describedby": describedBy.value,
@@ -751,7 +847,7 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 						"aria-hidden": "true"
 					})]))
 				], 34),
-				__props.name ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(selectedValues.value, (value) => {
+				__props.name ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(selectedValues), (value) => {
 					return openBlock(), createElementBlock("input", {
 						key: `hidden-${String(value)}`,
 						type: "hidden",
@@ -778,7 +874,7 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 						"data-gr-autocomplete-panel": "",
 						"data-gr-overlay-root": "",
 						style: unref(floatingStyle)
-					}), [createElementVNode("div", { class: normalizeClass(unref(autocompletePanelClasses)) }, [showAddOption.value || renderedOptions.value.length ? (openBlock(), createElementBlock("div", {
+					}), [createElementVNode("div", { class: normalizeClass(unref(autocompletePanelClasses)) }, [unref(showAddOption) || unref(renderedOptions).length ? (openBlock(), createElementBlock("div", {
 						key: 0,
 						id: unref(listboxId),
 						ref_key: "listboxEl",
@@ -786,17 +882,17 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 						"data-gr-autocomplete-listbox": "",
 						"data-gr-virtual": __props.virtual ? "" : void 0,
 						class: normalizeClass(["p-1 overflow-auto", __props.virtual ? "flex flex-col" : ""]),
-						style: normalizeStyle(listboxStyle.value),
+						style: normalizeStyle(unref(listboxStyle)),
 						role: "listbox",
 						"aria-multiselectable": __props.multiple ? "true" : void 0
-					}, [showAddOption.value ? (openBlock(), createElementBlock("button", mergeProps({
+					}, [unref(showAddOption) ? (openBlock(), createElementBlock("button", mergeProps({
 						key: 0,
 						id: addOptionDomId.value,
 						type: "button",
 						role: "option",
 						"aria-selected": "false",
 						tabindex: "-1"
-					}, optionSetProps(0), {
+					}, unref(optionSetProps)(0), {
 						"data-testid": "gr-autocomplete-add-option",
 						"data-gr-autocomplete-add-option": "",
 						class: unref(autocompleteOptionClass)({
@@ -806,35 +902,35 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 						onMousedown: _cache[0] || (_cache[0] = withModifiers(() => {}, ["prevent"])),
 						onClick: commitCustom,
 						onMousemove: _cache[1] || (_cache[1] = ($event) => activeIndex.value = 0)
-					}), toDisplayString(unref(t)("gr.autocomplete.addOption", "Add \"{value}\"", { value: query.value.trim() })), 17, _hoisted_8)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(renderedOptions.value, ({ option, index: optionIndex }) => {
+					}), toDisplayString(unref(t)("gr.autocomplete.addOption", "Add \"{value}\"", { value: query.value.trim() })), 17, _hoisted_8)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(unref(renderedOptions), ({ option, index: optionIndex }) => {
 						return openBlock(), createElementBlock("button", mergeProps({
 							id: optionDomId(optionIndex),
 							key: option.value,
 							ref_for: true,
-							ref: (el) => __props.virtual && unref(virtualizer).measure(optionIndex + addOffset.value, el),
+							ref: (el) => __props.virtual && unref(virtualizer).measure(optionIndex + unref(addOffset), el),
 							"data-gr-autocomplete-option": "",
 							type: "button",
 							role: "option",
 							tabindex: "-1"
-						}, { ref_for: true }, optionSetProps(optionIndex + addOffset.value), {
+						}, { ref_for: true }, unref(optionSetProps)(optionIndex + unref(addOffset)), {
 							disabled: option.disabled,
-							"aria-selected": isSelected(option.value) ? "true" : "false",
+							"aria-selected": unref(isSelected)(option.value) ? "true" : "false",
 							"aria-disabled": option.disabled ? "true" : void 0,
 							class: unref(autocompleteOptionClass)({
 								disabled: !!option.disabled,
-								active: activeValue.value === option.value
+								active: unref(activeValue) === option.value
 							}),
 							onMousedown: _cache[2] || (_cache[2] = withModifiers(() => {}, ["prevent"])),
 							onClick: ($event) => chooseOption(option),
-							onMousemove: ($event) => activeIndex.value = navigableIndexOf(option.value)
+							onMousemove: ($event) => activeIndex.value = unref(navigableIndexOf)(option.value)
 						}), [renderSlot(_ctx.$slots, "option", {
 							option,
-							selected: isSelected(option.value)
-						}, () => [createElementVNode("span", _hoisted_10, [createElementVNode("span", _hoisted_11, [isSelected(option.value) ? (openBlock(), createBlock(unref(check_default), {
+							selected: unref(isSelected)(option.value)
+						}, () => [createElementVNode("span", _hoisted_10, [createElementVNode("span", _hoisted_11, [unref(isSelected)(option.value) ? (openBlock(), createBlock(unref(check_default), {
 							key: 0,
 							class: "block h-4 w-4 text-[var(--gr-primary-text)]"
 						})) : createCommentVNode("", true)]), createElementVNode("span", _hoisted_12, toDisplayString(option.label), 1)])], true)], 16, _hoisted_9);
-					}), 128))], 14, _hoisted_7)) : createCommentVNode("", true), isLoading.value || belowMinQuery.value || showEmpty.value ? (openBlock(), createElementBlock("div", {
+					}), 128))], 14, _hoisted_7)) : createCommentVNode("", true), isLoading.value || unref(belowMinQuery) || unref(showEmpty) ? (openBlock(), createElementBlock("div", {
 						key: 1,
 						"data-gr-autocomplete-status": "",
 						role: "status",
@@ -843,7 +939,7 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 					}, [isLoading.value ? (openBlock(), createElementBlock("span", _hoisted_13, [renderSlot(_ctx.$slots, "loading", {}, () => [createVNode(unref(loader_circle_default), {
 						class: "block h-4 w-4 animate-spin",
 						"aria-hidden": "true"
-					}), createElementVNode("span", null, toDisplayString(resolvedLoadingText.value), 1)], true)])) : belowMinQuery.value ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(resolvedTypeMoreText.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_15, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(resolvedNoResultsText.value), 1)], true)]))], 2)) : createCommentVNode("", true)], 2)], 16), [[vShow, unref(open)]])]),
+					}), createElementVNode("span", null, toDisplayString(resolvedLoadingText.value), 1)], true)])) : unref(belowMinQuery) ? (openBlock(), createElementBlock("span", _hoisted_14, toDisplayString(resolvedTypeMoreText.value), 1)) : (openBlock(), createElementBlock("span", _hoisted_15, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(resolvedNoResultsText.value), 1)], true)]))], 2)) : createCommentVNode("", true)], 2)], 16), [[vShow, unref(open)]])]),
 					_: 3
 				}, 8, [
 					"enter-active-class",
@@ -860,6 +956,6 @@ var GrAutocomplete_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-34ca5aa5"]]);
+}), [["__scopeId", "data-v-c4989846"]]);
 //#endregion
 export { GrAutocomplete_default as t };