@feugene/granularity 0.26.0 → 0.27.0

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

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

package/dist/components/GrCommandPalette/index.js

@@ -1,3 +1,3 @@
-import { t as GrCommandPalette_default } from "./chunks/GrCommandPalette-BPsVN_XU.js";
-import { n as grCommandPaletteSafelist, t as grCommandPaletteConfig } from "../../chunks/config-9PYRZlKE.js";
+import { t as GrCommandPalette_default } from "./chunks/GrCommandPalette-C5abL2Y7.js";
+import { n as grCommandPaletteSafelist, t as grCommandPaletteConfig } from "../../chunks/config-D0NzGYaE.js";
 export { GrCommandPalette_default as GrCommandPalette, GrCommandPalette_default as default, grCommandPaletteConfig, grCommandPaletteSafelist };

package/dist/components/GrCommandPalette/styles.css

@@ -1 +1 @@
-[data-gr-virtual][data-v-32e17714]:before,[data-gr-virtual][data-v-32e17714]:after{content:"";flex:none;display:block}[data-gr-virtual][data-v-32e17714]:before{height:var(--gr-virtual-before,0px)}[data-gr-virtual][data-v-32e17714]:after{height:var(--gr-virtual-after,0px)}
+[data-gr-virtual][data-v-dcf84986]:before,[data-gr-virtual][data-v-dcf84986]:after{content:"";flex:none;display:block}[data-gr-virtual][data-v-dcf84986]:before{height:var(--gr-virtual-before,0px)}[data-gr-virtual][data-v-dcf84986]:after{height:var(--gr-virtual-after,0px)}

package/dist/components/GrConfigProvider/chunks/GrConfigProvider-BF7R3hgg.js.map

