@feugene/granularity 0.33.0 → 0.34.1

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrContextMenu-ClkVjdcP.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)\n      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</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)\n      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</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/GrDropdown/chunks/GrDropdown-13Wt9eB_.js

@@ -1,239 +0,0 @@
-import { s as useGrThemeAttrs } from "../../../chunks/context-CTbuwcYs.js";
-import { t as usePortalTarget } from "../../../chunks/usePortalTarget-C0p-mhaM.js";
-import { vClickOutside } from "../../../directives/clickOutside.js";
-import { useFloating } from "../../../composables/useFloating.js";
-import { useOverlayLayer } from "../../../composables/useOverlayLayer.js";
-import { t as useControlledOpen } from "../../../chunks/useControlledOpen-DV3SqLTP.js";
-import { t as panelPopTransition } from "../../../chunks/overlayTransition-0Fj5tQbq.js";
-import { t as useMenuItemsFocus } from "../../../chunks/useMenuItemsFocus-B6TldmGf.js";
-import { n as grDropdownContentClass, r as grDropdownOriginClass } from "../../../chunks/grDropdownStyles-V7TRiCXn.js";
-import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, unref, useId, vShow, watch, withCtx, withDirectives } from "vue";
-//#region src/components/GrDropdown/GrDropdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { "data-gr-dropdown": "" };
-var _hoisted_2 = ["id"];
-//#endregion
-//#region src/components/GrDropdown/GrDropdown.vue
-var GrDropdown_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDropdown",
-	props: {
-		placement: { default: "bottom-end" },
-		offset: { default: 8 },
-		width: { default: "12rem" },
-		trigger: { default: "click" },
-		openDelay: { default: 120 },
-		closeDelay: { default: 160 },
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		closeOnContentClick: {
-			type: Boolean,
-			default: true
-		},
-		contentClass: { default: "" },
-		teleportTo: { default: void 0 },
-		open: {
-			type: Boolean,
-			default: void 0
-		}
-	},
-	emits: ["update:open"],
-	setup(__props, { expose: __expose, emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const { open: isOpen, setOpen } = useControlledOpen(() => props.open, (next) => emit("update:open", next));
-		const rootEl = ref(null);
-		const panelEl = ref(null);
-		const clickOutsideExclude = [() => panelEl.value];
-		const panelId = useId();
-		const menu = useMenuItemsFocus({
-			container: () => panelEl.value,
-			close: () => close()
-		});
-		async function openWithFocus(first) {
-			if (props.disabled) return;
-			setOpen(true);
-			await nextTick();
-			menu.focusAt(first ? 0 : -1);
-		}
-		/**
-		* Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на
-		* элемент внутри слота `#trigger`: `<GrButton v-bind="triggerProps">`. Даёт
-		* `aria-haspopup`/`aria-expanded`/`aria-controls`, клавиатуру и **клик**.
-		*
-		* Клик живёт здесь, а не на обёртке слота: обёртка ловила бы и клики по
-		* вложенным кнопкам и ссылкам, переключая панель мимо намерения пользователя.
-		*/
-		const triggerProps = computed(() => ({
-			"aria-haspopup": "menu",
-			"aria-expanded": isOpen.value,
-			"aria-controls": isOpen.value ? panelId : void 0,
-			"aria-disabled": props.disabled ? true : void 0,
-			"onClick": toggle,
-			"onKeydown": onTriggerKeydown
-		}));
-		function onTriggerKeydown(event) {
-			if (props.disabled) return;
-			switch (event.key) {
-				case "Enter":
-				case " ":
-				case "ArrowDown":
-					event.preventDefault();
-					openWithFocus(true);
-					break;
-				case "ArrowUp":
-					event.preventDefault();
-					openWithFocus(false);
-					break;
-				case "Escape":
-					if (isOpen.value) {
-						event.preventDefault();
-						close();
-					}
-					break;
-			}
-		}
-		const { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(rootEl, panelEl, isOpen, {
-			placement: () => props.placement,
-			get offsetPx() {
-				return props.offset;
-			},
-			zIndexVar: "--gr-z-dropdown"
-		});
-		let hoverTimer;
-		function open() {
-			if (props.disabled) return;
-			clearTimeout(hoverTimer);
-			setOpen(true);
-		}
-		function toggle() {
-			if (props.disabled) return;
-			clearTimeout(hoverTimer);
-			setOpen(!isOpen.value);
-		}
-		function close() {
-			clearTimeout(hoverTimer);
-			setOpen(false);
-		}
-		function scheduleHover(next, delayMs) {
-			clearTimeout(hoverTimer);
-			if (delayMs <= 0) {
-				setOpen(next);
-				return;
-			}
-			hoverTimer = setTimeout(setOpen, delayMs, next);
-		}
-		function onHoverEnter() {
-			if (props.disabled || props.trigger !== "hover") return;
-			scheduleHover(true, props.openDelay);
-		}
-		function onHoverLeave() {
-			if (props.trigger !== "hover") return;
-			scheduleHover(false, props.closeDelay);
-		}
-		useOverlayLayer(isOpen, close, { root: panelEl });
-		watch(() => [props.placement, props.offset], () => {
-			if (isOpen.value) updateFloatingPosition();
-		});
-		watch(() => props.disabled, (value) => {
-			if (value) close();
-		});
-		function toCssLength(value) {
-			if (value === "auto") return void 0;
-			if (typeof value === "number") return `${value}px`;
-			const bare = value.trim();
-			if (/^\d+$/.test(bare)) {
-				if (typeof process !== "undefined" && process.env.NODE_ENV !== "production") console.warn(`[GrDropdown] width="${value}" трактуется как ${bare}px. Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: width="${bare}px" или :width="${bare}".`);
-				return `${bare}px`;
-			}
-			return value;
-		}
-		const panelStyle = computed(() => {
-			const width = toCssLength(props.width);
-			return width ? {
-				...floatingStyle.value,
-				width
-			} : floatingStyle.value;
-		});
-		const contentClasses = computed(() => grDropdownContentClass(props.contentClass));
-		const panelClasses = computed(() => grDropdownOriginClass(resolvedPlacement.value));
-		function onContentClick() {
-			if (props.closeOnContentClick) close();
-		}
-		onMounted(() => {
-			if (!(typeof process !== "undefined" && process.env.NODE_ENV !== "production")) return;
-			if (rootEl.value?.querySelector("[aria-haspopup]")) return;
-			console.warn("[GrDropdown] триггер не привязан: добавьте `v-bind=\"triggerProps\"` на элемент внутри слота #trigger — <template #trigger=\"{ triggerProps }\"><GrButton v-bind=\"triggerProps\">…</GrButton></template>. Без этого у триггера нет ни клика, ни клавиатуры, ни aria-haspopup/aria-expanded.");
-		});
-		onBeforeUnmount(() => {
-			menu.reset();
-			clearTimeout(hoverTimer);
-		});
-		const { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(() => props.teleportTo);
-		const themeAttrs = useGrThemeAttrs();
-		__expose({
-			open,
-			close,
-			toggle
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [withDirectives((openBlock(), createElementBlock("div", {
-				ref_key: "rootEl",
-				ref: rootEl,
-				"data-gr-dropdown-trigger": "",
-				class: "inline-block max-w-full",
-				onMouseenter: onHoverEnter,
-				onMouseleave: onHoverLeave
-			}, [renderSlot(_ctx.$slots, "trigger", {
-				open: unref(isOpen),
-				toggle,
-				close,
-				triggerProps: triggerProps.value
-			})], 32)), [[unref(vClickOutside), {
-				handler: close,
-				enabled: unref(isOpen),
-				exclude: clickOutsideExclude
-			}]]), (openBlock(), createBlock(Teleport, {
-				to: unref(portalTarget),
-				disabled: !unref(teleportEnabled)
-			}, [createVNode(Transition, {
-				"enter-active-class": unref(panelPopTransition).enter,
-				"enter-from-class": unref(panelPopTransition).enterFrom,
-				"enter-to-class": unref(panelPopTransition).enterTo,
-				"leave-active-class": unref(panelPopTransition).leave,
-				"leave-from-class": unref(panelPopTransition).leaveFrom,
-				"leave-to-class": unref(panelPopTransition).leaveTo
-			}, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", mergeProps({
-					id: unref(panelId),
-					ref_key: "panelEl",
-					ref: panelEl
-				}, unref(themeAttrs), {
-					"data-gr-dropdown-panel": "",
-					"data-gr-overlay-root": "",
-					role: "menu",
-					tabindex: "-1",
-					class: panelClasses.value,
-					style: panelStyle.value,
-					onClick: onContentClick,
-					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(menu).onKeydown && unref(menu).onKeydown(...args)),
-					onMouseenter: onHoverEnter,
-					onMouseleave: onHoverLeave
-				}), [createElementVNode("div", {
-					"data-gr-dropdown-content": "",
-					class: normalizeClass(contentClasses.value)
-				}, [renderSlot(_ctx.$slots, "content", { close })], 2)], 16, _hoisted_2), [[vShow, unref(isOpen)]])]),
-				_: 3
-			}, 8, [
-				"enter-active-class",
-				"enter-from-class",
-				"enter-to-class",
-				"leave-active-class",
-				"leave-from-class",
-				"leave-to-class"
-			])], 8, ["to", "disabled"]))]);
-		};
-	}
-});
-//#endregion
-export { GrDropdown_default as t };

