@feugene/granularity 0.16.0 → 0.18.0

package/dist/components/GrAutocomplete/chunks/GrAutocomplete-CQ9T7Lly.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrAutocomplete-CQ9T7Lly.js","names":[],"sources":["../../../../src/components/GrAutocomplete/GrAutocomplete.vue","../../../../src/components/GrAutocomplete/GrAutocomplete.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"TValue extends GrAutocompleteValue = string\">\nimport { computed, nextTick, onBeforeUnmount, ref, shallowRef, useId, watch } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { useGrComponentProp, useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/useFloating'\nimport { useDismissible } from '../../composables/useDismissible'\nimport { useVirtualList } from '../../composables/useVirtualList'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { isComposingEvent } from '../../internal/keyboard'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useComboboxNavigation } from '../../composables/internal/useComboboxNavigation'\nimport { filterOptions, resolveSelectedOptions } from '../shared/optionFilter'\nimport { useControlAddons } from '../../composables/internal/useControlAddons'\n\nimport GrBadge from '../GrBadge/GrBadge.vue'\nimport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from '../GrBadge/grBadgeStyles'\n\nimport {\n  autocompleteOptionClass,\n  autocompletePanelClasses,\n  autocompleteShellClass,\n  autocompleteStateClass,\n  type GrAutocompleteModelValue,\n  type GrAutocompleteOption,\n  type GrAutocompleteValue,\n  type GrAutocompleteSize,\n} from './grAutocompleteStyles'\n\nexport type {\n  GrAutocompleteModelValue,\n  GrAutocompleteOption,\n  GrAutocompleteSize,\n  GrAutocompleteValue,\n} from './grAutocompleteStyles'\n\n/**\n * Публичный GR-примитив «Autocomplete / Combobox» (WAI-ARIA editable combobox).\n *\n * В отличие от `GrSelect` (select-only combobox с кнопкой-триггером), здесь\n * combobox-ом является сам текстовый `<input>`: набранный текст — это поисковый\n * запрос, а выбор опции заполняет поле. Поддерживает локальную фильтрацию,\n * удалённую (async) загрузку через событие `search` + внешний проп `loading`,\n * произвольные значения (`allowCustomValue`) и multiple с удаляемыми chips.\n */\nexport interface GrAutocompleteProps<TValue extends GrAutocompleteValue = string> {\n  /** Выбранное значение (single — строка, multiple — массив строк). */\n  modelValue: GrAutocompleteModelValue<TValue>\n  /**\n   * Доступные опции. Для локального режима — полный список (фильтруется на клиенте).\n   * Для remote-режима (`filterable=false`) — список, который родитель обновляет\n   * в ответ на событие `search`.\n   */\n  options?: GrAutocompleteOption<TValue>[]\n  multiple?: boolean\n  /**\n   * Вид чипов выбранных значений в режиме `multiple`. Чип — это `GrBadge`, а не\n   * своя плашка: на светлой теме собственная заливка чипа (примесь `--gr-muted`\n   * без рамки) давала 1.02:1 к фону поля, то есть была невидима.\n   */\n  tagTone?: GrBadgeTone\n  tagDark?: boolean\n  tagSize?: GrBadgeSize\n  tagRadius?: GrBadgeRadius\n  disabled?: boolean\n  /** Только для чтения: значение видно и уходит в форму, но не редактируется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  size?: GrAutocompleteSize\n  placeholder?: string\n  ariaLabel?: string\n  /** Кнопка очистки выбранного значения/запроса. */\n  clearable?: boolean\n  /** Внешне управляемое состояние загрузки (для async-сценариев). */\n  loading?: boolean\n  /**\n   * Локальная фильтрация опций по введённому запросу. Отключите (`false`) для\n   * чисто удалённого поиска — тогда `options` показываются как есть, а фильтрацию\n   * выполняет сервер по событию `search`.\n   */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. По умолчанию — подстрока в `label`/`value`. */\n  filter?: (option: GrAutocompleteOption<TValue>, query: string) => boolean\n  /**\n   * Удалённая загрузка опций под управлением компонента: дебаунс, отмена\n   * устаревшего запроса и `loading` берёт на себя он. Ответ на отменённый\n   * запрос игнорируется — при быстром вводе в списке всегда результат\n   * последнего запроса, а не того, который вернулся позже.\n   *\n   * `signal` пробрасывается в `fetch`. Локальная фильтрация в этом режиме\n   * выключена: список фильтрует сервер. Альтернатива — событие `search`, если\n   * запрос ведёт само приложение.\n   */\n  fetchOptions?: (query: string, signal: AbortSignal) => Promise<GrAutocompleteOption<TValue>[]>\n  /** Минимальная длина запроса до эмита `search` (для дебаунса remote-загрузки). */\n  minQueryLength?: number\n  /** Задержка дебаунса события `search`, мс. */\n  debounce?: number\n  /** Разрешить ввод/коммит значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Закрывать панель после выбора (single всегда закрывает). */\n  closeOnSelect?: boolean\n  /** Максимальная высота панели, px. */\n  dropdownMaxHeight?: number\n  /**\n   * Виртуализация панели: в DOM живёт только окно вокруг вьюпорта.\n   *\n   * Высоту окна задаёт `dropdownMaxHeight`. Включается осознанно: на сотне\n   * опций выигрыша нет, а в разметке остаётся только окно — вместе с ним\n   * меняется и то, что находит `querySelector` потребителя. Профильный\n   * сценарий — удалённый поиск по справочнику на тысячи позиций.\n   */\n  virtual?: boolean\n  /** i18n-тексты состояний панели / aria. */\n  loadingText?: string\n  noResultsText?: string\n  clearLabel?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n  /** Имя для нативной формы: hidden input по значению модели (не по тексту запроса). */\n  name?: string\n  /**\n   * Ширины аддонов `prefix`/`suffix` — общий контракт контролов пакета\n   * (`docs/form-controls.md`).\n   */\n  prefixMinWidth?: string\n  prefixMaxWidth?: string\n  suffixMinWidth?: string\n  suffixMaxWidth?: string\n  prefixFixed?: boolean\n  suffixFixed?: boolean\n}\n\nexport interface GrAutocompleteEmits<TValue extends GrAutocompleteValue = string> {\n  (e: 'update:modelValue', value: GrAutocompleteModelValue<TValue>): void\n  /** Дебаунснутый поисковый запрос — точка входа для удалённой загрузки опций. */\n  (e: 'search', query: string): void\n  /** Запрос `fetchOptions` завершился ошибкой (отмена устаревшего сюда не приходит). */\n  (e: 'searchError', error: unknown): void\n  /** Значение зафиксировано выбором или снятием опции. */\n  (e: 'change', value: GrAutocompleteModelValue<TValue>): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n  /** Значение снято кнопкой очистки; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrAutocompleteProps<TValue>>(),\n  {\n    options: undefined,\n    multiple: false,\n    tagTone: 'neutral',\n    tagDark: false,\n    // `sm`, а не `md` как у `GrInputTag`: чип живёт внутри контрола, а не в тексте.\n    tagSize: 'sm',\n    tagRadius: 'round',\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    size: undefined,\n    placeholder: undefined,\n    ariaLabel: undefined,\n    clearable: undefined,\n    loading: false,\n    filterable: true,\n    filter: undefined,\n    fetchOptions: undefined,\n    minQueryLength: 0,\n    debounce: 250,\n    allowCustomValue: false,\n    closeOnSelect: true,\n    dropdownMaxHeight: 280,\n    virtual: false,\n    loadingText: undefined,\n    noResultsText: undefined,\n    clearLabel: undefined,\n    open: undefined,\n    name: undefined,\n    prefixMinWidth: undefined,\n    prefixMaxWidth: undefined,\n    suffixMinWidth: undefined,\n    suffixMaxWidth: undefined,\n    prefixFixed: false,\n    suffixFixed: false,\n  },\n)\n\n/** Ширина аддона по умолчанию — та же лестница, что у `GrInput`. */\nconst ADDON_MIN_WIDTH_BY_SIZE: Record<GrAutocompleteSize, string> = {\n  xs: '2rem',\n  sm: '2.25rem',\n  md: '2.5rem',\n  lg: '3rem',\n}\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrAutocomplete' })\nconst resolvedClearable = useGrComponentProp('GrAutocomplete', 'clearable', () => props.clearable, false)\n\n/**\n * Аддоны живут флекс-соседями поля, а не поверх него: оболочка автокомплита —\n * флекс-строка с чипами, поэтому резервировать место паддингом не нужно.\n * Контракт ширин остаётся общим (`useControlAddons`).\n */\nconst { hasPrefix, hasSuffix, prefixEl, suffixEl, prefixStyle, suffixStyle } = useControlAddons(() => props, {\n  defaultMinWidth: () => ADDON_MIN_WIDTH_BY_SIZE[resolvedSize.value],\n  paddingX: () => '0px',\n})\n\nconst emit = defineEmits<GrAutocompleteEmits<TValue>>()\ndefineSlots<{\n  /** Аддон слева от поля ввода. */\n  prefix?: () => any\n  /** Аддон справа, перед спиннером и крестиком. */\n  suffix?: () => any\n  /** Строка списка вместо подписи опции. */\n  option?: (props: { option: GrAutocompleteOption<TValue>, selected: boolean }) => any\n  /** Содержимое панели, пока едут опции. */\n  loading?: () => any\n  /** Содержимое панели, когда подходящих опций нет. */\n  empty?: () => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.autocomplete.loading', 'Loading…'))\nconst resolvedNoResultsText = computed(() => props.noResultsText ?? t('gr.autocomplete.noResults', 'No results'))\nconst resolvedClearLabel = computed(() => props.clearLabel ?? t('gr.common.clear', 'Clear'))\n// Число уходит под двумя общепринятыми именами: `n` читают `@feugene/fint-i18n`\n// и `vue-i18n`, `count` — `i18next`. Формы для каждого языка лежат в словаре,\n// выбирает их переводчик; встроенный fallback — одна английская строка.\nconst resolvedTypeMoreText = computed(() =>\n  t('gr.autocomplete.typeMore', 'Type at least {n} characters', {\n    n: props.minQueryLength,\n    count: props.minQueryLength,\n  }),\n)\n\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required).\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\n// Read-only запирает контрол так же, как disabled: значение видно, но панель не\n// открывается, опции не выбираются и чипы не удаляются. Без этого `readonly`\n// оставался бы ARIA-атрибутом без поведения.\nconst locked = computed(() => isDisabled.value || isReadonly.value)\n\n// Ответ последнего `fetchOptions`. До первого ответа показываем `options` —\n// с ними компонент рисует стартовый список, не дожидаясь сервера.\nconst remoteOptions = shallowRef<GrAutocompleteOption<TValue>[]>([])\nconst remoteAnswered = ref(false)\nconst remoteLoading = ref(false)\n\nconst optionsResolved = computed<GrAutocompleteOption<TValue>[]>(() =>\n  props.fetchOptions && remoteAnswered.value ? remoteOptions.value : (props.options ?? []),\n)\n\n/**\n * Подпись состава стартового списка. Сравнивать идентичность массива нельзя:\n * инлайн-литерал `:options=\"[...]\"` пересоздаётся каждым ререндером родителя —\n * в том числе тем, который вызвал сам компонент своим `update:modelValue`, —\n * и remote-результаты исчезали бы прямо посреди выбора.\n */\nfunction optionsSignature(options: GrAutocompleteOption<TValue>[] | undefined): string {\n  return (options ?? []).map(o => `${String(o.value)}\\u0000${o.label}`).join('\\u0001')\n}\n\n// Родитель сменил стартовый список — он снова источник до следующего ответа\n// сервера, а летящий запрос относится к прежнему набору данных и отменяется.\nwatch(() => optionsSignature(props.options), () => {\n  if (!props.fetchOptions) return\n  cancelSearch()\n  remoteAnswered.value = false\n  remoteOptions.value = []\n})\n\nconst isLoading = computed(() => props.loading || remoteLoading.value)\n\n/** `0` — валидное значение, поэтому «пусто» проверяется явно, а не через falsy. */\nfunction isEmptyValue(value: unknown): boolean {\n  return value === undefined || value === null || value === ''\n}\n\nfunction toArray(value: GrAutocompleteModelValue<TValue>): TValue[] {\n  if (Array.isArray(value)) return value\n  if (isEmptyValue(value)) return []\n  return [value]\n}\n\nconst modelSingle = computed<TValue | ''>(() => {\n  const raw = Array.isArray(props.modelValue) ? props.modelValue[0] : props.modelValue\n  return isEmptyValue(raw) ? '' : (raw as TValue)\n})\nconst selectedValues = computed(() => (props.multiple ? toArray(props.modelValue) : (isEmptyValue(modelSingle.value) ? [] : [modelSingle.value as TValue])))\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nfunction labelFor(value: GrAutocompleteValue): string {\n  return optionsResolved.value.find(o => o.value === value)?.label ?? String(value)\n}\n\n/** Опции выбранных значений (для chips в multiple). Неизвестные значения показываем как есть. */\nconst selectedOptions = computed<GrAutocompleteOption<TValue>[]>(() =>\n  resolveSelectedOptions(selectedValues.value, optionsResolved.value),\n)\n\nconst singleSelectedLabel = computed(() => (props.multiple || isEmptyValue(modelSingle.value) ? '' : labelFor(modelSingle.value)))\n\n// ————— Состояние.\nconst query = ref('')\n// `dirty` — пользователь начал вводить запрос. Нужно, чтобы в single-режиме при\n// открытии заполненного поля показать весь список (а не отфильтровать по метке\n// уже выбранной опции). Сбрасывается при программной установке `query`.\nconst dirty = ref(false)\n// Имя `open` сохранено: читатели работают с computed-Ref.\nconst { open, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst listboxEl = ref<HTMLElement | null>(null)\n\n// Панель телепортирована в `body`, то есть лежит вне корня, но для пользователя\n// она часть контрола: без неё уход фокуса в панель читался бы как `blur`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n  containers: () => [panelEl.value],\n})\nconst inputEl = ref<HTMLInputElement | null>(null)\n\nfunction focus(): void {\n  inputEl.value?.focus()\n}\n\nfunction blur(): void {\n  inputEl.value?.blur()\n}\n\ndefineExpose({\n  focus,\n  blur,\n  open: () => openDropdown(),\n  close: () => closeDropdown(),\n})\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nuseDismissible(open, closeDropdown)\n\n// ————— Фильтрация.\nconst searchQuery = computed(() => {\n  // При `fetchOptions` фильтрует сервер: локальный матчер отсеял бы то, что он\n  // уже прислал в ответ на этот же запрос.\n  if (!props.filterable || props.fetchOptions) return ''\n  // single: пока пользователь не начал вводить — показываем весь список.\n  if (!props.multiple && !dirty.value) return ''\n  return query.value.trim()\n})\n\nconst filteredOptions = computed<GrAutocompleteOption<TValue>[]>(() =>\n  filterOptions(optionsResolved.value, searchQuery.value, props.filter),\n)\n\nconst belowMinQuery = computed(() => props.minQueryLength > 0 && query.value.trim().length < props.minQueryLength)\n\n/**\n * Опции к показу и навигации. Ниже `minQueryLength` — пусто: список ещё\n * относится к прошлому запросу, показывать его под подсказкой «введите ещё N»\n * значит дезинформировать.\n */\nconst effectiveOptions = computed<GrAutocompleteOption<TValue>[]>(() =>\n  belowMinQuery.value ? [] : filteredOptions.value,\n)\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  // Кастомное значение набирается текстом — оно строковое по природе;\n  // при числовом `TValue` эта ветка неприменима (см. docs/components.md).\n  const v = query.value.trim() as TValue\n  if (!v) return false\n  if (props.multiple && selectedValues.value.includes(v)) return false\n  if (!props.multiple && v === modelSingle.value) return false\n  // Не предлагаем «Add», если такое значение/метка уже есть среди опций.\n  return !optionsResolved.value.some(o => o.value === v || o.label === v)\n})\n\nconst showEmpty = computed(() =>\n  !isLoading.value && effectiveOptions.value.length === 0 && !canAddCustom.value,\n)\n\n// ————— Панель: id/aria-activedescendant.\nconst listboxId = useId()\n\n/**\n * Id опции строится от позиции, а не от значения: значение с пробелом дало бы\n * невалидный `id`, а `aria-activedescendant` — два токена вместо одной ссылки,\n * и активная опция перестала бы объявляться.\n */\nfunction optionDomId(index: number): string {\n  return `${listboxId}-opt-${index}`\n}\nconst addOptionDomId = computed(() => `${listboxId}-add`)\n\n/**\n * Виртуализация панели.\n *\n * Набор — `[«Add …»?] + filteredOptions`, тот же, по которому ходит клавиатура\n * (`navigableItems` ниже). Иначе верхняя распорка вытолкнула бы строку «Add …»\n * вниз: она отрисована внутри listbox'а первой и является полноценной опцией.\n */\n\n/** Оценка высоты опции: `py-2` вокруг строки кегля `sm`. Уточняется замером. */\nconst OPTION_SIZE_ESTIMATE = 36\n\nconst addOffset = computed(() => (canAddCustom.value ? 1 : 0))\nconst virtualCount = computed(() => effectiveOptions.value.length + addOffset.value)\n\nconst virtualizer = useVirtualList({\n  container: listboxEl,\n  count: () => (props.virtual ? virtualCount.value : 0),\n  // Фильтрация/remote-ответ пересобирают набор — замеры прошлого невалидны.\n  source: () => effectiveOptions.value,\n  itemSize: OPTION_SIZE_ESTIMATE,\n  // Панель скрыта `v-show`, пока закрыта, поэтому `clientHeight` контейнера —\n  // ноль. Окно считается от объявленной высоты до первого настоящего замера.\n  viewportSize: () => props.dropdownMaxHeight,\n})\n\n/** Виден ли «Add …»: вне виртуального окна его рисовать нельзя — он элемент набора. */\nconst showAddOption = computed(() => {\n  if (!canAddCustom.value) return false\n  return !props.virtual || virtualizer.range.value.start === 0\n})\n\n/** Опции к отрисовке вместе с их абсолютным индексом в `filteredOptions`. */\nconst renderedOptions = computed(() => {\n  const all = effectiveOptions.value\n  if (!props.virtual) return all.map((option, index) => ({ option, index }))\n\n  const { start, end } = virtualizer.range.value\n  const from = Math.max(0, start - addOffset.value)\n  const to = Math.max(0, end - addOffset.value)\n\n  return all.slice(from, to).map((option, offset) => ({ option, index: from + offset }))\n})\n\n/**\n * Размер набора и позиция в нём объявляются только при виртуализации: в обычном\n * режиме диктор выводит их из DOM, а при неполном наборе получил бы «3 из 15»\n * на списке в десять тысяч.\n */\nfunction optionSetProps(virtualIndex: number): Record<string, number> | undefined {\n  if (!props.virtual) return undefined\n  return { 'aria-setsize': virtualCount.value, 'aria-posinset': virtualIndex + 1 }\n}\n\nconst listboxStyle = computed(() => {\n  const base: Record<string, string> = { maxHeight: `${props.dropdownMaxHeight}px` }\n  if (!props.virtual) return base\n\n  return {\n    ...base,\n    ...virtualizer.spacerStyle.value,\n  }\n})\n\n/**\n * Клавиатурная навигация ходит и по опциям, и по варианту «добавить своё»:\n * иначе при непустом списке Enter всегда уходил бы в активную опцию, и\n * закоммитить произвольное значение с клавиатуры было бы нечем.\n */\ntype NavigableItem =\n  | { kind: 'add' }\n  | { kind: 'option', option: GrAutocompleteOption<TValue>, index: number }\n\nconst navigableItems = computed<NavigableItem[]>(() => {\n  const items: NavigableItem[] = canAddCustom.value ? [{ kind: 'add' }] : []\n  effectiveOptions.value.forEach((option, index) => {\n    if (!option.disabled) items.push({ kind: 'option', option, index })\n  })\n  return items\n})\n\nfunction isSelected(value: TValue): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction navigableIndexOf(value: TValue): number {\n  return navigableItems.value.findIndex(item => item.kind === 'option' && item.option.value === value)\n}\n\n/** Прокрутка к активному: сперва окно виртуального списка, затем доводка. */\nasync function scrollActiveIntoView(item: NavigableItem): Promise<void> {\n  // Вне окна активной опции в DOM нет: `getElementById` вернул бы `null`,\n  // прокрутка не случилась бы, а `aria-activedescendant` указал бы в пустоту.\n  if (props.virtual)\n    virtualizer.scrollToIndex(item.kind === 'add' ? 0 : item.index + addOffset.value)\n\n  await nextTick()\n  const id = item.kind === 'add' ? addOptionDomId.value : optionDomId(item.index)\n  document.getElementById(id)?.scrollIntoView?.({ block: 'nearest' })\n}\n\nconst {\n  activeIndex,\n  activeItem,\n  activeDescendantId,\n  init: initActiveIndex,\n  reset: resetActive,\n  handleNavigationKeys,\n} = useComboboxNavigation<NavigableItem>({\n  items: () => navigableItems.value,\n  open: () => open.value,\n  idOf: item => (item.kind === 'add' ? addOptionDomId.value : optionDomId(item.index)),\n  initialIndex: () => navigableItems.value.findIndex(item => item.kind === 'option' && isSelected(item.option.value)),\n  scrollTo: item => scrollActiveIntoView(item),\n})\n\nconst activeValue = computed(() => (activeItem.value?.kind === 'option' ? activeItem.value.option.value : undefined))\n\n// ————— Открытие/закрытие.\nfunction openDropdown(): void {\n  if (locked.value || open.value) return\n  setOpen(true)\n}\n\nfunction closeDropdown(): void {\n  setOpen(false)\n}\n\nfunction focusInput(): void {\n  inputEl.value?.focus()\n}\n\n// ————— Дебаунснутый поиск для remote-загрузки.\nlet searchTimer: ReturnType<typeof setTimeout> | null = null\n// Счётчик запросов: ответ, стартовавший раньше, но пришедший позже, обязан\n// проиграть последнему — иначе список показывает результат старого запроса.\nlet searchSeq = 0\nlet inflight: AbortController | null = null\n\nfunction isAbortError(error: unknown): boolean {\n  return error instanceof Error && error.name === 'AbortError'\n}\n\nasync function runFetch(query: string): Promise<void> {\n  const fetchOptions = props.fetchOptions\n  if (!fetchOptions) return\n\n  inflight?.abort()\n  const controller = new AbortController()\n  inflight = controller\n  const seq = ++searchSeq\n  remoteLoading.value = true\n\n  try {\n    const result = await fetchOptions(query, controller.signal)\n    if (seq !== searchSeq) return\n    remoteOptions.value = result\n    remoteAnswered.value = true\n  }\n  catch (error) {\n    if (seq !== searchSeq || isAbortError(error)) return\n    remoteOptions.value = []\n    remoteAnswered.value = true\n    emit('searchError', error)\n  }\n  finally {\n    if (seq === searchSeq) remoteLoading.value = false\n  }\n}\n\nfunction scheduleSearch(value: string): void {\n  if (searchTimer) clearTimeout(searchTimer)\n  searchTimer = setTimeout(() => {\n    if (props.minQueryLength > 0 && value.trim().length < props.minQueryLength) return\n    emit('search', value.trim())\n    void runFetch(value.trim())\n  }, props.debounce)\n}\n\n/**\n * Снять запланированный и летящий запрос. Инкремент `searchSeq` обязателен\n * вместе со снятием `remoteLoading`: после него `finally` в `runFetch` считает\n * себя устаревшим и флаг не тронет — спиннер остался бы навсегда.\n */\nfunction cancelSearch(): void {\n  if (searchTimer) clearTimeout(searchTimer)\n  searchTimer = null\n  inflight?.abort()\n  inflight = null\n  searchSeq += 1\n  remoteLoading.value = false\n}\n\nonBeforeUnmount(cancelSearch)\n\n// ————— Ввод.\nfunction onInput(event: Event): void {\n  const value = (event.target as HTMLInputElement).value\n  query.value = value\n  dirty.value = true\n  openDropdown()\n  scheduleSearch(value)\n}\n\nfunction onFocus(): void {\n  if (locked.value) return\n  openDropdown()\n}\n\nfunction setQuery(value: string): void {\n  query.value = value\n  dirty.value = false\n}\n\n// ————— Выбор значений.\nfunction selectSingle(value: TValue, label: string): void {\n  emit('update:modelValue', value)\n  emit('change', value as GrAutocompleteModelValue<TValue>)\n  setQuery(label)\n  closeDropdown()\n}\n\nfunction toggleMultiple(value: TValue): void {\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) next.splice(idx, 1)\n  else next.push(value)\n  emit('update:modelValue', next)\n  emit('change', next as GrAutocompleteModelValue<TValue>)\n  setQuery('')\n  if (props.closeOnSelect) closeDropdown()\n  else void nextTick(focusInput)\n}\n\nfunction chooseOption(option: GrAutocompleteOption<TValue>): void {\n  if (locked.value || option.disabled) return\n  if (props.multiple) toggleMultiple(option.value)\n  else selectSingle(option.value, option.label)\n}\n\nfunction commitCustom(): void {\n  if (locked.value) return\n  // Кастомное значение строковое по природе — см. `canAddCustom`.\n  const v = query.value.trim() as TValue\n  if (!v) return\n  if (props.multiple) toggleMultiple(v)\n  else selectSingle(v, String(v))\n}\n\nfunction removeValue(value: TValue, focusAfter: () => void = focusInput): void {\n  if (locked.value) return\n  const next = selectedValues.value.filter(v => v !== value)\n  emit('update:modelValue', next)\n  emit('change', next as GrAutocompleteModelValue<TValue>)\n  void nextTick(focusAfter)\n}\n\nfunction clearSelection(): void {\n  if (locked.value) return\n  const next = (props.multiple ? [] : '') as GrAutocompleteModelValue<TValue>\n  emit('update:modelValue', next)\n  emit('change', next)\n  emit('clear')\n  setQuery('')\n  void nextTick(focusInput)\n}\n\nconst showClear = computed(() =>\n  resolvedClearable.value && !locked.value && (hasSelection.value || query.value.length > 0),\n)\n\n// ————— Чипы (multiple): стрелки вместо таб-стопов.\n//\n// Крестики намеренно не табируемы: у combobox фокус живёт на `<input>`, и\n// двадцать выбранных значений не должны давать двадцать остановок Tab. Поэтому\n// вход в чипы — ArrowLeft из пустого запроса, а выход — ArrowRight/Esc/печать.\nfunction chipRemoveButtons(): HTMLButtonElement[] {\n  return [...(rootEl.value?.querySelectorAll<HTMLButtonElement>('[data-gr-autocomplete-chip-remove]') ?? [])]\n}\n\nfunction focusChip(index: number): void {\n  const buttons = chipRemoveButtons()\n  if (!buttons.length) {\n    focusInput()\n    return\n  }\n  buttons[Math.min(Math.max(index, 0), buttons.length - 1)].focus()\n}\n\nfunction onChipKeydown(event: KeyboardEvent, index: number, value: TValue): void {\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault()\n      focusChip(index - 1)\n      break\n    case 'ArrowRight':\n      event.preventDefault()\n      if (index >= chipRemoveButtons().length - 1) focusInput()\n      else focusChip(index + 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusChip(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusChip(chipRemoveButtons().length - 1)\n      break\n    case 'Delete':\n    case 'Backspace':\n      event.preventDefault()\n      removeValue(value, () => focusChip(index))\n      break\n    case 'Escape':\n      event.preventDefault()\n      focusInput()\n      break\n    default:\n      // Печатный символ возвращает в поле: фокус переезжает синхронно, до\n      // вставки текста, поэтому символ попадает в запрос, а не пропадает.\n      if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) focusInput()\n  }\n}\n\n// ————— Клавиатура.\nfunction onKeydown(event: KeyboardEvent): void {\n  // Клавиша во время IME-композиции принадлежит композиции: Enter коммитит её,\n  // Esc отменяет, стрелки ходят по кандидатам.\n  if (isComposingEvent(event)) return\n  if (locked.value) return\n\n  // Курсор в начале пустого запроса — стрелка влево уходит к чипам, а не\n  // двигает каретку, которой всё равно некуда двигаться.\n  if (event.key === 'ArrowLeft' && props.multiple && query.value === '' && selectedValues.value.length) {\n    event.preventDefault()\n    closeDropdown()\n    focusChip(selectedValues.value.length - 1)\n    return\n  }\n\n  if (!open.value && ['ArrowDown', 'ArrowUp'].includes(event.key)) {\n    event.preventDefault()\n    openDropdown()\n    return\n  }\n\n  // Только при открытой панели: в закрытом инпуте Home/End двигают каретку.\n  if (open.value && handleNavigationKeys(event)) return\n\n  switch (event.key) {\n    case 'Enter': {\n      if (!open.value) break\n      event.preventDefault()\n      const item = activeItem.value\n      if (item?.kind === 'option') chooseOption(item.option)\n      else if (item?.kind === 'add' || canAddCustom.value) commitCustom()\n      break\n    }\n    case 'Backspace':\n      // multiple: пустой запрос + Backspace удаляет последний chip.\n      if (props.multiple && query.value === '' && selectedValues.value.length) {\n        event.preventDefault()\n        removeValue(selectedValues.value[selectedValues.value.length - 1])\n      }\n      break\n    case 'Tab':\n      closeDropdown()\n      break\n  }\n}\n\n// ————— Синхронизация query с выбранным значением (single).\nwatch(\n  [singleSelectedLabel, () => props.multiple],\n  ([label, multiple]) => {\n    if (multiple) return\n    // Не перетираем то, что пользователь сейчас набирает.\n    if (open.value || dirty.value) return\n    setQuery(label)\n  },\n  { immediate: true },\n)\n\nwatch(open, (isOpen) => {\n  if (isOpen) {\n    initActiveIndex()\n    return\n  }\n  // Закрытие: сбрасываем активную опцию и «черновик».\n  resetActive()\n  if (props.multiple) {\n    setQuery('')\n  }\n  else {\n    // single: возвращаем метку выбранной опции (revert ввода без выбора).\n    setQuery(singleSelectedLabel.value)\n  }\n})\n\nconst ariaAutocomplete = computed(() => (props.allowCustomValue ? 'both' : 'list'))\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-gr-autocomplete\n    class=\"relative w-full\"\n     @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <div\n      data-gr-autocomplete-shell\n      :class=\"autocompleteShellClass({ size: resolvedSize, disabled: isDisabled, invalid: isInvalid })\"\n      @mousedown.self.prevent=\"focusInput\"\n    >\n      <span\n        v-if=\"hasPrefix\"\n        ref=\"prefixEl\"\n        data-gr-autocomplete-prefix\n        class=\"inline-flex shrink-0 items-center justify-center text-[var(--gr-muted-fg)]\"\n        :style=\"prefixStyle\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <!-- Chips выбранных значений (multiple). -->\n      <template v-if=\"multiple\">\n        <GrBadge\n          v-for=\"(option, chipIndex) in selectedOptions\"\n          :key=\"option.value\"\n          data-gr-autocomplete-chip\n          :tone=\"tagTone\"\n          :dark=\"tagDark\"\n          :size=\"tagSize\"\n          :radius=\"tagRadius\"\n        >\n          <span class=\"inline-flex max-w-full items-center gap-1 align-middle\">\n            <span class=\"truncate\">{{ option.label }}</span>\n            <button\n              v-if=\"!locked\"\n              type=\"button\"\n              data-gr-autocomplete-chip-remove\n              class=\"inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] text-current focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n              :aria-label=\"t('gr.autocomplete.removeValue', 'Remove {label}', { label: option.label })\"\n              tabindex=\"-1\"\n              @click=\"removeValue(option.value)\"\n              @keydown=\"onChipKeydown($event, chipIndex, option.value)\"\n            >\n              <span class=\"i-lucide-x block h-3 w-3\" aria-hidden=\"true\" />\n            </button>\n          </span>\n        </GrBadge>\n      </template>\n\n      <input\n        :id=\"resolvedId\"\n        ref=\"inputEl\"\n        data-gr-autocomplete-input\n        data-testid=\"gr-autocomplete-input\"\n        type=\"text\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        role=\"combobox\"\n        :value=\"query\"\n        :disabled=\"isDisabled\"\n        :placeholder=\"hasSelection && multiple ? undefined : placeholder\"\n        :aria-label=\"ariaLabel\"\n        :aria-invalid=\"isInvalid ? 'true' : undefined\"\n        :aria-describedby=\"describedBy\"\n        :aria-required=\"isRequired ? 'true' : undefined\"\n        :aria-readonly=\"isReadonly ? 'true' : undefined\"\n        :readonly=\"isReadonly\"\n        aria-haspopup=\"listbox\"\n        :aria-autocomplete=\"ariaAutocomplete\"\n        :aria-controls=\"open ? listboxId : undefined\"\n        :aria-activedescendant=\"activeDescendantId\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        class=\"min-w-0 flex-1 bg-transparent text-inherit placeholder:text-[var(--gr-muted-fg)] focus:outline-none disabled:cursor-not-allowed\"\n        @input=\"onInput\"\n        @focus=\"onFocus\"\n        @keydown=\"onKeydown\"\n      >\n\n      <span\n        v-if=\"hasSuffix\"\n        ref=\"suffixEl\"\n        data-gr-autocomplete-suffix\n        class=\"inline-flex shrink-0 items-center justify-center text-[var(--gr-muted-fg)]\"\n        :style=\"suffixStyle\"\n      >\n        <slot name=\"suffix\" />\n      </span>\n\n      <!-- Trailing: спиннер / очистка / шеврон. -->\n      <span\n        v-if=\"isLoading\"\n        data-gr-autocomplete-spinner\n        class=\"shrink-0 flex items-center text-[var(--gr-muted-fg)]\"\n      >\n        <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n      </span>\n\n      <button\n        v-else-if=\"showClear\"\n        type=\"button\"\n        data-testid=\"gr-autocomplete-clear\"\n        data-gr-autocomplete-clear\n        class=\"shrink-0 inline-flex h-5 w-5 items-center justify-center rounded-[var(--gr-radius-control)] text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n        :aria-label=\"resolvedClearLabel\"\n        @click=\"clearSelection\"\n      >\n        <span class=\"i-lucide-x block h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"gr-autocomplete-chevron\"\n        class=\"shrink-0 flex items-center text-[var(--gr-muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down block h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </div>\n\n    <!-- Нативная форма: сериализуется модель, а не текст запроса. -->\n    <template v-if=\"name\">\n      <input\n        v-for=\"value in selectedValues\"\n        :key=\"`hidden-${String(value)}`\"\n        type=\"hidden\"\n        :name=\"name\"\n        :value=\"String(value)\"\n      >\n    </template>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        enter-active-class=\"transition ease-[var(--gr-ease-out)] duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-[var(--gr-ease-in)] duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"gr-autocomplete-panel\"\n          v-bind=\"themeAttrs\"\n          data-gr-autocomplete-panel\n          data-gr-overlay-root\n          :style=\"floatingStyle\"\n        >\n          <div :class=\"autocompletePanelClasses\">\n            <!--\n              Пустой listbox не рендерим: его `p-1` давал полосу пустоты над\n              строкой состояния, и «ничего не найдено» выглядело прижатым к низу.\n            -->\n            <div\n              v-if=\"showAddOption || renderedOptions.length\"\n              :id=\"listboxId\"\n              ref=\"listboxEl\"\n              data-gr-autocomplete-listbox\n              :data-gr-virtual=\"virtual ? '' : undefined\"\n              class=\"p-1 overflow-auto\"\n              :class=\"virtual ? 'flex flex-col' : ''\"\n              :style=\"listboxStyle\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <!--\n                Прямые потомки listbox — только опции: роль объявляет остальных\n                недопустимыми детьми (`aria-required-children`), поэтому строки\n                состояний живут ниже, вне списка. `mousedown.prevent` держит\n                фокус на `<input>` — контракт combobox с `aria-activedescendant`.\n              -->\n              <button\n                v-if=\"showAddOption\"\n                :id=\"addOptionDomId\"\n                type=\"button\"\n                role=\"option\"\n                aria-selected=\"false\"\n                tabindex=\"-1\"\n                v-bind=\"optionSetProps(0)\"\n                data-testid=\"gr-autocomplete-add-option\"\n                data-gr-autocomplete-add-option\n                :class=\"autocompleteOptionClass({ disabled: false, active: activeItem?.kind === 'add' })\"\n                @mousedown.prevent\n                @click=\"commitCustom\"\n                @mousemove=\"activeIndex = 0\"\n              >\n                {{ t('gr.autocomplete.addOption', 'Add \"{value}\"', { value: query.trim() }) }}\n              </button>\n\n              <button\n                v-for=\"{ option, index: optionIndex } in renderedOptions\"\n                :id=\"optionDomId(optionIndex)\"\n                :key=\"option.value\"\n                :ref=\"(el) => virtual && virtualizer.measure(optionIndex + addOffset, el as Element | null)\"\n                data-gr-autocomplete-option\n                type=\"button\"\n                role=\"option\"\n                tabindex=\"-1\"\n                v-bind=\"optionSetProps(optionIndex + addOffset)\"\n                :disabled=\"option.disabled\"\n                :aria-selected=\"isSelected(option.value) ? 'true' : 'false'\"\n                :aria-disabled=\"option.disabled ? 'true' : undefined\"\n                :class=\"autocompleteOptionClass({\n                  disabled: !!option.disabled,\n                  active: activeValue === option.value,\n                })\"\n                @mousedown.prevent\n                @click=\"chooseOption(option)\"\n                @mousemove=\"activeIndex = navigableIndexOf(option.value)\"\n              >\n                <slot name=\"option\" :option=\"option\" :selected=\"isSelected(option.value)\">\n                  <span class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"inline-block h-4 w-4 shrink-0\"\n                      :class=\"isSelected(option.value) ? 'i-lucide-check text-[var(--gr-primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ option.label }}</span>\n                  </span>\n                </slot>\n              </button>\n            </div>\n\n            <!--\n              Загрузка, «введите ещё N» и «ничего не найдено» меняются молча:\n              `aria-label` на generic-элементе AT игнорируют. Один живой регион\n              на все три — и вне listbox, чтобы не ломать его состав.\n            -->\n            <div\n              v-if=\"isLoading || belowMinQuery || showEmpty\"\n              data-gr-autocomplete-status\n              role=\"status\"\n              aria-live=\"polite\"\n              :class=\"autocompleteStateClass\"\n            >\n              <template v-if=\"isLoading\">\n                <span data-gr-autocomplete-loading class=\"flex items-center gap-2\">\n                  <slot name=\"loading\">\n                    <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n                    <span>{{ resolvedLoadingText }}</span>\n                  </slot>\n                </span>\n              </template>\n              <template v-else-if=\"belowMinQuery\">\n                <span data-gr-autocomplete-hint>{{ resolvedTypeMoreText }}</span>\n              </template>\n              <template v-else>\n                <span data-gr-autocomplete-empty>\n                  <slot name=\"empty\">\n                    {{ resolvedNoResultsText }}\n                  </slot>\n                </span>\n              </template>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n\n<style scoped>\n/*\n * Распорки виртуального списка.\n *\n * Не `padding` контейнера: `max-height` меряет ту же коробку, и распорка в\n * десятки тысяч пикселей раздула бы панель. Не обёртка внутри listbox'а:\n * прямыми потомками роли обязаны быть только опции (`aria-required-children`,\n * гейт — `GrAutocomplete.a11y.test.ts`). Не отступы крайних опций: при прыжке\n * прокрутки опции заменяются целиком, распорка исчезла бы вместе с ними, и\n * браузер обрезал бы `scrollTop`.\n *\n * Псевдоэлементы не узлы DOM: их не за что размонтировать, детьми listbox'а\n * они не считаются, а высота приезжает переменными в том же патче, что и опции.\n */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n","<script setup lang=\"ts\" generic=\"TValue extends GrAutocompleteValue = string\">\nimport { computed, nextTick, onBeforeUnmount, ref, shallowRef, useId, watch } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { useGrComponentProp, useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/useFloating'\nimport { useDismissible } from '../../composables/useDismissible'\nimport { useVirtualList } from '../../composables/useVirtualList'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { isComposingEvent } from '../../internal/keyboard'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useComboboxNavigation } from '../../composables/internal/useComboboxNavigation'\nimport { filterOptions, resolveSelectedOptions } from '../shared/optionFilter'\nimport { useControlAddons } from '../../composables/internal/useControlAddons'\n\nimport GrBadge from '../GrBadge/GrBadge.vue'\nimport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from '../GrBadge/grBadgeStyles'\n\nimport {\n  autocompleteOptionClass,\n  autocompletePanelClasses,\n  autocompleteShellClass,\n  autocompleteStateClass,\n  type GrAutocompleteModelValue,\n  type GrAutocompleteOption,\n  type GrAutocompleteValue,\n  type GrAutocompleteSize,\n} from './grAutocompleteStyles'\n\nexport type {\n  GrAutocompleteModelValue,\n  GrAutocompleteOption,\n  GrAutocompleteSize,\n  GrAutocompleteValue,\n} from './grAutocompleteStyles'\n\n/**\n * Публичный GR-примитив «Autocomplete / Combobox» (WAI-ARIA editable combobox).\n *\n * В отличие от `GrSelect` (select-only combobox с кнопкой-триггером), здесь\n * combobox-ом является сам текстовый `<input>`: набранный текст — это поисковый\n * запрос, а выбор опции заполняет поле. Поддерживает локальную фильтрацию,\n * удалённую (async) загрузку через событие `search` + внешний проп `loading`,\n * произвольные значения (`allowCustomValue`) и multiple с удаляемыми chips.\n */\nexport interface GrAutocompleteProps<TValue extends GrAutocompleteValue = string> {\n  /** Выбранное значение (single — строка, multiple — массив строк). */\n  modelValue: GrAutocompleteModelValue<TValue>\n  /**\n   * Доступные опции. Для локального режима — полный список (фильтруется на клиенте).\n   * Для remote-режима (`filterable=false`) — список, который родитель обновляет\n   * в ответ на событие `search`.\n   */\n  options?: GrAutocompleteOption<TValue>[]\n  multiple?: boolean\n  /**\n   * Вид чипов выбранных значений в режиме `multiple`. Чип — это `GrBadge`, а не\n   * своя плашка: на светлой теме собственная заливка чипа (примесь `--gr-muted`\n   * без рамки) давала 1.02:1 к фону поля, то есть была невидима.\n   */\n  tagTone?: GrBadgeTone\n  tagDark?: boolean\n  tagSize?: GrBadgeSize\n  tagRadius?: GrBadgeRadius\n  disabled?: boolean\n  /** Только для чтения: значение видно и уходит в форму, но не редактируется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  size?: GrAutocompleteSize\n  placeholder?: string\n  ariaLabel?: string\n  /** Кнопка очистки выбранного значения/запроса. */\n  clearable?: boolean\n  /** Внешне управляемое состояние загрузки (для async-сценариев). */\n  loading?: boolean\n  /**\n   * Локальная фильтрация опций по введённому запросу. Отключите (`false`) для\n   * чисто удалённого поиска — тогда `options` показываются как есть, а фильтрацию\n   * выполняет сервер по событию `search`.\n   */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. По умолчанию — подстрока в `label`/`value`. */\n  filter?: (option: GrAutocompleteOption<TValue>, query: string) => boolean\n  /**\n   * Удалённая загрузка опций под управлением компонента: дебаунс, отмена\n   * устаревшего запроса и `loading` берёт на себя он. Ответ на отменённый\n   * запрос игнорируется — при быстром вводе в списке всегда результат\n   * последнего запроса, а не того, который вернулся позже.\n   *\n   * `signal` пробрасывается в `fetch`. Локальная фильтрация в этом режиме\n   * выключена: список фильтрует сервер. Альтернатива — событие `search`, если\n   * запрос ведёт само приложение.\n   */\n  fetchOptions?: (query: string, signal: AbortSignal) => Promise<GrAutocompleteOption<TValue>[]>\n  /** Минимальная длина запроса до эмита `search` (для дебаунса remote-загрузки). */\n  minQueryLength?: number\n  /** Задержка дебаунса события `search`, мс. */\n  debounce?: number\n  /** Разрешить ввод/коммит значения, которого нет в `options`. */\n  allowCustomValue?: boolean\n  /** Закрывать панель после выбора (single всегда закрывает). */\n  closeOnSelect?: boolean\n  /** Максимальная высота панели, px. */\n  dropdownMaxHeight?: number\n  /**\n   * Виртуализация панели: в DOM живёт только окно вокруг вьюпорта.\n   *\n   * Высоту окна задаёт `dropdownMaxHeight`. Включается осознанно: на сотне\n   * опций выигрыша нет, а в разметке остаётся только окно — вместе с ним\n   * меняется и то, что находит `querySelector` потребителя. Профильный\n   * сценарий — удалённый поиск по справочнику на тысячи позиций.\n   */\n  virtual?: boolean\n  /** i18n-тексты состояний панели / aria. */\n  loadingText?: string\n  noResultsText?: string\n  clearLabel?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n  /** Имя для нативной формы: hidden input по значению модели (не по тексту запроса). */\n  name?: string\n  /**\n   * Ширины аддонов `prefix`/`suffix` — общий контракт контролов пакета\n   * (`docs/form-controls.md`).\n   */\n  prefixMinWidth?: string\n  prefixMaxWidth?: string\n  suffixMinWidth?: string\n  suffixMaxWidth?: string\n  prefixFixed?: boolean\n  suffixFixed?: boolean\n}\n\nexport interface GrAutocompleteEmits<TValue extends GrAutocompleteValue = string> {\n  (e: 'update:modelValue', value: GrAutocompleteModelValue<TValue>): void\n  /** Дебаунснутый поисковый запрос — точка входа для удалённой загрузки опций. */\n  (e: 'search', query: string): void\n  /** Запрос `fetchOptions` завершился ошибкой (отмена устаревшего сюда не приходит). */\n  (e: 'searchError', error: unknown): void\n  /** Значение зафиксировано выбором или снятием опции. */\n  (e: 'change', value: GrAutocompleteModelValue<TValue>): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n  /** Значение снято кнопкой очистки; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrAutocompleteProps<TValue>>(),\n  {\n    options: undefined,\n    multiple: false,\n    tagTone: 'neutral',\n    tagDark: false,\n    // `sm`, а не `md` как у `GrInputTag`: чип живёт внутри контрола, а не в тексте.\n    tagSize: 'sm',\n    tagRadius: 'round',\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    size: undefined,\n    placeholder: undefined,\n    ariaLabel: undefined,\n    clearable: undefined,\n    loading: false,\n    filterable: true,\n    filter: undefined,\n    fetchOptions: undefined,\n    minQueryLength: 0,\n    debounce: 250,\n    allowCustomValue: false,\n    closeOnSelect: true,\n    dropdownMaxHeight: 280,\n    virtual: false,\n    loadingText: undefined,\n    noResultsText: undefined,\n    clearLabel: undefined,\n    open: undefined,\n    name: undefined,\n    prefixMinWidth: undefined,\n    prefixMaxWidth: undefined,\n    suffixMinWidth: undefined,\n    suffixMaxWidth: undefined,\n    prefixFixed: false,\n    suffixFixed: false,\n  },\n)\n\n/** Ширина аддона по умолчанию — та же лестница, что у `GrInput`. */\nconst ADDON_MIN_WIDTH_BY_SIZE: Record<GrAutocompleteSize, string> = {\n  xs: '2rem',\n  sm: '2.25rem',\n  md: '2.5rem',\n  lg: '3rem',\n}\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrAutocomplete' })\nconst resolvedClearable = useGrComponentProp('GrAutocomplete', 'clearable', () => props.clearable, false)\n\n/**\n * Аддоны живут флекс-соседями поля, а не поверх него: оболочка автокомплита —\n * флекс-строка с чипами, поэтому резервировать место паддингом не нужно.\n * Контракт ширин остаётся общим (`useControlAddons`).\n */\nconst { hasPrefix, hasSuffix, prefixEl, suffixEl, prefixStyle, suffixStyle } = useControlAddons(() => props, {\n  defaultMinWidth: () => ADDON_MIN_WIDTH_BY_SIZE[resolvedSize.value],\n  paddingX: () => '0px',\n})\n\nconst emit = defineEmits<GrAutocompleteEmits<TValue>>()\ndefineSlots<{\n  /** Аддон слева от поля ввода. */\n  prefix?: () => any\n  /** Аддон справа, перед спиннером и крестиком. */\n  suffix?: () => any\n  /** Строка списка вместо подписи опции. */\n  option?: (props: { option: GrAutocompleteOption<TValue>, selected: boolean }) => any\n  /** Содержимое панели, пока едут опции. */\n  loading?: () => any\n  /** Содержимое панели, когда подходящих опций нет. */\n  empty?: () => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.autocomplete.loading', 'Loading…'))\nconst resolvedNoResultsText = computed(() => props.noResultsText ?? t('gr.autocomplete.noResults', 'No results'))\nconst resolvedClearLabel = computed(() => props.clearLabel ?? t('gr.common.clear', 'Clear'))\n// Число уходит под двумя общепринятыми именами: `n` читают `@feugene/fint-i18n`\n// и `vue-i18n`, `count` — `i18next`. Формы для каждого языка лежат в словаре,\n// выбирает их переводчик; встроенный fallback — одна английская строка.\nconst resolvedTypeMoreText = computed(() =>\n  t('gr.autocomplete.typeMore', 'Type at least {n} characters', {\n    n: props.minQueryLength,\n    count: props.minQueryLength,\n  }),\n)\n\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required).\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\n// Read-only запирает контрол так же, как disabled: значение видно, но панель не\n// открывается, опции не выбираются и чипы не удаляются. Без этого `readonly`\n// оставался бы ARIA-атрибутом без поведения.\nconst locked = computed(() => isDisabled.value || isReadonly.value)\n\n// Ответ последнего `fetchOptions`. До первого ответа показываем `options` —\n// с ними компонент рисует стартовый список, не дожидаясь сервера.\nconst remoteOptions = shallowRef<GrAutocompleteOption<TValue>[]>([])\nconst remoteAnswered = ref(false)\nconst remoteLoading = ref(false)\n\nconst optionsResolved = computed<GrAutocompleteOption<TValue>[]>(() =>\n  props.fetchOptions && remoteAnswered.value ? remoteOptions.value : (props.options ?? []),\n)\n\n/**\n * Подпись состава стартового списка. Сравнивать идентичность массива нельзя:\n * инлайн-литерал `:options=\"[...]\"` пересоздаётся каждым ререндером родителя —\n * в том числе тем, который вызвал сам компонент своим `update:modelValue`, —\n * и remote-результаты исчезали бы прямо посреди выбора.\n */\nfunction optionsSignature(options: GrAutocompleteOption<TValue>[] | undefined): string {\n  return (options ?? []).map(o => `${String(o.value)}\\u0000${o.label}`).join('\\u0001')\n}\n\n// Родитель сменил стартовый список — он снова источник до следующего ответа\n// сервера, а летящий запрос относится к прежнему набору данных и отменяется.\nwatch(() => optionsSignature(props.options), () => {\n  if (!props.fetchOptions) return\n  cancelSearch()\n  remoteAnswered.value = false\n  remoteOptions.value = []\n})\n\nconst isLoading = computed(() => props.loading || remoteLoading.value)\n\n/** `0` — валидное значение, поэтому «пусто» проверяется явно, а не через falsy. */\nfunction isEmptyValue(value: unknown): boolean {\n  return value === undefined || value === null || value === ''\n}\n\nfunction toArray(value: GrAutocompleteModelValue<TValue>): TValue[] {\n  if (Array.isArray(value)) return value\n  if (isEmptyValue(value)) return []\n  return [value]\n}\n\nconst modelSingle = computed<TValue | ''>(() => {\n  const raw = Array.isArray(props.modelValue) ? props.modelValue[0] : props.modelValue\n  return isEmptyValue(raw) ? '' : (raw as TValue)\n})\nconst selectedValues = computed(() => (props.multiple ? toArray(props.modelValue) : (isEmptyValue(modelSingle.value) ? [] : [modelSingle.value as TValue])))\nconst hasSelection = computed(() => selectedValues.value.length > 0)\n\nfunction labelFor(value: GrAutocompleteValue): string {\n  return optionsResolved.value.find(o => o.value === value)?.label ?? String(value)\n}\n\n/** Опции выбранных значений (для chips в multiple). Неизвестные значения показываем как есть. */\nconst selectedOptions = computed<GrAutocompleteOption<TValue>[]>(() =>\n  resolveSelectedOptions(selectedValues.value, optionsResolved.value),\n)\n\nconst singleSelectedLabel = computed(() => (props.multiple || isEmptyValue(modelSingle.value) ? '' : labelFor(modelSingle.value)))\n\n// ————— Состояние.\nconst query = ref('')\n// `dirty` — пользователь начал вводить запрос. Нужно, чтобы в single-режиме при\n// открытии заполненного поля показать весь список (а не отфильтровать по метке\n// уже выбранной опции). Сбрасывается при программной установке `query`.\nconst dirty = ref(false)\n// Имя `open` сохранено: читатели работают с computed-Ref.\nconst { open, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst listboxEl = ref<HTMLElement | null>(null)\n\n// Панель телепортирована в `body`, то есть лежит вне корня, но для пользователя\n// она часть контрола: без неё уход фокуса в панель читался бы как `blur`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n  containers: () => [panelEl.value],\n})\nconst inputEl = ref<HTMLInputElement | null>(null)\n\nfunction focus(): void {\n  inputEl.value?.focus()\n}\n\nfunction blur(): void {\n  inputEl.value?.blur()\n}\n\ndefineExpose({\n  focus,\n  blur,\n  open: () => openDropdown(),\n  close: () => closeDropdown(),\n})\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nuseDismissible(open, closeDropdown)\n\n// ————— Фильтрация.\nconst searchQuery = computed(() => {\n  // При `fetchOptions` фильтрует сервер: локальный матчер отсеял бы то, что он\n  // уже прислал в ответ на этот же запрос.\n  if (!props.filterable || props.fetchOptions) return ''\n  // single: пока пользователь не начал вводить — показываем весь список.\n  if (!props.multiple && !dirty.value) return ''\n  return query.value.trim()\n})\n\nconst filteredOptions = computed<GrAutocompleteOption<TValue>[]>(() =>\n  filterOptions(optionsResolved.value, searchQuery.value, props.filter),\n)\n\nconst belowMinQuery = computed(() => props.minQueryLength > 0 && query.value.trim().length < props.minQueryLength)\n\n/**\n * Опции к показу и навигации. Ниже `minQueryLength` — пусто: список ещё\n * относится к прошлому запросу, показывать его под подсказкой «введите ещё N»\n * значит дезинформировать.\n */\nconst effectiveOptions = computed<GrAutocompleteOption<TValue>[]>(() =>\n  belowMinQuery.value ? [] : filteredOptions.value,\n)\n\nconst canAddCustom = computed(() => {\n  if (!props.allowCustomValue) return false\n  // Кастомное значение набирается текстом — оно строковое по природе;\n  // при числовом `TValue` эта ветка неприменима (см. docs/components.md).\n  const v = query.value.trim() as TValue\n  if (!v) return false\n  if (props.multiple && selectedValues.value.includes(v)) return false\n  if (!props.multiple && v === modelSingle.value) return false\n  // Не предлагаем «Add», если такое значение/метка уже есть среди опций.\n  return !optionsResolved.value.some(o => o.value === v || o.label === v)\n})\n\nconst showEmpty = computed(() =>\n  !isLoading.value && effectiveOptions.value.length === 0 && !canAddCustom.value,\n)\n\n// ————— Панель: id/aria-activedescendant.\nconst listboxId = useId()\n\n/**\n * Id опции строится от позиции, а не от значения: значение с пробелом дало бы\n * невалидный `id`, а `aria-activedescendant` — два токена вместо одной ссылки,\n * и активная опция перестала бы объявляться.\n */\nfunction optionDomId(index: number): string {\n  return `${listboxId}-opt-${index}`\n}\nconst addOptionDomId = computed(() => `${listboxId}-add`)\n\n/**\n * Виртуализация панели.\n *\n * Набор — `[«Add …»?] + filteredOptions`, тот же, по которому ходит клавиатура\n * (`navigableItems` ниже). Иначе верхняя распорка вытолкнула бы строку «Add …»\n * вниз: она отрисована внутри listbox'а первой и является полноценной опцией.\n */\n\n/** Оценка высоты опции: `py-2` вокруг строки кегля `sm`. Уточняется замером. */\nconst OPTION_SIZE_ESTIMATE = 36\n\nconst addOffset = computed(() => (canAddCustom.value ? 1 : 0))\nconst virtualCount = computed(() => effectiveOptions.value.length + addOffset.value)\n\nconst virtualizer = useVirtualList({\n  container: listboxEl,\n  count: () => (props.virtual ? virtualCount.value : 0),\n  // Фильтрация/remote-ответ пересобирают набор — замеры прошлого невалидны.\n  source: () => effectiveOptions.value,\n  itemSize: OPTION_SIZE_ESTIMATE,\n  // Панель скрыта `v-show`, пока закрыта, поэтому `clientHeight` контейнера —\n  // ноль. Окно считается от объявленной высоты до первого настоящего замера.\n  viewportSize: () => props.dropdownMaxHeight,\n})\n\n/** Виден ли «Add …»: вне виртуального окна его рисовать нельзя — он элемент набора. */\nconst showAddOption = computed(() => {\n  if (!canAddCustom.value) return false\n  return !props.virtual || virtualizer.range.value.start === 0\n})\n\n/** Опции к отрисовке вместе с их абсолютным индексом в `filteredOptions`. */\nconst renderedOptions = computed(() => {\n  const all = effectiveOptions.value\n  if (!props.virtual) return all.map((option, index) => ({ option, index }))\n\n  const { start, end } = virtualizer.range.value\n  const from = Math.max(0, start - addOffset.value)\n  const to = Math.max(0, end - addOffset.value)\n\n  return all.slice(from, to).map((option, offset) => ({ option, index: from + offset }))\n})\n\n/**\n * Размер набора и позиция в нём объявляются только при виртуализации: в обычном\n * режиме диктор выводит их из DOM, а при неполном наборе получил бы «3 из 15»\n * на списке в десять тысяч.\n */\nfunction optionSetProps(virtualIndex: number): Record<string, number> | undefined {\n  if (!props.virtual) return undefined\n  return { 'aria-setsize': virtualCount.value, 'aria-posinset': virtualIndex + 1 }\n}\n\nconst listboxStyle = computed(() => {\n  const base: Record<string, string> = { maxHeight: `${props.dropdownMaxHeight}px` }\n  if (!props.virtual) return base\n\n  return {\n    ...base,\n    ...virtualizer.spacerStyle.value,\n  }\n})\n\n/**\n * Клавиатурная навигация ходит и по опциям, и по варианту «добавить своё»:\n * иначе при непустом списке Enter всегда уходил бы в активную опцию, и\n * закоммитить произвольное значение с клавиатуры было бы нечем.\n */\ntype NavigableItem =\n  | { kind: 'add' }\n  | { kind: 'option', option: GrAutocompleteOption<TValue>, index: number }\n\nconst navigableItems = computed<NavigableItem[]>(() => {\n  const items: NavigableItem[] = canAddCustom.value ? [{ kind: 'add' }] : []\n  effectiveOptions.value.forEach((option, index) => {\n    if (!option.disabled) items.push({ kind: 'option', option, index })\n  })\n  return items\n})\n\nfunction isSelected(value: TValue): boolean {\n  return selectedValues.value.includes(value)\n}\n\nfunction navigableIndexOf(value: TValue): number {\n  return navigableItems.value.findIndex(item => item.kind === 'option' && item.option.value === value)\n}\n\n/** Прокрутка к активному: сперва окно виртуального списка, затем доводка. */\nasync function scrollActiveIntoView(item: NavigableItem): Promise<void> {\n  // Вне окна активной опции в DOM нет: `getElementById` вернул бы `null`,\n  // прокрутка не случилась бы, а `aria-activedescendant` указал бы в пустоту.\n  if (props.virtual)\n    virtualizer.scrollToIndex(item.kind === 'add' ? 0 : item.index + addOffset.value)\n\n  await nextTick()\n  const id = item.kind === 'add' ? addOptionDomId.value : optionDomId(item.index)\n  document.getElementById(id)?.scrollIntoView?.({ block: 'nearest' })\n}\n\nconst {\n  activeIndex,\n  activeItem,\n  activeDescendantId,\n  init: initActiveIndex,\n  reset: resetActive,\n  handleNavigationKeys,\n} = useComboboxNavigation<NavigableItem>({\n  items: () => navigableItems.value,\n  open: () => open.value,\n  idOf: item => (item.kind === 'add' ? addOptionDomId.value : optionDomId(item.index)),\n  initialIndex: () => navigableItems.value.findIndex(item => item.kind === 'option' && isSelected(item.option.value)),\n  scrollTo: item => scrollActiveIntoView(item),\n})\n\nconst activeValue = computed(() => (activeItem.value?.kind === 'option' ? activeItem.value.option.value : undefined))\n\n// ————— Открытие/закрытие.\nfunction openDropdown(): void {\n  if (locked.value || open.value) return\n  setOpen(true)\n}\n\nfunction closeDropdown(): void {\n  setOpen(false)\n}\n\nfunction focusInput(): void {\n  inputEl.value?.focus()\n}\n\n// ————— Дебаунснутый поиск для remote-загрузки.\nlet searchTimer: ReturnType<typeof setTimeout> | null = null\n// Счётчик запросов: ответ, стартовавший раньше, но пришедший позже, обязан\n// проиграть последнему — иначе список показывает результат старого запроса.\nlet searchSeq = 0\nlet inflight: AbortController | null = null\n\nfunction isAbortError(error: unknown): boolean {\n  return error instanceof Error && error.name === 'AbortError'\n}\n\nasync function runFetch(query: string): Promise<void> {\n  const fetchOptions = props.fetchOptions\n  if (!fetchOptions) return\n\n  inflight?.abort()\n  const controller = new AbortController()\n  inflight = controller\n  const seq = ++searchSeq\n  remoteLoading.value = true\n\n  try {\n    const result = await fetchOptions(query, controller.signal)\n    if (seq !== searchSeq) return\n    remoteOptions.value = result\n    remoteAnswered.value = true\n  }\n  catch (error) {\n    if (seq !== searchSeq || isAbortError(error)) return\n    remoteOptions.value = []\n    remoteAnswered.value = true\n    emit('searchError', error)\n  }\n  finally {\n    if (seq === searchSeq) remoteLoading.value = false\n  }\n}\n\nfunction scheduleSearch(value: string): void {\n  if (searchTimer) clearTimeout(searchTimer)\n  searchTimer = setTimeout(() => {\n    if (props.minQueryLength > 0 && value.trim().length < props.minQueryLength) return\n    emit('search', value.trim())\n    void runFetch(value.trim())\n  }, props.debounce)\n}\n\n/**\n * Снять запланированный и летящий запрос. Инкремент `searchSeq` обязателен\n * вместе со снятием `remoteLoading`: после него `finally` в `runFetch` считает\n * себя устаревшим и флаг не тронет — спиннер остался бы навсегда.\n */\nfunction cancelSearch(): void {\n  if (searchTimer) clearTimeout(searchTimer)\n  searchTimer = null\n  inflight?.abort()\n  inflight = null\n  searchSeq += 1\n  remoteLoading.value = false\n}\n\nonBeforeUnmount(cancelSearch)\n\n// ————— Ввод.\nfunction onInput(event: Event): void {\n  const value = (event.target as HTMLInputElement).value\n  query.value = value\n  dirty.value = true\n  openDropdown()\n  scheduleSearch(value)\n}\n\nfunction onFocus(): void {\n  if (locked.value) return\n  openDropdown()\n}\n\nfunction setQuery(value: string): void {\n  query.value = value\n  dirty.value = false\n}\n\n// ————— Выбор значений.\nfunction selectSingle(value: TValue, label: string): void {\n  emit('update:modelValue', value)\n  emit('change', value as GrAutocompleteModelValue<TValue>)\n  setQuery(label)\n  closeDropdown()\n}\n\nfunction toggleMultiple(value: TValue): void {\n  const next = selectedValues.value.slice()\n  const idx = next.indexOf(value)\n  if (idx >= 0) next.splice(idx, 1)\n  else next.push(value)\n  emit('update:modelValue', next)\n  emit('change', next as GrAutocompleteModelValue<TValue>)\n  setQuery('')\n  if (props.closeOnSelect) closeDropdown()\n  else void nextTick(focusInput)\n}\n\nfunction chooseOption(option: GrAutocompleteOption<TValue>): void {\n  if (locked.value || option.disabled) return\n  if (props.multiple) toggleMultiple(option.value)\n  else selectSingle(option.value, option.label)\n}\n\nfunction commitCustom(): void {\n  if (locked.value) return\n  // Кастомное значение строковое по природе — см. `canAddCustom`.\n  const v = query.value.trim() as TValue\n  if (!v) return\n  if (props.multiple) toggleMultiple(v)\n  else selectSingle(v, String(v))\n}\n\nfunction removeValue(value: TValue, focusAfter: () => void = focusInput): void {\n  if (locked.value) return\n  const next = selectedValues.value.filter(v => v !== value)\n  emit('update:modelValue', next)\n  emit('change', next as GrAutocompleteModelValue<TValue>)\n  void nextTick(focusAfter)\n}\n\nfunction clearSelection(): void {\n  if (locked.value) return\n  const next = (props.multiple ? [] : '') as GrAutocompleteModelValue<TValue>\n  emit('update:modelValue', next)\n  emit('change', next)\n  emit('clear')\n  setQuery('')\n  void nextTick(focusInput)\n}\n\nconst showClear = computed(() =>\n  resolvedClearable.value && !locked.value && (hasSelection.value || query.value.length > 0),\n)\n\n// ————— Чипы (multiple): стрелки вместо таб-стопов.\n//\n// Крестики намеренно не табируемы: у combobox фокус живёт на `<input>`, и\n// двадцать выбранных значений не должны давать двадцать остановок Tab. Поэтому\n// вход в чипы — ArrowLeft из пустого запроса, а выход — ArrowRight/Esc/печать.\nfunction chipRemoveButtons(): HTMLButtonElement[] {\n  return [...(rootEl.value?.querySelectorAll<HTMLButtonElement>('[data-gr-autocomplete-chip-remove]') ?? [])]\n}\n\nfunction focusChip(index: number): void {\n  const buttons = chipRemoveButtons()\n  if (!buttons.length) {\n    focusInput()\n    return\n  }\n  buttons[Math.min(Math.max(index, 0), buttons.length - 1)].focus()\n}\n\nfunction onChipKeydown(event: KeyboardEvent, index: number, value: TValue): void {\n  switch (event.key) {\n    case 'ArrowLeft':\n      event.preventDefault()\n      focusChip(index - 1)\n      break\n    case 'ArrowRight':\n      event.preventDefault()\n      if (index >= chipRemoveButtons().length - 1) focusInput()\n      else focusChip(index + 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusChip(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusChip(chipRemoveButtons().length - 1)\n      break\n    case 'Delete':\n    case 'Backspace':\n      event.preventDefault()\n      removeValue(value, () => focusChip(index))\n      break\n    case 'Escape':\n      event.preventDefault()\n      focusInput()\n      break\n    default:\n      // Печатный символ возвращает в поле: фокус переезжает синхронно, до\n      // вставки текста, поэтому символ попадает в запрос, а не пропадает.\n      if (event.key.length === 1 && !event.ctrlKey && !event.metaKey && !event.altKey) focusInput()\n  }\n}\n\n// ————— Клавиатура.\nfunction onKeydown(event: KeyboardEvent): void {\n  // Клавиша во время IME-композиции принадлежит композиции: Enter коммитит её,\n  // Esc отменяет, стрелки ходят по кандидатам.\n  if (isComposingEvent(event)) return\n  if (locked.value) return\n\n  // Курсор в начале пустого запроса — стрелка влево уходит к чипам, а не\n  // двигает каретку, которой всё равно некуда двигаться.\n  if (event.key === 'ArrowLeft' && props.multiple && query.value === '' && selectedValues.value.length) {\n    event.preventDefault()\n    closeDropdown()\n    focusChip(selectedValues.value.length - 1)\n    return\n  }\n\n  if (!open.value && ['ArrowDown', 'ArrowUp'].includes(event.key)) {\n    event.preventDefault()\n    openDropdown()\n    return\n  }\n\n  // Только при открытой панели: в закрытом инпуте Home/End двигают каретку.\n  if (open.value && handleNavigationKeys(event)) return\n\n  switch (event.key) {\n    case 'Enter': {\n      if (!open.value) break\n      event.preventDefault()\n      const item = activeItem.value\n      if (item?.kind === 'option') chooseOption(item.option)\n      else if (item?.kind === 'add' || canAddCustom.value) commitCustom()\n      break\n    }\n    case 'Backspace':\n      // multiple: пустой запрос + Backspace удаляет последний chip.\n      if (props.multiple && query.value === '' && selectedValues.value.length) {\n        event.preventDefault()\n        removeValue(selectedValues.value[selectedValues.value.length - 1])\n      }\n      break\n    case 'Tab':\n      closeDropdown()\n      break\n  }\n}\n\n// ————— Синхронизация query с выбранным значением (single).\nwatch(\n  [singleSelectedLabel, () => props.multiple],\n  ([label, multiple]) => {\n    if (multiple) return\n    // Не перетираем то, что пользователь сейчас набирает.\n    if (open.value || dirty.value) return\n    setQuery(label)\n  },\n  { immediate: true },\n)\n\nwatch(open, (isOpen) => {\n  if (isOpen) {\n    initActiveIndex()\n    return\n  }\n  // Закрытие: сбрасываем активную опцию и «черновик».\n  resetActive()\n  if (props.multiple) {\n    setQuery('')\n  }\n  else {\n    // single: возвращаем метку выбранной опции (revert ввода без выбора).\n    setQuery(singleSelectedLabel.value)\n  }\n})\n\nconst ariaAutocomplete = computed(() => (props.allowCustomValue ? 'both' : 'list'))\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    v-click-outside=\"{ handler: closeDropdown, enabled: open, exclude: clickOutsideExclude }\"\n    data-gr-autocomplete\n    class=\"relative w-full\"\n     @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <div\n      data-gr-autocomplete-shell\n      :class=\"autocompleteShellClass({ size: resolvedSize, disabled: isDisabled, invalid: isInvalid })\"\n      @mousedown.self.prevent=\"focusInput\"\n    >\n      <span\n        v-if=\"hasPrefix\"\n        ref=\"prefixEl\"\n        data-gr-autocomplete-prefix\n        class=\"inline-flex shrink-0 items-center justify-center text-[var(--gr-muted-fg)]\"\n        :style=\"prefixStyle\"\n      >\n        <slot name=\"prefix\" />\n      </span>\n\n      <!-- Chips выбранных значений (multiple). -->\n      <template v-if=\"multiple\">\n        <GrBadge\n          v-for=\"(option, chipIndex) in selectedOptions\"\n          :key=\"option.value\"\n          data-gr-autocomplete-chip\n          :tone=\"tagTone\"\n          :dark=\"tagDark\"\n          :size=\"tagSize\"\n          :radius=\"tagRadius\"\n        >\n          <span class=\"inline-flex max-w-full items-center gap-1 align-middle\">\n            <span class=\"truncate\">{{ option.label }}</span>\n            <button\n              v-if=\"!locked\"\n              type=\"button\"\n              data-gr-autocomplete-chip-remove\n              class=\"inline-flex h-3.5 w-3.5 shrink-0 items-center justify-center rounded-[var(--gr-radius-full)] text-current focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n              :aria-label=\"t('gr.autocomplete.removeValue', 'Remove {label}', { label: option.label })\"\n              tabindex=\"-1\"\n              @click=\"removeValue(option.value)\"\n              @keydown=\"onChipKeydown($event, chipIndex, option.value)\"\n            >\n              <span class=\"i-lucide-x block h-3 w-3\" aria-hidden=\"true\" />\n            </button>\n          </span>\n        </GrBadge>\n      </template>\n\n      <input\n        :id=\"resolvedId\"\n        ref=\"inputEl\"\n        data-gr-autocomplete-input\n        data-testid=\"gr-autocomplete-input\"\n        type=\"text\"\n        autocomplete=\"off\"\n        spellcheck=\"false\"\n        role=\"combobox\"\n        :value=\"query\"\n        :disabled=\"isDisabled\"\n        :placeholder=\"hasSelection && multiple ? undefined : placeholder\"\n        :aria-label=\"ariaLabel\"\n        :aria-invalid=\"isInvalid ? 'true' : undefined\"\n        :aria-describedby=\"describedBy\"\n        :aria-required=\"isRequired ? 'true' : undefined\"\n        :aria-readonly=\"isReadonly ? 'true' : undefined\"\n        :readonly=\"isReadonly\"\n        aria-haspopup=\"listbox\"\n        :aria-autocomplete=\"ariaAutocomplete\"\n        :aria-controls=\"open ? listboxId : undefined\"\n        :aria-activedescendant=\"activeDescendantId\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        class=\"min-w-0 flex-1 bg-transparent text-inherit placeholder:text-[var(--gr-muted-fg)] focus:outline-none disabled:cursor-not-allowed\"\n        @input=\"onInput\"\n        @focus=\"onFocus\"\n        @keydown=\"onKeydown\"\n      >\n\n      <span\n        v-if=\"hasSuffix\"\n        ref=\"suffixEl\"\n        data-gr-autocomplete-suffix\n        class=\"inline-flex shrink-0 items-center justify-center text-[var(--gr-muted-fg)]\"\n        :style=\"suffixStyle\"\n      >\n        <slot name=\"suffix\" />\n      </span>\n\n      <!-- Trailing: спиннер / очистка / шеврон. -->\n      <span\n        v-if=\"isLoading\"\n        data-gr-autocomplete-spinner\n        class=\"shrink-0 flex items-center text-[var(--gr-muted-fg)]\"\n      >\n        <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n      </span>\n\n      <button\n        v-else-if=\"showClear\"\n        type=\"button\"\n        data-testid=\"gr-autocomplete-clear\"\n        data-gr-autocomplete-clear\n        class=\"shrink-0 inline-flex h-5 w-5 items-center justify-center rounded-[var(--gr-radius-control)] text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)]\"\n        :aria-label=\"resolvedClearLabel\"\n        @click=\"clearSelection\"\n      >\n        <span class=\"i-lucide-x block h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"gr-autocomplete-chevron\"\n        class=\"shrink-0 flex items-center text-[var(--gr-muted-fg)] pointer-events-none\"\n      >\n        <span class=\"i-lucide-chevron-down block h-4 w-4\" aria-hidden=\"true\" />\n      </span>\n    </div>\n\n    <!-- Нативная форма: сериализуется модель, а не текст запроса. -->\n    <template v-if=\"name\">\n      <input\n        v-for=\"value in selectedValues\"\n        :key=\"`hidden-${String(value)}`\"\n        type=\"hidden\"\n        :name=\"name\"\n        :value=\"String(value)\"\n      >\n    </template>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        enter-active-class=\"transition ease-[var(--gr-ease-out)] duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-[var(--gr-ease-in)] duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          ref=\"panelEl\"\n          data-testid=\"gr-autocomplete-panel\"\n          v-bind=\"themeAttrs\"\n          data-gr-autocomplete-panel\n          data-gr-overlay-root\n          :style=\"floatingStyle\"\n        >\n          <div :class=\"autocompletePanelClasses\">\n            <!--\n              Пустой listbox не рендерим: его `p-1` давал полосу пустоты над\n              строкой состояния, и «ничего не найдено» выглядело прижатым к низу.\n            -->\n            <div\n              v-if=\"showAddOption || renderedOptions.length\"\n              :id=\"listboxId\"\n              ref=\"listboxEl\"\n              data-gr-autocomplete-listbox\n              :data-gr-virtual=\"virtual ? '' : undefined\"\n              class=\"p-1 overflow-auto\"\n              :class=\"virtual ? 'flex flex-col' : ''\"\n              :style=\"listboxStyle\"\n              role=\"listbox\"\n              :aria-multiselectable=\"multiple ? 'true' : undefined\"\n            >\n              <!--\n                Прямые потомки listbox — только опции: роль объявляет остальных\n                недопустимыми детьми (`aria-required-children`), поэтому строки\n                состояний живут ниже, вне списка. `mousedown.prevent` держит\n                фокус на `<input>` — контракт combobox с `aria-activedescendant`.\n              -->\n              <button\n                v-if=\"showAddOption\"\n                :id=\"addOptionDomId\"\n                type=\"button\"\n                role=\"option\"\n                aria-selected=\"false\"\n                tabindex=\"-1\"\n                v-bind=\"optionSetProps(0)\"\n                data-testid=\"gr-autocomplete-add-option\"\n                data-gr-autocomplete-add-option\n                :class=\"autocompleteOptionClass({ disabled: false, active: activeItem?.kind === 'add' })\"\n                @mousedown.prevent\n                @click=\"commitCustom\"\n                @mousemove=\"activeIndex = 0\"\n              >\n                {{ t('gr.autocomplete.addOption', 'Add \"{value}\"', { value: query.trim() }) }}\n              </button>\n\n              <button\n                v-for=\"{ option, index: optionIndex } in renderedOptions\"\n                :id=\"optionDomId(optionIndex)\"\n                :key=\"option.value\"\n                :ref=\"(el) => virtual && virtualizer.measure(optionIndex + addOffset, el as Element | null)\"\n                data-gr-autocomplete-option\n                type=\"button\"\n                role=\"option\"\n                tabindex=\"-1\"\n                v-bind=\"optionSetProps(optionIndex + addOffset)\"\n                :disabled=\"option.disabled\"\n                :aria-selected=\"isSelected(option.value) ? 'true' : 'false'\"\n                :aria-disabled=\"option.disabled ? 'true' : undefined\"\n                :class=\"autocompleteOptionClass({\n                  disabled: !!option.disabled,\n                  active: activeValue === option.value,\n                })\"\n                @mousedown.prevent\n                @click=\"chooseOption(option)\"\n                @mousemove=\"activeIndex = navigableIndexOf(option.value)\"\n              >\n                <slot name=\"option\" :option=\"option\" :selected=\"isSelected(option.value)\">\n                  <span class=\"flex items-center gap-2 min-w-0\">\n                    <span\n                      class=\"inline-block h-4 w-4 shrink-0\"\n                      :class=\"isSelected(option.value) ? 'i-lucide-check text-[var(--gr-primary)]' : ''\"\n                      aria-hidden=\"true\"\n                    />\n                    <span class=\"truncate\">{{ option.label }}</span>\n                  </span>\n                </slot>\n              </button>\n            </div>\n\n            <!--\n              Загрузка, «введите ещё N» и «ничего не найдено» меняются молча:\n              `aria-label` на generic-элементе AT игнорируют. Один живой регион\n              на все три — и вне listbox, чтобы не ломать его состав.\n            -->\n            <div\n              v-if=\"isLoading || belowMinQuery || showEmpty\"\n              data-gr-autocomplete-status\n              role=\"status\"\n              aria-live=\"polite\"\n              :class=\"autocompleteStateClass\"\n            >\n              <template v-if=\"isLoading\">\n                <span data-gr-autocomplete-loading class=\"flex items-center gap-2\">\n                  <slot name=\"loading\">\n                    <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n                    <span>{{ resolvedLoadingText }}</span>\n                  </slot>\n                </span>\n              </template>\n              <template v-else-if=\"belowMinQuery\">\n                <span data-gr-autocomplete-hint>{{ resolvedTypeMoreText }}</span>\n              </template>\n              <template v-else>\n                <span data-gr-autocomplete-empty>\n                  <slot name=\"empty\">\n                    {{ resolvedNoResultsText }}\n                  </slot>\n                </span>\n              </template>\n            </div>\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n\n<style scoped>\n/*\n * Распорки виртуального списка.\n *\n * Не `padding` контейнера: `max-height` меряет ту же коробку, и распорка в\n * десятки тысяч пикселей раздула бы панель. Не обёртка внутри listbox'а:\n * прямыми потомками роли обязаны быть только опции (`aria-required-children`,\n * гейт — `GrAutocomplete.a11y.test.ts`). Не отступы крайних опций: при прыжке\n * прокрутки опции заменяются целиком, распорка исчезла бы вместе с ними, и\n * браузер обрезал бы `scrollTop`.\n *\n * Псевдоэлементы не узлы DOM: их не за что размонтировать, детьми listbox'а\n * они не считаются, а высота приезжает переменными в том же патче, что и опции.\n */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrCommandPalette/chunks/GrCommandPalette-MWDYDPNC.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrCommandPalette-MWDYDPNC.js","names":["$emit","$slots"],"sources":["../../../../src/components/GrCommandPalette/filtering.ts","../../../../src/components/GrCommandPalette/GrCommandPalette.vue","../../../../src/components/GrCommandPalette/GrCommandPalette.vue"],"sourcesContent":["import { matchesQueryParts, normalizeOptionQuery } from '../shared/optionFilter'\n\n/** Команда палитры. `id` обязателен — он же ключ рендера и цель `aria-activedescendant`. */\nexport type GrCommandItem = {\n  id: string\n  label: string\n  /** Пояснение под меткой. */\n  description?: string\n  /** UnoCSS-класс иконки (например `i-lucide-file-plus`). */\n  icon?: string\n  /** Подсказка сочетания клавиш — массив клавиш, каждая рисуется отдельным `GrKbd`. */\n  shortcut?: string[]\n  /** Заголовок группы, под которой команда показывается в списке. */\n  group?: string\n  /** Дополнительные слова для поиска (синонимы, транслитерация). */\n  keywords?: string[]\n  disabled?: boolean\n}\n\n/** Команды, сгруппированные для рендера: порядок групп — порядок первого вхождения. */\nexport type GrCommandGroup = {\n  /** `undefined` — команды без группы (рендерятся без заголовка). */\n  name: string | undefined\n  items: GrCommandItem[]\n}\n\nexport type GrCommandFilter = (item: GrCommandItem, query: string) => boolean\n\n/**\n * Матчер по умолчанию: подстрока (без учёта регистра) в метке, описании,\n * названии группы или ключевых словах.\n *\n * Набор полей у команды шире, чем у опции списка, а сам подстрочный матч — тот\n * же самый на весь пакет (`shared/optionFilter.ts`).\n */\nexport function matchCommandItem(item: GrCommandItem, query: string): boolean {\n  const parts = [item.label, item.description, item.group, ...(item.keywords ?? [])]\n\n  return matchesQueryParts(parts, normalizeOptionQuery(query))\n}\n\nexport function filterCommandItems(\n  items: GrCommandItem[],\n  query: string,\n  filter: GrCommandFilter = matchCommandItem,\n): GrCommandItem[] {\n  if (!query.trim()) return items\n  return items.filter(item => filter(item, query))\n}\n\n/**\n * Раскладывает плоский список по группам, сохраняя порядок первого появления\n * группы. Команды без `group` собираются в единственную безымянную группу,\n * которая остаётся на своём месте в общем порядке.\n */\nexport function groupCommandItems(items: GrCommandItem[]): GrCommandGroup[] {\n  const groups: GrCommandGroup[] = []\n  const byName = new Map<string | undefined, GrCommandGroup>()\n\n  for (const item of items) {\n    const name = item.group || undefined\n    let group = byName.get(name)\n    if (!group) {\n      group = { name, items: [] }\n      byName.set(name, group)\n      groups.push(group)\n    }\n    group.items.push(item)\n  }\n\n  return groups\n}\n\n/** Кусок текста для подсветки: `match` — попал в запрос. */\nexport type GrCommandMatchSegment = {\n  text: string\n  match: boolean\n}\n\n/**\n * Режет текст на сегменты по вхождению запроса (без учёта регистра).\n *\n * Совпадения нет — один сегмент целиком: свой `filter` вправе матчить по\n * `keywords`, и тогда в метке подсвечивать нечего. Регистр исходного текста\n * сохраняется — подсветка не должна менять то, что читает пользователь.\n */\nexport function splitCommandMatch(text: string, query: string): GrCommandMatchSegment[] {\n  const needle = query.trim().toLowerCase()\n  if (!needle || !text) return [{ text, match: false }]\n\n  const segments: GrCommandMatchSegment[] = []\n  const haystack = text.toLowerCase()\n  let from = 0\n\n  while (from < text.length) {\n    const at = haystack.indexOf(needle, from)\n    if (at < 0) break\n\n    if (at > from) segments.push({ text: text.slice(from, at), match: false })\n    segments.push({ text: text.slice(at, at + needle.length), match: true })\n    from = at + needle.length\n  }\n\n  if (!segments.length) return [{ text, match: false }]\n  if (from < text.length) segments.push({ text: text.slice(from), match: false })\n\n  return segments\n}\n\n/**\n * Поднимает «недавние» команды в отдельную группу наверх, сохраняя порядок\n * `recentIds`, и убирает их из остального списка — иначе одна и та же команда\n * оказалась бы в списке дважды, а `id` у неё один.\n */\nexport function withRecentCommands(\n  groups: GrCommandGroup[],\n  items: GrCommandItem[],\n  recentIds: string[],\n  title: string,\n): GrCommandGroup[] {\n  if (!recentIds.length) return groups\n\n  const byId = new Map(items.map(item => [item.id, item]))\n  const recent: GrCommandItem[] = []\n  const taken = new Set<string>()\n\n  for (const id of recentIds) {\n    const item = byId.get(id)\n    if (!item || taken.has(id)) continue\n    recent.push(item)\n    taken.add(id)\n  }\n\n  if (!recent.length) return groups\n\n  const rest = groups\n    .map(group => ({ ...group, items: group.items.filter(item => !taken.has(item.id)) }))\n    .filter(group => group.items.length > 0)\n\n  return [{ name: title, items: recent }, ...rest]\n}\n\n/** Идентификаторы, встретившиеся больше одного раза. */\nexport function findDuplicateCommandIds(items: GrCommandItem[]): string[] {\n  const seen = new Set<string>()\n  const duplicates = new Set<string>()\n\n  for (const item of items) {\n    if (seen.has(item.id)) duplicates.add(item.id)\n    else seen.add(item.id)\n  }\n\n  return [...duplicates]\n}\n","<script setup lang=\"ts\">\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useVirtualList } from '../../composables/useVirtualList'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { isComposingEvent } from '../../internal/keyboard'\nimport { useComboboxNavigation } from '../../composables/internal/useComboboxNavigation'\nimport GrKbd from '../GrKbd/GrKbd.vue'\nimport GrModal from '../GrModal/GrModal.vue'\n\nimport {\n  filterCommandItems,\n  findDuplicateCommandIds,\n  groupCommandItems,\n  matchCommandItem,\n  splitCommandMatch,\n  withRecentCommands,\n  type GrCommandFilter,\n  type GrCommandItem,\n} from './filtering'\nimport {\n  formatCommandHotkey,\n  isAppleDevice,\n  matchesCommandHotkey,\n  parseCommandHotkey,\n} from '../shared/hotkey'\nimport {\n  commandEmptyClass,\n  commandFooterClass,\n  commandGroupLabelClass,\n  commandItemClass,\n  commandItemDescriptionClass,\n  commandItemMutedClass,\n  commandMatchClass,\n  commandPaletteModalSizeBySize,\n  commandSearchInputClass,\n  commandSearchRowClass,\n  type GrCommandPaletteSize,\n} from './grCommandPaletteStyles'\n\nexport type { GrCommandFilter, GrCommandGroup, GrCommandItem } from './filtering'\nexport type { GrCommandPaletteSize } from './grCommandPaletteStyles'\n\n/**\n * Публичный GR-примитив «Command palette» (⌘K) — модальный поиск по командам\n * приложения с группировкой, подсказками сочетаний и клавиатурной навигацией.\n *\n * A11y: WAI-ARIA combobox поверх модалки — `role=\"combobox\"` на поле ввода,\n * `role=\"listbox\"` на списке, `aria-activedescendant` на активной команде\n * (фокус остаётся в поле). Esc, фокус-ловушка и блокировка скролла приходят\n * из `GrModal`.\n *\n * Открытие по глобальному сочетанию (`hotkey`, по умолчанию `mod+k` — Cmd на\n * macOS, Ctrl на прочих) компонент берёт на себя; передайте `hotkey: null`,\n * чтобы управлять открытием только через `v-model`.\n */\nexport interface GrCommandPaletteProps {\n  /** Открыта ли палитра. */\n  modelValue: boolean\n  /** Плоский список команд; группировка — по полю `group` самой команды. */\n  items?: GrCommandItem[]\n  /**\n   * Недавние команды: пока запрос пуст, они поднимаются отдельной группой\n   * наверх в этом порядке и не дублируются ниже.\n   */\n  recentIds?: string[]\n  placeholder?: string\n  size?: GrCommandPaletteSize\n  /** Глобальное сочетание открытия. `null` — не вешать слушатель. */\n  hotkey?: string | null\n  /** Локальная фильтрация по запросу. `false` — фильтрует владелец по событию `search`. */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. */\n  filter?: GrCommandFilter\n  /** Внешне управляемое состояние загрузки (для remote-поиска). */\n  loading?: boolean\n  /** Закрывать палитру после выбора команды. */\n  closeOnSelect?: boolean\n  /** Максимальная высота списка, px. */\n  maxHeight?: number\n  /**\n   * Виртуализация списка: в DOM живёт только окно вокруг вьюпорта. Высоту окна\n   * задаёт `maxHeight`.\n   *\n   * Включается осознанно: на сотне команд выигрыша нет, а в разметке остаётся\n   * только окно — вместе с ним меняется и то, что находит `querySelector`\n   * потребителя. Профильный сценарий — палитра приложения на тысячи команд.\n   */\n  virtual?: boolean\n  /** Показывать подсказку сочетания в поле ввода. */\n  showHotkeyHint?: boolean\n  emptyText?: string\n  ariaLabel?: string\n}\n\nexport interface GrCommandPaletteEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Команда выбрана (клик или Enter). */\n  (e: 'select', item: GrCommandItem): void\n  /** Поисковый запрос изменился — точка входа для remote-поиска. */\n  (e: 'search', query: string): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(\n  defineProps<GrCommandPaletteProps>(),\n  {\n    items: undefined,\n    recentIds: undefined,\n    placeholder: undefined,\n    // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n    // до того, как компонент заглянет в `GrConfigProvider`.\n    size: undefined,\n    hotkey: 'mod+k',\n    filterable: true,\n    filter: undefined,\n    loading: false,\n    closeOnSelect: true,\n    maxHeight: 360,\n    virtual: false,\n    showHotkeyHint: true,\n    emptyText: undefined,\n    ariaLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<GrCommandPaletteEmits>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.commandPalette.placeholder', 'Type a command or search…'))\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.commandPalette.empty', 'Nothing found'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.commandPalette.label', 'Command palette'))\nconst loadingText = computed(() => t('gr.commandPalette.loading', 'Loading…'))\nconst recentTitle = computed(() => t('gr.commandPalette.recent', 'Recent'))\n\nconst query = ref('')\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst listboxId = useId()\n\nconst itemsResolved = computed<GrCommandItem[]>(() => props.items ?? [])\n\nconst filteredItems = computed<GrCommandItem[]>(() =>\n  props.filterable\n    ? filterCommandItems(itemsResolved.value, query.value, props.filter ?? matchCommandItem)\n    : itemsResolved.value,\n)\n\nconst groups = computed(() => {\n  const grouped = groupCommandItems(filteredItems.value)\n\n  // С непустым запросом секции «недавние» нет: там правит релевантность, а не\n  // история — иначе первая же буква уводила бы взгляд не туда.\n  if (query.value.trim()) return grouped\n\n  return withRecentCommands(grouped, filteredItems.value, props.recentIds ?? [], recentTitle.value)\n})\n\n/**\n * Порядок обхода стрелками совпадает с порядком на экране: «недавние» стоят\n * первыми, значит и первая стрелка ведёт туда же.\n */\nconst orderedItems = computed(() => groups.value.flatMap(group => group.items))\n\n/** Плоский список того, что реально выбирается — по нему ходят стрелки. */\nconst navigableItems = computed(() => orderedItems.value.filter(item => !item.disabled))\n\nfunction itemDomId(id: string): string {\n  return `${listboxId}-item-${id}`\n}\n\n/**\n * Виртуализация списка.\n *\n * Набор — плоский поток строк экрана: заголовок группы занимает такую же\n * строку, как команда, поэтому входит в него наравне. Вложенную структуру\n * рендер пересобирает уже из окна.\n */\n\n/** Оценки высоты строк. Команда крупнее заголовка; дальше уточняются замером. */\nconst ITEM_SIZE_ESTIMATE = 44\nconst GROUP_LABEL_SIZE_ESTIMATE = 28\n\ntype PaletteRow =\n  | { kind: 'label', groupIndex: number }\n  | { kind: 'item', groupIndex: number, item: GrCommandItem, posInSet: number, setSize: number }\n\nconst listEl = ref<HTMLElement | null>(null)\n\nconst paletteRows = computed<PaletteRow[]>(() => {\n  const rows: PaletteRow[] = []\n\n  groups.value.forEach((group, groupIndex) => {\n    if (group.name) rows.push({ kind: 'label', groupIndex })\n\n    group.items.forEach((item, index) => {\n      rows.push({\n        kind: 'item',\n        groupIndex,\n        item,\n        // Набор — группа, а не весь список: по ARIA позиция отсчитывается от неё.\n        posInSet: index + 1,\n        setSize: group.items.length,\n      })\n    })\n  })\n\n  return rows\n})\n\nconst virtualizer = useVirtualList({\n  container: listEl,\n  count: () => (props.virtual ? paletteRows.value.length : 0),\n  // Запрос пересобирает набор строк — замеры прошлого набора невалидны.\n  source: () => paletteRows.value,\n  itemSize: index => (paletteRows.value[index]?.kind === 'label' ? GROUP_LABEL_SIZE_ESTIMATE : ITEM_SIZE_ESTIMATE),\n  // Список закрытой палитры не смонтирован вовсе: `clientHeight` взять неоткуда.\n  // `maxHeight` можно перебить `--gr-command-list-max-height` — тогда точная\n  // высота приедет с первым замером, а это останется оценкой первого рендера.\n  viewportSize: () => props.maxHeight,\n})\n\n/**\n * Группы к отрисовке. При виртуализации пересобираются из среза `paletteRows`:\n * группа, начатая выше окна, всё равно открывается — иначе её команды остались\n * бы прямыми потомками listbox'а, что роль запрещает.\n */\ntype RenderedGroup = {\n  key: string\n  groupIndex: number\n  name: string | undefined\n  labelVisible: boolean\n  /** Позиция строки заголовка в `paletteRows` — по ней его замеряет виртуализатор. */\n  labelRowIndex?: number\n  items: { item: GrCommandItem, rowIndex: number, posInSet: number, setSize: number }[]\n}\n\nconst renderedGroups = computed<RenderedGroup[]>(() => {\n  const rows = paletteRows.value\n\n  const from = props.virtual ? virtualizer.range.value.start : 0\n  const to = props.virtual ? Math.min(rows.length, virtualizer.range.value.end) : rows.length\n\n  const result: RenderedGroup[] = []\n  let current: RenderedGroup | undefined\n\n  for (let rowIndex = from; rowIndex < to; rowIndex++) {\n    const row = rows[rowIndex]!\n    const group = groups.value[row.groupIndex]\n\n    if (!current || current.groupIndex !== row.groupIndex) {\n      current = {\n        key: group?.name ?? `__ungrouped-${row.groupIndex}`,\n        groupIndex: row.groupIndex,\n        name: group?.name,\n        labelVisible: false,\n        items: [],\n      }\n      result.push(current)\n    }\n\n    if (row.kind === 'label') {\n      current.labelVisible = true\n      current.labelRowIndex = rowIndex\n      continue\n    }\n\n    current.items.push({ item: row.item, rowIndex, posInSet: row.posInSet, setSize: row.setSize })\n  }\n\n  return result\n})\n\n/** ARIA набора: объявляем только при виртуализации — иначе набор виден по DOM. */\nfunction itemSetProps(entry: { posInSet: number, setSize: number }): Record<string, number> | undefined {\n  if (!props.virtual) return undefined\n  return { 'aria-setsize': entry.setSize, 'aria-posinset': entry.posInSet }\n}\n\n\n/** Сегменты подсветки: совпавшее с запросом рисуется `<mark>`. */\nfunction matchSegments(text: string): ReturnType<typeof splitCommandMatch> {\n  return splitCommandMatch(text, props.filterable ? query.value : '')\n}\n\nasync function scrollActiveIntoView(item: GrCommandItem): Promise<void> {\n  // Вне окна активной команды в DOM нет: `getElementById` вернул бы `null`,\n  // прокрутка не случилась бы, а `aria-activedescendant` указал бы в пустоту.\n  if (props.virtual) {\n    const rowIndex = paletteRows.value.findIndex(row => row.kind === 'item' && row.item.id === item.id)\n    if (rowIndex >= 0) virtualizer.scrollToIndex(rowIndex)\n  }\n\n  await nextTick()\n  document.getElementById(itemDomId(item.id))?.scrollIntoView?.({ block: 'nearest' })\n}\n\nconst {\n  activeItem,\n  activeDescendantId,\n  setActive,\n  reset: resetActive,\n  handleNavigationKeys,\n} = useComboboxNavigation<GrCommandItem>({\n  items: () => navigableItems.value,\n  open: () => props.modelValue,\n  idOf: item => itemDomId(item.id),\n  scrollTo: item => scrollActiveIntoView(item),\n})\n\n// Палитра всегда стартует с первой команды — и при монтировании открытой тоже.\nresetActive(0)\n\nfunction isActive(item: GrCommandItem): boolean {\n  return activeItem.value?.id === item.id\n}\n\n// Активной становится первая команда, когда список изменился **по содержимому**.\n// Следить за идентичностью массива нельзя: родитель, отдающий `:items` инлайн-\n// выражением, пересоздаёт его на каждый посторонний ререндер — и выбранная\n// стрелками команда прыгала бы в начало.\n// Разделитель — пробел, а не запятая: `id` вправе её содержать, и «a,b» + «c»\n// дало бы тот же ключ, что «a» + «b,c».\nwatch(\n  () => orderedItems.value.map(item => item.id).join(' '),\n  () => resetActive(0),\n)\n\n// `id` — ключ рендера и цель `aria-activedescendant`: дубли дают одинаковые\n// DOM-id, и фокус уезжает не на ту команду.\nwatch(\n  itemsResolved,\n  (items) => {\n    if (process.env.NODE_ENV === 'production') return\n    const duplicates = findDuplicateCommandIds(items)\n    if (!duplicates.length) return\n\n    console.warn(\n      `[GrCommandPalette] повторяющиеся id команд: ${duplicates.join(', ')}. `\n      + 'Из-за одинаковых DOM-id `aria-activedescendant` укажет не на ту команду.',\n    )\n  },\n  { immediate: true },\n)\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\nfunction selectItem(item: GrCommandItem): void {\n  if (item.disabled) return\n  emit('select', item)\n  if (props.closeOnSelect) close()\n}\n\nfunction onItemHover(item: GrCommandItem): void {\n  const index = navigableItems.value.indexOf(item)\n  if (index >= 0) setActive(index)\n}\n\nfunction onInput(event: Event): void {\n  query.value = (event.target as HTMLInputElement).value\n  emit('search', query.value.trim())\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  // Клавиша во время IME-композиции принадлежит композиции: Enter коммитит её,\n  // стрелки ходят по кандидатам.\n  if (isComposingEvent(event)) return\n\n  if (handleNavigationKeys(event)) return\n\n  switch (event.key) {\n    case 'Enter':\n      if (!activeItem.value) break\n      event.preventDefault()\n      selectItem(activeItem.value)\n      break\n  }\n}\n\n// ————— Открытие: сброс запроса и выбора.\nwatch(\n  () => props.modelValue,\n  (open) => {\n    if (!open) return\n\n    query.value = ''\n    resetActive(0)\n  },\n)\n\n// Фокус в поле — отдельным наблюдателем, и по появлению самого поля: содержимое\n// панели рождается вместе с ней, и по одному лишь пропу фокусировать нечего.\n// Ловушка фокуса `GrModal` этот выбор не перебивает — фокус, уже стоящий внутри\n// слоя, она считает осознанным.\nwatch(\n  [() => props.modelValue, inputEl],\n  ([open]) => {\n    if (open) inputEl.value?.focus()\n  },\n  { flush: 'post' },\n)\n\n// ————— Глобальное сочетание открытия.\nconst parsedHotkey = computed(() => (props.hotkey ? parseCommandHotkey(props.hotkey) : null))\n\n// Платформа определяется только после монтирования: на сервере `navigator` нет,\n// и первый рендер обязан совпасть с серверным. Иначе сервер отдаёт `Ctrl`,\n// клиент на macOS рисует `⌘`, и гидрация расходится по тексту подсказки.\nconst isApple = ref(false)\n\nconst hotkeyHint = computed(() =>\n  props.showHotkeyHint && parsedHotkey.value ? formatCommandHotkey(parsedHotkey.value, isApple.value) : [],\n)\n\nfunction onWindowKeydown(event: KeyboardEvent): void {\n  const hotkey = parsedHotkey.value\n  if (!hotkey || !matchesCommandHotkey(event, hotkey, isApple.value)) return\n  event.preventDefault()\n  toggle()\n}\n\nonMounted(() => {\n  if (typeof window === 'undefined') return\n  isApple.value = isAppleDevice()\n  window.addEventListener('keydown', onWindowKeydown)\n})\n\nonBeforeUnmount(() => {\n  if (typeof window !== 'undefined') window.removeEventListener('keydown', onWindowKeydown)\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrCommandPalette', 'size', () => props.size, 'lg')\n\nconst modalSize = computed(() => commandPaletteModalSizeBySize[resolvedSize.value])\nconst listStyle = computed(() => ({ maxHeight: `var(--gr-command-list-max-height, ${props.maxHeight}px)` }))\n\nconst listStyleWithSpacers = computed(() => {\n  const base = listStyle.value\n  if (!props.virtual) return base\n\n  return {\n    ...base,\n    ...virtualizer.spacerStyle.value,\n  }\n})\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"modalSize\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <div data-gr-command-palette :aria-label=\"resolvedAriaLabel\">\n      <div data-gr-command-palette-search :class=\"commandSearchRowClass\">\n        <span class=\"i-lucide-search block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\" aria-hidden=\"true\" />\n\n        <input\n          ref=\"inputEl\"\n          data-gr-command-palette-input\n          data-testid=\"gr-command-palette-input\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-autocomplete=\"list\"\n          aria-expanded=\"true\"\n          :aria-label=\"resolvedAriaLabel\"\n          :aria-controls=\"listboxId\"\n          :aria-activedescendant=\"activeDescendantId\"\n          :value=\"query\"\n          :placeholder=\"resolvedPlaceholder\"\n          :class=\"commandSearchInputClass\"\n          @input=\"onInput\"\n          @keydown=\"onKeydown\"\n        >\n\n        <span v-if=\"loading\" class=\"shrink-0 text-[var(--gr-muted-fg)]\" aria-hidden=\"true\">\n          <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" />\n        </span>\n        <span v-else-if=\"hotkeyHint.length\" class=\"shrink-0\" aria-hidden=\"true\">\n          <GrKbd :keys=\"hotkeyHint\" separator=\"\" size=\"sm\" />\n        </span>\n      </div>\n\n      <div\n        :id=\"listboxId\"\n        ref=\"listEl\"\n        data-gr-command-palette-list\n        data-testid=\"gr-command-palette-list\"\n        :data-gr-virtual=\"virtual ? '' : undefined\"\n        class=\"overflow-y-auto p-2\"\n        :style=\"listStyleWithSpacers\"\n        role=\"listbox\"\n        :aria-label=\"resolvedAriaLabel\"\n      >\n        <!-- Прямыми потомками listbox могут быть только `role=\"group\"`: заголовок\n             группы лежит внутри неё и объявлен презентационным (имя группе он\n             даёт через `aria-labelledby`), иначе ломается `aria-required-children`.\n\n             При виртуализации окно может начаться ниже заголовка — тогда его в\n             DOM нет, и имя группы идёт напрямую в `aria-label`. -->\n        <div\n          v-for=\"group in renderedGroups\"\n          :key=\"group.key\"\n          role=\"group\"\n          :aria-labelledby=\"group.name && group.labelVisible ? `${listboxId}-group-${group.groupIndex}` : undefined\"\n          :aria-label=\"group.name && !group.labelVisible ? group.name : undefined\"\n        >\n          <div\n            v-if=\"group.name && group.labelVisible\"\n            :id=\"`${listboxId}-group-${group.groupIndex}`\"\n            :ref=\"(el) => virtual && group.labelRowIndex !== undefined && virtualizer.measure(group.labelRowIndex, el as Element | null)\"\n            data-gr-command-palette-group\n            role=\"presentation\"\n            :class=\"commandGroupLabelClass\"\n          >\n            {{ group.name }}\n          </div>\n\n          <div>\n            <div\n              v-for=\"entry in group.items\"\n              :id=\"itemDomId(entry.item.id)\"\n              :key=\"entry.item.id\"\n              :ref=\"(el) => virtual && virtualizer.measure(entry.rowIndex, el as Element | null)\"\n              data-gr-command-palette-item\n              :data-testid=\"`gr-command-palette-item-${entry.item.id}`\"\n              role=\"option\"\n              v-bind=\"itemSetProps(entry)\"\n              :aria-selected=\"isActive(entry.item) ? 'true' : 'false'\"\n              :aria-disabled=\"entry.item.disabled ? 'true' : undefined\"\n              :class=\"commandItemClass({ active: isActive(entry.item), disabled: Boolean(entry.item.disabled) })\"\n              @click=\"selectItem(entry.item)\"\n              @mousemove=\"onItemHover(entry.item)\"\n            >\n              <slot name=\"item\" :item=\"entry.item\" :active=\"isActive(entry.item)\">\n                <span\n                  v-if=\"entry.item.icon\"\n                  class=\"block h-4 w-4 shrink-0\"\n                  :class=\"[entry.item.icon, commandItemMutedClass(Boolean(entry.item.disabled))]\"\n                  aria-hidden=\"true\"\n                />\n                <span class=\"min-w-0 flex-1\">\n                  <span class=\"block truncate\">\n                    <template v-for=\"(segment, index) in matchSegments(entry.item.label)\" :key=\"index\">\n                      <mark v-if=\"segment.match\" :class=\"commandMatchClass\">{{ segment.text }}</mark>\n                      <template v-else>{{ segment.text }}</template>\n                    </template>\n                  </span>\n                  <span\n                    v-if=\"entry.item.description\"\n                    :class=\"[commandItemDescriptionClass, commandItemMutedClass(Boolean(entry.item.disabled))]\"\n                  >\n                    <template v-for=\"(segment, index) in matchSegments(entry.item.description)\" :key=\"index\">\n                      <mark v-if=\"segment.match\" :class=\"commandMatchClass\">{{ segment.text }}</mark>\n                      <template v-else>{{ segment.text }}</template>\n                    </template>\n                  </span>\n                </span>\n                <span v-if=\"entry.item.shortcut?.length\" class=\"shrink-0\">\n                  <GrKbd :keys=\"entry.item.shortcut\" separator=\"\" size=\"sm\" />\n                </span>\n              </slot>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Состояния объявляются живым регионом: `aria-label` на generic-элементе\n           большинство AT игнорируют, и загрузка осталась бы неозвученной. Регион\n           один на оба состояния и лежит вне listbox — внутри он стал бы его\n           недопустимым потомком. -->\n      <div\n        v-if=\"loading || !filteredItems.length\"\n        data-gr-command-palette-empty\n        data-testid=\"gr-command-palette-empty\"\n        role=\"status\"\n        aria-live=\"polite\"\n        :class=\"commandEmptyClass\"\n      >\n        <template v-if=\"loading\">\n          {{ loadingText }}\n        </template>\n        <slot v-else name=\"empty\" :query=\"query\">\n          {{ resolvedEmptyText }}\n        </slot>\n      </div>\n\n      <div v-if=\"$slots.footer\" data-gr-command-palette-footer :class=\"commandFooterClass\">\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </GrModal>\n</template>\n\n<style scoped>\n/*\n * Распорки виртуального списка.\n *\n * Не `padding` контейнера: `max-height` меряет ту же коробку. Не обёртка внутри\n * listbox'а: прямыми потомками роли обязаны быть только группы. Не отступы\n * крайних строк: при прыжке прокрутки строки заменяются целиком, и распорка\n * исчезла бы вместе с ними.\n *\n * `display: block` обязателен: список палитры — блочный поток, а псевдоэлемент\n * по умолчанию строчный, и строчная коробка игнорирует `height` — распорка\n * молча не создалась бы вовсе.\n */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useVirtualList } from '../../composables/useVirtualList'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { isComposingEvent } from '../../internal/keyboard'\nimport { useComboboxNavigation } from '../../composables/internal/useComboboxNavigation'\nimport GrKbd from '../GrKbd/GrKbd.vue'\nimport GrModal from '../GrModal/GrModal.vue'\n\nimport {\n  filterCommandItems,\n  findDuplicateCommandIds,\n  groupCommandItems,\n  matchCommandItem,\n  splitCommandMatch,\n  withRecentCommands,\n  type GrCommandFilter,\n  type GrCommandItem,\n} from './filtering'\nimport {\n  formatCommandHotkey,\n  isAppleDevice,\n  matchesCommandHotkey,\n  parseCommandHotkey,\n} from '../shared/hotkey'\nimport {\n  commandEmptyClass,\n  commandFooterClass,\n  commandGroupLabelClass,\n  commandItemClass,\n  commandItemDescriptionClass,\n  commandItemMutedClass,\n  commandMatchClass,\n  commandPaletteModalSizeBySize,\n  commandSearchInputClass,\n  commandSearchRowClass,\n  type GrCommandPaletteSize,\n} from './grCommandPaletteStyles'\n\nexport type { GrCommandFilter, GrCommandGroup, GrCommandItem } from './filtering'\nexport type { GrCommandPaletteSize } from './grCommandPaletteStyles'\n\n/**\n * Публичный GR-примитив «Command palette» (⌘K) — модальный поиск по командам\n * приложения с группировкой, подсказками сочетаний и клавиатурной навигацией.\n *\n * A11y: WAI-ARIA combobox поверх модалки — `role=\"combobox\"` на поле ввода,\n * `role=\"listbox\"` на списке, `aria-activedescendant` на активной команде\n * (фокус остаётся в поле). Esc, фокус-ловушка и блокировка скролла приходят\n * из `GrModal`.\n *\n * Открытие по глобальному сочетанию (`hotkey`, по умолчанию `mod+k` — Cmd на\n * macOS, Ctrl на прочих) компонент берёт на себя; передайте `hotkey: null`,\n * чтобы управлять открытием только через `v-model`.\n */\nexport interface GrCommandPaletteProps {\n  /** Открыта ли палитра. */\n  modelValue: boolean\n  /** Плоский список команд; группировка — по полю `group` самой команды. */\n  items?: GrCommandItem[]\n  /**\n   * Недавние команды: пока запрос пуст, они поднимаются отдельной группой\n   * наверх в этом порядке и не дублируются ниже.\n   */\n  recentIds?: string[]\n  placeholder?: string\n  size?: GrCommandPaletteSize\n  /** Глобальное сочетание открытия. `null` — не вешать слушатель. */\n  hotkey?: string | null\n  /** Локальная фильтрация по запросу. `false` — фильтрует владелец по событию `search`. */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. */\n  filter?: GrCommandFilter\n  /** Внешне управляемое состояние загрузки (для remote-поиска). */\n  loading?: boolean\n  /** Закрывать палитру после выбора команды. */\n  closeOnSelect?: boolean\n  /** Максимальная высота списка, px. */\n  maxHeight?: number\n  /**\n   * Виртуализация списка: в DOM живёт только окно вокруг вьюпорта. Высоту окна\n   * задаёт `maxHeight`.\n   *\n   * Включается осознанно: на сотне команд выигрыша нет, а в разметке остаётся\n   * только окно — вместе с ним меняется и то, что находит `querySelector`\n   * потребителя. Профильный сценарий — палитра приложения на тысячи команд.\n   */\n  virtual?: boolean\n  /** Показывать подсказку сочетания в поле ввода. */\n  showHotkeyHint?: boolean\n  emptyText?: string\n  ariaLabel?: string\n}\n\nexport interface GrCommandPaletteEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Команда выбрана (клик или Enter). */\n  (e: 'select', item: GrCommandItem): void\n  /** Поисковый запрос изменился — точка входа для remote-поиска. */\n  (e: 'search', query: string): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(\n  defineProps<GrCommandPaletteProps>(),\n  {\n    items: undefined,\n    recentIds: undefined,\n    placeholder: undefined,\n    // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n    // до того, как компонент заглянет в `GrConfigProvider`.\n    size: undefined,\n    hotkey: 'mod+k',\n    filterable: true,\n    filter: undefined,\n    loading: false,\n    closeOnSelect: true,\n    maxHeight: 360,\n    virtual: false,\n    showHotkeyHint: true,\n    emptyText: undefined,\n    ariaLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<GrCommandPaletteEmits>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.commandPalette.placeholder', 'Type a command or search…'))\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.commandPalette.empty', 'Nothing found'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.commandPalette.label', 'Command palette'))\nconst loadingText = computed(() => t('gr.commandPalette.loading', 'Loading…'))\nconst recentTitle = computed(() => t('gr.commandPalette.recent', 'Recent'))\n\nconst query = ref('')\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst listboxId = useId()\n\nconst itemsResolved = computed<GrCommandItem[]>(() => props.items ?? [])\n\nconst filteredItems = computed<GrCommandItem[]>(() =>\n  props.filterable\n    ? filterCommandItems(itemsResolved.value, query.value, props.filter ?? matchCommandItem)\n    : itemsResolved.value,\n)\n\nconst groups = computed(() => {\n  const grouped = groupCommandItems(filteredItems.value)\n\n  // С непустым запросом секции «недавние» нет: там правит релевантность, а не\n  // история — иначе первая же буква уводила бы взгляд не туда.\n  if (query.value.trim()) return grouped\n\n  return withRecentCommands(grouped, filteredItems.value, props.recentIds ?? [], recentTitle.value)\n})\n\n/**\n * Порядок обхода стрелками совпадает с порядком на экране: «недавние» стоят\n * первыми, значит и первая стрелка ведёт туда же.\n */\nconst orderedItems = computed(() => groups.value.flatMap(group => group.items))\n\n/** Плоский список того, что реально выбирается — по нему ходят стрелки. */\nconst navigableItems = computed(() => orderedItems.value.filter(item => !item.disabled))\n\nfunction itemDomId(id: string): string {\n  return `${listboxId}-item-${id}`\n}\n\n/**\n * Виртуализация списка.\n *\n * Набор — плоский поток строк экрана: заголовок группы занимает такую же\n * строку, как команда, поэтому входит в него наравне. Вложенную структуру\n * рендер пересобирает уже из окна.\n */\n\n/** Оценки высоты строк. Команда крупнее заголовка; дальше уточняются замером. */\nconst ITEM_SIZE_ESTIMATE = 44\nconst GROUP_LABEL_SIZE_ESTIMATE = 28\n\ntype PaletteRow =\n  | { kind: 'label', groupIndex: number }\n  | { kind: 'item', groupIndex: number, item: GrCommandItem, posInSet: number, setSize: number }\n\nconst listEl = ref<HTMLElement | null>(null)\n\nconst paletteRows = computed<PaletteRow[]>(() => {\n  const rows: PaletteRow[] = []\n\n  groups.value.forEach((group, groupIndex) => {\n    if (group.name) rows.push({ kind: 'label', groupIndex })\n\n    group.items.forEach((item, index) => {\n      rows.push({\n        kind: 'item',\n        groupIndex,\n        item,\n        // Набор — группа, а не весь список: по ARIA позиция отсчитывается от неё.\n        posInSet: index + 1,\n        setSize: group.items.length,\n      })\n    })\n  })\n\n  return rows\n})\n\nconst virtualizer = useVirtualList({\n  container: listEl,\n  count: () => (props.virtual ? paletteRows.value.length : 0),\n  // Запрос пересобирает набор строк — замеры прошлого набора невалидны.\n  source: () => paletteRows.value,\n  itemSize: index => (paletteRows.value[index]?.kind === 'label' ? GROUP_LABEL_SIZE_ESTIMATE : ITEM_SIZE_ESTIMATE),\n  // Список закрытой палитры не смонтирован вовсе: `clientHeight` взять неоткуда.\n  // `maxHeight` можно перебить `--gr-command-list-max-height` — тогда точная\n  // высота приедет с первым замером, а это останется оценкой первого рендера.\n  viewportSize: () => props.maxHeight,\n})\n\n/**\n * Группы к отрисовке. При виртуализации пересобираются из среза `paletteRows`:\n * группа, начатая выше окна, всё равно открывается — иначе её команды остались\n * бы прямыми потомками listbox'а, что роль запрещает.\n */\ntype RenderedGroup = {\n  key: string\n  groupIndex: number\n  name: string | undefined\n  labelVisible: boolean\n  /** Позиция строки заголовка в `paletteRows` — по ней его замеряет виртуализатор. */\n  labelRowIndex?: number\n  items: { item: GrCommandItem, rowIndex: number, posInSet: number, setSize: number }[]\n}\n\nconst renderedGroups = computed<RenderedGroup[]>(() => {\n  const rows = paletteRows.value\n\n  const from = props.virtual ? virtualizer.range.value.start : 0\n  const to = props.virtual ? Math.min(rows.length, virtualizer.range.value.end) : rows.length\n\n  const result: RenderedGroup[] = []\n  let current: RenderedGroup | undefined\n\n  for (let rowIndex = from; rowIndex < to; rowIndex++) {\n    const row = rows[rowIndex]!\n    const group = groups.value[row.groupIndex]\n\n    if (!current || current.groupIndex !== row.groupIndex) {\n      current = {\n        key: group?.name ?? `__ungrouped-${row.groupIndex}`,\n        groupIndex: row.groupIndex,\n        name: group?.name,\n        labelVisible: false,\n        items: [],\n      }\n      result.push(current)\n    }\n\n    if (row.kind === 'label') {\n      current.labelVisible = true\n      current.labelRowIndex = rowIndex\n      continue\n    }\n\n    current.items.push({ item: row.item, rowIndex, posInSet: row.posInSet, setSize: row.setSize })\n  }\n\n  return result\n})\n\n/** ARIA набора: объявляем только при виртуализации — иначе набор виден по DOM. */\nfunction itemSetProps(entry: { posInSet: number, setSize: number }): Record<string, number> | undefined {\n  if (!props.virtual) return undefined\n  return { 'aria-setsize': entry.setSize, 'aria-posinset': entry.posInSet }\n}\n\n\n/** Сегменты подсветки: совпавшее с запросом рисуется `<mark>`. */\nfunction matchSegments(text: string): ReturnType<typeof splitCommandMatch> {\n  return splitCommandMatch(text, props.filterable ? query.value : '')\n}\n\nasync function scrollActiveIntoView(item: GrCommandItem): Promise<void> {\n  // Вне окна активной команды в DOM нет: `getElementById` вернул бы `null`,\n  // прокрутка не случилась бы, а `aria-activedescendant` указал бы в пустоту.\n  if (props.virtual) {\n    const rowIndex = paletteRows.value.findIndex(row => row.kind === 'item' && row.item.id === item.id)\n    if (rowIndex >= 0) virtualizer.scrollToIndex(rowIndex)\n  }\n\n  await nextTick()\n  document.getElementById(itemDomId(item.id))?.scrollIntoView?.({ block: 'nearest' })\n}\n\nconst {\n  activeItem,\n  activeDescendantId,\n  setActive,\n  reset: resetActive,\n  handleNavigationKeys,\n} = useComboboxNavigation<GrCommandItem>({\n  items: () => navigableItems.value,\n  open: () => props.modelValue,\n  idOf: item => itemDomId(item.id),\n  scrollTo: item => scrollActiveIntoView(item),\n})\n\n// Палитра всегда стартует с первой команды — и при монтировании открытой тоже.\nresetActive(0)\n\nfunction isActive(item: GrCommandItem): boolean {\n  return activeItem.value?.id === item.id\n}\n\n// Активной становится первая команда, когда список изменился **по содержимому**.\n// Следить за идентичностью массива нельзя: родитель, отдающий `:items` инлайн-\n// выражением, пересоздаёт его на каждый посторонний ререндер — и выбранная\n// стрелками команда прыгала бы в начало.\n// Разделитель — пробел, а не запятая: `id` вправе её содержать, и «a,b» + «c»\n// дало бы тот же ключ, что «a» + «b,c».\nwatch(\n  () => orderedItems.value.map(item => item.id).join(' '),\n  () => resetActive(0),\n)\n\n// `id` — ключ рендера и цель `aria-activedescendant`: дубли дают одинаковые\n// DOM-id, и фокус уезжает не на ту команду.\nwatch(\n  itemsResolved,\n  (items) => {\n    if (process.env.NODE_ENV === 'production') return\n    const duplicates = findDuplicateCommandIds(items)\n    if (!duplicates.length) return\n\n    console.warn(\n      `[GrCommandPalette] повторяющиеся id команд: ${duplicates.join(', ')}. `\n      + 'Из-за одинаковых DOM-id `aria-activedescendant` укажет не на ту команду.',\n    )\n  },\n  { immediate: true },\n)\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\nfunction selectItem(item: GrCommandItem): void {\n  if (item.disabled) return\n  emit('select', item)\n  if (props.closeOnSelect) close()\n}\n\nfunction onItemHover(item: GrCommandItem): void {\n  const index = navigableItems.value.indexOf(item)\n  if (index >= 0) setActive(index)\n}\n\nfunction onInput(event: Event): void {\n  query.value = (event.target as HTMLInputElement).value\n  emit('search', query.value.trim())\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  // Клавиша во время IME-композиции принадлежит композиции: Enter коммитит её,\n  // стрелки ходят по кандидатам.\n  if (isComposingEvent(event)) return\n\n  if (handleNavigationKeys(event)) return\n\n  switch (event.key) {\n    case 'Enter':\n      if (!activeItem.value) break\n      event.preventDefault()\n      selectItem(activeItem.value)\n      break\n  }\n}\n\n// ————— Открытие: сброс запроса и выбора.\nwatch(\n  () => props.modelValue,\n  (open) => {\n    if (!open) return\n\n    query.value = ''\n    resetActive(0)\n  },\n)\n\n// Фокус в поле — отдельным наблюдателем, и по появлению самого поля: содержимое\n// панели рождается вместе с ней, и по одному лишь пропу фокусировать нечего.\n// Ловушка фокуса `GrModal` этот выбор не перебивает — фокус, уже стоящий внутри\n// слоя, она считает осознанным.\nwatch(\n  [() => props.modelValue, inputEl],\n  ([open]) => {\n    if (open) inputEl.value?.focus()\n  },\n  { flush: 'post' },\n)\n\n// ————— Глобальное сочетание открытия.\nconst parsedHotkey = computed(() => (props.hotkey ? parseCommandHotkey(props.hotkey) : null))\n\n// Платформа определяется только после монтирования: на сервере `navigator` нет,\n// и первый рендер обязан совпасть с серверным. Иначе сервер отдаёт `Ctrl`,\n// клиент на macOS рисует `⌘`, и гидрация расходится по тексту подсказки.\nconst isApple = ref(false)\n\nconst hotkeyHint = computed(() =>\n  props.showHotkeyHint && parsedHotkey.value ? formatCommandHotkey(parsedHotkey.value, isApple.value) : [],\n)\n\nfunction onWindowKeydown(event: KeyboardEvent): void {\n  const hotkey = parsedHotkey.value\n  if (!hotkey || !matchesCommandHotkey(event, hotkey, isApple.value)) return\n  event.preventDefault()\n  toggle()\n}\n\nonMounted(() => {\n  if (typeof window === 'undefined') return\n  isApple.value = isAppleDevice()\n  window.addEventListener('keydown', onWindowKeydown)\n})\n\nonBeforeUnmount(() => {\n  if (typeof window !== 'undefined') window.removeEventListener('keydown', onWindowKeydown)\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrCommandPalette', 'size', () => props.size, 'lg')\n\nconst modalSize = computed(() => commandPaletteModalSizeBySize[resolvedSize.value])\nconst listStyle = computed(() => ({ maxHeight: `var(--gr-command-list-max-height, ${props.maxHeight}px)` }))\n\nconst listStyleWithSpacers = computed(() => {\n  const base = listStyle.value\n  if (!props.virtual) return base\n\n  return {\n    ...base,\n    ...virtualizer.spacerStyle.value,\n  }\n})\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"modalSize\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <div data-gr-command-palette :aria-label=\"resolvedAriaLabel\">\n      <div data-gr-command-palette-search :class=\"commandSearchRowClass\">\n        <span class=\"i-lucide-search block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\" aria-hidden=\"true\" />\n\n        <input\n          ref=\"inputEl\"\n          data-gr-command-palette-input\n          data-testid=\"gr-command-palette-input\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-autocomplete=\"list\"\n          aria-expanded=\"true\"\n          :aria-label=\"resolvedAriaLabel\"\n          :aria-controls=\"listboxId\"\n          :aria-activedescendant=\"activeDescendantId\"\n          :value=\"query\"\n          :placeholder=\"resolvedPlaceholder\"\n          :class=\"commandSearchInputClass\"\n          @input=\"onInput\"\n          @keydown=\"onKeydown\"\n        >\n\n        <span v-if=\"loading\" class=\"shrink-0 text-[var(--gr-muted-fg)]\" aria-hidden=\"true\">\n          <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" />\n        </span>\n        <span v-else-if=\"hotkeyHint.length\" class=\"shrink-0\" aria-hidden=\"true\">\n          <GrKbd :keys=\"hotkeyHint\" separator=\"\" size=\"sm\" />\n        </span>\n      </div>\n\n      <div\n        :id=\"listboxId\"\n        ref=\"listEl\"\n        data-gr-command-palette-list\n        data-testid=\"gr-command-palette-list\"\n        :data-gr-virtual=\"virtual ? '' : undefined\"\n        class=\"overflow-y-auto p-2\"\n        :style=\"listStyleWithSpacers\"\n        role=\"listbox\"\n        :aria-label=\"resolvedAriaLabel\"\n      >\n        <!-- Прямыми потомками listbox могут быть только `role=\"group\"`: заголовок\n             группы лежит внутри неё и объявлен презентационным (имя группе он\n             даёт через `aria-labelledby`), иначе ломается `aria-required-children`.\n\n             При виртуализации окно может начаться ниже заголовка — тогда его в\n             DOM нет, и имя группы идёт напрямую в `aria-label`. -->\n        <div\n          v-for=\"group in renderedGroups\"\n          :key=\"group.key\"\n          role=\"group\"\n          :aria-labelledby=\"group.name && group.labelVisible ? `${listboxId}-group-${group.groupIndex}` : undefined\"\n          :aria-label=\"group.name && !group.labelVisible ? group.name : undefined\"\n        >\n          <div\n            v-if=\"group.name && group.labelVisible\"\n            :id=\"`${listboxId}-group-${group.groupIndex}`\"\n            :ref=\"(el) => virtual && group.labelRowIndex !== undefined && virtualizer.measure(group.labelRowIndex, el as Element | null)\"\n            data-gr-command-palette-group\n            role=\"presentation\"\n            :class=\"commandGroupLabelClass\"\n          >\n            {{ group.name }}\n          </div>\n\n          <div>\n            <div\n              v-for=\"entry in group.items\"\n              :id=\"itemDomId(entry.item.id)\"\n              :key=\"entry.item.id\"\n              :ref=\"(el) => virtual && virtualizer.measure(entry.rowIndex, el as Element | null)\"\n              data-gr-command-palette-item\n              :data-testid=\"`gr-command-palette-item-${entry.item.id}`\"\n              role=\"option\"\n              v-bind=\"itemSetProps(entry)\"\n              :aria-selected=\"isActive(entry.item) ? 'true' : 'false'\"\n              :aria-disabled=\"entry.item.disabled ? 'true' : undefined\"\n              :class=\"commandItemClass({ active: isActive(entry.item), disabled: Boolean(entry.item.disabled) })\"\n              @click=\"selectItem(entry.item)\"\n              @mousemove=\"onItemHover(entry.item)\"\n            >\n              <slot name=\"item\" :item=\"entry.item\" :active=\"isActive(entry.item)\">\n                <span\n                  v-if=\"entry.item.icon\"\n                  class=\"block h-4 w-4 shrink-0\"\n                  :class=\"[entry.item.icon, commandItemMutedClass(Boolean(entry.item.disabled))]\"\n                  aria-hidden=\"true\"\n                />\n                <span class=\"min-w-0 flex-1\">\n                  <span class=\"block truncate\">\n                    <template v-for=\"(segment, index) in matchSegments(entry.item.label)\" :key=\"index\">\n                      <mark v-if=\"segment.match\" :class=\"commandMatchClass\">{{ segment.text }}</mark>\n                      <template v-else>{{ segment.text }}</template>\n                    </template>\n                  </span>\n                  <span\n                    v-if=\"entry.item.description\"\n                    :class=\"[commandItemDescriptionClass, commandItemMutedClass(Boolean(entry.item.disabled))]\"\n                  >\n                    <template v-for=\"(segment, index) in matchSegments(entry.item.description)\" :key=\"index\">\n                      <mark v-if=\"segment.match\" :class=\"commandMatchClass\">{{ segment.text }}</mark>\n                      <template v-else>{{ segment.text }}</template>\n                    </template>\n                  </span>\n                </span>\n                <span v-if=\"entry.item.shortcut?.length\" class=\"shrink-0\">\n                  <GrKbd :keys=\"entry.item.shortcut\" separator=\"\" size=\"sm\" />\n                </span>\n              </slot>\n            </div>\n          </div>\n        </div>\n      </div>\n\n      <!-- Состояния объявляются живым регионом: `aria-label` на generic-элементе\n           большинство AT игнорируют, и загрузка осталась бы неозвученной. Регион\n           один на оба состояния и лежит вне listbox — внутри он стал бы его\n           недопустимым потомком. -->\n      <div\n        v-if=\"loading || !filteredItems.length\"\n        data-gr-command-palette-empty\n        data-testid=\"gr-command-palette-empty\"\n        role=\"status\"\n        aria-live=\"polite\"\n        :class=\"commandEmptyClass\"\n      >\n        <template v-if=\"loading\">\n          {{ loadingText }}\n        </template>\n        <slot v-else name=\"empty\" :query=\"query\">\n          {{ resolvedEmptyText }}\n        </slot>\n      </div>\n\n      <div v-if=\"$slots.footer\" data-gr-command-palette-footer :class=\"commandFooterClass\">\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </GrModal>\n</template>\n\n<style scoped>\n/*\n * Распорки виртуального списка.\n *\n * Не `padding` контейнера: `max-height` меряет ту же коробку. Не обёртка внутри\n * listbox'а: прямыми потомками роли обязаны быть только группы. Не отступы\n * крайних строк: при прыжке прокрутки строки заменяются целиком, и распорка\n * исчезла бы вместе с ними.\n *\n * `display: block` обязателен: список палитры — блочный поток, а псевдоэлемент\n * по умолчанию строчный, и строчная коробка игнорирует `height` — распорка\n * молча не создалась бы вовсе.\n */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n"],"mappings":"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"}