@@ -1 +1 @@
-{"version":3,"file":"GrConfigProvider-BF7R3hgg.js","names":[],"sources":["../../../../src/components/GrConfigProvider/zIndexScale.ts","../../../../src/components/GrConfigProvider/GrConfigProvider.vue","../../../../src/components/GrConfigProvider/GrConfigProvider.vue"],"sourcesContent":["/**\n * Шкала слоёв, задаваемая пропом `zIndexBase` у `GrConfigProvider`.\n *\n * Переменные ставятся на `<html>`, а не на обёртку провайдера: панели\n * телепортируются в `body`, то есть живут вне его DOM-поддерева, и\n * «настройка слоёв поддеревом» была бы ложным обещанием.\n *\n * Отсюда же следует, что владелец шкалы один на документ: два провайдера с\n * разными базами — это гонка, о которой надо сказать вслух, а не тихо\n * применить последнюю.\n */\n\n/**\n * Смещения те же, что в `styles/tokens.css`: шаг 50 оставляет приложению место\n * вклиниться между слоями, а тосты стоят выше модалок.\n */\nexport const GR_Z_INDEX_OFFSETS: Record<string, number> = {\n  // Шапка ниже якорных панелей: она перекрывает контент, но не выпадашки.\n  '--gr-z-navbar': -100,\n  '--gr-z-dropdown': 0,\n  '--gr-z-tooltip': 50,\n  '--gr-z-modal': 100,\n  '--gr-z-toast': 200,\n}\n\nlet owner: symbol | null = null\n\n/**\n * Ставит шкалу от базы и возвращает функцию отката к прежним значениям.\n * `null` — нечего ставить (нет базы или нет документа).\n */\nexport function applyGrZIndexBase(token: symbol, base: number | undefined): (() => void) | null {\n  if (typeof document === 'undefined' || base == null) {\n    if (owner === token) owner = null\n    return null\n  }\n\n  if (owner && owner !== token && __GR_DEV__) {\n    console.warn(\n      '[GrConfigProvider] zIndexBase задан больше чем одним провайдером. '\n      + 'Шкала слоёв одна на документ (панели телепортируются в body), поэтому применится последняя.',\n    )\n  }\n  owner = token\n\n  const root = document.documentElement\n  const previous = Object.keys(GR_Z_INDEX_OFFSETS)\n    .map(name => [name, root.style.getPropertyValue(name)] as const)\n\n  for (const [name, offset] of Object.entries(GR_Z_INDEX_OFFSETS))\n    root.style.setProperty(name, String(base + offset))\n\n  return () => {\n    for (const [name, value] of previous) {\n      if (value) root.style.setProperty(name, value)\n      else root.style.removeProperty(name)\n    }\n    if (owner === token) owner = null\n  }\n}\n\n/** Тестовая очистка владельца шкалы между кейсами. */\nexport function resetGrZIndexOwner(): void {\n  owner = null\n}\n","<script setup lang=\"ts\">\n/**\n * GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n *\n * Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную);\n * - `theme` — темы поддерева;\n * - `portalTarget` — точки монтирования оверлеев;\n * - `zIndexBase` — базы шкалы слоёв.\n *\n * Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n *\n * Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n */\nimport { computed, onBeforeUnmount, provide, watch } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\nimport { applyGrZIndexBase } from './zIndexScale'\nimport {\n  GR_CONFIG_KEY,\n  useGrConfig,\n  type GrComponentDefaults,\n  type GrComponentSize,\n  type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nexport interface GrConfigProviderProps {\n  /** Дефолтный размер контролов для вложенных компонентов. */\n  size?: GrComponentSize\n  /** Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. */\n  componentDefaults?: GrComponentDefaults\n  /** Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. */\n  i18n?: GranularityI18nAdapter | null\n  /**\n   * Просьба к адаптеру переключить язык (`syncLocale`). Источником истины\n   * остаётся сам адаптер — провайдер лишь передаёт ему намерение.\n   */\n  locale?: string\n  /**\n   * Тема поддерева: значение уезжает в `data-theme`. Тема **документа** —\n   * работа `useTheme`/`initThemeEarly`, здесь именно остров.\n   */\n  theme?: string\n  /**\n   * Куда монтировать оверлеи поддерева. По умолчанию — общий `#gr-portal` в\n   * `body`. Своё значение нужно там, где приложение живёт в контейнере:\n   * микрофронтенд, shadow DOM, CSS-скоупинг под конкретным корнем.\n   */\n  portalTarget?: string | HTMLElement\n  /**\n   * База шкалы слоёв. Переменные `--gr-z-*` пересчитываются от неё и ставятся\n   * на `<html>`: панели телепортируются в `body`, и переменные поддерева до\n   * них не доходят.\n   */\n  zIndexBase?: number\n  /** Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. */\n  tag?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrConfigProviderProps>(),\n  {\n    size: undefined,\n    componentDefaults: undefined,\n    i18n: undefined,\n    locale: undefined,\n    theme: undefined,\n    portalTarget: undefined,\n    zIndexBase: undefined,\n    tag: 'div',\n  },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst theme = computed(() => props.theme ?? parent.theme?.value)\n// Цель портала наследуется вниз: вложенный провайдер без своего значения\n// оставляет оверлеи там же, где их ждёт родительское приложение.\nconst portalTarget = computed(() => props.portalTarget ?? parent.portalTarget?.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n  const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n  const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n  // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n  // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n  const merged: Record<string, Record<string, unknown>> = { ...inherited }\n  for (const [component, componentProps] of Object.entries(own))\n    merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n  return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults, theme, portalTarget })\n\n// ————— i18n.\n//\n// Адаптер отдаём вниз ВСЕГДА и фасадом, а не значением. Прежнее\n// `if (props.i18n != null) provide(…)` решало судьбу один раз в `setup`:\n// адаптер, созданный асинхронно (обычная загрузка локали), не приезжал уже\n// никогда, а подмена адаптера при смене языка до детей не доходила.\nconst inheritedI18n = resolveGranularityI18n()\nconst activeI18n = computed(() => props.i18n ?? inheritedI18n)\n\nprovide<GranularityI18nAdapter>(GRANULARITY_I18N_KEY, {\n  t: (key, params) => activeI18n.value?.t(key, params) ?? key,\n  // Геттеры, а не поля: `useGranularityTranslations` спрашивает `if (i18n.te)`,\n  // и всегда определённый метод у адаптера без `te` означал бы «перевода нет»\n  // для каждого ключа.\n  get te() {\n    const adapter = activeI18n.value\n    return adapter?.te ? (key: string) => adapter.te!(key) : undefined\n  },\n  get locale() {\n    return activeI18n.value?.locale\n  },\n  get syncLocale() {\n    const adapter = activeI18n.value\n    return adapter?.syncLocale ? (next: string) => adapter.syncLocale!(next) : undefined\n  },\n})\n\nwatch(\n  () => [props.locale, activeI18n.value] as const,\n  ([locale, adapter]) => {\n    if (!locale || adapter?.locale?.value === locale) return\n    void adapter?.syncLocale?.(locale)\n  },\n  { immediate: true },\n)\n\n// ————— Шкала слоёв. Ставится на `<html>` и живёт в отдельном модуле: владелец\n// шкалы один на документ, а `<script setup>` — это уже область инстанса.\nconst zIndexToken = Symbol('gr-config-z-index')\nlet restoreZIndex: (() => void) | null = null\n\nwatch(\n  () => props.zIndexBase,\n  (base) => {\n    restoreZIndex?.()\n    restoreZIndex = applyGrZIndexBase(zIndexToken, base)\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  restoreZIndex?.()\n  restoreZIndex = null\n})\n\nconst wrapperStyle = { display: 'contents' } as const\n</script>\n\n<template>\n  <component\n    :is=\"props.tag\"\n    data-gr-config-provider\n    :data-theme=\"theme\"\n    :style=\"wrapperStyle\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n *\n * Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную);\n * - `theme` — темы поддерева;\n * - `portalTarget` — точки монтирования оверлеев;\n * - `zIndexBase` — базы шкалы слоёв.\n *\n * Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n *\n * Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n */\nimport { computed, onBeforeUnmount, provide, watch } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\nimport { applyGrZIndexBase } from './zIndexScale'\nimport {\n  GR_CONFIG_KEY,\n  useGrConfig,\n  type GrComponentDefaults,\n  type GrComponentSize,\n  type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nexport interface GrConfigProviderProps {\n  /** Дефолтный размер контролов для вложенных компонентов. */\n  size?: GrComponentSize\n  /** Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. */\n  componentDefaults?: GrComponentDefaults\n  /** Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. */\n  i18n?: GranularityI18nAdapter | null\n  /**\n   * Просьба к адаптеру переключить язык (`syncLocale`). Источником истины\n   * остаётся сам адаптер — провайдер лишь передаёт ему намерение.\n   */\n  locale?: string\n  /**\n   * Тема поддерева: значение уезжает в `data-theme`. Тема **документа** —\n   * работа `useTheme`/`initThemeEarly`, здесь именно остров.\n   */\n  theme?: string\n  /**\n   * Куда монтировать оверлеи поддерева. По умолчанию — общий `#gr-portal` в\n   * `body`. Своё значение нужно там, где приложение живёт в контейнере:\n   * микрофронтенд, shadow DOM, CSS-скоупинг под конкретным корнем.\n   */\n  portalTarget?: string | HTMLElement\n  /**\n   * База шкалы слоёв. Переменные `--gr-z-*` пересчитываются от неё и ставятся\n   * на `<html>`: панели телепортируются в `body`, и переменные поддерева до\n   * них не доходят.\n   */\n  zIndexBase?: number\n  /** Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. */\n  tag?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrConfigProviderProps>(),\n  {\n    size: undefined,\n    componentDefaults: undefined,\n    i18n: undefined,\n    locale: undefined,\n    theme: undefined,\n    portalTarget: undefined,\n    zIndexBase: undefined,\n    tag: 'div',\n  },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst theme = computed(() => props.theme ?? parent.theme?.value)\n// Цель портала наследуется вниз: вложенный провайдер без своего значения\n// оставляет оверлеи там же, где их ждёт родительское приложение.\nconst portalTarget = computed(() => props.portalTarget ?? parent.portalTarget?.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n  const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n  const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n  // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n  // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n  const merged: Record<string, Record<string, unknown>> = { ...inherited }\n  for (const [component, componentProps] of Object.entries(own))\n    merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n  return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults, theme, portalTarget })\n\n// ————— i18n.\n//\n// Адаптер отдаём вниз ВСЕГДА и фасадом, а не значением. Прежнее\n// `if (props.i18n != null) provide(…)` решало судьбу один раз в `setup`:\n// адаптер, созданный асинхронно (обычная загрузка локали), не приезжал уже\n// никогда, а подмена адаптера при смене языка до детей не доходила.\nconst inheritedI18n = resolveGranularityI18n()\nconst activeI18n = computed(() => props.i18n ?? inheritedI18n)\n\nprovide<GranularityI18nAdapter>(GRANULARITY_I18N_KEY, {\n  t: (key, params) => activeI18n.value?.t(key, params) ?? key,\n  // Геттеры, а не поля: `useGranularityTranslations` спрашивает `if (i18n.te)`,\n  // и всегда определённый метод у адаптера без `te` означал бы «перевода нет»\n  // для каждого ключа.\n  get te() {\n    const adapter = activeI18n.value\n    return adapter?.te ? (key: string) => adapter.te!(key) : undefined\n  },\n  get locale() {\n    return activeI18n.value?.locale\n  },\n  get syncLocale() {\n    const adapter = activeI18n.value\n    return adapter?.syncLocale ? (next: string) => adapter.syncLocale!(next) : undefined\n  },\n})\n\nwatch(\n  () => [props.locale, activeI18n.value] as const,\n  ([locale, adapter]) => {\n    if (!locale || adapter?.locale?.value === locale) return\n    void adapter?.syncLocale?.(locale)\n  },\n  { immediate: true },\n)\n\n// ————— Шкала слоёв. Ставится на `<html>` и живёт в отдельном модуле: владелец\n// шкалы один на документ, а `<script setup>` — это уже область инстанса.\nconst zIndexToken = Symbol('gr-config-z-index')\nlet restoreZIndex: (() => void) | null = null\n\nwatch(\n  () => props.zIndexBase,\n  (base) => {\n    restoreZIndex?.()\n    restoreZIndex = applyGrZIndexBase(zIndexToken, base)\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  restoreZIndex?.()\n  restoreZIndex = null\n})\n\nconst wrapperStyle = { display: 'contents' } as const\n</script>\n\n<template>\n  <component\n    :is=\"props.tag\"\n    data-gr-config-provider\n    :data-theme=\"theme\"\n    :style=\"wrapperStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrConfigProvider-BF7R3hgg.js","names":[],"sources":["../../../../src/components/GrConfigProvider/zIndexScale.ts","../../../../src/components/GrConfigProvider/GrConfigProvider.vue","../../../../src/components/GrConfigProvider/GrConfigProvider.vue"],"sourcesContent":["/**\n * Шкала слоёв, задаваемая пропом `zIndexBase` у `GrConfigProvider`.\n *\n * Переменные ставятся на `<html>`, а не на обёртку провайдера: панели\n * телепортируются в `body`, то есть живут вне его DOM-поддерева, и\n * «настройка слоёв поддеревом» была бы ложным обещанием.\n *\n * Отсюда же следует, что владелец шкалы один на документ: два провайдера с\n * разными базами — это гонка, о которой надо сказать вслух, а не тихо\n * применить последнюю.\n */\n\n/**\n * Смещения те же, что в `styles/tokens.css`: шаг 50 оставляет приложению место\n * вклиниться между слоями, а тосты стоят выше модалок.\n */\nexport const GR_Z_INDEX_OFFSETS: Record<string, number> = {\n  // Шапка ниже якорных панелей: она перекрывает контент, но не выпадашки.\n  '--gr-z-navbar': -100,\n  '--gr-z-dropdown': 0,\n  '--gr-z-tooltip': 50,\n  '--gr-z-modal': 100,\n  '--gr-z-toast': 200,\n}\n\nlet owner: symbol | null = null\n\n/**\n * Ставит шкалу от базы и возвращает функцию отката к прежним значениям.\n * `null` — нечего ставить (нет базы или нет документа).\n */\nexport function applyGrZIndexBase(token: symbol, base: number | undefined): (() => void) | null {\n  if (typeof document === 'undefined' || base == null) {\n    if (owner === token) owner = null\n    return null\n  }\n\n  if (owner && owner !== token && __GR_DEV__) {\n    console.warn(\n      '[GrConfigProvider] zIndexBase задан больше чем одним провайдером. '\n      + 'Шкала слоёв одна на документ (панели телепортируются в body), поэтому применится последняя.',\n    )\n  }\n  owner = token\n\n  const root = document.documentElement\n  const previous = Object.keys(GR_Z_INDEX_OFFSETS)\n    .map(name => [name, root.style.getPropertyValue(name)] as const)\n\n  for (const [name, offset] of Object.entries(GR_Z_INDEX_OFFSETS))\n    root.style.setProperty(name, String(base + offset))\n\n  return () => {\n    for (const [name, value] of previous) {\n      if (value) root.style.setProperty(name, value)\n      else root.style.removeProperty(name)\n    }\n    if (owner === token) owner = null\n  }\n}\n\n/** Тестовая очистка владельца шкалы между кейсами. */\nexport function resetGrZIndexOwner(): void {\n  owner = null\n}\n","<script setup lang=\"ts\">\n/**\n * GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n *\n * Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную);\n * - `theme` — темы поддерева;\n * - `portalTarget` — точки монтирования оверлеев;\n * - `zIndexBase` — базы шкалы слоёв.\n *\n * Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n *\n * Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n */\nimport { computed, onBeforeUnmount, provide, watch } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\nimport { applyGrZIndexBase } from './zIndexScale'\nimport {\n  GR_CONFIG_KEY,\n  useGrConfig,\n  type GrComponentDefaults,\n  type GrComponentSize,\n  type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nexport interface GrConfigProviderProps {\n  /** Дефолтный размер контролов для вложенных компонентов. */\n  size?: GrComponentSize\n  /** Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. */\n  componentDefaults?: GrComponentDefaults\n  /** Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. */\n  i18n?: GranularityI18nAdapter | null\n  /**\n   * Просьба к адаптеру переключить язык (`syncLocale`). Источником истины\n   * остаётся сам адаптер — провайдер лишь передаёт ему намерение.\n   */\n  locale?: string\n  /**\n   * Тема поддерева: значение уезжает в `data-theme`. Тема **документа** —\n   * работа `useTheme`/`initThemeEarly`, здесь именно остров.\n   */\n  theme?: string\n  /**\n   * Куда монтировать оверлеи поддерева. По умолчанию — общий `#gr-portal` в\n   * `body`. Своё значение нужно там, где приложение живёт в контейнере:\n   * микрофронтенд, shadow DOM, CSS-скоупинг под конкретным корнем.\n   */\n  portalTarget?: string | HTMLElement\n  /**\n   * База шкалы слоёв. Переменные `--gr-z-*` пересчитываются от неё и ставятся\n   * на `<html>`: панели телепортируются в `body`, и переменные поддерева до\n   * них не доходят.\n   */\n  zIndexBase?: number\n  /** Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. */\n  tag?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrConfigProviderProps>(),\n  {\n    size: undefined,\n    componentDefaults: undefined,\n    i18n: undefined,\n    locale: undefined,\n    theme: undefined,\n    portalTarget: undefined,\n    zIndexBase: undefined,\n    tag: 'div',\n  },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst theme = computed(() => props.theme ?? parent.theme?.value)\n// Цель портала наследуется вниз: вложенный провайдер без своего значения\n// оставляет оверлеи там же, где их ждёт родительское приложение.\nconst portalTarget = computed(() => props.portalTarget ?? parent.portalTarget?.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n  const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n  const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n  // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n  // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n  const merged: Record<string, Record<string, unknown>> = { ...inherited }\n  for (const [component, componentProps] of Object.entries(own))\n    merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n  return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults, theme, portalTarget })\n\n// ————— i18n.\n//\n// Адаптер отдаём вниз ВСЕГДА и фасадом, а не значением. Прежнее\n// `if (props.i18n != null) provide(…)` решало судьбу один раз в `setup`:\n// адаптер, созданный асинхронно (обычная загрузка локали), не приезжал уже\n// никогда, а подмена адаптера при смене языка до детей не доходила.\nconst inheritedI18n = resolveGranularityI18n()\nconst activeI18n = computed(() => props.i18n ?? inheritedI18n)\n\nprovide<GranularityI18nAdapter>(GRANULARITY_I18N_KEY, {\n  t: (key, params) => activeI18n.value?.t(key, params) ?? key,\n  // Геттеры, а не поля: `useGranularityTranslations` спрашивает `if (i18n.te)`,\n  // и всегда определённый метод у адаптера без `te` означал бы «перевода нет»\n  // для каждого ключа.\n  get te() {\n    const adapter = activeI18n.value\n    return adapter?.te ? (key: string) => adapter.te!(key) : undefined\n  },\n  get locale() {\n    return activeI18n.value?.locale\n  },\n  get syncLocale() {\n    const adapter = activeI18n.value\n    return adapter?.syncLocale ? (next: string) => adapter.syncLocale!(next) : undefined\n  },\n})\n\nwatch(\n  () => [props.locale, activeI18n.value] as const,\n  ([locale, adapter]) => {\n    if (!locale || adapter?.locale?.value === locale) return\n    void adapter?.syncLocale?.(locale)\n  },\n  { immediate: true },\n)\n\n// ————— Шкала слоёв. Ставится на `<html>` и живёт в отдельном модуле: владелец\n// шкалы один на документ, а `<script setup>` — это уже область инстанса.\nconst zIndexToken = Symbol('gr-config-z-index')\nlet restoreZIndex: (() => void) | null = null\n\nwatch(\n  () => props.zIndexBase,\n  (base) => {\n    restoreZIndex?.()\n    restoreZIndex = applyGrZIndexBase(zIndexToken, base)\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  restoreZIndex?.()\n  restoreZIndex = null\n})\n\nconst wrapperStyle = { display: 'contents' } as const\n\ndefineSlots<{\n  /** Поддерево, которому адресованы настройки. */\n  default?: () => any\n}>()\n\n</script>\n\n<template>\n  <component\n    :is=\"props.tag\"\n    data-gr-config-provider\n    :data-theme=\"theme\"\n    :style=\"wrapperStyle\"\n  >\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n *\n * Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную);\n * - `theme` — темы поддерева;\n * - `portalTarget` — точки монтирования оверлеев;\n * - `zIndexBase` — базы шкалы слоёв.\n *\n * Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n *\n * Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n */\nimport { computed, onBeforeUnmount, provide, watch } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\nimport { applyGrZIndexBase } from './zIndexScale'\nimport {\n  GR_CONFIG_KEY,\n  useGrConfig,\n  type GrComponentDefaults,\n  type GrComponentSize,\n  type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nexport interface GrConfigProviderProps {\n  /** Дефолтный размер контролов для вложенных компонентов. */\n  size?: GrComponentSize\n  /** Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. */\n  componentDefaults?: GrComponentDefaults\n  /** Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. */\n  i18n?: GranularityI18nAdapter | null\n  /**\n   * Просьба к адаптеру переключить язык (`syncLocale`). Источником истины\n   * остаётся сам адаптер — провайдер лишь передаёт ему намерение.\n   */\n  locale?: string\n  /**\n   * Тема поддерева: значение уезжает в `data-theme`. Тема **документа** —\n   * работа `useTheme`/`initThemeEarly`, здесь именно остров.\n   */\n  theme?: string\n  /**\n   * Куда монтировать оверлеи поддерева. По умолчанию — общий `#gr-portal` в\n   * `body`. Своё значение нужно там, где приложение живёт в контейнере:\n   * микрофронтенд, shadow DOM, CSS-скоупинг под конкретным корнем.\n   */\n  portalTarget?: string | HTMLElement\n  /**\n   * База шкалы слоёв. Переменные `--gr-z-*` пересчитываются от неё и ставятся\n   * на `<html>`: панели телепортируются в `body`, и переменные поддерева до\n   * них не доходят.\n   */\n  zIndexBase?: number\n  /** Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. */\n  tag?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrConfigProviderProps>(),\n  {\n    size: undefined,\n    componentDefaults: undefined,\n    i18n: undefined,\n    locale: undefined,\n    theme: undefined,\n    portalTarget: undefined,\n    zIndexBase: undefined,\n    tag: 'div',\n  },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst theme = computed(() => props.theme ?? parent.theme?.value)\n// Цель портала наследуется вниз: вложенный провайдер без своего значения\n// оставляет оверлеи там же, где их ждёт родительское приложение.\nconst portalTarget = computed(() => props.portalTarget ?? parent.portalTarget?.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n  const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n  const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n  // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n  // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n  const merged: Record<string, Record<string, unknown>> = { ...inherited }\n  for (const [component, componentProps] of Object.entries(own))\n    merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n  return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults, theme, portalTarget })\n\n// ————— i18n.\n//\n// Адаптер отдаём вниз ВСЕГДА и фасадом, а не значением. Прежнее\n// `if (props.i18n != null) provide(…)` решало судьбу один раз в `setup`:\n// адаптер, созданный асинхронно (обычная загрузка локали), не приезжал уже\n// никогда, а подмена адаптера при смене языка до детей не доходила.\nconst inheritedI18n = resolveGranularityI18n()\nconst activeI18n = computed(() => props.i18n ?? inheritedI18n)\n\nprovide<GranularityI18nAdapter>(GRANULARITY_I18N_KEY, {\n  t: (key, params) => activeI18n.value?.t(key, params) ?? key,\n  // Геттеры, а не поля: `useGranularityTranslations` спрашивает `if (i18n.te)`,\n  // и всегда определённый метод у адаптера без `te` означал бы «перевода нет»\n  // для каждого ключа.\n  get te() {\n    const adapter = activeI18n.value\n    return adapter?.te ? (key: string) => adapter.te!(key) : undefined\n  },\n  get locale() {\n    return activeI18n.value?.locale\n  },\n  get syncLocale() {\n    const adapter = activeI18n.value\n    return adapter?.syncLocale ? (next: string) => adapter.syncLocale!(next) : undefined\n  },\n})\n\nwatch(\n  () => [props.locale, activeI18n.value] as const,\n  ([locale, adapter]) => {\n    if (!locale || adapter?.locale?.value === locale) return\n    void adapter?.syncLocale?.(locale)\n  },\n  { immediate: true },\n)\n\n// ————— Шкала слоёв. Ставится на `<html>` и живёт в отдельном модуле: владелец\n// шкалы один на документ, а `<script setup>` — это уже область инстанса.\nconst zIndexToken = Symbol('gr-config-z-index')\nlet restoreZIndex: (() => void) | null = null\n\nwatch(\n  () => props.zIndexBase,\n  (base) => {\n    restoreZIndex?.()\n    restoreZIndex = applyGrZIndexBase(zIndexToken, base)\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  restoreZIndex?.()\n  restoreZIndex = null\n})\n\nconst wrapperStyle = { display: 'contents' } as const\n\ndefineSlots<{\n  /** Поддерево, которому адресованы настройки. */\n  default?: () => any\n}>()\n\n</script>\n\n<template>\n  <component\n    :is=\"props.tag\"\n    data-gr-config-provider\n    :data-theme=\"theme\"\n    :style=\"wrapperStyle\"\n  >\n    <slot />\n  </component>\n</template>\n"],"mappings":"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"}

package/dist/components/GrConfirmDialog/chunks/{GrConfirmDialog-CwXNLyzk.js → GrConfirmDialog-B9mIU78E.js}

@@ -1,14 +1,14 @@
 import { i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCz-Wn-V.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-5Y5K87ss.js";
-import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-BhP-xw2P.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-Bw2AH4uX.js";
+import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-bOUDYfmh.js";
+import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-DudGc9LO.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, watch, withCtx } from "vue";
 //#region src/components/GrConfirmDialog/GrConfirmDialog.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "grid gap-4" };
 var _hoisted_2 = {
 	key: 0,
-	class: "text-[length:var(--gr-control-text-md)] text-[var(--gr-muted-fg)]"
+	class: "text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] text-[var(--gr-muted-fg)]"
 };
 var _hoisted_3 = { class: "flex items-center justify-end gap-3" };
 //#endregion

package/dist/components/GrConfirmDialog/chunks/GrConfirmDialog-B9mIU78E.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrConfirmDialog-B9mIU78E.js","names":[],"sources":["../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue","../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\n/** Какое действие получает фокус при открытии окна. */\nexport type GrConfirmDialogFocusAction = 'confirm' | 'cancel' | 'none'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Какое действие получает фокус при открытии. По умолчанию «Отмена»:\n   * подтверждение бывает деструктивным, и `Enter` сразу после открытия не\n   * должен его запускать. `none` оставляет фокус на панели окна.\n   *\n   * Имя не `initialFocus` намеренно: у `GrModal`/`GrDrawer` так называется\n   * проп с элементом, а здесь выбирается действие.\n   */\n  focusAction?: GrConfirmDialogFocusAction\n  /**\n   * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n   * подтверждение (`confirmLoading`). Кнопка закрытия и «Отмена» остаются:\n   * окно без единого выхода — ловушка.\n   */\n  persistent?: boolean\n}\n\nexport interface GrConfirmDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n  focusAction: 'cancel',\n  persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrConfirmDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrConfirmDialogEmits>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.confirm.title', 'Confirm'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nconst confirmButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\nconst cancelButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\n\n// Пока подтверждение в полёте, случайное движение не должно оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && props.confirmLoading)\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\n/**\n * Фокус ставит содержимое после отрисовки, а не проп `initialFocus` у\n * `GrModal`: кнопка рождается внутри поддерева диалога, и возврат её же пропом\n * наверх замыкает рендер в цикл (проверено на `GrPromptDialog`).\n *\n * Молчит, когда фокусировать нечего: со своим слотом `#footer` кнопок с\n * рефами в DOM нет, и фокус остаётся на панели — это корректный исход, а не\n * повод падать.\n */\nfunction focusAction(): void {\n  if (props.focusAction === 'confirm') confirmButtonRef.value?.focus()\n  else if (props.focusAction === 'cancel') cancelButtonRef.value?.focus()\n}\n\n// Источник — не только `modelValue`, но и сами кнопки: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n  [() => props.modelValue, cancelButtonRef, confirmButtonRef],\n  () => {\n    if (!props.modelValue || props.focusAction === 'none') return\n    focusAction()\n  },\n  // `immediate`: окно могут смонтировать уже открытым — смены пропа тогда нет.\n  { immediate: true, flush: 'post' },\n)\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n\ndefineSlots<{\n  /** Содержимое диалога вместо пропа `message`. */\n  default?: () => any\n  /** Разбор ошибки вместо встроенного баннера. */\n  error?: (props: { error: ResponseErrorInfo | null }) => any\n  /** Кнопки диалога вместо пары «отмена и подтверждение». */\n  footer?: () => any\n}>()\n\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"resolvedSize\"\n    :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n    :close-on-esc=\"resolvedCloseOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] text-[var(--gr-muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton ref=\"cancelButtonRef\" data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            ref=\"confirmButtonRef\"\n            data-testid=\"gr-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\n/** Какое действие получает фокус при открытии окна. */\nexport type GrConfirmDialogFocusAction = 'confirm' | 'cancel' | 'none'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Какое действие получает фокус при открытии. По умолчанию «Отмена»:\n   * подтверждение бывает деструктивным, и `Enter` сразу после открытия не\n   * должен его запускать. `none` оставляет фокус на панели окна.\n   *\n   * Имя не `initialFocus` намеренно: у `GrModal`/`GrDrawer` так называется\n   * проп с элементом, а здесь выбирается действие.\n   */\n  focusAction?: GrConfirmDialogFocusAction\n  /**\n   * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n   * подтверждение (`confirmLoading`). Кнопка закрытия и «Отмена» остаются:\n   * окно без единого выхода — ловушка.\n   */\n  persistent?: boolean\n}\n\nexport interface GrConfirmDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n  focusAction: 'cancel',\n  persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrConfirmDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrConfirmDialogEmits>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.confirm.title', 'Confirm'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nconst confirmButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\nconst cancelButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\n\n// Пока подтверждение в полёте, случайное движение не должно оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && props.confirmLoading)\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\n/**\n * Фокус ставит содержимое после отрисовки, а не проп `initialFocus` у\n * `GrModal`: кнопка рождается внутри поддерева диалога, и возврат её же пропом\n * наверх замыкает рендер в цикл (проверено на `GrPromptDialog`).\n *\n * Молчит, когда фокусировать нечего: со своим слотом `#footer` кнопок с\n * рефами в DOM нет, и фокус остаётся на панели — это корректный исход, а не\n * повод падать.\n */\nfunction focusAction(): void {\n  if (props.focusAction === 'confirm') confirmButtonRef.value?.focus()\n  else if (props.focusAction === 'cancel') cancelButtonRef.value?.focus()\n}\n\n// Источник — не только `modelValue`, но и сами кнопки: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n  [() => props.modelValue, cancelButtonRef, confirmButtonRef],\n  () => {\n    if (!props.modelValue || props.focusAction === 'none') return\n    focusAction()\n  },\n  // `immediate`: окно могут смонтировать уже открытым — смены пропа тогда нет.\n  { immediate: true, flush: 'post' },\n)\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n\ndefineSlots<{\n  /** Содержимое диалога вместо пропа `message`. */\n  default?: () => any\n  /** Разбор ошибки вместо встроенного баннера. */\n  error?: (props: { error: ResponseErrorInfo | null }) => any\n  /** Кнопки диалога вместо пары «отмена и подтверждение». */\n  footer?: () => any\n}>()\n\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"resolvedSize\"\n    :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n    :close-on-esc=\"resolvedCloseOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] text-[var(--gr-muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton ref=\"cancelButtonRef\" data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            ref=\"confirmButtonRef\"\n            data-testid=\"gr-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFA,MAAM,QAAQ;EA4Bd,MAAM,eAAe,mBAAmB,mBAAmB,cAAc,MAAM,MAAM,IAAI;EAEzF,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,2BAA2B;EACzC,MAAM,gBAAgB,eAAe,MAAM,SAAS,EAAE,2BAA2B,SAAS,CAAC;EAC3F,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,mBAAmB,OAAO,CAAC;EAC3F,MAAM,sBAAsB,eAAe,MAAM,eAAe,EAAE,qBAAqB,SAAS,CAAC;EACjG,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,oBAAoB,QAAQ,CAAC;EAE7F,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,UAAmB,KAAK,qBAAqB,KAAK;EAC1D,CAAC;EAED,MAAM,mBAAmB,IAA0C,IAAI;EACvE,MAAM,kBAAkB,IAA0C,IAAI;EAGtE,MAAM,mBAAmB,eAAe,MAAM,cAAc,MAAM,cAAc;EAChF,MAAM,0BAA0B,eAAgB,iBAAiB,QAAQ,QAAQ,MAAM,eAAgB;EACvG,MAAM,qBAAqB,eAAgB,iBAAiB,QAAQ,QAAQ,MAAM,UAAW;;;;;;;;;;EAW7F,SAAS,cAAoB;GAC3B,IAAI,MAAM,gBAAgB,WAAW,iBAAiB,OAAO,MAAM;QAC9D,IAAI,MAAM,gBAAgB,UAAU,gBAAgB,OAAO,MAAM;EACxE;EAKA,MACE;SAAO,MAAM;GAAY;GAAiB;EAAgB,SACpD;GACJ,IAAI,CAAC,MAAM,cAAc,MAAM,gBAAgB,QAAQ;GACvD,YAAY;EACd,GAEA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC;EAEA,SAAS,WAAiB;GACxB,KAAK,QAAQ;GACb,KAAK,qBAAqB,KAAK;EACjC;EAEA,SAAS,YAAkB;GACzB,KAAK,SAAS;GACd,IAAI,MAAM,gBACR,KAAK,qBAAqB,KAAK;EACnC;;uBAcE,YA8CW,kBAAA;gBA7CA,KAAA;sEAAI,QAAA;IACZ,OAAO,cAAA;IACP,MAAM,MAAA,YAAA;IACN,qBAAmB,wBAAA;IACnB,gBAAc,mBAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,mBAAA;;IAcH,QAAM,cAmBR,CAlBP,WAkBO,KAAA,QAAA,UAAA,CAAA,SAAA,CAjBL,mBAgBM,OAhBN,YAgBM,CAfJ,YAEW,kBAAA;cAFG;KAAJ,KAAI;KAAkB,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACnF,CAAA,gBAAA,gBAArB,mBAAA,KAAkB,GAAA,CAAA,CAAA,CAAA;;qBAEvB,YAWW,kBAAA;cAVL;KAAJ,KAAI;KACJ,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,SAAS,QAAA;KACT,UAAU,QAAA;KACV,SAAO;;4BAEiB,CAAA,gBAAA,gBAAtB,oBAAA,KAAmB,GAAA,CAAA,CAAA,CAAA;;;;;;;;;2BAlBxB,CAVN,mBAUM,OAVN,YAUM,CATJ,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA,CAHM,QAAA,eAAA,UAAA,GAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,GAIlB,WAEO,KAAA,QAAA,SAAA,EAFa,OAAO,QAAA,MAAK,SAEzB,CADwB,QAAA,SAAA,UAAA,GAA7B,YAA0E,+BAAA;;KAArC,OAAO,QAAA;KAAQ,eAAa"}

