@feugene/granularity 0.16.0 → 0.19.0

package/dist/components/GrTreeSelect/chunks/GrTreeSelect--muUeB0v.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrTreeSelect--muUeB0v.js","names":["$slots"],"sources":["../../../../src/components/GrTreeSelect/GrTreeSelect.vue","../../../../src/components/GrTreeSelect/GrTreeSelect.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed, nextTick, ref, useId, useSlots, watch } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/useFloating'\nimport { useOverlayLayer } from '../../composables/useOverlayLayer'\nimport { useControlAddons } from '../../composables/internal/useControlAddons'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTree, {\n  type GrTreeInstance,\n  type GrTreeKey,\n  type GrTreeNode,\n} from '../GrTree'\nimport type { GrInputSize } from '../GrInput/GrInput.vue'\nimport type { GrTreeSelectModelValue, GrTreeSelectProps } from './grTreeSelectTypes'\nimport { grTreeSelectClass, grTreeSelectPanelClass, grTreeSelectStateClass, paddingX, trailingZoneWidth } from './grTreeSelectStyles'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconChevronDown from '~icons/lucide/chevron-down'\nimport IconLoaderCircle from '~icons/lucide/loader-circle'\nimport IconX from '~icons/lucide/x'\n\nexport interface GrTreeSelectEmits<T extends Record<string, any> = any> {\n  (e: 'update:modelValue', value: GrTreeSelectModelValue): void\n  (e: 'change', value: GrTreeSelectModelValue): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n  /**\n   * Панель открылась/закрылась.\n   * @deprecated Используйте `update:open` (`v-model:open`); алиас будет снят после 1.0.\n   */\n  (e: 'visibleChange', visible: boolean): void\n  (e: 'clear'): void\n  (e: 'nodeClick', data: T, node: GrTreeNode<T>): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrTreeSelectProps<T>>(),\n  {\n    props: () => ({\n      children: 'children',\n      label: 'label',\n    }),\n    nodeKey: 'id' as any,\n    defaultExpandedKeys: () => [],\n    disabled: false,\n    placeholder: undefined,\n    size: undefined,\n    loading: false,\n    invalid: false,\n    readonly: false,\n    required: false,\n    ariaLabel: undefined,\n    state: 'default',\n    multiple: false,\n    showCheckbox: false,\n    checkStrictly: false,\n    clearable: false,\n    open: undefined,\n    name: undefined,\n    valueDisplay: 'label',\n    filterable: false,\n    filterPlaceholder: undefined,\n    filterInputmode: undefined,\n    filterNodeMethod: undefined,\n    closeOnSelect: undefined,\n    dropdownMaxHeight: 320,\n    virtual: false,\n    prefixMinWidth: undefined,\n    prefixMaxWidth: undefined,\n    suffixMinWidth: undefined,\n    suffixMaxWidth: undefined,\n    prefixFixed: false,\n    suffixFixed: false,\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst emit = defineEmits<GrTreeSelectEmits<T>>()\n\ndefineSlots<{\n  /** Рендер значения внутри триггера (вместо дефолтного текста). */\n  value?: (props: { value: GrTreeSelectModelValue; labels: string[]; displayValue: string; pathLabels?: string[] }) => any\n  /** Рендер строки дерева. */\n  node?: (props: { node: GrTreeNode<T>; data: T; selected: boolean }) => any\n  /** Содержимое пустого состояния (когда нет данных). */\n  empty?: () => any\n  /** Содержимое панели, пока данные едут. */\n  loading?: () => any\n  /** Аддон слева от значения: иконка, код валюты, метка. */\n  prefix?: () => any\n  /** Аддон справа от значения, перед крестиком и шевроном. */\n  suffix?: () => any\n}>()\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst triggerEl = ref<HTMLInputElement | null>(null)\nconst treeId = `gr-tree-select-tree-${useId()}`\n\n// Контекст `GrFormField` + общий контракт форм-контрола.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\n\nfunction focus(): void {\n  triggerEl.value?.focus()\n}\n\nfunction blur(): void {\n  triggerEl.value?.blur()\n}\n\ndefineExpose({ focus, blur })\nconst filterInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst treeRef = ref<GrTreeInstance | null>(null)\nconst panelEl = 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})\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nlet hadPointerDownOnTrigger = false\n\n// Имя `open` сохранено: читатели работают с computed-Ref.\nconst { open, setOpen: setOpenState } = useControlledOpen(\n  () => props.open,\n  (next) => {\n    emit('update:open', next)\n    emit('visibleChange', next)\n  },\n)\nconst filterValue = ref('')\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nconst closeOnSelectResolved = computed(() => {\n  return props.closeOnSelect ?? !props.multiple\n})\n\nfunction getChildrenKey() {\n  return props.props.children ?? 'children'\n}\n\nfunction getLabelKey() {\n  return props.props.label ?? 'label'\n}\n\nfunction nodeLabel(data: T): string {\n  const key = getLabelKey() as keyof T\n  const v = data[key]\n  return v == null ? '' : String(v)\n}\n\nfunction nodeChildren(data: T): T[] {\n  const key = getChildrenKey() as keyof T\n  const v = data[key]\n  return Array.isArray(v) ? (v as any) : []\n}\n\nfunction nodeKeyOf(data: T, index: number, parentKey: GrTreeKey | undefined): GrTreeKey {\n  const keyName = props.nodeKey as keyof T\n  const v = data[keyName]\n  if (v != null)\n    return v as GrTreeKey\n\n  return parentKey == null ? index : `${String(parentKey)}:${index}`\n}\n\nconst labelByKey = computed(() => {\n  const map = new Map<GrTreeKey, string>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      map.set(key, nodeLabel(item))\n      walk(nodeChildren(item), key)\n    }\n  }\n\n  walk(props.data ?? [], undefined)\n  return map\n})\n\nconst pathLabelsByKey = computed(() => {\n  const map = new Map<GrTreeKey, string[]>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined, parentPath: string[]) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      const label = nodeLabel(item)\n      const path = [...parentPath, label]\n      map.set(key, path)\n      walk(nodeChildren(item), key, path)\n    }\n  }\n\n  walk(props.data ?? [], undefined, [])\n  return map\n})\n\nconst selectedKeys = computed<GrTreeKey[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  const v = props.modelValue\n  if (v == null || Array.isArray(v))\n    return []\n  return [v]\n})\n\nconst selectedKeySet = computed(() => new Set(selectedKeys.value))\n\nconst selectedLabels = computed(() => {\n  const map = labelByKey.value\n  return selectedKeys.value.map((k) => map.get(k) ?? String(k))\n})\n\nconst selectedPathLabels = computed<string[] | undefined>(() => {\n  if (props.multiple)\n    return undefined\n\n  const key = selectedKeys.value[0]\n  if (key == null)\n    return undefined\n\n  const path = pathLabelsByKey.value.get(key)\n  if (path?.length)\n    return path\n\n  const labels = selectedLabels.value\n  return labels.length ? [labels[0]] : undefined\n})\n\nconst displayValue = computed(() => {\n  const labels = selectedLabels.value\n  if (labels.length === 0)\n    return ''\n\n  if (!props.multiple) {\n    if (props.valueDisplay === 'path') {\n      const path = selectedPathLabels.value\n      if (path?.length)\n        return path.join(' / ')\n    }\n    return labels[0]\n  }\n\n  if (labels.length === 1)\n    return labels[0]\n  return `${labels[0]} +${labels.length - 1}`\n})\n\nconst hasSelection = computed(() => selectedKeys.value.length > 0)\n\n/** Дерево рендерится только когда есть что показать — ссылаться иначе не на что. */\nconst hasTree = computed(() => !props.loading && (props.data?.length ?? 0) > 0)\n\nconst resolvedFilterPlaceholder = computed(() => {\n  return props.filterPlaceholder ?? t('gr.treeSelect.filterPlaceholder', 'Search…')\n})\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTreeSelect' })\n\nconst className = computed(() => {\n  return grTreeSelectClass({\n    size: resolvedSize.value,\n    state: props.state,\n    invalid: isInvalid.value,\n    disabled: isDisabled.value,\n  })\n})\n\nconst panelClasses = computed(() => {\n  return grTreeSelectPanelClass\n})\n\nconst ADDON_MIN_WIDTH_BY_SIZE: Record<GrInputSize, string> = {\n  xs: '2rem',\n  sm: '2.25rem',\n  md: '2.5rem',\n  lg: '3rem',\n}\n\nconst slots = useSlots()\n\nconst {\n  hasPrefix,\n  hasSuffix,\n  prefixEl,\n  suffixEl,\n  prefixStyle,\n  suffixStyle,\n  fieldPadding: triggerStyle,\n} = useControlAddons(() => props, {\n  defaultMinWidth: () => ADDON_MIN_WIDTH_BY_SIZE[resolvedSize.value],\n  paddingX: () => paddingX[resolvedSize.value],\n  // Место под крестик и шеврон уже отдано классом `pr-9`, но инлайн-паддинг\n  // перекрывает класс целиком — с суффиксом эту зону приходится вернуть числом.\n  trailingReserve: () => (slots.suffix ? trailingZoneWidth : '0px'),\n})\n\n// Слот `value` рисуется поверх поля и обязан жить в тех же границах, что и\n// текст под ним. Без аддонов границы задаёт класс — стиль остаётся пустым.\nconst valueOverlayStyle = computed(() => ({\n  left: hasPrefix.value ? triggerStyle.value.paddingLeft : undefined,\n  right: hasSuffix.value ? triggerStyle.value.paddingRight : undefined,\n}))\n\nfunction setOpen(next: boolean) {\n  if (isDisabled.value || isReadonly.value)\n    return\n\n  setOpenState(next)\n}\n\nfunction onClickOutside(): void {\n  setOpen(false)\n}\n\nfunction openDropdown(): void {\n  setOpen(true)\n}\n\n/**\n * Стек слоёв возвращает фокус на триггер сразу после закрытия, а у триггера\n * открытие висит на `focus`. Без флага `Escape` из дерева закрывал бы панель и\n * тем же движением открывал её заново.\n */\nlet suppressFocusOpen = false\n\nfunction closeDropdown(): void {\n  suppressFocusOpen = true\n  setOpen(false)\n  setTimeout(() => {\n    suppressFocusOpen = false\n  }, 0)\n}\n\nfunction toggleDropdown(): void {\n  setOpen(!open.value)\n}\n\n// Клик по триггеру сам переключает панель через `@click`; флаг гасит открытие\n// по приходящему следом `focus`, иначе один клик открыл бы и тут же закрыл.\nfunction onTriggerPointerDown(): void {\n  hadPointerDownOnTrigger = true\n  setTimeout(() => {\n    hadPointerDownOnTrigger = false\n  }, 0)\n}\n\nfunction onTriggerFocus(): void {\n  if (hadPointerDownOnTrigger || suppressFocusOpen)\n    return\n  openDropdown()\n}\n\n// Возврат фокуса на триггер — из контракта слоя, а не руками через `nextTick`.\nuseOverlayLayer(open, closeDropdown, { root: panelEl })\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (!isOpen) {\n      if (filterValue.value.trim().length > 0)\n        filterValue.value = ''\n      return\n    }\n\n    // Подсветка дерева идёт за значением: панель могли открыть после того, как\n    // значение сменили снаружи.\n    if (!props.multiple) {\n      const v = props.modelValue\n      if (v != null && !Array.isArray(v))\n        treeRef.value?.setCurrentKey(v)\n    }\n\n    if (props.filterable) {\n      await nextTick()\n      filterInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (props.multiple)\n      return\n    if (v == null || Array.isArray(v)) {\n      treeRef.value?.setCurrentKey(undefined)\n      return\n    }\n    treeRef.value?.setCurrentKey(v)\n  },\n)\n\nwatch(\n  filterValue,\n  (v) => {\n    treeRef.value?.filter(v)\n  },\n)\n\nfunction emitModel(next: GrTreeSelectModelValue) {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction clear(): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n\n  const next: GrTreeSelectModelValue = props.multiple ? [] : null\n  emitModel(next)\n  emit('clear')\n  if (!props.multiple)\n    treeRef.value?.setCurrentKey(undefined)\n}\n\n/**\n * Отдаёт клавиатуру дереву. Панель под `v-show`, поэтому дерево уже в DOM, но\n * скрытый элемент сфокусировать нельзя — сначала открытие, потом кадр, потом\n * фокус. Дальше работают клавиши `GrTree`, а `Escape` возвращает фокус на\n * триггер силами общего стека слоёв.\n */\nasync function focusTree(): Promise<boolean> {\n  if (!open.value)\n    return false\n\n  await nextTick()\n  return treeRef.value?.focus() ?? false\n}\n\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (isDisabled.value)\n    return\n\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    closeDropdown()\n    return\n  }\n\n  if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault()\n    openDropdown()\n\n    // При `filterable` фокус уходит в поле поиска (см. watch на `open`), и\n    // дальше в дерево ведёт стрелка уже оттуда.\n    if (!props.filterable)\n      void focusTree()\n  }\n}\n\n/** Стрелка из поля поиска — единственный путь из фильтра в дерево. */\nfunction onFilterKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp')\n    return\n\n  e.preventDefault()\n  void focusTree()\n}\n\n/** `Tab` уводит из панели — оставлять её открытой за спиной незачем. */\nfunction onPanelKeydown(e: KeyboardEvent): void {\n  if (e.key === 'Tab')\n    closeDropdown()\n}\n\n// Чекбоксы осмысленны только в множественном выборе: одиночный уже подсвечен\n// текущим узлом.\nconst checkboxMode = computed(() => props.multiple && props.showCheckbox)\n\n// В режиме чекбоксов каскад по родителям и детям считает `GrTree`, а не копия\n// его логики здесь: значение приходит обратно одним `update:checkedKeys`.\nfunction onCheckedKeys(keys: GrTreeKey[]): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n\n  emitModel([...keys])\n}\n\nfunction onNodeClick(data: T, node: GrTreeNode<T>): void {\n  emit('nodeClick', data, node)\n\n  if (isDisabled.value)\n    return\n\n  if (checkboxMode.value) {\n    // Клик по строке — тот же переключатель отметки, что и сам чекбокс;\n    // значение придёт через `update:checkedKeys`, поэтому здесь не эмитим.\n    treeRef.value?.setChecked(node.key, !selectedKeySet.value.has(node.key))\n    return\n  }\n\n  if (props.multiple) {\n    const next = new Set(selectedKeySet.value)\n    if (next.has(node.key))\n      next.delete(node.key)\n    else\n      next.add(node.key)\n    emitModel([...next])\n\n    if (closeOnSelectResolved.value) {\n      closeDropdown()\n    }\n    return\n  }\n\n  emitModel(node.key)\n  if (closeOnSelectResolved.value) {\n    closeDropdown()\n  }\n}\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: onClickOutside, enabled: open, exclude: clickOutsideExclude }\"\n    data-gr-tree-select\n    class=\"relative\"\n     @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <!-- Нативная форма: hidden на каждый выбранный ключ. -->\n    <template v-if=\"name\">\n      <input\n        v-for=\"key in selectedKeys\"\n        :key=\"`hidden-${String(key)}`\"\n        type=\"hidden\"\n        :name=\"name\"\n        :value=\"String(key)\"\n      >\n    </template>\n    <div class=\"relative\">\n      <div\n        v-if=\"hasPrefix\"\n        ref=\"prefixEl\"\n        data-gr-tree-select-prefix\n        class=\"absolute inset-y-px left-px flex items-center justify-center rounded-l-[var(--gr-radius-control)] border-r border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate\"\n        :style=\"prefixStyle\"\n        aria-hidden=\"true\"\n      >\n        <slot name=\"prefix\" />\n      </div>\n\n      <input\n        :id=\"fieldId\"\n        ref=\"triggerEl\"\n        data-testid=\"gr-tree-select-trigger\"\n        data-gr-tree-select-trigger\n        type=\"text\"\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"isDisabled\"\n        readonly\n        role=\"combobox\"\n        aria-readonly=\"true\"\n        aria-haspopup=\"tree\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        :aria-controls=\"open && hasTree ? treeId : undefined\"\n        :aria-invalid=\"isInvalid ? 'true' : undefined\"\n        :aria-required=\"isRequired ? 'true' : undefined\"\n        :aria-describedby=\"describedBy\"\n        :aria-label=\"ariaLabel\"\n        class=\"w-full rounded-[var(--gr-radius-control)] border placeholder:text-[var(--gr-muted-fg)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n        :class=\"[className, $slots.value ? 'text-transparent placeholder:text-transparent' : '']\"\n        :style=\"triggerStyle\"\n        @pointerdown=\"onTriggerPointerDown\"\n        @click=\"toggleDropdown\"\n        @focus=\"onTriggerFocus\"\n        @keydown=\"onTriggerKeydown\"\n      >\n\n      <button\n        v-if=\"clearable && hasSelection && !disabled && !isReadonly\"\n        data-testid=\"gr-tree-select-clear\"\n        data-gr-tree-select-clear\n        type=\"button\"\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:bg-[color-mix(in_srgb,var(--gr-muted)_25%,transparent)]\"\n        :aria-label=\"t('gr.common.clear', 'Clear')\"\n        @click.stop=\"clear\"\n      >\n        <IconX class=\"inline-block h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"gr-tree-select-chevron\"\n        data-gr-tree-select-chevron\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--gr-muted-fg)] pointer-events-none\"\n      >\n        <IconChevronDown\n          class=\"inline-block h-4 w-4 transition-transform duration-[var(--gr-duration-fast)]\"\n          :class=\"open ? 'rotate-180' : ''\"\n          aria-hidden=\"true\"\n        />\n      </span>\n\n      <div\n        v-if=\"hasSuffix\"\n        ref=\"suffixEl\"\n        data-gr-tree-select-suffix\n        class=\"absolute inset-y-px right-9 flex items-center justify-center border-l border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate\"\n        :class=\"suffixFixed ? '[direction:rtl]' : ''\"\n        :style=\"suffixStyle\"\n        aria-hidden=\"true\"\n      >\n        <slot name=\"suffix\" />\n      </div>\n\n      <div\n        v-if=\"$slots.value\"\n        class=\"absolute inset-y-0 left-3 right-9 flex items-center pointer-events-none\"\n        :style=\"valueOverlayStyle\"\n      >\n        <slot\n          name=\"value\"\n          :value=\"modelValue\"\n          :labels=\"selectedLabels\"\n          :display-value=\"displayValue\"\n          :path-labels=\"selectedPathLabels\"\n        />\n      </div>\n    </div>\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-tree-select-panel\"\n          v-bind=\"themeAttrs\"\n          data-gr-tree-select-panel\n          data-gr-overlay-root\n          :style=\"floatingStyle\"\n          @keydown=\"onPanelKeydown\"\n        >\n          <div :class=\"panelClasses\">\n          <div v-if=\"filterable\" class=\"p-2 border-b border-[var(--gr-brd)]\">\n            <GrInput\n              ref=\"filterInputRef\"\n              v-model=\"filterValue\"\n              data-testid=\"gr-tree-select-filter\"\n              data-gr-tree-select-filter\n              type=\"search\"\n              :inputmode=\"filterInputmode\"\n              :placeholder=\"resolvedFilterPlaceholder\"\n              size=\"sm\"\n              @keydown=\"onFilterKeydown\"\n            />\n          </div>\n\n          <!--\n            Скроллер один. При виртуализации его берёт на себя дерево: своя\n            высота нужна ему, чтобы посчитать окно, а вложенный скроллер поверх\n            дал бы вторую полосу прокрутки на том же списке.\n          -->\n          <div\n            class=\"p-1\"\n            :class=\"virtual ? '' : 'overflow-auto'\"\n            :style=\"virtual ? undefined : { maxHeight: `${dropdownMaxHeight}px` }\"\n          >\n            <div\n              v-if=\"loading\"\n              data-gr-tree-select-loading\n              role=\"status\"\n              :class=\"grTreeSelectStateClass\"\n            >\n              <slot name=\"loading\">\n                <IconLoaderCircle class=\"block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n                <span>{{ t('gr.treeSelect.loading', 'Loading…') }}</span>\n              </slot>\n            </div>\n\n            <div v-else-if=\"(data?.length ?? 0) === 0\" :class=\"grTreeSelectStateClass\">\n              <slot name=\"empty\">\n                {{ t('gr.treeSelect.empty', 'No data') }}\n              </slot>\n            </div>\n\n            <GrTree\n              v-else\n              :id=\"treeId\"\n              ref=\"treeRef\"\n              :size=\"resolvedSize\"\n              :data=\"data\"\n              :props=\"props.props\"\n              :node-key=\"nodeKey as any\"\n              :default-expanded-keys=\"defaultExpandedKeys\"\n              :filter-node-method=\"filterNodeMethod\"\n              :highlight-current=\"!multiple\"\n              :virtual=\"virtual\"\n              :max-height=\"dropdownMaxHeight\"\n              :show-checkbox=\"checkboxMode\"\n              :check-strictly=\"checkStrictly\"\n              :checked-keys=\"selectedKeys\"\n              @node-click=\"onNodeClick\"\n              @update:checked-keys=\"onCheckedKeys\"\n            >\n              <template #default=\"{ node, data }\">\n                <slot\n                  name=\"node\"\n                  :node=\"node\"\n                  :data=\"data\"\n                  :selected=\"selectedKeySet.has(node.key)\"\n                >\n                  <div class=\"flex items-center gap-2 min-w-0\">\n                    <!-- Чекбокс дерева уже показывает отметку: вторая галочка\n                         рядом читалась бы как ошибка. -->\n                    <span\n                      v-if=\"!checkboxMode\"\n                      data-gr-tree-select-check\n                      class=\"inline-block h-4 w-4 shrink-0\"\n                      aria-hidden=\"true\"\n                    >\n                      <IconCheck v-if=\"selectedKeySet.has(node.key)\" class=\"block h-4 w-4 text-[var(--gr-primary)]\" />\n                    </span>\n                    <span class=\"truncate\">{{ node.label }}</span>\n                  </div>\n                </slot>\n              </template>\n            </GrTree>\n          </div>\n        </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\" generic=\"T extends Record<string, any> = any\">\nimport { computed, nextTick, ref, useId, useSlots, watch } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/useFloating'\nimport { useOverlayLayer } from '../../composables/useOverlayLayer'\nimport { useControlAddons } from '../../composables/internal/useControlAddons'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTree, {\n  type GrTreeInstance,\n  type GrTreeKey,\n  type GrTreeNode,\n} from '../GrTree'\nimport type { GrInputSize } from '../GrInput/GrInput.vue'\nimport type { GrTreeSelectModelValue, GrTreeSelectProps } from './grTreeSelectTypes'\nimport { grTreeSelectClass, grTreeSelectPanelClass, grTreeSelectStateClass, paddingX, trailingZoneWidth } from './grTreeSelectStyles'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconChevronDown from '~icons/lucide/chevron-down'\nimport IconLoaderCircle from '~icons/lucide/loader-circle'\nimport IconX from '~icons/lucide/x'\n\nexport interface GrTreeSelectEmits<T extends Record<string, any> = any> {\n  (e: 'update:modelValue', value: GrTreeSelectModelValue): void\n  (e: 'change', value: GrTreeSelectModelValue): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n  /**\n   * Панель открылась/закрылась.\n   * @deprecated Используйте `update:open` (`v-model:open`); алиас будет снят после 1.0.\n   */\n  (e: 'visibleChange', visible: boolean): void\n  (e: 'clear'): void\n  (e: 'nodeClick', data: T, node: GrTreeNode<T>): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrTreeSelectProps<T>>(),\n  {\n    props: () => ({\n      children: 'children',\n      label: 'label',\n    }),\n    nodeKey: 'id' as any,\n    defaultExpandedKeys: () => [],\n    disabled: false,\n    placeholder: undefined,\n    size: undefined,\n    loading: false,\n    invalid: false,\n    readonly: false,\n    required: false,\n    ariaLabel: undefined,\n    state: 'default',\n    multiple: false,\n    showCheckbox: false,\n    checkStrictly: false,\n    clearable: false,\n    open: undefined,\n    name: undefined,\n    valueDisplay: 'label',\n    filterable: false,\n    filterPlaceholder: undefined,\n    filterInputmode: undefined,\n    filterNodeMethod: undefined,\n    closeOnSelect: undefined,\n    dropdownMaxHeight: 320,\n    virtual: false,\n    prefixMinWidth: undefined,\n    prefixMaxWidth: undefined,\n    suffixMinWidth: undefined,\n    suffixMaxWidth: undefined,\n    prefixFixed: false,\n    suffixFixed: false,\n  },\n)\n\nconst { t } = useGranularityTranslations()\n\nconst emit = defineEmits<GrTreeSelectEmits<T>>()\n\ndefineSlots<{\n  /** Рендер значения внутри триггера (вместо дефолтного текста). */\n  value?: (props: { value: GrTreeSelectModelValue; labels: string[]; displayValue: string; pathLabels?: string[] }) => any\n  /** Рендер строки дерева. */\n  node?: (props: { node: GrTreeNode<T>; data: T; selected: boolean }) => any\n  /** Содержимое пустого состояния (когда нет данных). */\n  empty?: () => any\n  /** Содержимое панели, пока данные едут. */\n  loading?: () => any\n  /** Аддон слева от значения: иконка, код валюты, метка. */\n  prefix?: () => any\n  /** Аддон справа от значения, перед крестиком и шевроном. */\n  suffix?: () => any\n}>()\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst triggerEl = ref<HTMLInputElement | null>(null)\nconst treeId = `gr-tree-select-tree-${useId()}`\n\n// Контекст `GrFormField` + общий контракт форм-контрола.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\n\nfunction focus(): void {\n  triggerEl.value?.focus()\n}\n\nfunction blur(): void {\n  triggerEl.value?.blur()\n}\n\ndefineExpose({ focus, blur })\nconst filterInputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst treeRef = ref<GrTreeInstance | null>(null)\nconst panelEl = 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})\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nlet hadPointerDownOnTrigger = false\n\n// Имя `open` сохранено: читатели работают с computed-Ref.\nconst { open, setOpen: setOpenState } = useControlledOpen(\n  () => props.open,\n  (next) => {\n    emit('update:open', next)\n    emit('visibleChange', next)\n  },\n)\nconst filterValue = ref('')\n\nconst { floatingStyle } = useFloating(rootEl, panelEl, open, {\n  placement: 'bottom-start',\n  matchWidth: true,\n  zIndexVar: '--gr-z-dropdown',\n})\n\nconst closeOnSelectResolved = computed(() => {\n  return props.closeOnSelect ?? !props.multiple\n})\n\nfunction getChildrenKey() {\n  return props.props.children ?? 'children'\n}\n\nfunction getLabelKey() {\n  return props.props.label ?? 'label'\n}\n\nfunction nodeLabel(data: T): string {\n  const key = getLabelKey() as keyof T\n  const v = data[key]\n  return v == null ? '' : String(v)\n}\n\nfunction nodeChildren(data: T): T[] {\n  const key = getChildrenKey() as keyof T\n  const v = data[key]\n  return Array.isArray(v) ? (v as any) : []\n}\n\nfunction nodeKeyOf(data: T, index: number, parentKey: GrTreeKey | undefined): GrTreeKey {\n  const keyName = props.nodeKey as keyof T\n  const v = data[keyName]\n  if (v != null)\n    return v as GrTreeKey\n\n  return parentKey == null ? index : `${String(parentKey)}:${index}`\n}\n\nconst labelByKey = computed(() => {\n  const map = new Map<GrTreeKey, string>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      map.set(key, nodeLabel(item))\n      walk(nodeChildren(item), key)\n    }\n  }\n\n  walk(props.data ?? [], undefined)\n  return map\n})\n\nconst pathLabelsByKey = computed(() => {\n  const map = new Map<GrTreeKey, string[]>()\n\n  const walk = (items: T[], parentKey: GrTreeKey | undefined, parentPath: string[]) => {\n    for (let i = 0; i < items.length; i++) {\n      const item = items[i]\n      const key = nodeKeyOf(item, i, parentKey)\n      const label = nodeLabel(item)\n      const path = [...parentPath, label]\n      map.set(key, path)\n      walk(nodeChildren(item), key, path)\n    }\n  }\n\n  walk(props.data ?? [], undefined, [])\n  return map\n})\n\nconst selectedKeys = computed<GrTreeKey[]>(() => {\n  if (props.multiple) {\n    return Array.isArray(props.modelValue) ? props.modelValue : []\n  }\n\n  const v = props.modelValue\n  if (v == null || Array.isArray(v))\n    return []\n  return [v]\n})\n\nconst selectedKeySet = computed(() => new Set(selectedKeys.value))\n\nconst selectedLabels = computed(() => {\n  const map = labelByKey.value\n  return selectedKeys.value.map((k) => map.get(k) ?? String(k))\n})\n\nconst selectedPathLabels = computed<string[] | undefined>(() => {\n  if (props.multiple)\n    return undefined\n\n  const key = selectedKeys.value[0]\n  if (key == null)\n    return undefined\n\n  const path = pathLabelsByKey.value.get(key)\n  if (path?.length)\n    return path\n\n  const labels = selectedLabels.value\n  return labels.length ? [labels[0]] : undefined\n})\n\nconst displayValue = computed(() => {\n  const labels = selectedLabels.value\n  if (labels.length === 0)\n    return ''\n\n  if (!props.multiple) {\n    if (props.valueDisplay === 'path') {\n      const path = selectedPathLabels.value\n      if (path?.length)\n        return path.join(' / ')\n    }\n    return labels[0]\n  }\n\n  if (labels.length === 1)\n    return labels[0]\n  return `${labels[0]} +${labels.length - 1}`\n})\n\nconst hasSelection = computed(() => selectedKeys.value.length > 0)\n\n/** Дерево рендерится только когда есть что показать — ссылаться иначе не на что. */\nconst hasTree = computed(() => !props.loading && (props.data?.length ?? 0) > 0)\n\nconst resolvedFilterPlaceholder = computed(() => {\n  return props.filterPlaceholder ?? t('gr.treeSelect.filterPlaceholder', 'Search…')\n})\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTreeSelect' })\n\nconst className = computed(() => {\n  return grTreeSelectClass({\n    size: resolvedSize.value,\n    state: props.state,\n    invalid: isInvalid.value,\n    disabled: isDisabled.value,\n  })\n})\n\nconst panelClasses = computed(() => {\n  return grTreeSelectPanelClass\n})\n\nconst ADDON_MIN_WIDTH_BY_SIZE: Record<GrInputSize, string> = {\n  xs: '2rem',\n  sm: '2.25rem',\n  md: '2.5rem',\n  lg: '3rem',\n}\n\nconst slots = useSlots()\n\nconst {\n  hasPrefix,\n  hasSuffix,\n  prefixEl,\n  suffixEl,\n  prefixStyle,\n  suffixStyle,\n  fieldPadding: triggerStyle,\n} = useControlAddons(() => props, {\n  defaultMinWidth: () => ADDON_MIN_WIDTH_BY_SIZE[resolvedSize.value],\n  paddingX: () => paddingX[resolvedSize.value],\n  // Место под крестик и шеврон уже отдано классом `pr-9`, но инлайн-паддинг\n  // перекрывает класс целиком — с суффиксом эту зону приходится вернуть числом.\n  trailingReserve: () => (slots.suffix ? trailingZoneWidth : '0px'),\n})\n\n// Слот `value` рисуется поверх поля и обязан жить в тех же границах, что и\n// текст под ним. Без аддонов границы задаёт класс — стиль остаётся пустым.\nconst valueOverlayStyle = computed(() => ({\n  left: hasPrefix.value ? triggerStyle.value.paddingLeft : undefined,\n  right: hasSuffix.value ? triggerStyle.value.paddingRight : undefined,\n}))\n\nfunction setOpen(next: boolean) {\n  if (isDisabled.value || isReadonly.value)\n    return\n\n  setOpenState(next)\n}\n\nfunction onClickOutside(): void {\n  setOpen(false)\n}\n\nfunction openDropdown(): void {\n  setOpen(true)\n}\n\n/**\n * Стек слоёв возвращает фокус на триггер сразу после закрытия, а у триггера\n * открытие висит на `focus`. Без флага `Escape` из дерева закрывал бы панель и\n * тем же движением открывал её заново.\n */\nlet suppressFocusOpen = false\n\nfunction closeDropdown(): void {\n  suppressFocusOpen = true\n  setOpen(false)\n  setTimeout(() => {\n    suppressFocusOpen = false\n  }, 0)\n}\n\nfunction toggleDropdown(): void {\n  setOpen(!open.value)\n}\n\n// Клик по триггеру сам переключает панель через `@click`; флаг гасит открытие\n// по приходящему следом `focus`, иначе один клик открыл бы и тут же закрыл.\nfunction onTriggerPointerDown(): void {\n  hadPointerDownOnTrigger = true\n  setTimeout(() => {\n    hadPointerDownOnTrigger = false\n  }, 0)\n}\n\nfunction onTriggerFocus(): void {\n  if (hadPointerDownOnTrigger || suppressFocusOpen)\n    return\n  openDropdown()\n}\n\n// Возврат фокуса на триггер — из контракта слоя, а не руками через `nextTick`.\nuseOverlayLayer(open, closeDropdown, { root: panelEl })\n\nwatch(\n  open,\n  async (isOpen) => {\n    if (!isOpen) {\n      if (filterValue.value.trim().length > 0)\n        filterValue.value = ''\n      return\n    }\n\n    // Подсветка дерева идёт за значением: панель могли открыть после того, как\n    // значение сменили снаружи.\n    if (!props.multiple) {\n      const v = props.modelValue\n      if (v != null && !Array.isArray(v))\n        treeRef.value?.setCurrentKey(v)\n    }\n\n    if (props.filterable) {\n      await nextTick()\n      filterInputRef.value?.focus()\n    }\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => props.modelValue,\n  (v) => {\n    if (props.multiple)\n      return\n    if (v == null || Array.isArray(v)) {\n      treeRef.value?.setCurrentKey(undefined)\n      return\n    }\n    treeRef.value?.setCurrentKey(v)\n  },\n)\n\nwatch(\n  filterValue,\n  (v) => {\n    treeRef.value?.filter(v)\n  },\n)\n\nfunction emitModel(next: GrTreeSelectModelValue) {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction clear(): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n\n  const next: GrTreeSelectModelValue = props.multiple ? [] : null\n  emitModel(next)\n  emit('clear')\n  if (!props.multiple)\n    treeRef.value?.setCurrentKey(undefined)\n}\n\n/**\n * Отдаёт клавиатуру дереву. Панель под `v-show`, поэтому дерево уже в DOM, но\n * скрытый элемент сфокусировать нельзя — сначала открытие, потом кадр, потом\n * фокус. Дальше работают клавиши `GrTree`, а `Escape` возвращает фокус на\n * триггер силами общего стека слоёв.\n */\nasync function focusTree(): Promise<boolean> {\n  if (!open.value)\n    return false\n\n  await nextTick()\n  return treeRef.value?.focus() ?? false\n}\n\nfunction onTriggerKeydown(e: KeyboardEvent): void {\n  if (isDisabled.value)\n    return\n\n  if (e.key === 'Escape') {\n    e.preventDefault()\n    closeDropdown()\n    return\n  }\n\n  if (e.key === 'ArrowDown' || e.key === 'ArrowUp' || e.key === 'Enter' || e.key === ' ') {\n    e.preventDefault()\n    openDropdown()\n\n    // При `filterable` фокус уходит в поле поиска (см. watch на `open`), и\n    // дальше в дерево ведёт стрелка уже оттуда.\n    if (!props.filterable)\n      void focusTree()\n  }\n}\n\n/** Стрелка из поля поиска — единственный путь из фильтра в дерево. */\nfunction onFilterKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'ArrowDown' && e.key !== 'ArrowUp')\n    return\n\n  e.preventDefault()\n  void focusTree()\n}\n\n/** `Tab` уводит из панели — оставлять её открытой за спиной незачем. */\nfunction onPanelKeydown(e: KeyboardEvent): void {\n  if (e.key === 'Tab')\n    closeDropdown()\n}\n\n// Чекбоксы осмысленны только в множественном выборе: одиночный уже подсвечен\n// текущим узлом.\nconst checkboxMode = computed(() => props.multiple && props.showCheckbox)\n\n// В режиме чекбоксов каскад по родителям и детям считает `GrTree`, а не копия\n// его логики здесь: значение приходит обратно одним `update:checkedKeys`.\nfunction onCheckedKeys(keys: GrTreeKey[]): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n\n  emitModel([...keys])\n}\n\nfunction onNodeClick(data: T, node: GrTreeNode<T>): void {\n  emit('nodeClick', data, node)\n\n  if (isDisabled.value)\n    return\n\n  if (checkboxMode.value) {\n    // Клик по строке — тот же переключатель отметки, что и сам чекбокс;\n    // значение придёт через `update:checkedKeys`, поэтому здесь не эмитим.\n    treeRef.value?.setChecked(node.key, !selectedKeySet.value.has(node.key))\n    return\n  }\n\n  if (props.multiple) {\n    const next = new Set(selectedKeySet.value)\n    if (next.has(node.key))\n      next.delete(node.key)\n    else\n      next.add(node.key)\n    emitModel([...next])\n\n    if (closeOnSelectResolved.value) {\n      closeDropdown()\n    }\n    return\n  }\n\n  emitModel(node.key)\n  if (closeOnSelectResolved.value) {\n    closeDropdown()\n  }\n}\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: onClickOutside, enabled: open, exclude: clickOutsideExclude }\"\n    data-gr-tree-select\n    class=\"relative\"\n     @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <!-- Нативная форма: hidden на каждый выбранный ключ. -->\n    <template v-if=\"name\">\n      <input\n        v-for=\"key in selectedKeys\"\n        :key=\"`hidden-${String(key)}`\"\n        type=\"hidden\"\n        :name=\"name\"\n        :value=\"String(key)\"\n      >\n    </template>\n    <div class=\"relative\">\n      <div\n        v-if=\"hasPrefix\"\n        ref=\"prefixEl\"\n        data-gr-tree-select-prefix\n        class=\"absolute inset-y-px left-px flex items-center justify-center rounded-l-[var(--gr-radius-control)] border-r border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate\"\n        :style=\"prefixStyle\"\n        aria-hidden=\"true\"\n      >\n        <slot name=\"prefix\" />\n      </div>\n\n      <input\n        :id=\"fieldId\"\n        ref=\"triggerEl\"\n        data-testid=\"gr-tree-select-trigger\"\n        data-gr-tree-select-trigger\n        type=\"text\"\n        :value=\"displayValue\"\n        :placeholder=\"placeholder\"\n        :disabled=\"isDisabled\"\n        readonly\n        role=\"combobox\"\n        aria-readonly=\"true\"\n        aria-haspopup=\"tree\"\n        :aria-expanded=\"open ? 'true' : 'false'\"\n        :aria-controls=\"open && hasTree ? treeId : undefined\"\n        :aria-invalid=\"isInvalid ? 'true' : undefined\"\n        :aria-required=\"isRequired ? 'true' : undefined\"\n        :aria-describedby=\"describedBy\"\n        :aria-label=\"ariaLabel\"\n        class=\"w-full rounded-[var(--gr-radius-control)] border placeholder:text-[var(--gr-muted-fg)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n        :class=\"[className, $slots.value ? 'text-transparent placeholder:text-transparent' : '']\"\n        :style=\"triggerStyle\"\n        @pointerdown=\"onTriggerPointerDown\"\n        @click=\"toggleDropdown\"\n        @focus=\"onTriggerFocus\"\n        @keydown=\"onTriggerKeydown\"\n      >\n\n      <button\n        v-if=\"clearable && hasSelection && !disabled && !isReadonly\"\n        data-testid=\"gr-tree-select-clear\"\n        data-gr-tree-select-clear\n        type=\"button\"\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 h-6 w-6 inline-flex items-center justify-center rounded-[var(--gr-radius-control)] text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] hover:bg-[color-mix(in_srgb,var(--gr-muted)_25%,transparent)]\"\n        :aria-label=\"t('gr.common.clear', 'Clear')\"\n        @click.stop=\"clear\"\n      >\n        <IconX class=\"inline-block h-4 w-4\" aria-hidden=\"true\" />\n      </button>\n\n      <span\n        v-else\n        data-testid=\"gr-tree-select-chevron\"\n        data-gr-tree-select-chevron\n        class=\"absolute top-1/2 -translate-y-1/2 right-3 text-[var(--gr-muted-fg)] pointer-events-none\"\n      >\n        <IconChevronDown\n          class=\"inline-block h-4 w-4 transition-transform duration-[var(--gr-duration-fast)]\"\n          :class=\"open ? 'rotate-180' : ''\"\n          aria-hidden=\"true\"\n        />\n      </span>\n\n      <div\n        v-if=\"hasSuffix\"\n        ref=\"suffixEl\"\n        data-gr-tree-select-suffix\n        class=\"absolute inset-y-px right-9 flex items-center justify-center border-l border-[var(--gr-brd)] px-2 text-[var(--gr-muted-fg)] pointer-events-none select-none truncate\"\n        :class=\"suffixFixed ? '[direction:rtl]' : ''\"\n        :style=\"suffixStyle\"\n        aria-hidden=\"true\"\n      >\n        <slot name=\"suffix\" />\n      </div>\n\n      <div\n        v-if=\"$slots.value\"\n        class=\"absolute inset-y-0 left-3 right-9 flex items-center pointer-events-none\"\n        :style=\"valueOverlayStyle\"\n      >\n        <slot\n          name=\"value\"\n          :value=\"modelValue\"\n          :labels=\"selectedLabels\"\n          :display-value=\"displayValue\"\n          :path-labels=\"selectedPathLabels\"\n        />\n      </div>\n    </div>\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-tree-select-panel\"\n          v-bind=\"themeAttrs\"\n          data-gr-tree-select-panel\n          data-gr-overlay-root\n          :style=\"floatingStyle\"\n          @keydown=\"onPanelKeydown\"\n        >\n          <div :class=\"panelClasses\">\n          <div v-if=\"filterable\" class=\"p-2 border-b border-[var(--gr-brd)]\">\n            <GrInput\n              ref=\"filterInputRef\"\n              v-model=\"filterValue\"\n              data-testid=\"gr-tree-select-filter\"\n              data-gr-tree-select-filter\n              type=\"search\"\n              :inputmode=\"filterInputmode\"\n              :placeholder=\"resolvedFilterPlaceholder\"\n              size=\"sm\"\n              @keydown=\"onFilterKeydown\"\n            />\n          </div>\n\n          <!--\n            Скроллер один. При виртуализации его берёт на себя дерево: своя\n            высота нужна ему, чтобы посчитать окно, а вложенный скроллер поверх\n            дал бы вторую полосу прокрутки на том же списке.\n          -->\n          <div\n            class=\"p-1\"\n            :class=\"virtual ? '' : 'overflow-auto'\"\n            :style=\"virtual ? undefined : { maxHeight: `${dropdownMaxHeight}px` }\"\n          >\n            <div\n              v-if=\"loading\"\n              data-gr-tree-select-loading\n              role=\"status\"\n              :class=\"grTreeSelectStateClass\"\n            >\n              <slot name=\"loading\">\n                <IconLoaderCircle class=\"block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n                <span>{{ t('gr.treeSelect.loading', 'Loading…') }}</span>\n              </slot>\n            </div>\n\n            <div v-else-if=\"(data?.length ?? 0) === 0\" :class=\"grTreeSelectStateClass\">\n              <slot name=\"empty\">\n                {{ t('gr.treeSelect.empty', 'No data') }}\n              </slot>\n            </div>\n\n            <GrTree\n              v-else\n              :id=\"treeId\"\n              ref=\"treeRef\"\n              :size=\"resolvedSize\"\n              :data=\"data\"\n              :props=\"props.props\"\n              :node-key=\"nodeKey as any\"\n              :default-expanded-keys=\"defaultExpandedKeys\"\n              :filter-node-method=\"filterNodeMethod\"\n              :highlight-current=\"!multiple\"\n              :virtual=\"virtual\"\n              :max-height=\"dropdownMaxHeight\"\n              :show-checkbox=\"checkboxMode\"\n              :check-strictly=\"checkStrictly\"\n              :checked-keys=\"selectedKeys\"\n              @node-click=\"onNodeClick\"\n              @update:checked-keys=\"onCheckedKeys\"\n            >\n              <template #default=\"{ node, data }\">\n                <slot\n                  name=\"node\"\n                  :node=\"node\"\n                  :data=\"data\"\n                  :selected=\"selectedKeySet.has(node.key)\"\n                >\n                  <div class=\"flex items-center gap-2 min-w-0\">\n                    <!-- Чекбокс дерева уже показывает отметку: вторая галочка\n                         рядом читалась бы как ошибка. -->\n                    <span\n                      v-if=\"!checkboxMode\"\n                      data-gr-tree-select-check\n                      class=\"inline-block h-4 w-4 shrink-0\"\n                      aria-hidden=\"true\"\n                    >\n                      <IconCheck v-if=\"selectedKeySet.has(node.key)\" class=\"block h-4 w-4 text-[var(--gr-primary)]\" />\n                    </span>\n                    <span class=\"truncate\">{{ node.label }}</span>\n                  </div>\n                </slot>\n              </template>\n            </GrTree>\n          </div>\n        </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrTreeSelect/index.js

@@ -1,3 +1,3 @@
 import { n as grTreeSelectSafelist, t as grTreeSelectConfig } from "../../chunks/config-DCFvmHEv.js";
-import { t as GrTreeSelect_default } from "./chunks/GrTreeSelect-lLWmAMtI.js";
+import { t as GrTreeSelect_default } from "./chunks/GrTreeSelect--muUeB0v.js";
 export { GrTreeSelect_default as GrTreeSelect, GrTreeSelect_default as default, grTreeSelectConfig, grTreeSelectSafelist };

package/dist/composables/useAnnouncer.js

@@ -1,4 +1,4 @@
-import { t as ensurePortalRoot } from "../chunks/portalRoot-CWD4zHBm.js";
+import { t as ensurePortalRoot } from "../chunks/portalRoot-CVhCgdG6.js";
 //#region src/composables/useAnnouncer.ts
 var HOST_ID = "gr-announcer";
 var DEFAULT_CLEAR_AFTER_MS = 7e3;

package/dist/composables/useComboboxNavigation.js

@@ -0,0 +1,71 @@
+import { computed, ref, watch } from "vue";
+//#region src/composables/useComboboxNavigation.ts
+function useComboboxNavigation(options) {
+	const activeIndex = ref(-1);
+	const activeItem = computed(() => activeIndex.value >= 0 ? options.items()[activeIndex.value] : void 0);
+	const activeDescendantId = computed(() => {
+		if (!options.open()) return void 0;
+		const item = activeItem.value;
+		if (item === void 0) return void 0;
+		return options.idOf(item, activeIndex.value);
+	});
+	function clamp(index) {
+		const len = options.items().length;
+		if (len === 0) return -1;
+		return (index % len + len) % len;
+	}
+	function setActive(index) {
+		activeIndex.value = clamp(index);
+		const item = activeItem.value;
+		if (item !== void 0) options.scrollTo?.(item, activeIndex.value);
+	}
+	function init() {
+		const len = options.items().length;
+		if (len === 0) {
+			activeIndex.value = -1;
+			return;
+		}
+		const preferred = options.initialIndex?.() ?? -1;
+		activeIndex.value = preferred >= 0 && preferred < len ? preferred : 0;
+	}
+	function reset(index = -1) {
+		activeIndex.value = index;
+	}
+	watch(options.items, (items) => {
+		if (!options.open()) return;
+		if (activeIndex.value >= items.length) activeIndex.value = items.length - 1;
+		if (activeIndex.value < 0 && items.length) activeIndex.value = 0;
+	});
+	function handleNavigationKeys(event) {
+		switch (event.key) {
+			case "ArrowDown":
+				event.preventDefault();
+				setActive(activeIndex.value + 1);
+				return true;
+			case "ArrowUp":
+				event.preventDefault();
+				setActive(activeIndex.value - 1);
+				return true;
+			case "Home":
+				event.preventDefault();
+				setActive(0);
+				return true;
+			case "End":
+				event.preventDefault();
+				setActive(options.items().length - 1);
+				return true;
+			default: return false;
+		}
+	}
+	return {
+		activeIndex,
+		activeItem,
+		activeDescendantId,
+		setActive,
+		init,
+		reset,
+		handleNavigationKeys
+	};
+}
+//#endregion
+export { useComboboxNavigation };

package/dist/composables/useComboboxNavigation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useComboboxNavigation.js","names":[],"sources":["../../src/composables/useComboboxNavigation.ts"],"sourcesContent":["import type { ComputedRef, Ref } from 'vue'\nimport { computed, ref, watch } from 'vue'\n\n/**\n * Активный элемент списка комбобокса (`aria-activedescendant`-паттерн).\n *\n * Одна и та же механика — activeIndex, циклический кламп, id активного, скролл\n * к нему, инициализация при открытии — была написана в пакете четырежды\n * (Select, Autocomplete, CommandPalette, частично Dropdown) и уже расходилась\n * до P1: Enter в Select активировал не тот элемент, что был подсвечен.\n * «Кто активен» обязан быть один на всех.\n *\n * Осознанно **не** обобщается активация: Enter/Tab/typeahead/Space — доменная\n * логика компонента (у Select — `add|option|fallback`, у палитры —\n * `selectItem`). Примитив отдаёт состояние и механические клавиши\n * (`handleNavigationKeys`), активацию компонент делает сам по `activeItem`.\n */\nexport interface UseComboboxNavigationOptions<TItem> {\n  /** Навигируемые элементы (без disabled) в порядке отображения. */\n  items: () => readonly TItem[]\n  /** Открыт ли комбобокс — `activeDescendantId` существует только при открытом. */\n  open: () => boolean\n  /** DOM id элемента — цель `aria-activedescendant`. */\n  idOf: (item: TItem, index: number) => string\n  /**\n   * Стартовый индекс для `init()` (обычно выбранное значение). Не задан или\n   * вне диапазона — первый элемент, при пустом списке — `-1`.\n   */\n  initialIndex?: () => number\n  /**\n   * Донести активный элемент до экрана. Виртуализация и `scrollIntoView` —\n   * забота компонента: только он знает свой контейнер и смещения окна.\n   */\n  scrollTo?: (item: TItem, index: number) => void | Promise<void>\n}\n\nexport interface UseComboboxNavigationReturn<TItem> {\n  activeIndex: Ref<number>\n  activeItem: ComputedRef<TItem | undefined>\n  activeDescendantId: ComputedRef<string | undefined>\n  /** Циклический кламп + прокрутка к элементу. */\n  setActive: (index: number) => void\n  /** Активировать стартовый элемент (вызывается при открытии). */\n  init: () => void\n  /** Сброс активного (вызывается при закрытии; палитра сбрасывает в `0`). */\n  reset: (index?: number) => void\n  /**\n   * Механические клавиши: `ArrowDown`/`ArrowUp`/`Home`/`End`. Возвращает\n   * `true`, если клавиша обработана (с `preventDefault`), — остальное\n   * компонент разбирает сам.\n   */\n  handleNavigationKeys: (event: KeyboardEvent) => boolean\n}\n\nexport function useComboboxNavigation<TItem>(\n  options: UseComboboxNavigationOptions<TItem>,\n): UseComboboxNavigationReturn<TItem> {\n  const activeIndex = ref(-1)\n\n  const activeItem = computed<TItem | undefined>(() =>\n    activeIndex.value >= 0 ? options.items()[activeIndex.value] : undefined,\n  )\n\n  const activeDescendantId = computed(() => {\n    if (!options.open()) return undefined\n    const item = activeItem.value\n    if (item === undefined) return undefined\n    return options.idOf(item, activeIndex.value)\n  })\n\n  function clamp(index: number): number {\n    const len = options.items().length\n    if (len === 0) return -1\n    return ((index % len) + len) % len\n  }\n\n  function setActive(index: number): void {\n    activeIndex.value = clamp(index)\n\n    const item = activeItem.value\n    if (item !== undefined) void options.scrollTo?.(item, activeIndex.value)\n  }\n\n  function init(): void {\n    const len = options.items().length\n    if (len === 0) {\n      activeIndex.value = -1\n      return\n    }\n\n    const preferred = options.initialIndex?.() ?? -1\n    activeIndex.value = preferred >= 0 && preferred < len ? preferred : 0\n  }\n\n  function reset(index = -1): void {\n    activeIndex.value = index\n  }\n\n  // Список изменился (фильтрация, remote-ответ) — активный не должен указывать\n  // мимо. За верхнюю границу — на последний; пустого активного при непустом\n  // списке не бывает.\n  watch(options.items, (items) => {\n    if (!options.open()) return\n    if (activeIndex.value >= items.length) activeIndex.value = items.length - 1\n    if (activeIndex.value < 0 && items.length) activeIndex.value = 0\n  })\n\n  function handleNavigationKeys(event: KeyboardEvent): boolean {\n    switch (event.key) {\n      case 'ArrowDown':\n        event.preventDefault()\n        setActive(activeIndex.value + 1)\n        return true\n      case 'ArrowUp':\n        event.preventDefault()\n        setActive(activeIndex.value - 1)\n        return true\n      case 'Home':\n        event.preventDefault()\n        setActive(0)\n        return true\n      case 'End':\n        event.preventDefault()\n        setActive(options.items().length - 1)\n        return true\n      default:\n        return false\n    }\n  }\n\n  return { activeIndex, activeItem, activeDescendantId, setActive, init, reset, handleNavigationKeys }\n}\n"],"mappings":";;AAsDA,SAAgB,sBACd,SACoC;CACpC,MAAM,cAAc,IAAI,EAAE;CAE1B,MAAM,aAAa,eACjB,YAAY,SAAS,IAAI,QAAQ,MAAM,CAAC,CAAC,YAAY,SAAS,KAAA,CAChE;CAEA,MAAM,qBAAqB,eAAe;EACxC,IAAI,CAAC,QAAQ,KAAK,GAAG,OAAO,KAAA;EAC5B,MAAM,OAAO,WAAW;EACxB,IAAI,SAAS,KAAA,GAAW,OAAO,KAAA;EAC/B,OAAO,QAAQ,KAAK,MAAM,YAAY,KAAK;CAC7C,CAAC;CAED,SAAS,MAAM,OAAuB;EACpC,MAAM,MAAM,QAAQ,MAAM,CAAC,CAAC;EAC5B,IAAI,QAAQ,GAAG,OAAO;EACtB,QAAS,QAAQ,MAAO,OAAO;CACjC;CAEA,SAAS,UAAU,OAAqB;EACtC,YAAY,QAAQ,MAAM,KAAK;EAE/B,MAAM,OAAO,WAAW;EACxB,IAAI,SAAS,KAAA,GAAW,QAAa,WAAW,MAAM,YAAY,KAAK;CACzE;CAEA,SAAS,OAAa;EACpB,MAAM,MAAM,QAAQ,MAAM,CAAC,CAAC;EAC5B,IAAI,QAAQ,GAAG;GACb,YAAY,QAAQ;GACpB;EACF;EAEA,MAAM,YAAY,QAAQ,eAAe,KAAK;EAC9C,YAAY,QAAQ,aAAa,KAAK,YAAY,MAAM,YAAY;CACtE;CAEA,SAAS,MAAM,QAAQ,IAAU;EAC/B,YAAY,QAAQ;CACtB;CAKA,MAAM,QAAQ,QAAQ,UAAU;EAC9B,IAAI,CAAC,QAAQ,KAAK,GAAG;EACrB,IAAI,YAAY,SAAS,MAAM,QAAQ,YAAY,QAAQ,MAAM,SAAS;EAC1E,IAAI,YAAY,QAAQ,KAAK,MAAM,QAAQ,YAAY,QAAQ;CACjE,CAAC;CAED,SAAS,qBAAqB,OAA+B;EAC3D,QAAQ,MAAM,KAAd;GACE,KAAK;IACH,MAAM,eAAe;IACrB,UAAU,YAAY,QAAQ,CAAC;IAC/B,OAAO;GACT,KAAK;IACH,MAAM,eAAe;IACrB,UAAU,YAAY,QAAQ,CAAC;IAC/B,OAAO;GACT,KAAK;IACH,MAAM,eAAe;IACrB,UAAU,CAAC;IACX,OAAO;GACT,KAAK;IACH,MAAM,eAAe;IACrB,UAAU,QAAQ,MAAM,CAAC,CAAC,SAAS,CAAC;IACpC,OAAO;GACT,SACE,OAAO;EACX;CACF;CAEA,OAAO;EAAE;EAAa;EAAY;EAAoB;EAAW;EAAM;EAAO;CAAqB;AACrG"}

package/dist/composables/useDismissible.js

@@ -1,4 +1,4 @@
-import { t as useOverlayLayer } from "../chunks/useOverlayLayer-BupuP_hs.js";
+import { useOverlayLayer } from "./useOverlayLayer.js";
 //#region src/composables/useDismissible.ts
 /**
 * Регистрирует оверлей в общем стеке dismissible-слоёв, пока `open` истинно.

package/dist/composables/useDragGesture.js

@@ -0,0 +1,55 @@
+import { onScopeDispose, ref } from "vue";
+//#region src/composables/useDragGesture.ts
+function useDragGesture(options) {
+	const isDragging = ref(false);
+	let attached = false;
+	function onPointerMove(event) {
+		if (!isDragging.value) return;
+		options.onMove(event);
+	}
+	function onPointerUp(event) {
+		finish(true, event);
+	}
+	function onPointerCancel() {
+		finish(false);
+	}
+	function detach() {
+		if (!attached) return;
+		attached = false;
+		window.removeEventListener("pointermove", onPointerMove);
+		window.removeEventListener("pointerup", onPointerUp);
+		window.removeEventListener("pointercancel", onPointerCancel);
+	}
+	function finish(commit, event) {
+		if (!isDragging.value) return;
+		isDragging.value = false;
+		detach();
+		if (commit) options.onEnd?.(event);
+		else options.onCancel?.();
+	}
+	function start(event) {
+		if (isDragging.value) return;
+		if (options.disabled?.()) return;
+		if (event.button !== 0) return;
+		if (options.onStart?.(event) === false) return;
+		isDragging.value = true;
+		attached = true;
+		window.addEventListener("pointermove", onPointerMove);
+		window.addEventListener("pointerup", onPointerUp);
+		window.addEventListener("pointercancel", onPointerCancel);
+	}
+	function stop(commit = false) {
+		finish(commit);
+	}
+	onScopeDispose(() => {
+		detach();
+		isDragging.value = false;
+	});
+	return {
+		isDragging,
+		start,
+		stop
+	};
+}
+//#endregion
+export { useDragGesture };

package/dist/composables/useDragGesture.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDragGesture.js","names":[],"sources":["../../src/composables/useDragGesture.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { onScopeDispose, ref } from 'vue'\n\n/**\n * Скелет указательного жеста: нажал, повёл, отпустил.\n *\n * Механика написана в пакете дважды дословно (`GrSlider`, `GrSplitter`) и\n * ещё раз иначе (`GrImageViewer`), а следующие потребители известны заранее —\n * swipe у `GrToaster`, перенос узла в `GrTree`, ресайз колонок `GrDataTable`.\n * Дублируется при этом не разметка, а **правило**: оборванный жест не\n * коммитит. Живя в двух копиях, оно разъезжается молча.\n *\n * Слушатели вешаются на `window`, а не на элемент: указатель уходит за\n * границы дорожки и разделителя постоянно, и жест обязан это переживать.\n * Захват (`setPointerCapture`) дал бы то же самое, но привязал бы жест к\n * живому DOM-узлу — а он в середине жеста может перерисоваться.\n *\n * У жеста **два разных исхода**, и это главное, ради чего примитив заведён:\n * `pointerup` — завершение (значение коммитится), `pointercancel` — обрыв\n * (браузер забрал указатель: системный жест, скролл, потеря окна), и тогда\n * состояние возвращается к тому, что было до нажатия.\n *\n * Осознанно **не** делает:\n * - не вызывает `preventDefault` — в слайдере и сплиттере это гашение\n *   выделения текста, а в панорамировании картинки помешало бы; строка\n *   дешевле опции, меняющей поведение невидимо;\n * - не считает координаты и дельты — это доменная арифметика компонента;\n * - не знает про порог начала жеста: он нужен сортировке, где нажатие ещё не\n *   означает перенос, и появится вместе с ней.\n *\n * ```ts\n * const drag = useDragGesture({\n *   disabled: () => isDisabled.value,\n *   onStart: (event) => { activeThumb.value = nearestThumb(event) },\n *   onMove: (event) => setValue(valueFromPointer(event), false),\n *   onEnd: () => commit(),\n *   onCancel: () => rollback(),\n * })\n *\n * <div @pointerdown=\"drag.start\" />\n * ```\n */\nexport interface UseDragGestureOptions {\n  /** Жест не начинается: `disabled` / `readonly`. */\n  disabled?: () => boolean\n  /**\n   * Нажатие прошло проверки. Вернуть `false` — жест не начинать: так\n   * отсеивается попадание мимо цели, когда `disabled` тут ни при чём.\n   */\n  onStart?: (event: PointerEvent) => boolean | void\n  onMove: (event: PointerEvent) => void\n  /** Жест завершён отпусканием: значение коммитится. */\n  onEnd?: (event?: PointerEvent) => void\n  /** Жест оборван: откат к состоянию до нажатия. */\n  onCancel?: () => void\n}\n\nexport interface UseDragGestureReturn {\n  /** Идёт ли жест. Менять снаружи не нужно — состоянием владеет примитив. */\n  isDragging: Ref<boolean>\n  /** Вешается на `@pointerdown` цели. */\n  start: (event: PointerEvent) => void\n  /** Принудительное завершение. По умолчанию — как обрыв, без коммита. */\n  stop: (commit?: boolean) => void\n}\n\nexport function useDragGesture(options: UseDragGestureOptions): UseDragGestureReturn {\n  const isDragging = ref(false)\n\n  // Флаг вместо проверки `isDragging`: `detach` зовётся и из `onScopeDispose`,\n  // где жеста могло не быть вовсе, — а на сервере `window` трогать нельзя.\n  let attached = false\n\n  function onPointerMove(event: PointerEvent): void {\n    if (!isDragging.value) return\n\n    options.onMove(event)\n  }\n\n  function onPointerUp(event: PointerEvent): void {\n    finish(true, event)\n  }\n\n  function onPointerCancel(): void {\n    finish(false)\n  }\n\n  function detach(): void {\n    if (!attached) return\n\n    attached = false\n    window.removeEventListener('pointermove', onPointerMove)\n    window.removeEventListener('pointerup', onPointerUp)\n    window.removeEventListener('pointercancel', onPointerCancel)\n  }\n\n  function finish(commit: boolean, event?: PointerEvent): void {\n    if (!isDragging.value) return\n\n    isDragging.value = false\n    detach()\n\n    if (commit) options.onEnd?.(event)\n    else options.onCancel?.()\n  }\n\n  function start(event: PointerEvent): void {\n    if (isDragging.value) return\n    if (options.disabled?.()) return\n    // Только основная кнопка: правый и средний клик перетаскиванием не считаются.\n    if (event.button !== 0) return\n    if (options.onStart?.(event) === false) return\n\n    isDragging.value = true\n    attached = true\n    window.addEventListener('pointermove', onPointerMove)\n    window.addEventListener('pointerup', onPointerUp)\n    window.addEventListener('pointercancel', onPointerCancel)\n  }\n\n  function stop(commit = false): void {\n    finish(commit)\n  }\n\n  // Область умерла посреди жеста: слушатели снимаются, но обработчики не\n  // зовутся — коммитить и откатывать уже некому и некуда.\n  onScopeDispose(() => {\n    detach()\n    isDragging.value = false\n  })\n\n  return { isDragging, start, stop }\n}\n"],"mappings":";;AAkEA,SAAgB,eAAe,SAAsD;CACnF,MAAM,aAAa,IAAI,KAAK;CAI5B,IAAI,WAAW;CAEf,SAAS,cAAc,OAA2B;EAChD,IAAI,CAAC,WAAW,OAAO;EAEvB,QAAQ,OAAO,KAAK;CACtB;CAEA,SAAS,YAAY,OAA2B;EAC9C,OAAO,MAAM,KAAK;CACpB;CAEA,SAAS,kBAAwB;EAC/B,OAAO,KAAK;CACd;CAEA,SAAS,SAAe;EACtB,IAAI,CAAC,UAAU;EAEf,WAAW;EACX,OAAO,oBAAoB,eAAe,aAAa;EACvD,OAAO,oBAAoB,aAAa,WAAW;EACnD,OAAO,oBAAoB,iBAAiB,eAAe;CAC7D;CAEA,SAAS,OAAO,QAAiB,OAA4B;EAC3D,IAAI,CAAC,WAAW,OAAO;EAEvB,WAAW,QAAQ;EACnB,OAAO;EAEP,IAAI,QAAQ,QAAQ,QAAQ,KAAK;OAC5B,QAAQ,WAAW;CAC1B;CAEA,SAAS,MAAM,OAA2B;EACxC,IAAI,WAAW,OAAO;EACtB,IAAI,QAAQ,WAAW,GAAG;EAE1B,IAAI,MAAM,WAAW,GAAG;EACxB,IAAI,QAAQ,UAAU,KAAK,MAAM,OAAO;EAExC,WAAW,QAAQ;EACnB,WAAW;EACX,OAAO,iBAAiB,eAAe,aAAa;EACpD,OAAO,iBAAiB,aAAa,WAAW;EAChD,OAAO,iBAAiB,iBAAiB,eAAe;CAC1D;CAEA,SAAS,KAAK,SAAS,OAAa;EAClC,OAAO,MAAM;CACf;CAIA,qBAAqB;EACnB,OAAO;EACP,WAAW,QAAQ;CACrB,CAAC;CAED,OAAO;EAAE;EAAY;EAAO;CAAK;AACnC"}

package/dist/composables/useDragSort.js

@@ -0,0 +1,2 @@
+import { t as useDragSort } from "../chunks/useDragSort-0l47h4yb.js";
+export { useDragSort };

package/dist/composables/useFloating.js

@@ -1,3 +1,4 @@
+import { n as openModalCount } from "../chunks/overlayStack-C8cfsqXa.js";
 import { nextTick, onBeforeUnmount, ref, watch } from "vue";
 import { autoUpdate, computePosition, flip, offset, shift, size } from "@floating-ui/dom";
 //#region src/composables/useFloating.ts
@@ -8,6 +9,26 @@ import { autoUpdate, computePosition, flip, offset, shift, size } from "@floatin
 * официального `@floating-ui/vue` (`useFloating` → `roundByDPR`), чтобы не тянуть весь
 * пакет ради одной утилиты.
 */
+/**
+* Высота панели: своя шкала снаружи и подъём над окном внутри него.
+*
+* Панель телепортируется в общий портал, то есть становится **соседом** корня
+* модального окна, а не его потомком: собственный stacking-контекст окна её не
+* накрывает, и статический `--gr-z-dropdown` (1000) оставлял её под окном
+* (`--gr-z-modal`, 1100). Поэтому высоту берём из стека слоёв — единственного
+* места, которое знает, что сейчас открыто.
+*
+* Слагаемое — **число** модальных слоёв, а не шаг шкалы: вложенные окна дают
+* +2, а полноэкранная загрузка (1150) и тосты (1200) остаются сверху.
+*
+* Обратный случай — «поповер снаружи не должен перекрывать окно» — не страдает:
+* пока окно открыто, страница под ним в `inert`, и открыть там поповер нечем.
+* Ненулевой счётчик означает ровно «панель открыта изнутри окна».
+*/
+function floatingZIndex(zIndexVar) {
+	const modals = openModalCount();
+	return modals > 0 ? `calc(var(--gr-z-modal) + ${modals})` : `var(${zIndexVar})`;
+}
 function getDpr(element) {
 	if (typeof window === "undefined") return 1;
 	return (element.ownerDocument?.defaultView ?? window).devicePixelRatio || 1;
@@ -77,7 +98,7 @@ function useFloating(referenceEl, floatingEl, open, options = {}) {
 			position: "fixed",
 			left: `${roundByDpr(floating, x)}px`,
 			top: `${roundByDpr(floating, y)}px`,
-			zIndex: `var(${options.zIndexVar ?? "--gr-z-dropdown"})`
+			zIndex: floatingZIndex(options.zIndexVar ?? "--gr-z-dropdown")
 		};
 	}
 	function stop() {

package/dist/composables/useFloating.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFloating.js","names":[],"sources":["../../src/composables/useFloating.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue'\nimport type { Middleware, Placement } from '@floating-ui/dom'\nimport { autoUpdate, computePosition, flip, offset as offsetMiddleware, shift, size as sizeMiddleware } from '@floating-ui/dom'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nexport type UseFloatingPlacement = Placement\n\n/**\n * Device pixel ratio плавающего элемента. Нужен, чтобы округлять координаты к сетке\n * физических пикселей (см. `roundByDPR`) — иначе субпиксельные `left/top` дают размытый\n * текст/границы панели на не-целочисленных позициях и HiDPI-экранах. Подход перенят у\n * официального `@floating-ui/vue` (`useFloating` → `roundByDPR`), чтобы не тянуть весь\n * пакет ради одной утилиты.\n */\nfunction getDpr(element: HTMLElement): number {\n  if (typeof window === 'undefined')\n    return 1\n\n  const win = element.ownerDocument?.defaultView ?? window\n  return win.devicePixelRatio || 1\n}\n\nfunction roundByDpr(element: HTMLElement, value: number): number {\n  const dpr = getDpr(element)\n  return Math.round(value * dpr) / dpr\n}\n\nexport interface UseFloatingOptions {\n  /**\n   * Предпочитаемое место панели относительно триггера. По умолчанию `bottom-start`.\n   * Можно передать функцию-геттер, если место зависит от реактивного пропа\n   * (например, `align`) — она вызывается заново при каждом пересчёте позиции.\n   */\n  placement?: UseFloatingPlacement | (() => UseFloatingPlacement)\n  /** Зазор между триггером и панелью, px. По умолчанию `8`. */\n  offsetPx?: number\n  /** Минимальный отступ от края viewport при flip/shift, px. По умолчанию `8`. */\n  boundaryPadding?: number\n  /**\n   * Согласовать ширину панели с шириной триггера (актуально для Select/TreeSelect).\n   * Не годится для Dropdown/Tooltip, где ширина панели определяется контентом.\n   * - `true` — точная ширина (`width = ширина триггера`);\n   * - `'min'` — панель растёт по контенту (`width: max-content`), но не уже триггера\n   *   (`min-width = ширина триггера`) — режим `GrSelect view=\"link\"`;\n   * - функция-геттер — как и `placement`, для реактивной зависимости от пропа.\n   */\n  matchWidth?: boolean | 'min' | (() => boolean | 'min')\n  /** CSS-переменная шкалы слоёв (см. `styles/tokens.css`). По умолчанию `--gr-z-dropdown`. */\n  zIndexVar?: string\n}\n\nexport interface UseFloatingReturn {\n  /** Готовый объект для `:style` на плавающем элементе. */\n  floatingStyle: Ref<CSSProperties>\n  /**\n   * Итоговое место панели ПОСЛЕ применения `flip` — может отличаться от запрошенного\n   * `placement`, если места не хватило и панель перевернуло на противоположную сторону.\n   * Полезно для выбора `transform-origin`/направления transition в потребителе.\n   */\n  resolvedPlacement: Ref<Placement>\n  /** Принудительный пересчёт позиции (например, после изменения контента панели). */\n  update: () => void\n}\n\n/**\n * Единый движок позиционирования floating-панелей (Dropdown/Select/TreeSelect/Tooltip)\n * поверх `@floating-ui/dom`: flip (переворот при нехватке места), shift (клэмп к границам\n * viewport), опциональный `size`-мидлвар для растягивания по ширине триггера.\n *\n * Пересчёт положения при скролле/ресайзе делает `autoUpdate` из `@floating-ui/dom` —\n * он сам использует `ResizeObserver`/`IntersectionObserver` и пассивные слушатели вместо\n * наивного враппера на каждый `scroll`/`resize`, поэтому отдельный rAF-throttling здесь\n * не нужен (в отличие от прежней ручной реализации в `GrSelect`/`GrDropdown`).\n *\n * Требует, чтобы `floatingEl` был примонтирован в DOM на момент открытия (обычно —\n * `<teleport to=\"body\">` + `v-show`, а не `v-if`): позиционирование не может измерить\n * элемент, которого нет в дереве.\n */\nexport function useFloating(\n  referenceEl: Ref<HTMLElement | null>,\n  floatingEl: Ref<HTMLElement | null>,\n  open: Ref<boolean>,\n  options: UseFloatingOptions = {},\n): UseFloatingReturn {\n  const floatingStyle = ref<CSSProperties>({\n    position: 'fixed',\n    top: '0px',\n    left: '0px',\n  })\n  function resolveRequestedPlacement(): Placement {\n    return typeof options.placement === 'function' ? options.placement() : options.placement ?? 'bottom-start'\n  }\n\n  function resolveMatchWidth(): boolean | 'min' {\n    return typeof options.matchWidth === 'function' ? options.matchWidth() : options.matchWidth ?? false\n  }\n\n  const resolvedPlacement = ref<Placement>(resolveRequestedPlacement())\n\n  let stopAutoUpdate: (() => void) | null = null\n\n  async function update(): Promise<void> {\n    const reference = referenceEl.value\n    const floating = floatingEl.value\n    if (!reference || !floating)\n      return\n\n    const middleware: Middleware[] = [\n      offsetMiddleware(options.offsetPx ?? 8),\n      flip({ padding: options.boundaryPadding ?? 8 }),\n      shift({ padding: options.boundaryPadding ?? 8 }),\n    ]\n\n    const matchWidth = resolveMatchWidth()\n    if (matchWidth) {\n      middleware.push(\n        sizeMiddleware({\n          apply({ rects, elements }) {\n            if (matchWidth === 'min') {\n              Object.assign(elements.floating.style, {\n                width: 'max-content',\n                minWidth: `${rects.reference.width}px`,\n              })\n              return\n            }\n\n            Object.assign(elements.floating.style, {\n              width: `${rects.reference.width}px`,\n              minWidth: '',\n            })\n          },\n        }),\n      )\n    }\n\n    const { x, y, placement } = await computePosition(reference, floating, {\n      placement: resolveRequestedPlacement(),\n      strategy: 'fixed',\n      middleware,\n    })\n\n    resolvedPlacement.value = placement\n    floatingStyle.value = {\n      position: 'fixed',\n      left: `${roundByDpr(floating, x)}px`,\n      top: `${roundByDpr(floating, y)}px`,\n      zIndex: `var(${options.zIndexVar ?? '--gr-z-dropdown'})`,\n    }\n  }\n\n  function stop(): void {\n    stopAutoUpdate?.()\n    stopAutoUpdate = null\n  }\n\n  function start(): void {\n    stop()\n    const reference = referenceEl.value\n    const floating = floatingEl.value\n    if (!reference || !floating)\n      return\n\n    // `autoUpdate` подписывается на `ResizeObserver`/`IntersectionObserver` для\n    // последующих пересчётов, но не гарантирует немедленный вызов `update` —\n    // особенно в средах без этих API (например, jsdom в тестах). Считаем позицию\n    // сразу, чтобы панель не «мигала» в 0,0 до первого scroll/resize.\n    void update()\n    stopAutoUpdate = autoUpdate(reference, floating, () => void update())\n  }\n\n  watch(\n    open,\n    (isOpen) => {\n      if (!isOpen) {\n        stop()\n        return\n      }\n\n      // `floatingEl` монтируется в том же тике, что и `open` переключается\n      // (v-show уже в DOM, но teleport/переход могут ещё не отработать) —\n      // ждём тик, чтобы `getBoundingClientRect` не читал нулевые размеры.\n      // Перепроверка `open`: панель могли закрыть, пока `start()` ждал в\n      // очереди, — `stop()` уже отработал, и снимать подписку было бы некому.\n      void nextTick(() => {\n        if (open.value) start()\n      })\n    },\n    { immediate: true },\n  )\n\n  onBeforeUnmount(stop)\n\n  return {\n    floatingStyle,\n    resolvedPlacement,\n    update: () => void update(),\n  }\n}\n"],"mappings":";;;;;;;;;;AAcA,SAAS,OAAO,SAA8B;CAC5C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,QADY,QAAQ,eAAe,eAAe,OAAA,CACvC,oBAAoB;AACjC;AAEA,SAAS,WAAW,SAAsB,OAAuB;CAC/D,MAAM,MAAM,OAAO,OAAO;CAC1B,OAAO,KAAK,MAAM,QAAQ,GAAG,IAAI;AACnC;;;;;;;;;;;;;;;AAqDA,SAAgB,YACd,aACA,YACA,MACA,UAA8B,CAAC,GACZ;CACnB,MAAM,gBAAgB,IAAmB;EACvC,UAAU;EACV,KAAK;EACL,MAAM;CACR,CAAC;CACD,SAAS,4BAAuC;EAC9C,OAAO,OAAO,QAAQ,cAAc,aAAa,QAAQ,UAAU,IAAI,QAAQ,aAAa;CAC9F;CAEA,SAAS,oBAAqC;EAC5C,OAAO,OAAO,QAAQ,eAAe,aAAa,QAAQ,WAAW,IAAI,QAAQ,cAAc;CACjG;CAEA,MAAM,oBAAoB,IAAe,0BAA0B,CAAC;CAEpE,IAAI,iBAAsC;CAE1C,eAAe,SAAwB;EACrC,MAAM,YAAY,YAAY;EAC9B,MAAM,WAAW,WAAW;EAC5B,IAAI,CAAC,aAAa,CAAC,UACjB;EAEF,MAAM,aAA2B;GAC/B,OAAiB,QAAQ,YAAY,CAAC;GACtC,KAAK,EAAE,SAAS,QAAQ,mBAAmB,EAAE,CAAC;GAC9C,MAAM,EAAE,SAAS,QAAQ,mBAAmB,EAAE,CAAC;EACjD;EAEA,MAAM,aAAa,kBAAkB;EACrC,IAAI,YACF,WAAW,KACT,KAAe,EACb,MAAM,EAAE,OAAO,YAAY;GACzB,IAAI,eAAe,OAAO;IACxB,OAAO,OAAO,SAAS,SAAS,OAAO;KACrC,OAAO;KACP,UAAU,GAAG,MAAM,UAAU,MAAM;IACrC,CAAC;IACD;GACF;GAEA,OAAO,OAAO,SAAS,SAAS,OAAO;IACrC,OAAO,GAAG,MAAM,UAAU,MAAM;IAChC,UAAU;GACZ,CAAC;EACH,EACF,CAAC,CACH;EAGF,MAAM,EAAE,GAAG,GAAG,cAAc,MAAM,gBAAgB,WAAW,UAAU;GACrE,WAAW,0BAA0B;GACrC,UAAU;GACV;EACF,CAAC;EAED,kBAAkB,QAAQ;EAC1B,cAAc,QAAQ;GACpB,UAAU;GACV,MAAM,GAAG,WAAW,UAAU,CAAC,EAAE;GACjC,KAAK,GAAG,WAAW,UAAU,CAAC,EAAE;GAChC,QAAQ,OAAO,QAAQ,aAAa,kBAAkB;EACxD;CACF;CAEA,SAAS,OAAa;EACpB,iBAAiB;EACjB,iBAAiB;CACnB;CAEA,SAAS,QAAc;EACrB,KAAK;EACL,MAAM,YAAY,YAAY;EAC9B,MAAM,WAAW,WAAW;EAC5B,IAAI,CAAC,aAAa,CAAC,UACjB;EAMF,OAAY;EACZ,iBAAiB,WAAW,WAAW,gBAAgB,KAAK,OAAO,CAAC;CACtE;CAEA,MACE,OACC,WAAW;EACV,IAAI,CAAC,QAAQ;GACX,KAAK;GACL;EACF;EAOA,eAAoB;GAClB,IAAI,KAAK,OAAO,MAAM;EACxB,CAAC;CACH,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,gBAAgB,IAAI;CAEpB,OAAO;EACL;EACA;EACA,cAAc,KAAK,OAAO;CAC5B;AACF"}
+{"version":3,"file":"useFloating.js","names":[],"sources":["../../src/composables/useFloating.ts"],"sourcesContent":["import type { CSSProperties, Ref } from 'vue'\nimport type { Middleware, Placement } from '@floating-ui/dom'\nimport { autoUpdate, computePosition, flip, offset as offsetMiddleware, shift, size as sizeMiddleware } from '@floating-ui/dom'\nimport { nextTick, onBeforeUnmount, ref, watch } from 'vue'\n\nimport { openModalCount } from './internal/overlayStack'\n\nexport type UseFloatingPlacement = Placement\n\n/**\n * Device pixel ratio плавающего элемента. Нужен, чтобы округлять координаты к сетке\n * физических пикселей (см. `roundByDPR`) — иначе субпиксельные `left/top` дают размытый\n * текст/границы панели на не-целочисленных позициях и HiDPI-экранах. Подход перенят у\n * официального `@floating-ui/vue` (`useFloating` → `roundByDPR`), чтобы не тянуть весь\n * пакет ради одной утилиты.\n */\n/**\n * Высота панели: своя шкала снаружи и подъём над окном внутри него.\n *\n * Панель телепортируется в общий портал, то есть становится **соседом** корня\n * модального окна, а не его потомком: собственный stacking-контекст окна её не\n * накрывает, и статический `--gr-z-dropdown` (1000) оставлял её под окном\n * (`--gr-z-modal`, 1100). Поэтому высоту берём из стека слоёв — единственного\n * места, которое знает, что сейчас открыто.\n *\n * Слагаемое — **число** модальных слоёв, а не шаг шкалы: вложенные окна дают\n * +2, а полноэкранная загрузка (1150) и тосты (1200) остаются сверху.\n *\n * Обратный случай — «поповер снаружи не должен перекрывать окно» — не страдает:\n * пока окно открыто, страница под ним в `inert`, и открыть там поповер нечем.\n * Ненулевой счётчик означает ровно «панель открыта изнутри окна».\n */\nfunction floatingZIndex(zIndexVar: string): string {\n  const modals = openModalCount()\n\n  return modals > 0 ? `calc(var(--gr-z-modal) + ${modals})` : `var(${zIndexVar})`\n}\n\nfunction getDpr(element: HTMLElement): number {\n  if (typeof window === 'undefined')\n    return 1\n\n  const win = element.ownerDocument?.defaultView ?? window\n  return win.devicePixelRatio || 1\n}\n\nfunction roundByDpr(element: HTMLElement, value: number): number {\n  const dpr = getDpr(element)\n  return Math.round(value * dpr) / dpr\n}\n\nexport interface UseFloatingOptions {\n  /**\n   * Предпочитаемое место панели относительно триггера. По умолчанию `bottom-start`.\n   * Можно передать функцию-геттер, если место зависит от реактивного пропа\n   * (например, `align`) — она вызывается заново при каждом пересчёте позиции.\n   */\n  placement?: UseFloatingPlacement | (() => UseFloatingPlacement)\n  /** Зазор между триггером и панелью, px. По умолчанию `8`. */\n  offsetPx?: number\n  /** Минимальный отступ от края viewport при flip/shift, px. По умолчанию `8`. */\n  boundaryPadding?: number\n  /**\n   * Согласовать ширину панели с шириной триггера (актуально для Select/TreeSelect).\n   * Не годится для Dropdown/Tooltip, где ширина панели определяется контентом.\n   * - `true` — точная ширина (`width = ширина триггера`);\n   * - `'min'` — панель растёт по контенту (`width: max-content`), но не уже триггера\n   *   (`min-width = ширина триггера`) — режим `GrSelect view=\"link\"`;\n   * - функция-геттер — как и `placement`, для реактивной зависимости от пропа.\n   */\n  matchWidth?: boolean | 'min' | (() => boolean | 'min')\n  /**\n   * CSS-переменная шкалы слоёв (см. `styles/tokens.css`). По умолчанию\n   * `--gr-z-dropdown`. Действует, пока панель открыта вне модального окна: над\n   * окном высоту задаёт стек слоёв (см. {@link floatingZIndex}).\n   */\n  zIndexVar?: string\n}\n\nexport interface UseFloatingReturn {\n  /** Готовый объект для `:style` на плавающем элементе. */\n  floatingStyle: Ref<CSSProperties>\n  /**\n   * Итоговое место панели ПОСЛЕ применения `flip` — может отличаться от запрошенного\n   * `placement`, если места не хватило и панель перевернуло на противоположную сторону.\n   * Полезно для выбора `transform-origin`/направления transition в потребителе.\n   */\n  resolvedPlacement: Ref<Placement>\n  /** Принудительный пересчёт позиции (например, после изменения контента панели). */\n  update: () => void\n}\n\n/**\n * Единый движок позиционирования floating-панелей (Dropdown/Select/TreeSelect/Tooltip)\n * поверх `@floating-ui/dom`: flip (переворот при нехватке места), shift (клэмп к границам\n * viewport), опциональный `size`-мидлвар для растягивания по ширине триггера.\n *\n * Пересчёт положения при скролле/ресайзе делает `autoUpdate` из `@floating-ui/dom` —\n * он сам использует `ResizeObserver`/`IntersectionObserver` и пассивные слушатели вместо\n * наивного враппера на каждый `scroll`/`resize`, поэтому отдельный rAF-throttling здесь\n * не нужен (в отличие от прежней ручной реализации в `GrSelect`/`GrDropdown`).\n *\n * Требует, чтобы `floatingEl` был примонтирован в DOM на момент открытия (обычно —\n * `<teleport to=\"body\">` + `v-show`, а не `v-if`): позиционирование не может измерить\n * элемент, которого нет в дереве.\n */\nexport function useFloating(\n  referenceEl: Ref<HTMLElement | null>,\n  floatingEl: Ref<HTMLElement | null>,\n  open: Ref<boolean>,\n  options: UseFloatingOptions = {},\n): UseFloatingReturn {\n  const floatingStyle = ref<CSSProperties>({\n    position: 'fixed',\n    top: '0px',\n    left: '0px',\n  })\n  function resolveRequestedPlacement(): Placement {\n    return typeof options.placement === 'function' ? options.placement() : options.placement ?? 'bottom-start'\n  }\n\n  function resolveMatchWidth(): boolean | 'min' {\n    return typeof options.matchWidth === 'function' ? options.matchWidth() : options.matchWidth ?? false\n  }\n\n  const resolvedPlacement = ref<Placement>(resolveRequestedPlacement())\n\n  let stopAutoUpdate: (() => void) | null = null\n\n  async function update(): Promise<void> {\n    const reference = referenceEl.value\n    const floating = floatingEl.value\n    if (!reference || !floating)\n      return\n\n    const middleware: Middleware[] = [\n      offsetMiddleware(options.offsetPx ?? 8),\n      flip({ padding: options.boundaryPadding ?? 8 }),\n      shift({ padding: options.boundaryPadding ?? 8 }),\n    ]\n\n    const matchWidth = resolveMatchWidth()\n    if (matchWidth) {\n      middleware.push(\n        sizeMiddleware({\n          apply({ rects, elements }) {\n            if (matchWidth === 'min') {\n              Object.assign(elements.floating.style, {\n                width: 'max-content',\n                minWidth: `${rects.reference.width}px`,\n              })\n              return\n            }\n\n            Object.assign(elements.floating.style, {\n              width: `${rects.reference.width}px`,\n              minWidth: '',\n            })\n          },\n        }),\n      )\n    }\n\n    const { x, y, placement } = await computePosition(reference, floating, {\n      placement: resolveRequestedPlacement(),\n      strategy: 'fixed',\n      middleware,\n    })\n\n    resolvedPlacement.value = placement\n    floatingStyle.value = {\n      position: 'fixed',\n      left: `${roundByDpr(floating, x)}px`,\n      top: `${roundByDpr(floating, y)}px`,\n      zIndex: floatingZIndex(options.zIndexVar ?? '--gr-z-dropdown'),\n    }\n  }\n\n  function stop(): void {\n    stopAutoUpdate?.()\n    stopAutoUpdate = null\n  }\n\n  function start(): void {\n    stop()\n    const reference = referenceEl.value\n    const floating = floatingEl.value\n    if (!reference || !floating)\n      return\n\n    // `autoUpdate` подписывается на `ResizeObserver`/`IntersectionObserver` для\n    // последующих пересчётов, но не гарантирует немедленный вызов `update` —\n    // особенно в средах без этих API (например, jsdom в тестах). Считаем позицию\n    // сразу, чтобы панель не «мигала» в 0,0 до первого scroll/resize.\n    void update()\n    stopAutoUpdate = autoUpdate(reference, floating, () => void update())\n  }\n\n  watch(\n    open,\n    (isOpen) => {\n      if (!isOpen) {\n        stop()\n        return\n      }\n\n      // `floatingEl` монтируется в том же тике, что и `open` переключается\n      // (v-show уже в DOM, но teleport/переход могут ещё не отработать) —\n      // ждём тик, чтобы `getBoundingClientRect` не читал нулевые размеры.\n      // Перепроверка `open`: панель могли закрыть, пока `start()` ждал в\n      // очереди, — `stop()` уже отработал, и снимать подписку было бы некому.\n      void nextTick(() => {\n        if (open.value) start()\n      })\n    },\n    { immediate: true },\n  )\n\n  onBeforeUnmount(stop)\n\n  return {\n    floatingStyle,\n    resolvedPlacement,\n    update: () => void update(),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAgCA,SAAS,eAAe,WAA2B;CACjD,MAAM,SAAS,eAAe;CAE9B,OAAO,SAAS,IAAI,4BAA4B,OAAO,KAAK,OAAO,UAAU;AAC/E;AAEA,SAAS,OAAO,SAA8B;CAC5C,IAAI,OAAO,WAAW,aACpB,OAAO;CAGT,QADY,QAAQ,eAAe,eAAe,OAAA,CACvC,oBAAoB;AACjC;AAEA,SAAS,WAAW,SAAsB,OAAuB;CAC/D,MAAM,MAAM,OAAO,OAAO;CAC1B,OAAO,KAAK,MAAM,QAAQ,GAAG,IAAI;AACnC;;;;;;;;;;;;;;;AAyDA,SAAgB,YACd,aACA,YACA,MACA,UAA8B,CAAC,GACZ;CACnB,MAAM,gBAAgB,IAAmB;EACvC,UAAU;EACV,KAAK;EACL,MAAM;CACR,CAAC;CACD,SAAS,4BAAuC;EAC9C,OAAO,OAAO,QAAQ,cAAc,aAAa,QAAQ,UAAU,IAAI,QAAQ,aAAa;CAC9F;CAEA,SAAS,oBAAqC;EAC5C,OAAO,OAAO,QAAQ,eAAe,aAAa,QAAQ,WAAW,IAAI,QAAQ,cAAc;CACjG;CAEA,MAAM,oBAAoB,IAAe,0BAA0B,CAAC;CAEpE,IAAI,iBAAsC;CAE1C,eAAe,SAAwB;EACrC,MAAM,YAAY,YAAY;EAC9B,MAAM,WAAW,WAAW;EAC5B,IAAI,CAAC,aAAa,CAAC,UACjB;EAEF,MAAM,aAA2B;GAC/B,OAAiB,QAAQ,YAAY,CAAC;GACtC,KAAK,EAAE,SAAS,QAAQ,mBAAmB,EAAE,CAAC;GAC9C,MAAM,EAAE,SAAS,QAAQ,mBAAmB,EAAE,CAAC;EACjD;EAEA,MAAM,aAAa,kBAAkB;EACrC,IAAI,YACF,WAAW,KACT,KAAe,EACb,MAAM,EAAE,OAAO,YAAY;GACzB,IAAI,eAAe,OAAO;IACxB,OAAO,OAAO,SAAS,SAAS,OAAO;KACrC,OAAO;KACP,UAAU,GAAG,MAAM,UAAU,MAAM;IACrC,CAAC;IACD;GACF;GAEA,OAAO,OAAO,SAAS,SAAS,OAAO;IACrC,OAAO,GAAG,MAAM,UAAU,MAAM;IAChC,UAAU;GACZ,CAAC;EACH,EACF,CAAC,CACH;EAGF,MAAM,EAAE,GAAG,GAAG,cAAc,MAAM,gBAAgB,WAAW,UAAU;GACrE,WAAW,0BAA0B;GACrC,UAAU;GACV;EACF,CAAC;EAED,kBAAkB,QAAQ;EAC1B,cAAc,QAAQ;GACpB,UAAU;GACV,MAAM,GAAG,WAAW,UAAU,CAAC,EAAE;GACjC,KAAK,GAAG,WAAW,UAAU,CAAC,EAAE;GAChC,QAAQ,eAAe,QAAQ,aAAa,iBAAiB;EAC/D;CACF;CAEA,SAAS,OAAa;EACpB,iBAAiB;EACjB,iBAAiB;CACnB;CAEA,SAAS,QAAc;EACrB,KAAK;EACL,MAAM,YAAY,YAAY;EAC9B,MAAM,WAAW,WAAW;EAC5B,IAAI,CAAC,aAAa,CAAC,UACjB;EAMF,OAAY;EACZ,iBAAiB,WAAW,WAAW,gBAAgB,KAAK,OAAO,CAAC;CACtE;CAEA,MACE,OACC,WAAW;EACV,IAAI,CAAC,QAAQ;GACX,KAAK;GACL;EACF;EAOA,eAAoB;GAClB,IAAI,KAAK,OAAO,MAAM;EACxB,CAAC;CACH,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,gBAAgB,IAAI;CAEpB,OAAO;EACL;EACA;EACA,cAAc,KAAK,OAAO;CAC5B;AACF"}

package/dist/composables/useGrComponentConfig.js

@@ -0,0 +1,2 @@
+import { a as useGrComponentProp, c as useGrThemeAttrs, i as useGrComponentDefaults, o as useGrComponentSize, r as resolveGrConfig, s as useGrConfig } from "../chunks/context-BSYR7RZs.js";
+export { resolveGrConfig, useGrComponentDefaults, useGrComponentProp, useGrComponentSize, useGrConfig, useGrThemeAttrs };

package/dist/composables/useGranularityTranslations.js

@@ -0,0 +1,2 @@
+import { n as useGranularityTranslations } from "../chunks/granularityI18n-BC5zsj_d.js";
+export { useGranularityTranslations };

package/dist/composables/useOverlayLayer.js

@@ -1,2 +1,65 @@
-import { t as useOverlayLayer } from "../chunks/useOverlayLayer-BupuP_hs.js";
+import { i as removeOverlayLayer, r as pushOverlayLayer, t as layerRootsAbove } from "../chunks/overlayStack-C8cfsqXa.js";
+import { nextTick, onUnmounted, watch } from "vue";
+//#region src/composables/useOverlayLayer.ts
+/**
+* Регистрирует оверлей в общем стеке слоёв, пока `open` истинно.
+*
+* Один контракт на порядок Esc, `inert` и возврат фокуса — три механизма,
+* которые обязаны видеть один и тот же порядок слоёв. Что берёт на себя:
+*
+*  - **Esc** — верхнему слою, вниз не проваливается;
+*  - **`inert`** — через `onTopmostChange` у модальных слоёв;
+*  - **возврат фокуса** — по единому правилу (см. ниже).
+*
+* Чего **не** делает: фокус-ловушку — это `useFocusTrap`, отдельный примитив.
+* Поповеру ловушка и не нужна: Tab обязан уводить фокус наружу и закрывать его,
+* поэтому связка «слой + ловушка» собирается в компоненте, а не тут.
+*
+* Правило возврата фокуса: восстанавливаем, **только если на момент закрытия
+* фокус всё ещё внутри слоя**. Если пользователь кликнул в другое поле, фокус
+* уже там — забирать его обратно нельзя. Эвристика «возвращать, если открыли с
+* клавиатуры» промахивается в обе стороны: мышью открытый слой фокус не вернёт,
+* а клавиатурный отберёт его у того, куда пользователь ушёл сам.
+*/
+function useOverlayLayer(open, onDismiss, options = {}) {
+	let layerId = null;
+	let previouslyFocused = null;
+	function register() {
+		if (layerId !== null) return;
+		if (typeof window === "undefined") return;
+		if (options.restoreFocus !== false && typeof document !== "undefined") previouslyFocused = document.activeElement ?? null;
+		layerId = pushOverlayLayer({
+			modal: typeof options.modal === "function" ? options.modal() : options.modal ?? false,
+			shouldClose: () => options.closeOnEscape?.() ?? true,
+			close: onDismiss,
+			setTopmost: options.onTopmostChange,
+			root: () => options.root?.value ?? null
+		});
+	}
+	function unregister() {
+		if (layerId === null) return;
+		removeOverlayLayer(layerId);
+		layerId = null;
+		restoreFocus();
+	}
+	function restoreFocus() {
+		const target = previouslyFocused;
+		previouslyFocused = null;
+		if (options.restoreFocus === false || !target) return;
+		if (typeof document === "undefined") return;
+		const active = document.activeElement;
+		const root = options.root?.value;
+		if (root && active && active !== document.body && !root.contains(active)) return;
+		nextTick(() => {
+			if (target.isConnected) target.focus?.();
+		});
+	}
+	watch(open, (isOpen) => {
+		if (isOpen) register();
+		else unregister();
+	}, { immediate: true });
+	onUnmounted(unregister);
+	return { rootsAbove: () => layerId === null ? [] : layerRootsAbove(layerId) };
+}
+//#endregion
 export { useOverlayLayer };

package/dist/composables/useOverlayLayer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOverlayLayer.js","names":[],"sources":["../../src/composables/useOverlayLayer.ts"],"sourcesContent":["import type { Ref } from 'vue'\nimport { nextTick, onUnmounted, watch } from 'vue'\n\nimport { layerRootsAbove, pushOverlayLayer, removeOverlayLayer } from './internal/overlayStack'\n\nexport interface UseOverlayLayerOptions {\n  /**\n   * Модальный слой: блокирует страницу, и модалки под ним получают `inert`.\n   * Немодальные (поповеры, меню, подсказки) участвуют только в очереди Esc.\n   * По умолчанию `false`.\n   *\n   * Геттером — там, где модальность включается пропом (`GrDrawer`): значение\n   * читается в момент регистрации, то есть при каждом открытии.\n   */\n  modal?: boolean | (() => boolean)\n  /**\n   * Закрывать ли слой по Esc. Геттер, а не значение, — чтобы читать реактивный\n   * проп (`closeOnEsc`). По умолчанию закрывается всегда.\n   *\n   * Если геттер вернёт `false`, нажатие всё равно не пройдёт на слой ниже:\n   * пользователь видит верхним этот слой, и Esc адресован ему.\n   */\n  closeOnEscape?: () => boolean\n  /**\n   * Уведомление «этот модальный слой сейчас верхний». Компонент вешает по нему\n   * `inert` на свой корень, когда перестал быть верхним.\n   */\n  onTopmostChange?: (isTopmost: boolean) => void\n  /**\n   * Возвращать фокус элементу, который был активен до открытия. По умолчанию —\n   * да. Отключать имеет смысл там, где фокус с триггера и не уходил: `GrSelect`\n   * ведёт список через `aria-activedescendant`.\n   */\n  restoreFocus?: boolean\n  /**\n   * Корень слоя. Нужен дважды: для правила возврата фокуса (если на момент\n   * закрытия фокус уже вне слоя, пользователь ушёл сам — забирать нельзя) и\n   * для ловушки фокуса слоя под ним, которая обязана считать этот корень\n   * своим (панель селекта внутри модалки телепортирована в `body`).\n   */\n  root?: Ref<HTMLElement | null>\n}\n\nexport interface OverlayLayerHandle {\n  /**\n   * Корни слоёв, открытых поверх этого. Передаётся в `useFocusTrap` как\n   * `containers`: пока панель, открытая изнутри окна, жива, фокус в ней\n   * законен.\n   */\n  rootsAbove: () => HTMLElement[]\n}\n\n/**\n * Регистрирует оверлей в общем стеке слоёв, пока `open` истинно.\n *\n * Один контракт на порядок Esc, `inert` и возврат фокуса — три механизма,\n * которые обязаны видеть один и тот же порядок слоёв. Что берёт на себя:\n *\n *  - **Esc** — верхнему слою, вниз не проваливается;\n *  - **`inert`** — через `onTopmostChange` у модальных слоёв;\n *  - **возврат фокуса** — по единому правилу (см. ниже).\n *\n * Чего **не** делает: фокус-ловушку — это `useFocusTrap`, отдельный примитив.\n * Поповеру ловушка и не нужна: Tab обязан уводить фокус наружу и закрывать его,\n * поэтому связка «слой + ловушка» собирается в компоненте, а не тут.\n *\n * Правило возврата фокуса: восстанавливаем, **только если на момент закрытия\n * фокус всё ещё внутри слоя**. Если пользователь кликнул в другое поле, фокус\n * уже там — забирать его обратно нельзя. Эвристика «возвращать, если открыли с\n * клавиатуры» промахивается в обе стороны: мышью открытый слой фокус не вернёт,\n * а клавиатурный отберёт его у того, куда пользователь ушёл сам.\n */\nexport function useOverlayLayer(\n  open: Ref<boolean>,\n  onDismiss: () => void,\n  options: UseOverlayLayerOptions = {},\n): OverlayLayerHandle {\n  let layerId: number | null = null\n  let previouslyFocused: HTMLElement | null = null\n\n  function register(): void {\n    if (layerId !== null) return\n\n    // Стек — браузерное понятие: Esc, `inert` и возврат фокуса на сервере\n    // бессмысленны. Регистрируйся слой и там — он остался бы в модульном массиве\n    // навсегда, потому что `onUnmounted` при `renderToString` не вызывается, и\n    // каждый серверный рендер открытого оверлея копил бы замыкание со ссылками\n    // на свои компоненты.\n    if (typeof window === 'undefined') return\n\n    if (options.restoreFocus !== false && typeof document !== 'undefined')\n      previouslyFocused = (document.activeElement as HTMLElement) ?? null\n\n    layerId = pushOverlayLayer({\n      modal: typeof options.modal === 'function' ? options.modal() : options.modal ?? false,\n      shouldClose: () => options.closeOnEscape?.() ?? true,\n      close: onDismiss,\n      setTopmost: options.onTopmostChange,\n      root: () => options.root?.value ?? null,\n    })\n  }\n\n  function unregister(): void {\n    if (layerId === null) return\n    removeOverlayLayer(layerId)\n    layerId = null\n\n    restoreFocus()\n  }\n\n  function restoreFocus(): void {\n    const target = previouslyFocused\n    previouslyFocused = null\n\n    if (options.restoreFocus === false || !target) return\n    if (typeof document === 'undefined') return\n\n    // Фокус уже вне слоя — пользователь ушёл сам, отбирать нельзя. Решение\n    // принимаем сейчас, пока слой ещё в DOM, а применяем следующим тиком.\n    const active = document.activeElement\n    const root = options.root?.value\n    if (root && active && active !== document.body && !root.contains(active)) return\n\n    // Возврат откладывается намеренно: ловушка фокуса того же слоя снимает свои\n    // слушатели в этом же флаше, и сфокусируй мы триггер сразу — она затащила бы\n    // фокус обратно в закрывающийся слой.\n    void nextTick(() => {\n      if (target.isConnected) target.focus?.()\n    })\n  }\n\n  watch(\n    open,\n    (isOpen) => {\n      if (isOpen) register()\n      else unregister()\n    },\n    { immediate: true },\n  )\n\n  onUnmounted(unregister)\n\n  return {\n    rootsAbove: () => (layerId === null ? [] : layerRootsAbove(layerId)),\n  }\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAwEA,SAAgB,gBACd,MACA,WACA,UAAkC,CAAC,GACf;CACpB,IAAI,UAAyB;CAC7B,IAAI,oBAAwC;CAE5C,SAAS,WAAiB;EACxB,IAAI,YAAY,MAAM;EAOtB,IAAI,OAAO,WAAW,aAAa;EAEnC,IAAI,QAAQ,iBAAiB,SAAS,OAAO,aAAa,aACxD,oBAAqB,SAAS,iBAAiC;EAEjE,UAAU,iBAAiB;GACzB,OAAO,OAAO,QAAQ,UAAU,aAAa,QAAQ,MAAM,IAAI,QAAQ,SAAS;GAChF,mBAAmB,QAAQ,gBAAgB,KAAK;GAChD,OAAO;GACP,YAAY,QAAQ;GACpB,YAAY,QAAQ,MAAM,SAAS;EACrC,CAAC;CACH;CAEA,SAAS,aAAmB;EAC1B,IAAI,YAAY,MAAM;EACtB,mBAAmB,OAAO;EAC1B,UAAU;EAEV,aAAa;CACf;CAEA,SAAS,eAAqB;EAC5B,MAAM,SAAS;EACf,oBAAoB;EAEpB,IAAI,QAAQ,iBAAiB,SAAS,CAAC,QAAQ;EAC/C,IAAI,OAAO,aAAa,aAAa;EAIrC,MAAM,SAAS,SAAS;EACxB,MAAM,OAAO,QAAQ,MAAM;EAC3B,IAAI,QAAQ,UAAU,WAAW,SAAS,QAAQ,CAAC,KAAK,SAAS,MAAM,GAAG;EAK1E,eAAoB;GAClB,IAAI,OAAO,aAAa,OAAO,QAAQ;EACzC,CAAC;CACH;CAEA,MACE,OACC,WAAW;EACV,IAAI,QAAQ,SAAS;OAChB,WAAW;CAClB,GACA,EAAE,WAAW,KAAK,CACpB;CAEA,YAAY,UAAU;CAEtB,OAAO,EACL,kBAAmB,YAAY,OAAO,CAAC,IAAI,gBAAgB,OAAO,EACpE;AACF"}

package/dist/composables/usePortalTarget.js

@@ -1,2 +1,2 @@
-import { t as usePortalTarget } from "../chunks/usePortalTarget-RyzEgNTb.js";
+import { t as usePortalTarget } from "../chunks/usePortalTarget-Cn-Wiz5d.js";
 export { usePortalTarget };