package/dist/components/GrDropdown/chunks/GrDropdown-13Wt9eB_.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrDropdown-13Wt9eB_.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useOverlayLayer } from '../../composables/useOverlayLayer'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport type GrDropdownTrigger = 'click' | 'hover'\n\nexport interface GrDropdownProps {\n  /** Размещение панели относительно триггера; `flip` при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Панель не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownEmits {\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nimport { useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { panelPopTransition } from '../shared/overlayTransition'\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownEmits>()\n\n// Имя `isOpen` сохранено: читатели работают с computed-Ref.\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => panelEl.value,\n  close: () => close(),\n})\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n  await nextTick()\n  menu.focusAt(first ? 0 : -1)\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<GrButton v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls`, клавиатуру и **клик**.\n *\n * Клик живёт здесь, а не на обёртке слота: обёртка ловила бы и клики по\n * вложенным кнопкам и ссылкам, переключая панель мимо намерения пользователя.\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': isOpen.value,\n  'aria-controls': isOpen.value ? panelId : undefined,\n  'aria-disabled': props.disabled ? true : undefined,\n  'onClick': toggle,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (isOpen.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  isOpen,\n  {\n    placement: () => props.placement,\n    // Геттер, а не значение: иначе проп замрёт на моменте `setup`.\n    get offsetPx() { return props.offset },\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\n// ————— Открытие по наведению. Задержки нужны обе: без `openDelay` панель\n// выпрыгивает на любое пересечение курсором, без `closeDelay` её не удержать\n// при переходе с триггера на панель — между ними зазор `offset`.\nlet hoverTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  clearTimeout(hoverTimer)\n  setOpen(true)\n}\n\nfunction toggle(): void {\n  if (props.disabled)\n    return\n\n  clearTimeout(hoverTimer)\n  setOpen(!isOpen.value)\n}\n\nfunction close(): void {\n  clearTimeout(hoverTimer)\n  setOpen(false)\n}\n\nfunction scheduleHover(next: boolean, delayMs: number): void {\n  clearTimeout(hoverTimer)\n\n  if (delayMs <= 0) {\n    setOpen(next)\n    return\n  }\n\n  hoverTimer = setTimeout(setOpen, delayMs, next)\n}\n\nfunction onHoverEnter(): void {\n  if (props.disabled || props.trigger !== 'hover')\n    return\n  scheduleHover(true, props.openDelay)\n}\n\nfunction onHoverLeave(): void {\n  if (props.trigger !== 'hover')\n    return\n  scheduleHover(false, props.closeDelay)\n}\n\n// Возврат фокуса — из контракта слоя: он запоминает активный элемент при\n// открытии и возвращает фокус, только если на момент закрытия тот всё ещё\n// внутри панели. Прежняя эвристика «возвращать, если открыли с клавиатуры»\n// промахивалась в обе стороны.\nuseOverlayLayer(isOpen, close, { root: panelEl })\n\nwatch(\n  () => [props.placement, props.offset],\n  () => {\n    if (isOpen.value)\n      updateFloatingPosition()\n  },\n)\n\nwatch(\n  () => props.disabled,\n  (value) => {\n    if (value)\n      close()\n  },\n)\n\nfunction toCssLength(value: GrDropdownWidth): string | undefined {\n  if (value === 'auto')\n    return undefined\n  if (typeof value === 'number')\n    return `${value}px`\n\n  // Строка без единиц браузер просто отбросит, поэтому трактуем её как пиксели\n  // — и предупреждаем: `width=\"48\"` легко прочесть как токен шкалы `w-48`.\n  const bare = value.trim()\n  if (/^\\d+$/.test(bare)) {\n    if (__GR_DEV__) {\n      console.warn(\n        `[GrDropdown] width=\"${value}\" трактуется как ${bare}px. `\n        + 'Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: '\n        + `width=\"${bare}px\" или :width=\"${bare}\".`,\n      )\n    }\n    return `${bare}px`\n  }\n\n  return value\n}\n\nconst panelStyle = computed(() => {\n  const width = toCssLength(props.width)\n  return width ? { ...floatingStyle.value, width } : floatingStyle.value\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => grDropdownOriginClass(resolvedPlacement.value))\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n\n// Триггер без `v-bind=\"triggerProps\"` — это триггер без клика, без клавиатуры и\n// без ARIA. Молчать об этом нельзя: панель просто не открывалась бы, и искать\n// причину пришлось бы в чужом коде.\nonMounted(() => {\n  if (!__GR_DEV__)\n    return\n  if (rootEl.value?.querySelector('[aria-haspopup]'))\n    return\n\n  console.warn(\n    '[GrDropdown] триггер не привязан: добавьте `v-bind=\"triggerProps\"` на элемент '\n    + 'внутри слота #trigger — <template #trigger=\"{ triggerProps }\">'\n    + '<GrButton v-bind=\"triggerProps\">…</GrButton></template>. '\n    + 'Без этого у триггера нет ни клика, ни клавиатуры, ни aria-haspopup/aria-expanded.',\n  )\n})\n\nonBeforeUnmount(() => {\n  menu.reset()\n  clearTimeout(hoverTimer)\n})\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(() => props.teleportTo)\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\ndefineExpose({ open, close, toggle })\n\ndefineSlots<{\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n  /** Содержимое меню. */\n  content?: (props: { close: () => void }) => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: isOpen, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @mouseenter=\"onHoverEnter\"\n      @mouseleave=\"onHoverLeave\"\n    >\n      <slot name=\"trigger\" :open=\"isOpen\" :toggle=\"toggle\" :close=\"close\" :trigger-props=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        :enter-active-class=\"panelPopTransition.enter\"\n        :enter-from-class=\"panelPopTransition.enterFrom\"\n        :enter-to-class=\"panelPopTransition.enterTo\"\n        :leave-active-class=\"panelPopTransition.leave\"\n        :leave-from-class=\"panelPopTransition.leaveFrom\"\n        :leave-to-class=\"panelPopTransition.leaveTo\"\n      >\n        <div\n          v-show=\"isOpen\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          v-bind=\"themeAttrs\"\n          data-gr-dropdown-panel\n          data-gr-overlay-root\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"panelStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"menu.onKeydown\"\n          @mouseenter=\"onHoverEnter\"\n          @mouseleave=\"onHoverLeave\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useOverlayLayer } from '../../composables/useOverlayLayer'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport type GrDropdownTrigger = 'click' | 'hover'\n\nexport interface GrDropdownProps {\n  /** Размещение панели относительно триггера; `flip` при нехватке места остаётся. */\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offset?: number\n  /** Ширина панели: число — пиксели, строка — CSS-длина, `auto` — по контенту. */\n  width?: GrDropdownWidth\n  /** Чем открывается панель. В любом режиме работают клик и клавиатура. */\n  trigger?: GrDropdownTrigger\n  /** Задержка открытия по наведению, мс. */\n  openDelay?: number\n  /** Задержка закрытия после ухода курсора, мс. */\n  closeDelay?: number\n  /** Панель не открывается ничем; триггер остаётся фокусируемым. */\n  disabled?: boolean\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  /**\n   * Контролируемое состояние панели (`v-model:open`). Без пропа панель ведёт\n   * себя сама (uncontrolled), с ним — слушайте `update:open` и меняйте проп.\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownEmits {\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nimport { useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { panelPopTransition } from '../shared/overlayTransition'\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: undefined,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownEmits>()\n\n// Имя `isOpen` сохранено: читатели работают с computed-Ref.\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => panelEl.value,\n  close: () => close(),\n})\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n  await nextTick()\n  menu.focusAt(first ? 0 : -1)\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<GrButton v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls`, клавиатуру и **клик**.\n *\n * Клик живёт здесь, а не на обёртке слота: обёртка ловила бы и клики по\n * вложенным кнопкам и ссылкам, переключая панель мимо намерения пользователя.\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': isOpen.value,\n  'aria-controls': isOpen.value ? panelId : undefined,\n  'aria-disabled': props.disabled ? true : undefined,\n  'onClick': toggle,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\n  if (props.disabled)\n    return\n\n  switch (event.key) {\n    case 'Enter':\n    case ' ':\n    case 'ArrowDown':\n      event.preventDefault()\n      void openWithFocus(true)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      void openWithFocus(false)\n      break\n    case 'Escape':\n      if (isOpen.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  isOpen,\n  {\n    placement: () => props.placement,\n    // Геттер, а не значение: иначе проп замрёт на моменте `setup`.\n    get offsetPx() { return props.offset },\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\n// ————— Открытие по наведению. Задержки нужны обе: без `openDelay` панель\n// выпрыгивает на любое пересечение курсором, без `closeDelay` её не удержать\n// при переходе с триггера на панель — между ними зазор `offset`.\nlet hoverTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  clearTimeout(hoverTimer)\n  setOpen(true)\n}\n\nfunction toggle(): void {\n  if (props.disabled)\n    return\n\n  clearTimeout(hoverTimer)\n  setOpen(!isOpen.value)\n}\n\nfunction close(): void {\n  clearTimeout(hoverTimer)\n  setOpen(false)\n}\n\nfunction scheduleHover(next: boolean, delayMs: number): void {\n  clearTimeout(hoverTimer)\n\n  if (delayMs <= 0) {\n    setOpen(next)\n    return\n  }\n\n  hoverTimer = setTimeout(setOpen, delayMs, next)\n}\n\nfunction onHoverEnter(): void {\n  if (props.disabled || props.trigger !== 'hover')\n    return\n  scheduleHover(true, props.openDelay)\n}\n\nfunction onHoverLeave(): void {\n  if (props.trigger !== 'hover')\n    return\n  scheduleHover(false, props.closeDelay)\n}\n\n// Возврат фокуса — из контракта слоя: он запоминает активный элемент при\n// открытии и возвращает фокус, только если на момент закрытия тот всё ещё\n// внутри панели. Прежняя эвристика «возвращать, если открыли с клавиатуры»\n// промахивалась в обе стороны.\nuseOverlayLayer(isOpen, close, { root: panelEl })\n\nwatch(\n  () => [props.placement, props.offset],\n  () => {\n    if (isOpen.value)\n      updateFloatingPosition()\n  },\n)\n\nwatch(\n  () => props.disabled,\n  (value) => {\n    if (value)\n      close()\n  },\n)\n\nfunction toCssLength(value: GrDropdownWidth): string | undefined {\n  if (value === 'auto')\n    return undefined\n  if (typeof value === 'number')\n    return `${value}px`\n\n  // Строка без единиц браузер просто отбросит, поэтому трактуем её как пиксели\n  // — и предупреждаем: `width=\"48\"` легко прочесть как токен шкалы `w-48`.\n  const bare = value.trim()\n  if (/^\\d+$/.test(bare)) {\n    if (__GR_DEV__) {\n      console.warn(\n        `[GrDropdown] width=\"${value}\" трактуется как ${bare}px. `\n        + 'Шкалы tailwind-токенов (w-48) у пропа больше нет — укажите единицы: '\n        + `width=\"${bare}px\" или :width=\"${bare}\".`,\n      )\n    }\n    return `${bare}px`\n  }\n\n  return value\n}\n\nconst panelStyle = computed(() => {\n  const width = toCssLength(props.width)\n  return width ? { ...floatingStyle.value, width } : floatingStyle.value\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => grDropdownOriginClass(resolvedPlacement.value))\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n\n// Триггер без `v-bind=\"triggerProps\"` — это триггер без клика, без клавиатуры и\n// без ARIA. Молчать об этом нельзя: панель просто не открывалась бы, и искать\n// причину пришлось бы в чужом коде.\nonMounted(() => {\n  if (!__GR_DEV__)\n    return\n  if (rootEl.value?.querySelector('[aria-haspopup]'))\n    return\n\n  console.warn(\n    '[GrDropdown] триггер не привязан: добавьте `v-bind=\"triggerProps\"` на элемент '\n    + 'внутри слота #trigger — <template #trigger=\"{ triggerProps }\">'\n    + '<GrButton v-bind=\"triggerProps\">…</GrButton></template>. '\n    + 'Без этого у триггера нет ни клика, ни клавиатуры, ни aria-haspopup/aria-expanded.',\n  )\n})\n\nonBeforeUnmount(() => {\n  menu.reset()\n  clearTimeout(hoverTimer)\n})\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget(() => props.teleportTo)\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\ndefineExpose({ open, close, toggle })\n\ndefineSlots<{\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n  /** Содержимое меню. */\n  content?: (props: { close: () => void }) => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: isOpen, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @mouseenter=\"onHoverEnter\"\n      @mouseleave=\"onHoverLeave\"\n    >\n      <slot name=\"trigger\" :open=\"isOpen\" :toggle=\"toggle\" :close=\"close\" :trigger-props=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        :enter-active-class=\"panelPopTransition.enter\"\n        :enter-from-class=\"panelPopTransition.enterFrom\"\n        :enter-to-class=\"panelPopTransition.enterTo\"\n        :leave-active-class=\"panelPopTransition.leave\"\n        :leave-from-class=\"panelPopTransition.leaveFrom\"\n        :leave-to-class=\"panelPopTransition.leaveTo\"\n      >\n        <div\n          v-show=\"isOpen\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          v-bind=\"themeAttrs\"\n          data-gr-dropdown-panel\n          data-gr-overlay-root\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"panelStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"menu.onKeydown\"\n          @mouseenter=\"onHoverEnter\"\n          @mouseleave=\"onHoverLeave\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}