package/dist/components/GrConfirmDialog/index.js

@@ -1,3 +1,3 @@
-import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-CwXNLyzk.js";
+import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-B9mIU78E.js";
 import { t as grConfirmDialogConfig } from "../../chunks/config-A-bBiotF.js";
 export { GrConfirmDialog_default as GrConfirmDialog, GrConfirmDialog_default as default, grConfirmDialogConfig };

package/dist/components/GrContextMenu/chunks/{GrContextMenu-BbAJholy.js → GrContextMenu-DDAUvrDK.js}

@@ -1,9 +1,9 @@
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { i as isEditableTarget } from "../../../chunks/keyboard-DE2yhz_b.js";
 import { t as useControlledOpen } from "../../../chunks/useControlledOpen-DV3SqLTP.js";
-import { t as GrPopover_default } from "../../GrPopover/chunks/GrPopover-DDChM1jD.js";
-import { t as useMenuItemsFocus } from "../../../chunks/useMenuItemsFocus-OyOnIAlr.js";
-import { i as isMenuSection, n as GrDropdownMenuEntries_default, r as isMenuAction, t as GrDropdownMenuList_default } from "../../GrDropdownMenu/chunks/GrDropdownMenuList-BGA_xNVo.js";
+import { t as GrPopover_default } from "../../GrPopover/chunks/GrPopover-CofG-Tfe.js";
+import { t as useMenuItemsFocus } from "../../../chunks/useMenuItemsFocus-B6TldmGf.js";
+import { i as isMenuSection, n as GrDropdownMenuEntries_default, r as isMenuAction, t as GrDropdownMenuList_default } from "../../GrDropdownMenu/chunks/GrDropdownMenuList-CT_1TQJo.js";
 import { computed, createCommentVNode, createElementBlock, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, unref, useSlots, watch, withCtx } from "vue";
 //#region src/components/GrContextMenu/contextMenuAnchor.ts
 /** Точка курсора — якорь нулевого размера. */

