@feugene/granularity 0.29.0 → 0.30.0

package/dist/components/GrCollapse/chunks/{GrCollapse-CytiA2Sx.js.map → GrCollapse-BlW6ybdL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrCollapse-CytiA2Sx.js","names":["$slots"],"sources":["../../../../src/components/GrCollapse/grCollapseContext.ts","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrCollapseValue = string | number\n\nexport type GrCollapseModelValue = GrCollapseValue | GrCollapseValue[] | undefined\n\n/**\n * Уровень заголовка секции. APG для accordion требует, чтобы он соответствовал\n * структуре страницы: аккордеон в разделе `<h4>` с захардкоженным `<h3>` рвёт\n * навигацию по заголовкам.\n */\nexport const GR_COLLAPSE_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrCollapseHeadingLevel = typeof GR_COLLAPSE_HEADING_LEVELS[number]\n\n/** Сторона шеврона относительно заголовка — логическая, не физическая (RTL). */\nexport const GR_COLLAPSE_ICON_POSITIONS = ['start', 'end'] as const\n\nexport type GrCollapseIconPosition = typeof GR_COLLAPSE_ICON_POSITIONS[number]\n\n/**\n * Async-guard на переключение секции: `false` отменяет его. Второй аргумент —\n * куда идёт секция (`true` — раскрывается), чтобы «сохранить изменения?»\n * спрашивалось только на сворачивании.\n */\nexport type GrCollapseBeforeChange = (\n  name: GrCollapseValue,\n  expanding: boolean,\n) => boolean | void | Promise<boolean | void>\n\nexport type GrCollapseContext = {\n  accordion: ComputedRef<boolean>\n  disabled: ComputedRef<boolean>\n  size: ComputedRef<GrComponentSize>\n  headingLevel: ComputedRef<GrCollapseHeadingLevel>\n  expandIconPosition: ComputedRef<GrCollapseIconPosition>\n  isActive: (name: GrCollapseValue) => boolean\n  toggle: (name: GrCollapseValue) => void\n}\n\nexport const GR_COLLAPSE_CONTEXT: InjectionKey<GrCollapseContext> = Symbol('GR_COLLAPSE_CONTEXT')\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined) return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction applyToggle(name: GrCollapseValue): void {\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined) return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction applyToggle(name: GrCollapseValue): void {\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst uid = useId()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n\ndefineSlots<{\n  /** Содержимое секции. */\n  default?: () => any\n  /** Заголовок секции вместо пропа `title`. */\n  title?: () => any\n  /** Иконка-указатель вместо шеврона. */\n  icon?: () => any\n  /** Управление справа в заголовке: счётчик, переключатель, кнопка. */\n  extra?: () => any\n}>()\n\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst uid = useId()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n\ndefineSlots<{\n  /** Содержимое секции. */\n  default?: () => any\n  /** Заголовок секции вместо пропа `title`. */\n  title?: () => any\n  /** Иконка-указатель вместо шеврона. */\n  icon?: () => any\n  /** Управление справа в заголовке: счётчик, переключатель, кнопка. */\n  extra?: () => any\n}>()\n\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrCollapse-BlW6ybdL.js","names":["$slots"],"sources":["../../../../src/components/GrCollapse/grCollapseContext.ts","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrCollapseValue = string | number\n\nexport type GrCollapseModelValue = GrCollapseValue | GrCollapseValue[] | undefined\n\n/**\n * Уровень заголовка секции. APG для accordion требует, чтобы он соответствовал\n * структуре страницы: аккордеон в разделе `<h4>` с захардкоженным `<h3>` рвёт\n * навигацию по заголовкам.\n */\nexport const GR_COLLAPSE_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrCollapseHeadingLevel = typeof GR_COLLAPSE_HEADING_LEVELS[number]\n\n/** Сторона шеврона относительно заголовка — логическая, не физическая (RTL). */\nexport const GR_COLLAPSE_ICON_POSITIONS = ['start', 'end'] as const\n\nexport type GrCollapseIconPosition = typeof GR_COLLAPSE_ICON_POSITIONS[number]\n\n/**\n * Async-guard на переключение секции: `false` отменяет его. Второй аргумент —\n * куда идёт секция (`true` — раскрывается), чтобы «сохранить изменения?»\n * спрашивалось только на сворачивании.\n */\nexport type GrCollapseBeforeChange = (\n  name: GrCollapseValue,\n  expanding: boolean,\n) => boolean | void | Promise<boolean | void>\n\nexport type GrCollapseContext = {\n  accordion: ComputedRef<boolean>\n  disabled: ComputedRef<boolean>\n  size: ComputedRef<GrComponentSize>\n  headingLevel: ComputedRef<GrCollapseHeadingLevel>\n  expandIconPosition: ComputedRef<GrCollapseIconPosition>\n  isActive: (name: GrCollapseValue) => boolean\n  toggle: (name: GrCollapseValue) => void\n}\n\nexport const GR_COLLAPSE_CONTEXT: InjectionKey<GrCollapseContext> = Symbol('GR_COLLAPSE_CONTEXT')\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined) return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction applyToggle(name: GrCollapseValue): void {\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined) return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction applyToggle(name: GrCollapseValue): void {\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst uid = useId()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n\ndefineSlots<{\n  /** Содержимое секции. */\n  default?: () => any\n  /** Заголовок секции вместо пропа `title`. */\n  title?: () => any\n  /** Иконка-указатель вместо шеврона. */\n  icon?: () => any\n  /** Управление справа в заголовке: счётчик, переключатель, кнопка. */\n  extra?: () => any\n}>()\n\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst uid = useId()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n\ndefineSlots<{\n  /** Содержимое секции. */\n  default?: () => any\n  /** Заголовок секции вместо пропа `title`. */\n  title?: () => any\n  /** Иконка-указатель вместо шеврона. */\n  icon?: () => any\n  /** Управление справа в заголовке: счётчик, переключатель, кнопка. */\n  extra?: () => any\n}>()\n\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n           \n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;AA0CA,IAAa,sBAAuD,OAAO,qBAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECuBhG,MAAM,QAAQ;EAcd,MAAM,OAAO;EASb,MAAM,QAAQ,SAAS;EACvB,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,aAAa,CAAC;EACrF,MAAM,UAAU,mBAAmB,cAAc,iBAAiB,MAAM,SAAS,IAAI;EACrF,MAAM,aAAa,mBAAmB,cAAc,oBAAoB,MAAM,YAAY,KAAK;EAC/F,MAAM,eAAe,mBAAmB,cAAc,sBAAsB,MAAM,cAAc,CAAC;EACjG,MAAM,qBAAqB,mBAAmB,cAAc,4BAA4B,MAAM,oBAAoB,KAAK;EAEvH,MAAM,oBAAoB,eAAe,MAAM,aAAa,EAAE,qBAAqB,kBAAkB,CAAC;;;;;;EAOtG,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,UAAU,KAAA,GAAW,OAAO,MAAM;GAE5C,OAAO,CAAC,yBAAyB,MAAM,UAAU,KAAK,CAAC,CAAC;EAC1D,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,MAAM,QAAQ,MAAM;GAEpB,IAAI,MAAM,WAAW;IACnB,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,uBAAO,IAAI,IAAqB,CAAC,KAAK,CAAC;IAGzC,uBAAO,IAAI,IAAqB;GAClC;GAEA,IAAI,MAAM,QAAQ,KAAK,GACrB,OAAO,IAAI,IAAqB,KAAK;GAGvC,IAAI,OAAO,UAAU,YAAY,OAAO,UAAU,UAChD,uBAAO,IAAI,IAAqB,CAAC,KAAK,CAAC;GAGzC,uBAAO,IAAI,IAAqB;EAClC,CAAC;EAED,SAAS,cAAc,MAAkC;GACvD,KAAK,qBAAqB,IAAI;GAC9B,KAAK,UAAU,IAAI;EACrB;EAEA,SAAS,YAAY,MAA6B;GAChD,IAAI,MAAM,WAAW;IAEnB,cADa,UAAU,MAAM,IAAI,IAAI,IAAI,KAAA,IAAY,IACnC;IAClB;GACF;GAEA,MAAM,UAAU,MAAM,QAAQ,MAAM,UAAU,IAC1C,CAAC,GAAG,MAAM,UAAU,IACpB,OAAO,MAAM,eAAe,YAAY,OAAO,MAAM,eAAe,WAClE,CAAC,MAAM,UAAU,IACjB,CAAC;GAOP,cALe,QAAQ,SAAS,IACnB,IACT,QAAQ,QAAO,MAAK,MAAM,IAAI,IAC9B,CAAC,GAAG,SAAS,IAAI,CAEH;EACpB;EAKA,MAAM,gCAAgB,IAAI,IAAqB;EAE/C,eAAe,OAAO,MAAsC;GAC1D,IAAI,MAAM,YAAY,cAAc,IAAI,IAAI,GAC1C;GAEF,IAAI,CAAC,MAAM,cAAc;IACvB,YAAY,IAAI;IAChB;GACF;GAEA,cAAc,IAAI,IAAI;GACtB,IAAI;IACF,IAAI,MAAM,MAAM,aAAa,MAAM,CAAC,UAAU,MAAM,IAAI,IAAI,CAAC,MAAM,OACjE;IAEF,YAAY,IAAI;GAClB,UACQ;IACN,cAAc,OAAO,IAAI;GAC3B;EACF;EAYA,QAAQ,qBAAqB;GAT3B,WAAW,eAAe,MAAM,SAAS;GACzC,UAAU,eAAe,MAAM,QAAQ;GACvC,MAAM;GACN;GACA;GACA,WAAU,SAAQ,UAAU,MAAM,IAAI,IAAI;GAC1C,SAAS,SAAS;IAAE,OAAY,IAAI;GAAE;EAGX,CAAO;;WAInB,MAAA,UAAA,KAAA,UAAA,GAAf,YAcS,MAAA,cAAA,GAAA;;IAdkB,oBAAA;;2BASnB,CAPE,QAAA,SAAA,UAAA,GADR,mBAQM,OAAA;;KANJ,0BAAA;KACC,OAAK,eAAE,MAAA,oBAAA,CAAoB,CAAC,MAAA,YAAA,CAAY,CAAA;QAEzC,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,kBAAA,KAAiB,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,MAAA,UAAA,GAIxB,mBAEM,OAAA;;KAFO,OAAK,eAAE,MAAA,OAAA,IAAO,oCAAA,EAAA;QACzB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,EAAA,CAAA;;uBAMZ,mBAgBM,OAAA;;IAdJ,oBAAA;IACC,OAAK,eAAE,MAAA,OAAA,IAAO,oCAAA,EAAA;OAGP,QAAA,SAAA,UAAA,GADR,mBAQM,OAAA;;IANJ,0BAAA;IACC,OAAK,eAAE,MAAA,oBAAA,CAAoB,CAAC,MAAA,YAAA,CAAY,CAAA;OAEzC,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,kBAAA,KAAiB,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAIxB,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;EErMnB,MAAM,QAAQ;EAMd,MAAM,WAAW,OAAO,mBAAmB;EAE3C,IAAI,CAAC,UACH,MAAM,IAAI,MAAM,+CAA+C;EAGjE,MAAM,kBAAkB;EAExB,MAAM,MAAM,MAAM;EAElB,MAAM,eAAe,eAAgC;GACnD,IAAI,OAAO,MAAM,SAAS,YAAY,OAAO,MAAM,SAAS,UAC1D,OAAO,MAAM;GAEf,OAAO;EACT,CAAC;EAED,MAAM,mBAAmB,eAAe,gBAAgB,SAAS,SAAS,MAAM,QAAQ;EACxF,MAAM,WAAW,eAAe,gBAAgB,SAAS,aAAa,KAAK,CAAC;EAE5E,MAAM,aAAa,eAAe,IAAI,gBAAgB,aAAa,OAAO;EAC1E,MAAM,cAAc,eAAe,gBAAgB,mBAAmB,UAAU,OAAO;EAEvF,MAAM,eAAe,eAAe,mBAAmB,iBAAiB,KAAK,CAAC;EAC9E,MAAM,kBAAkB,eAAe,sBAAsB;GAC3D,MAAM,gBAAgB,KAAK;GAC3B,UAAU,iBAAiB;EAC7B,CAAC,CAAC;EACF,MAAM,iBAAiB,eAAe,sBAAsB,gBAAgB,KAAK,MAAM;EACvF,MAAM,iBAAiB,eAAe,qBAAqB,gBAAgB,KAAK,KAAK,CAAC;EACtF,MAAM,gBAAgB,eAAe,oBAAoB,gBAAgB,KAAK,KAAK,CAAC;EACpF,MAAM,mBAAmB,eAAe,uBAAuB,SAAS,KAAK,CAAC;EAC9E,MAAM,cAAc,eAAe,qBAAqB,gBAAgB,KAAK,MAAM;EAQnF,MAAM,WAAW,sBAAsB;EACvC,MAAM,UAAU,qBAAqB;EAErC,MAAM,YAAY,IAAwB,IAAI;EAE9C,SAAS,WAAiB;GACxB,IAAI,iBAAiB,OACnB;GAEF,gBAAgB,OAAO,aAAa,KAAK;EAC3C;;;;;;EAOA,SAAS,iBAAgC;GACvC,MAAM,OAAO,UAAU,OAAO,QAAQ,oBAAoB;GAC1D,IAAI,CAAC,MACH,OAAO,CAAC;GAMV,OAJiB,MAAM,UAAU,MAAM,KACrC,KAAK,iBAA8B,4BAA4B,CAG1D,CAAA,CAAS,QAAO,YAAW,QAAQ,QAAQ,oBAAoB,MAAM,IAAI;EAClF;EAEA,SAAS,cAAc,WAAyB;GAC9C,MAAM,UAAU,UAAU;GAC1B,IAAI,CAAC,SACH;GAEF,MAAM,WAAW,eAAe;GAChC,MAAM,QAAQ,SAAS,QAAQ,OAAO;GACtC,IAAI,UAAU,MAAM,SAAS,WAAW,GACtC;GAGF,UADmB,QAAQ,YAAY,SAAS,UAAU,SAAS,OAChD,EAAE,MAAM;EAC7B;EAEA,SAAS,UAAU,MAA6B;GAC9C,MAAM,WAAW,eAAe;GAChC,IAAI,SAAS,WAAW,GACtB;GAED,CAAC,SAAS,UAAU,SAAS,KAAK,SAAS,GAAG,EAAE,EAAA,EAAI,MAAM;EAC7D;EAEA,SAAS,UAAU,OAA4B;GAC7C,IAAI,MAAM,QAAQ,aAAa;IAC7B,MAAM,eAAe;IACrB,cAAc,CAAC;IACf;GACF;GAEA,IAAI,MAAM,QAAQ,WAAW;IAC3B,MAAM,eAAe;IACrB,cAAc,EAAE;IAChB;GACF;GAEA,IAAI,MAAM,QAAQ,QAAQ;IACxB,MAAM,eAAe;IACrB,UAAU,OAAO;IACjB;GACF;GAEA,IAAI,MAAM,QAAQ,OAAO;IACvB,MAAM,eAAe;IACrB,UAAU,KAAK;IACf;GACF;GAEA,IAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;IAC9C,MAAM,eAAe;IACrB,SAAS;GACX;EACF;;uBAgBE,mBA+EM,OA/EN,YA+EM,CA3EJ,mBA2DM,OAAA,EA3DA,OAAK,eAAE,aAAA,KAAY,EAAA,GAAA,EAAA,UAAA,GACvB,YAgDY,wBA/CL,WAAA,KAAU,GAAA,EACf,OAAM,qBAAoB,GAAA;2BA6CjB,CA3CT,mBA2CS,UAAA;KA1CN,IAAI;cACD;KAAJ,KAAI;KACJ,4BAAA;KACA,MAAK;KACJ,iBAAe,SAAA,QAAQ,SAAA;KACvB,iBAAe;KACf,UAAU,iBAAA;KACV,OAAK,eAAE,gBAAA,KAAe;KACtB,SAAO;KACE;;KAGF,YAAA,SAAA,UAAA,GADR,YAUS,MAAA,cAAA,GAAA;;MARN,MAAM,YAAA;MAEP,4BAAA;MACC,OAAK,eAAE,iBAAA,KAAgB;;6BAIjB,CAFP,WAEO,KAAA,QAAA,QAAA,CAAA,SAAA,CADL,YAAmB,MAAA,oBAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;KAIvB,mBAMO,QAAA,EANA,OAAK,eAAE,eAAA,KAAc,EAAA,GAAA,CAC1B,WAIO,KAAA,QAAA,SAAA,CAAA,SAAA,CAHL,mBAEO,QAFP,YAEO,gBADF,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA;MAML,YAAA,SAAA,UAAA,GADT,YAUS,MAAA,cAAA,GAAA;;MARN,MAAM,YAAA;MAEP,4BAAA;MACC,OAAK,eAAE,iBAAA,KAAgB;;6BAIjB,CAFP,WAEO,KAAA,QAAA,QAAA,CAAA,SAAA,CADL,YAAmB,MAAA,oBAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;;;QAOnBA,KAAAA,OAAO,SAAA,UAAA,GADf,mBAOM,OAAA;;IALJ,0BAAA;IACA,OAAK,eAAA,CAAC,YACE,eAAA,KAAc,CAAA;OAEtB,WAAqB,KAAA,QAAA,OAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA,GAIzB,mBAaM,OAAA;IAZH,IAAI;IACL,MAAK;IACJ,mBAAiB;IACjB,OAAO,SAAA,QAAW,KAAA,IAAS;IAC5B,OAAK,eAAA,CAAC,2EACE,SAAA,QAAQ,oBAAA,iBAAA,CAAA;OAEhB,mBAIM,OAJN,YAIM,CAHJ,mBAEM,OAAA,EAFA,OAAK,eAAE,cAAA,KAAa,EAAA,GAAA,CACxB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA"}

package/dist/components/GrCollapse/index.js

@@ -1,3 +1,3 @@
 import { n as grCollapseSafelist, t as grCollapseConfig } from "../../chunks/config-BoUI0t-t.js";
-import { n as GrCollapse_default, t as GrCollapseItem_default } from "./chunks/GrCollapse-CytiA2Sx.js";
+import { n as GrCollapse_default, t as GrCollapseItem_default } from "./chunks/GrCollapse-BlW6ybdL.js";
 export { GrCollapse_default as GrCollapse, GrCollapse_default as default, GrCollapseItem_default as GrCollapseItem, grCollapseConfig, grCollapseSafelist };

package/dist/components/GrContextMenu/chunks/{GrContextMenu-BNQDbAsY.js → GrContextMenu-_FKwQvuQ.js}

@@ -3,7 +3,7 @@ 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-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-RW5IBvmu.js";
+import { i as isMenuSection, n as GrDropdownMenuEntries_default, r as isMenuAction, t as GrDropdownMenuList_default } from "../../GrDropdownMenu/chunks/GrDropdownMenuList-B33ZzwfB.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-BNQDbAsY.js.map → GrContextMenu-_FKwQvuQ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrContextMenu-BNQDbAsY.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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"}
+{"version":3,"file":"GrContextMenu-_FKwQvuQ.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-BNQDbAsY.js";
+import { t as GrContextMenu_default } from "./chunks/GrContextMenu-_FKwQvuQ.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-DU00V44y.js → GrDataTable-C8a9_nCg.js}

@@ -1,7 +1,7 @@
 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-Bn1XEriL.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Dmf0c9ba.js";
 import { useVirtualList } from "../../../composables/useVirtualList.js";
 import { useRovingFocus } from "../../../composables/useRovingFocus.js";
 import { t as GrCheckbox_default } from "../../GrCheckbox/chunks/GrCheckbox-CEcHIsXM.js";