package/dist/components/GrContextMenu/chunks/GrContextMenu-DDAUvrDK.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrContextMenu-DDAUvrDK.js","names":[],"sources":["../../../../src/components/GrContextMenu/contextMenuAnchor.ts","../../../../src/components/GrContextMenu/GrContextMenu.vue","../../../../src/components/GrContextMenu/GrContextMenu.vue"],"sourcesContent":["import type { GrFloatingAnchorRect } from '../../composables/useFloating'\n\n/** Точка курсора — якорь нулевого размера. */\nexport function anchorFromPointer(event: MouseEvent): GrFloatingAnchorRect {\n  return { x: event.clientX, y: event.clientY }\n}\n\n/**\n * Прямоугольник элемента — якорь клавиатурного вызова.\n *\n * Не угол и не точка: меню, вызванное с клавиатуры, принадлежит **строке**, и\n * при нехватке места снизу обязано перевернуться относительно неё целиком.\n */\nexport function anchorFromElement(element: Element): GrFloatingAnchorRect {\n  const rect = element.getBoundingClientRect()\n\n  return { x: rect.left, y: rect.top, width: rect.width, height: rect.height }\n}\n\n/**\n * `contextmenu` пришёл с клавиатуры, а не от мыши.\n *\n * Браузеры порождают это событие и для `Shift+F10`, но координаты в нём\n * бесполезны: то угол элемента, то нули. Признаков два сразу, потому что по\n * отдельности каждый ошибается — правый клик всегда `button === 2`, а\n * клавиатурный вызов всегда без «числа кликов».\n */\nexport function isKeyboardContextMenu(event: MouseEvent): boolean {\n  return event.button !== 2 && event.detail === 0\n}\n\n/**\n * Пользователь просит нативное меню браузера.\n *\n * `Shift`+правый клик — де-факто escape-hatch, в Firefox задокументированный.\n * `ctrlKey` сюда не входит намеренно: на macOS Ctrl+клик **и есть** правый\n * клик, и меню перестало бы открываться у части пользователей.\n */\nexport function wantsNativeMenu(event: MouseEvent): boolean {\n  return event.shiftKey\n}\n\n/** Клавиатурный запрос контекстного меню: `Shift+F10` или клавиша `ContextMenu`. */\nexport function isContextMenuKey(event: KeyboardEvent): boolean {\n  return event.key === 'ContextMenu' || (event.key === 'F10' && event.shiftKey)\n}\n","<script setup lang=\"ts\">\n/**\n * GrContextMenu — меню по правому клику.\n *\n * Отличие от `GrDropdownMenu` не в содержимом, а в том, откуда меню растёт: у\n * дропдауна есть триггер-элемент, здесь — точка курсора, которой в DOM нет.\n * Поэтому слой берётся у `GrPopover` в якорном режиме, а не собирается заново.\n *\n * A11y: панель — `role=\"menu\"` с доступным именем, пункты приезжают из\n * `GrDropdownMenu` вместе со своими ролями. Меню, открываемое только правым\n * кликом, недоступно с клавиатуры, поэтому обёртка ловит `Shift+F10` и клавишу\n * `ContextMenu` — это условие приёмки, а не удобство.\n */\nimport { computed, nextTick, onBeforeUnmount, ref, useSlots, watch } from 'vue'\n\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { isEditableTarget } from '../../internal/keyboard'\nimport GrDropdownMenuEntries from '../GrDropdownMenu/GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from '../GrDropdownMenu/GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } from '../GrDropdownMenu/menuModel'\nimport { isMenuAction, isMenuSection } from '../GrDropdownMenu/menuModel'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport type { GrFloatingAnchorRect, UseFloatingPlacement } from '../../composables/useFloating'\n\nimport {\n  anchorFromElement,\n  anchorFromPointer,\n  isContextMenuKey,\n  isKeyboardContextMenu,\n  wantsNativeMenu,\n} from './contextMenuAnchor'\n\n/** Чем открывается меню. `manual` — только императивно, из кода потребителя. */\nexport type GrContextMenuTrigger = 'contextmenu' | 'manual'\n\n/** Откуда пришло открытие: указатель, клавиатура или вызов из кода. */\nexport type GrContextMenuSource = 'pointer' | 'keyboard' | 'api'\n\nexport interface GrContextMenuOpenContext {\n  source: GrContextMenuSource\n  /** По чему кликнули или что было в фокусе — отсюда потребитель берёт строку. */\n  target: HTMLElement | null\n  anchor: GrFloatingAnchorRect\n  event: MouseEvent | KeyboardEvent | null\n}\n\nexport interface GrContextMenuProps {\n  /** Декларативное меню. Слот `#content` сильнее. */\n  items?: GrDropdownMenuEntry[]\n  /** Открыто ли меню. Без пропа компонент ведёт состояние сам. */\n  open?: boolean\n  trigger?: GrContextMenuTrigger\n  disabled?: boolean\n  placement?: UseFloatingPlacement\n  /** Зазор от якоря. Ноль по умолчанию: меню липнет к курсору. */\n  offsetPx?: number\n  /** Меню из коротких слов не должно быть шириной в слово. */\n  minWidth?: number | string\n  ariaLabel?: string\n  labelledBy?: string\n  teleportTo?: string | HTMLElement\n  contentClass?: string\n  listClass?: string\n  dividers?: boolean\n  /**\n   * Закрывать при прокрутке страницы. Якорь — точка вьюпорта, и панель осталась\n   * бы висеть на экране, пока контент под ней уезжает. Так же ведут себя\n   * нативные меню.\n   */\n  closeOnScroll?: boolean\n  /** Пропускать `Shift`+правый клик к браузеру. */\n  allowNativeMenu?: boolean\n}\n\nexport interface GrContextMenuEmits {\n  (e: 'update:open', value: boolean): void\n  /**\n   * Меню собирается открыться у этой цели. Приходит **до** открытия, чтобы\n   * потребитель успел пересобрать `items` под неё: пункты для папки и для файла\n   * разные, а узнать цель иначе неоткуда. Пустая модель после этого просто не\n   * откроется — отдельный способ отменить открытие не нужен.\n   */\n  (e: 'beforeOpen', context: GrContextMenuOpenContext): void\n  (e: 'select', item: GrDropdownMenuAction): void\n}\n\nconst props = withDefaults(defineProps<GrContextMenuProps>(), {\n  items: undefined,\n  open: undefined,\n  trigger: 'contextmenu',\n  disabled: false,\n  placement: 'bottom-start',\n  offsetPx: 0,\n  minWidth: '11rem',\n  ariaLabel: undefined,\n  labelledBy: undefined,\n  teleportTo: undefined,\n  contentClass: undefined,\n  listClass: undefined,\n  dividers: false,\n  closeOnScroll: true,\n  allowNativeMenu: true,\n})\n\nconst emit = defineEmits<GrContextMenuEmits>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst areaEl = ref<HTMLElement | null>(null)\nconst listRef = ref<{ $el?: HTMLElement } | null>(null)\nconst anchor = ref<GrFloatingAnchorRect | null>(null)\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.contextMenu.label', 'Context menu'))\n\nconst listStyle = computed(() => ({\n  minWidth: typeof props.minWidth === 'number' ? `${props.minWidth}px` : props.minWidth,\n}))\n\n/**\n * Меню без единого действия не открывается: фокусировать в нём нечего, и оно\n * становится ловушкой, из которой есть только Esc.\n */\nconst isEmpty = computed(() => {\n  if (slots.content)\n    return false\n\n  return (props.items ?? []).every(entry => !isMenuAction(entry)\n    && (!isMenuSection(entry) || entry.items.length === 0))\n})\n\nconst menu = useMenuItemsFocus({\n  container: () => listRef.value?.$el ?? null,\n  close: () => close(),\n})\n\nfunction panelOf(): HTMLElement | null {\n  return listRef.value?.$el?.closest('[data-gr-popover-panel]') ?? null\n}\n\nfunction isInsidePanel(target: EventTarget | null): boolean {\n  return target instanceof Node && (panelOf()?.contains(target) ?? false)\n}\n\nasync function openWith(context: GrContextMenuOpenContext): Promise<void> {\n  if (props.disabled)\n    return\n\n  anchor.value = context.anchor\n  emit('beforeOpen', context)\n\n  // Тик между уведомлением и открытием — не перестраховка: `items` доезжают сюда\n  // пропом, то есть следующим рендером родителя. Без ожидания меню под узел\n  // дерева открылось бы с пунктами от предыдущей цели.\n  await nextTick()\n\n  if (isEmpty.value)\n    return\n\n  setOpen(true)\n\n  await nextTick()\n  menu.focusAt(0)\n}\n\n/** Открыть у точки курсора или у произвольного прямоугольника вьюпорта. */\nfunction openAt(at: MouseEvent | GrFloatingAnchorRect): void {\n  const fromPointer = at instanceof MouseEvent\n\n  void openWith({\n    source: fromPointer ? 'pointer' : 'api',\n    target: fromPointer ? (at.target as HTMLElement | null) : null,\n    anchor: fromPointer ? anchorFromPointer(at) : at,\n    event: fromPointer ? at : null,\n  })\n}\n\n/** Открыть у прямоугольника элемента — клавиатурный путь для внешних композитов. */\nfunction openAtElement(element: Element): void {\n  void openWith({\n    source: 'api',\n    target: element instanceof HTMLElement ? element : null,\n    anchor: anchorFromElement(element),\n    event: null,\n  })\n}\n\nfunction open(): void {\n  if (anchor.value)\n    void openWith({ source: 'api', target: null, anchor: anchor.value, event: null })\n  else if (areaEl.value)\n    openAtElement(areaEl.value)\n}\n\nfunction close(): void {\n  setOpen(false)\n  menu.reset()\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\n}\n\nfunction onSelect(item: GrDropdownMenuAction): void {\n  emit('select', item)\n}\n\nfunction onAreaContextMenu(event: MouseEvent): void {\n  if (props.trigger !== 'contextmenu' || props.disabled)\n    return\n\n  if (props.allowNativeMenu && wantsNativeMenu(event))\n    return\n\n  event.preventDefault()\n  // Вложенные области: побеждает ближайшая к цели, как в нативных приложениях.\n  event.stopPropagation()\n\n  if (isKeyboardContextMenu(event)) {\n    const target = (document.activeElement as HTMLElement | null) ?? areaEl.value\n    if (target) openAtElement(target)\n    return\n  }\n\n  openAt(event)\n}\n\n/**\n * `trigger` здесь намеренно не проверяется: `manual` отключает открытие\n * указателем, а клавиатурный путь оставить обязан — иначе меню недоступно с\n * клавиатуры в принципе, и потребителю пришлось бы писать этот обработчик\n * заново на каждой странице.\n */\nfunction onAreaKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  if (!isContextMenuKey(event))\n    return\n\n  // В поле ввода нативное меню (орфография, буфер) полезнее нашего.\n  if (isEditableTarget(event.target))\n    return\n\n  // Отмена keydown гасит `contextmenu`, который браузер породил бы следом:\n  // без неё меню открылось бы дважды и второй раз — по координатам, а не по\n  // прямоугольнику строки.\n  event.preventDefault()\n\n  const target = (document.activeElement as HTMLElement | null) ?? areaEl.value\n  if (!target)\n    return\n\n  void openWith({\n    source: 'keyboard',\n    target,\n    anchor: anchorFromElement(target),\n    event,\n  })\n}\n\n/**\n * Правый клик мимо меню его не закрывает: `v-click-outside` отбрасывает всё,\n * что не левая кнопка, а `contextmenu` вообще не порождает `click`. Ослаблять\n * директиву нельзя — гард бережёт дропдауны, — поэтому слушаем сами.\n */\nfunction onDocumentContextMenu(event: MouseEvent): void {\n  if (isInsidePanel(event.target)) {\n    event.preventDefault()\n    return\n  }\n\n  // Внутри своей области меню не закрываем: обработчик области перенесёт его к\n  // новой точке, а закрытие с последующим открытием мигало бы панелью.\n  if (event.target instanceof Node && areaEl.value?.contains(event.target))\n    return\n\n  close()\n}\n\nfunction onDocumentScroll(event: Event): void {\n  if (isInsidePanel(event.target))\n    return\n\n  close()\n}\n\nlet scrollFrame: number | undefined\n\nfunction stopListening(): void {\n  if (scrollFrame !== undefined) {\n    cancelAnimationFrame(scrollFrame)\n    scrollFrame = undefined\n  }\n\n  window.removeEventListener('contextmenu', onDocumentContextMenu, true)\n  window.removeEventListener('scroll', onDocumentScroll, true)\n}\n\nwatch(isOpen, (next) => {\n  if (typeof window === 'undefined')\n    return\n\n  if (!next) {\n    stopListening()\n    return\n  }\n\n  window.addEventListener('contextmenu', onDocumentContextMenu, true)\n\n  // Слушатель прокрутки — со следующего кадра: само открытие прокручивает\n  // страницу (браузер подтягивает в вид то, по чему кликнули и что получило\n  // фокус), и меню закрывало бы само себя ровно в момент появления.\n  if (props.closeOnScroll) {\n    scrollFrame = requestAnimationFrame(() => {\n      scrollFrame = undefined\n      window.addEventListener('scroll', onDocumentScroll, { capture: true, passive: true })\n    })\n  }\n})\n\nonBeforeUnmount(() => {\n  if (typeof window === 'undefined')\n    return\n\n  stopListening()\n})\n\ndefineExpose({ openAt, openAtElement, open, close, toggle })\n\ndefineSlots<{\n  /** Область, по которой вызывается меню. */\n  default?: (props: { open: boolean }) => any\n  /** Содержимое меню. */\n  content?: (props: { close: () => void }) => any\n}>()\n\n</script>\n\n<template>\n  <div data-gr-context-menu>\n    <div\n      v-if=\"slots.default\"\n      ref=\"areaEl\"\n      data-gr-context-menu-area\n      @contextmenu=\"onAreaContextMenu\"\n      @keydown=\"onAreaKeydown\"\n    >\n      <slot :open=\"isOpen\" />\n    </div>\n\n    <GrPopover\n      :open=\"isOpen\"\n      :anchor=\"anchor\"\n      :placement=\"placement\"\n      :offset-px=\"offsetPx\"\n      :teleport-to=\"teleportTo\"\n      :content-class=\"contentClass\"\n      :aria-label=\"labelledBy ? undefined : resolvedAriaLabel\"\n      :labelled-by=\"labelledBy\"\n      role=\"menu\"\n      trigger=\"manual\"\n      padding=\"none\"\n      close-on-content-click\n      :auto-focus=\"false\"\n      @update:open=\"setOpen($event)\"\n    >\n      <template #content=\"{ close: closePanel }\">\n        <GrDropdownMenuList\n          ref=\"listRef\"\n          class=\"p-1\"\n          :style=\"listStyle\"\n          :dividers=\"dividers\"\n          :class=\"listClass\"\n          @keydown=\"menu.onKeydown\"\n        >\n          <slot name=\"content\" :close=\"closePanel\">\n            <GrDropdownMenuEntries :items=\"items\" @select=\"onSelect\" />\n          </slot>\n        </GrDropdownMenuList>\n      </template>\n    </GrPopover>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrContextMenu — меню по правому клику.\n *\n * Отличие от `GrDropdownMenu` не в содержимом, а в том, откуда меню растёт: у\n * дропдауна есть триггер-элемент, здесь — точка курсора, которой в DOM нет.\n * Поэтому слой берётся у `GrPopover` в якорном режиме, а не собирается заново.\n *\n * A11y: панель — `role=\"menu\"` с доступным именем, пункты приезжают из\n * `GrDropdownMenu` вместе со своими ролями. Меню, открываемое только правым\n * кликом, недоступно с клавиатуры, поэтому обёртка ловит `Shift+F10` и клавишу\n * `ContextMenu` — это условие приёмки, а не удобство.\n */\nimport { computed, nextTick, onBeforeUnmount, ref, useSlots, watch } from 'vue'\n\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { isEditableTarget } from '../../internal/keyboard'\nimport GrDropdownMenuEntries from '../GrDropdownMenu/GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from '../GrDropdownMenu/GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } from '../GrDropdownMenu/menuModel'\nimport { isMenuAction, isMenuSection } from '../GrDropdownMenu/menuModel'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport type { GrFloatingAnchorRect, UseFloatingPlacement } from '../../composables/useFloating'\n\nimport {\n  anchorFromElement,\n  anchorFromPointer,\n  isContextMenuKey,\n  isKeyboardContextMenu,\n  wantsNativeMenu,\n} from './contextMenuAnchor'\n\n/** Чем открывается меню. `manual` — только императивно, из кода потребителя. */\nexport type GrContextMenuTrigger = 'contextmenu' | 'manual'\n\n/** Откуда пришло открытие: указатель, клавиатура или вызов из кода. */\nexport type GrContextMenuSource = 'pointer' | 'keyboard' | 'api'\n\nexport interface GrContextMenuOpenContext {\n  source: GrContextMenuSource\n  /** По чему кликнули или что было в фокусе — отсюда потребитель берёт строку. */\n  target: HTMLElement | null\n  anchor: GrFloatingAnchorRect\n  event: MouseEvent | KeyboardEvent | null\n}\n\nexport interface GrContextMenuProps {\n  /** Декларативное меню. Слот `#content` сильнее. */\n  items?: GrDropdownMenuEntry[]\n  /** Открыто ли меню. Без пропа компонент ведёт состояние сам. */\n  open?: boolean\n  trigger?: GrContextMenuTrigger\n  disabled?: boolean\n  placement?: UseFloatingPlacement\n  /** Зазор от якоря. Ноль по умолчанию: меню липнет к курсору. */\n  offsetPx?: number\n  /** Меню из коротких слов не должно быть шириной в слово. */\n  minWidth?: number | string\n  ariaLabel?: string\n  labelledBy?: string\n  teleportTo?: string | HTMLElement\n  contentClass?: string\n  listClass?: string\n  dividers?: boolean\n  /**\n   * Закрывать при прокрутке страницы. Якорь — точка вьюпорта, и панель осталась\n   * бы висеть на экране, пока контент под ней уезжает. Так же ведут себя\n   * нативные меню.\n   */\n  closeOnScroll?: boolean\n  /** Пропускать `Shift`+правый клик к браузеру. */\n  allowNativeMenu?: boolean\n}\n\nexport interface GrContextMenuEmits {\n  (e: 'update:open', value: boolean): void\n  /**\n   * Меню собирается открыться у этой цели. Приходит **до** открытия, чтобы\n   * потребитель успел пересобрать `items` под неё: пункты для папки и для файла\n   * разные, а узнать цель иначе неоткуда. Пустая модель после этого просто не\n   * откроется — отдельный способ отменить открытие не нужен.\n   */\n  (e: 'beforeOpen', context: GrContextMenuOpenContext): void\n  (e: 'select', item: GrDropdownMenuAction): void\n}\n\nconst props = withDefaults(defineProps<GrContextMenuProps>(), {\n  items: undefined,\n  open: undefined,\n  trigger: 'contextmenu',\n  disabled: false,\n  placement: 'bottom-start',\n  offsetPx: 0,\n  minWidth: '11rem',\n  ariaLabel: undefined,\n  labelledBy: undefined,\n  teleportTo: undefined,\n  contentClass: undefined,\n  listClass: undefined,\n  dividers: false,\n  closeOnScroll: true,\n  allowNativeMenu: true,\n})\n\nconst emit = defineEmits<GrContextMenuEmits>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst areaEl = ref<HTMLElement | null>(null)\nconst listRef = ref<{ $el?: HTMLElement } | null>(null)\nconst anchor = ref<GrFloatingAnchorRect | null>(null)\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.contextMenu.label', 'Context menu'))\n\nconst listStyle = computed(() => ({\n  minWidth: typeof props.minWidth === 'number' ? `${props.minWidth}px` : props.minWidth,\n}))\n\n/**\n * Меню без единого действия не открывается: фокусировать в нём нечего, и оно\n * становится ловушкой, из которой есть только Esc.\n */\nconst isEmpty = computed(() => {\n  if (slots.content)\n    return false\n\n  return (props.items ?? []).every(entry => !isMenuAction(entry)\n    && (!isMenuSection(entry) || entry.items.length === 0))\n})\n\nconst menu = useMenuItemsFocus({\n  container: () => listRef.value?.$el ?? null,\n  close: () => close(),\n})\n\nfunction panelOf(): HTMLElement | null {\n  return listRef.value?.$el?.closest('[data-gr-popover-panel]') ?? null\n}\n\nfunction isInsidePanel(target: EventTarget | null): boolean {\n  return target instanceof Node && (panelOf()?.contains(target) ?? false)\n}\n\nasync function openWith(context: GrContextMenuOpenContext): Promise<void> {\n  if (props.disabled)\n    return\n\n  anchor.value = context.anchor\n  emit('beforeOpen', context)\n\n  // Тик между уведомлением и открытием — не перестраховка: `items` доезжают сюда\n  // пропом, то есть следующим рендером родителя. Без ожидания меню под узел\n  // дерева открылось бы с пунктами от предыдущей цели.\n  await nextTick()\n\n  if (isEmpty.value)\n    return\n\n  setOpen(true)\n\n  await nextTick()\n  menu.focusAt(0)\n}\n\n/** Открыть у точки курсора или у произвольного прямоугольника вьюпорта. */\nfunction openAt(at: MouseEvent | GrFloatingAnchorRect): void {\n  const fromPointer = at instanceof MouseEvent\n\n  void openWith({\n    source: fromPointer ? 'pointer' : 'api',\n    target: fromPointer ? (at.target as HTMLElement | null) : null,\n    anchor: fromPointer ? anchorFromPointer(at) : at,\n    event: fromPointer ? at : null,\n  })\n}\n\n/** Открыть у прямоугольника элемента — клавиатурный путь для внешних композитов. */\nfunction openAtElement(element: Element): void {\n  void openWith({\n    source: 'api',\n    target: element instanceof HTMLElement ? element : null,\n    anchor: anchorFromElement(element),\n    event: null,\n  })\n}\n\nfunction open(): void {\n  if (anchor.value)\n    void openWith({ source: 'api', target: null, anchor: anchor.value, event: null })\n  else if (areaEl.value)\n    openAtElement(areaEl.value)\n}\n\nfunction close(): void {\n  setOpen(false)\n  menu.reset()\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\n}\n\nfunction onSelect(item: GrDropdownMenuAction): void {\n  emit('select', item)\n}\n\nfunction onAreaContextMenu(event: MouseEvent): void {\n  if (props.trigger !== 'contextmenu' || props.disabled)\n    return\n\n  if (props.allowNativeMenu && wantsNativeMenu(event))\n    return\n\n  event.preventDefault()\n  // Вложенные области: побеждает ближайшая к цели, как в нативных приложениях.\n  event.stopPropagation()\n\n  if (isKeyboardContextMenu(event)) {\n    const target = (document.activeElement as HTMLElement | null) ?? areaEl.value\n    if (target) openAtElement(target)\n    return\n  }\n\n  openAt(event)\n}\n\n/**\n * `trigger` здесь намеренно не проверяется: `manual` отключает открытие\n * указателем, а клавиатурный путь оставить обязан — иначе меню недоступно с\n * клавиатуры в принципе, и потребителю пришлось бы писать этот обработчик\n * заново на каждой странице.\n */\nfunction onAreaKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  if (!isContextMenuKey(event))\n    return\n\n  // В поле ввода нативное меню (орфография, буфер) полезнее нашего.\n  if (isEditableTarget(event.target))\n    return\n\n  // Отмена keydown гасит `contextmenu`, который браузер породил бы следом:\n  // без неё меню открылось бы дважды и второй раз — по координатам, а не по\n  // прямоугольнику строки.\n  event.preventDefault()\n\n  const target = (document.activeElement as HTMLElement | null) ?? areaEl.value\n  if (!target)\n    return\n\n  void openWith({\n    source: 'keyboard',\n    target,\n    anchor: anchorFromElement(target),\n    event,\n  })\n}\n\n/**\n * Правый клик мимо меню его не закрывает: `v-click-outside` отбрасывает всё,\n * что не левая кнопка, а `contextmenu` вообще не порождает `click`. Ослаблять\n * директиву нельзя — гард бережёт дропдауны, — поэтому слушаем сами.\n */\nfunction onDocumentContextMenu(event: MouseEvent): void {\n  if (isInsidePanel(event.target)) {\n    event.preventDefault()\n    return\n  }\n\n  // Внутри своей области меню не закрываем: обработчик области перенесёт его к\n  // новой точке, а закрытие с последующим открытием мигало бы панелью.\n  if (event.target instanceof Node && areaEl.value?.contains(event.target))\n    return\n\n  close()\n}\n\nfunction onDocumentScroll(event: Event): void {\n  if (isInsidePanel(event.target))\n    return\n\n  close()\n}\n\nlet scrollFrame: number | undefined\n\nfunction stopListening(): void {\n  if (scrollFrame !== undefined) {\n    cancelAnimationFrame(scrollFrame)\n    scrollFrame = undefined\n  }\n\n  window.removeEventListener('contextmenu', onDocumentContextMenu, true)\n  window.removeEventListener('scroll', onDocumentScroll, true)\n}\n\nwatch(isOpen, (next) => {\n  if (typeof window === 'undefined')\n    return\n\n  if (!next) {\n    stopListening()\n    return\n  }\n\n  window.addEventListener('contextmenu', onDocumentContextMenu, true)\n\n  // Слушатель прокрутки — со следующего кадра: само открытие прокручивает\n  // страницу (браузер подтягивает в вид то, по чему кликнули и что получило\n  // фокус), и меню закрывало бы само себя ровно в момент появления.\n  if (props.closeOnScroll) {\n    scrollFrame = requestAnimationFrame(() => {\n      scrollFrame = undefined\n      window.addEventListener('scroll', onDocumentScroll, { capture: true, passive: true })\n    })\n  }\n})\n\nonBeforeUnmount(() => {\n  if (typeof window === 'undefined')\n    return\n\n  stopListening()\n})\n\ndefineExpose({ openAt, openAtElement, open, close, toggle })\n\ndefineSlots<{\n  /** Область, по которой вызывается меню. */\n  default?: (props: { open: boolean }) => any\n  /** Содержимое меню. */\n  content?: (props: { close: () => void }) => any\n}>()\n\n</script>\n\n<template>\n  <div data-gr-context-menu>\n    <div\n      v-if=\"slots.default\"\n      ref=\"areaEl\"\n      data-gr-context-menu-area\n      @contextmenu=\"onAreaContextMenu\"\n      @keydown=\"onAreaKeydown\"\n    >\n      <slot :open=\"isOpen\" />\n    </div>\n\n    <GrPopover\n      :open=\"isOpen\"\n      :anchor=\"anchor\"\n      :placement=\"placement\"\n      :offset-px=\"offsetPx\"\n      :teleport-to=\"teleportTo\"\n      :content-class=\"contentClass\"\n      :aria-label=\"labelledBy ? undefined : resolvedAriaLabel\"\n      :labelled-by=\"labelledBy\"\n      role=\"menu\"\n      trigger=\"manual\"\n      padding=\"none\"\n      close-on-content-click\n      :auto-focus=\"false\"\n      @update:open=\"setOpen($event)\"\n    >\n      <template #content=\"{ close: closePanel }\">\n        <GrDropdownMenuList\n          ref=\"listRef\"\n          class=\"p-1\"\n          :style=\"listStyle\"\n          :dividers=\"dividers\"\n          :class=\"listClass\"\n          @keydown=\"menu.onKeydown\"\n        >\n          <slot name=\"content\" :close=\"closePanel\">\n            <GrDropdownMenuEntries :items=\"items\" @select=\"onSelect\" />\n          </slot>\n        </GrDropdownMenuList>\n      </template>\n    </GrPopover>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrContextMenu/index.js

@@ -1,3 +1,3 @@
-import { t as GrContextMenu_default } from "./chunks/GrContextMenu-BbAJholy.js";
+import { t as GrContextMenu_default } from "./chunks/GrContextMenu-DDAUvrDK.js";
 import { t as grContextMenuConfig } from "../../chunks/config-CPSxM7XE.js";
 export { GrContextMenu_default as GrContextMenu, GrContextMenu_default as default, grContextMenuConfig };

package/dist/components/GrDataTable/chunks/{GrDataTable-NRbrXpdx.js → GrDataTable-DU00V44y.js}

@@ -1,15 +1,15 @@
 import { a as useGrComponentSize } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-bQwtZtYT.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Bn1XEriL.js";
 import { useVirtualList } from "../../../composables/useVirtualList.js";
-import { t as GrCheckbox_default } from "../../GrCheckbox/chunks/GrCheckbox-CEcHIsXM.js";
 import { useRovingFocus } from "../../../composables/useRovingFocus.js";
+import { t as GrCheckbox_default } from "../../GrCheckbox/chunks/GrCheckbox-CEcHIsXM.js";
 import { useAnnouncer } from "../../../composables/useAnnouncer.js";
 import { useDragGesture } from "../../../composables/useDragGesture.js";
-import { t as GrTable_default } from "../../GrTable/chunks/GrTable-f3qCWa99.js";
+import { t as GrTable_default } from "../../GrTable/chunks/GrTable-Zcdz2St_.js";
 import { n as insertionIndex, r as moveItem, t as useDragSort } from "../../../chunks/useDragSort-0l47h4yb.js";
-import { C as sortIconSizes, S as selectColumnWidths, T as summaryRowClass, _ as headerTextSizes, a as columnDropAfterClass, b as rowSelectedClass, c as columnHandleClass, d as columnPinnedRightEdgeClass, f as columnResizerClass, g as headerGaps, h as columnResizerLineClass, i as columnDraggingClass, l as columnPinnedClass, m as columnResizerLineActiveClass, o as columnDropBeforeClass, p as columnResizerHoverClass, r as cellPaddings, s as columnHandleActiveClass, u as columnPinnedLeftEdgeClass, v as placeholderPaddings, w as spinnerSizes, x as selectCheckboxSizes, y as rowHeightEstimates } from "../../../chunks/config-BC8d_smz.js";
+import { C as sortIconSizes, S as selectColumnWidths, T as summaryRowClass, _ as headerTextSizes, a as columnDropAfterClass, b as rowSelectedClass, c as columnHandleClass, d as columnPinnedRightEdgeClass, f as columnResizerClass, g as headerGaps, h as columnResizerLineClass, i as columnDraggingClass, l as columnPinnedClass, m as columnResizerLineActiveClass, o as columnDropBeforeClass, p as columnResizerHoverClass, r as cellPaddings, s as columnHandleActiveClass, u as columnPinnedLeftEdgeClass, v as placeholderPaddings, w as spinnerSizes, x as selectCheckboxSizes, y as rowHeightEstimates } from "../../../chunks/config-DeyT9dJl.js";
 import { t as arrow_up_default } from "../../../chunks/arrow-up-C_G4jg8M.js";
 import { t as grip_vertical_default } from "../../../chunks/grip-vertical-lRha2S7q.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, markRaw, mergeProps, nextTick, normalizeClass, normalizeStyle, onMounted, onUnmounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, watch, withCtx, withModifiers } from "vue";
@@ -870,6 +870,16 @@ var GrDataTable_default = /* @__PURE__ */ defineComponent({
 			/** Отметить/снять все выбираемые строки. */
 			toggleAll
 		});
+		/**
+		* Три семейства слотов по ключу колонки — `#cell-<key>` (`{ row, index }`),
+		* `#header-<key>` (`{ column }`) и `#summary-<key>` (`{ value, column }`) —
+		* попадают под общую индексную сигнатуру, а не под шаблонные.
+		*
+		* Шаблонные (`` `cell-${string}` ``) сужали бы тип слотов строже
+		* `InternalSlots`, и дженерик-компонент переставал приниматься `h()`: ломался
+		* бы рендер-функцией, оставаясь рабочим в шаблоне. Цена — пропсы этих трёх
+		* семейств не типизированы; они описаны здесь и на странице компонента.
+		*/
 		return (_ctx, _cache) => {
 			return openBlock(), createBlock(GrTable_default, mergeProps(tableProps.value, {
 				ref_key: "tableRef",