@feugene/granularity 0.21.0 → 0.22.0

package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-LOaFSCyd.js.map → GrDropdownMenu-DyS6dWDp.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDropdownMenu-LOaFSCyd.js","names":[],"sources":["../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/menuModel.ts","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { dividerClass, dividerInsetClass } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-divider\n    role=\"separator\"\n    :class=\"[dividerClass, inset ? dividerInsetClass : '']\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { dividerClass, dividerInsetClass } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-divider\n    role=\"separator\"\n    :class=\"[dividerClass, inset ? dividerInsetClass : '']\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nimport { headerClass, textAlignClass, type GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\n/**\n * Заголовок — подпись, а не пункт меню: `role=\"presentation\"` убирает его из\n * числа потомков `role=\"menu\"`. Имя группе он даёт через `aria-labelledby`\n * у `GrDropdownMenuGroup`.\n */\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-gr-dropdown-menu-header\n    role=\"presentation\"\n    :class=\"[headerClass, textAlignClass[align], { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nimport { headerClass, textAlignClass, type GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\n/**\n * Заголовок — подпись, а не пункт меню: `role=\"presentation\"` убирает его из\n * числа потомков `role=\"menu\"`. Имя группе он даёт через `aria-labelledby`\n * у `GrDropdownMenuGroup`.\n */\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-gr-dropdown-menu-header\n    role=\"presentation\"\n    :class=\"[headerClass, textAlignClass[align], { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport { dividersClass, listBaseClass, type GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst titleId = useId()\n// Имя группы читается диктором при входе в неё; без заголовка называть нечем.\nconst labelledBy = computed(() => (props.title ? titleId : undefined))\n\nconst itemsClass = computed(() => [\n  listBaseClass,\n  props.dividers ? dividersClass : '',\n].filter(Boolean).join(' '))\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-group\n    role=\"group\"\n    :aria-labelledby=\"labelledBy\"\n    class=\"w-full\"\n  >\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :id=\"titleId\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div role=\"none\" :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport { dividersClass, listBaseClass, type GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst titleId = useId()\n// Имя группы читается диктором при входе в неё; без заголовка называть нечем.\nconst labelledBy = computed(() => (props.title ? titleId : undefined))\n\nconst itemsClass = computed(() => [\n  listBaseClass,\n  props.dividers ? dividersClass : '',\n].filter(Boolean).join(' '))\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-group\n    role=\"group\"\n    :aria-labelledby=\"labelledBy\"\n    class=\"w-full\"\n  >\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :id=\"titleId\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div role=\"none\" :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\nimport IconCheck from '~icons/lucide/check'\n\nimport {\n  grDropdownMenuItemClass,\n  itemIndicatorClass,\n  itemShortcutClass,\n  type GrDropdownMenuItemAlign,\n  type GrDropdownMenuItemVariant,\n} from './grDropdownMenuStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type { GrDropdownMenuItemAlign, GrDropdownMenuItemVariant } from './grDropdownMenuStyles'\n\n/**\n * Роль пункта. `menuitemcheckbox`/`menuitemradio` — пункты-переключатели: они\n * обязаны нести `aria-checked`, иначе AT прочитает их как обычные команды.\n */\nexport type GrDropdownMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  /** Пункт-ссылка. У выключенного пункта не рендерится: ссылка осталась бы рабочей. */\n  href?: string\n  target?: string\n  rel?: string\n  /** Шорткат для `target=\"_blank\"` + `rel=\"noopener noreferrer\"`. */\n  external?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n  role?: GrDropdownMenuItemRole\n  /** Состояние переключателя. Осмысленно с `role=\"menuitemcheckbox|radio\"`. */\n  checked?: boolean\n  /** Иконка слева. Слот `#icon` сильнее. */\n  icon?: Component\n  /** Подпись сочетания клавиш справа. Слот `#shortcut` сильнее. */\n  shortcut?: string\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  href: undefined,\n  target: undefined,\n  rel: undefined,\n  external: false,\n  align: 'left',\n  variant: 'default',\n  role: 'menuitem',\n  checked: undefined,\n  icon: undefined,\n  shortcut: undefined,\n})\n\nconst attrs = useAttrs()\n\n// Полиморфный корень: явный `as` сильнее всего, иначе `href` сам делает пункт\n// ссылкой — как у `GrButton`, чтобы не приходилось задавать `as=\"a\"` вручную.\nconst renderAs = computed<string | Component>(() => {\n  if (props.as && props.as !== 'button')\n    return props.as\n  return props.href ? 'a' : 'button'\n})\n\nconst isNativeButton = computed(() => renderAs.value === 'button')\n\n// Выключенный пункт остаётся ссылкой, если оставить ему `href`: средняя кнопка и\n// контекстное меню браузера обойдут любой перехват клика (тот же приём в `GrButton`).\nconst resolvedHref = computed(() => (props.disabled ? undefined : props.href))\nconst resolvedTarget = computed(() => props.target ?? (props.external ? '_blank' : undefined))\nconst resolvedRel = computed(() =>\n  props.rel ?? (resolvedTarget.value === '_blank' ? 'noopener noreferrer' : undefined),\n)\n// Отметка занимает место всегда, когда пункт переключаемый: иначе строки\n// «включено» и «выключено» разъезжаются по горизонтали.\nconst isCheckable = computed(() => props.role !== 'menuitem')\n\nconst className = computed(() => grDropdownMenuItemClass({\n  align: props.align,\n  variant: props.variant,\n  disabled: props.disabled,\n}))\n\n/**\n * Roving tabindex паттерна menu: табируемым остаётся триггер, а внутри панели\n * фокусом распоряжаются стрелки (`GrDropdown` наводит его программно). Без\n * этого `Tab` ходил бы по пунктам, и меню было бы списком кнопок, а не меню.\n *\n * Выключённый пункт из обхода **не** выпадает: `aria-disabled` вместо нативного\n * `disabled` оставляет его фокусируемым, и пользователь узнаёт, что действие\n * существует, но сейчас недоступно (рекомендация WAI-ARIA APG).\n */\nconst resolvedTabindex = computed(() => (attrs.tabindex as number | string | undefined) ?? -1)\n\nfunction onClickCapture(e: MouseEvent): void {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  // `stopImmediatePropagation`, а не `stopPropagation`: обработчик, навешенный\n  // на сам пункт через `v-bind=\"attrs\"`, живёт на этом же элементе, и обычная\n  // остановка всплытия его не отменяет.\n  e.stopImmediatePropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    data-gr-dropdown-menu-item\n    :role=\"role\"\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :href=\"resolvedHref\"\n    :target=\"resolvedHref ? resolvedTarget : undefined\"\n    :rel=\"resolvedHref ? resolvedRel : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :aria-checked=\"isCheckable ? (checked ? 'true' : 'false') : undefined\"\n    :tabindex=\"resolvedTabindex\"\n    @click.capture=\"onClickCapture\"\n  >\n    <span\n      v-if=\"isCheckable\"\n      data-gr-dropdown-menu-item-indicator\n      :class=\"itemIndicatorClass\"\n      aria-hidden=\"true\"\n    >\n      <IconCheck v-if=\"checked\" :class=\"itemIndicatorClass\" />\n    </span>\n\n    <slot name=\"icon\">\n      <component\n        :is=\"icon\"\n        v-if=\"icon\"\n        :class=\"itemIndicatorClass\"\n        aria-hidden=\"true\"\n      />\n    </slot>\n\n    <slot />\n\n    <slot name=\"shortcut\">\n      <span v-if=\"shortcut\" data-gr-dropdown-menu-item-shortcut :class=\"itemShortcutClass\">{{ shortcut }}</span>\n    </slot>\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\nimport IconCheck from '~icons/lucide/check'\n\nimport {\n  grDropdownMenuItemClass,\n  itemIndicatorClass,\n  itemShortcutClass,\n  type GrDropdownMenuItemAlign,\n  type GrDropdownMenuItemVariant,\n} from './grDropdownMenuStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type { GrDropdownMenuItemAlign, GrDropdownMenuItemVariant } from './grDropdownMenuStyles'\n\n/**\n * Роль пункта. `menuitemcheckbox`/`menuitemradio` — пункты-переключатели: они\n * обязаны нести `aria-checked`, иначе AT прочитает их как обычные команды.\n */\nexport type GrDropdownMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  /** Пункт-ссылка. У выключенного пункта не рендерится: ссылка осталась бы рабочей. */\n  href?: string\n  target?: string\n  rel?: string\n  /** Шорткат для `target=\"_blank\"` + `rel=\"noopener noreferrer\"`. */\n  external?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n  role?: GrDropdownMenuItemRole\n  /** Состояние переключателя. Осмысленно с `role=\"menuitemcheckbox|radio\"`. */\n  checked?: boolean\n  /** Иконка слева. Слот `#icon` сильнее. */\n  icon?: Component\n  /** Подпись сочетания клавиш справа. Слот `#shortcut` сильнее. */\n  shortcut?: string\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  href: undefined,\n  target: undefined,\n  rel: undefined,\n  external: false,\n  align: 'left',\n  variant: 'default',\n  role: 'menuitem',\n  checked: undefined,\n  icon: undefined,\n  shortcut: undefined,\n})\n\nconst attrs = useAttrs()\n\n// Полиморфный корень: явный `as` сильнее всего, иначе `href` сам делает пункт\n// ссылкой — как у `GrButton`, чтобы не приходилось задавать `as=\"a\"` вручную.\nconst renderAs = computed<string | Component>(() => {\n  if (props.as && props.as !== 'button')\n    return props.as\n  return props.href ? 'a' : 'button'\n})\n\nconst isNativeButton = computed(() => renderAs.value === 'button')\n\n// Выключенный пункт остаётся ссылкой, если оставить ему `href`: средняя кнопка и\n// контекстное меню браузера обойдут любой перехват клика (тот же приём в `GrButton`).\nconst resolvedHref = computed(() => (props.disabled ? undefined : props.href))\nconst resolvedTarget = computed(() => props.target ?? (props.external ? '_blank' : undefined))\nconst resolvedRel = computed(() =>\n  props.rel ?? (resolvedTarget.value === '_blank' ? 'noopener noreferrer' : undefined),\n)\n// Отметка занимает место всегда, когда пункт переключаемый: иначе строки\n// «включено» и «выключено» разъезжаются по горизонтали.\nconst isCheckable = computed(() => props.role !== 'menuitem')\n\nconst className = computed(() => grDropdownMenuItemClass({\n  align: props.align,\n  variant: props.variant,\n  disabled: props.disabled,\n}))\n\n/**\n * Roving tabindex паттерна menu: табируемым остаётся триггер, а внутри панели\n * фокусом распоряжаются стрелки (`GrDropdown` наводит его программно). Без\n * этого `Tab` ходил бы по пунктам, и меню было бы списком кнопок, а не меню.\n *\n * Выключённый пункт из обхода **не** выпадает: `aria-disabled` вместо нативного\n * `disabled` оставляет его фокусируемым, и пользователь узнаёт, что действие\n * существует, но сейчас недоступно (рекомендация WAI-ARIA APG).\n */\nconst resolvedTabindex = computed(() => (attrs.tabindex as number | string | undefined) ?? -1)\n\nfunction onClickCapture(e: MouseEvent): void {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  // `stopImmediatePropagation`, а не `stopPropagation`: обработчик, навешенный\n  // на сам пункт через `v-bind=\"attrs\"`, живёт на этом же элементе, и обычная\n  // остановка всплытия его не отменяет.\n  e.stopImmediatePropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    data-gr-dropdown-menu-item\n    :role=\"role\"\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :href=\"resolvedHref\"\n    :target=\"resolvedHref ? resolvedTarget : undefined\"\n    :rel=\"resolvedHref ? resolvedRel : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :aria-checked=\"isCheckable ? (checked ? 'true' : 'false') : undefined\"\n    :tabindex=\"resolvedTabindex\"\n    @click.capture=\"onClickCapture\"\n  >\n    <span\n      v-if=\"isCheckable\"\n      data-gr-dropdown-menu-item-indicator\n      :class=\"itemIndicatorClass\"\n      aria-hidden=\"true\"\n    >\n      <IconCheck v-if=\"checked\" :class=\"itemIndicatorClass\" />\n    </span>\n\n    <slot name=\"icon\">\n      <component\n        :is=\"icon\"\n        v-if=\"icon\"\n        :class=\"itemIndicatorClass\"\n        aria-hidden=\"true\"\n      />\n    </slot>\n\n    <slot />\n\n    <slot name=\"shortcut\">\n      <span v-if=\"shortcut\" data-gr-dropdown-menu-item-shortcut :class=\"itemShortcutClass\">{{ shortcut }}</span>\n    </slot>\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grDropdownMenuListClass } from './grDropdownMenuStyles'\n\n/**\n * `role=\"none\"` на обёртке обязателен: `role=\"menu\"` у панели объявляет своих\n * потомков презентационными, и любой div между панелью и пунктом ломает\n * `aria-required-children`, а пункты теряют принадлежность к меню.\n */\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => grDropdownMenuListClass({\n  dividers: props.dividers,\n  borderTop: props.borderTop,\n  borderBottom: props.borderBottom,\n}))\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-list\n    role=\"none\"\n    :class=\"className\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grDropdownMenuListClass } from './grDropdownMenuStyles'\n\n/**\n * `role=\"none\"` на обёртке обязателен: `role=\"menu\"` у панели объявляет своих\n * потомков презентационными, и любой div между панелью и пунктом ломает\n * `aria-required-children`, а пункты теряют принадлежность к меню.\n */\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => grDropdownMenuListClass({\n  dividers: props.dividers,\n  borderTop: props.borderTop,\n  borderBottom: props.borderBottom,\n}))\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-list\n    role=\"none\"\n    :class=\"className\"\n  >\n    <slot />\n  </div>\n</template>\n","import type { Component } from 'vue'\n\nimport type { GrDropdownMenuItemRole } from './GrDropdownMenuItem.vue'\nimport type { GrDropdownMenuItemVariant } from './grDropdownMenuStyles'\n\n/**\n * Декларативная модель меню.\n *\n * Композиция из подкомпонентов остаётся основным способом — она нужна там, где\n * пункт нестандартный. Но девять меню из десяти однотипны («иконка, подпись,\n * шорткат, иногда разделитель»), и собирать их из пяти компонентов вручную\n * значит каждый раз заново решать, где `role`, где `disabled`, где ключ.\n */\nexport interface GrDropdownMenuAction {\n  /** Ключ пункта — он же приходит в `select`. */\n  key: string\n  label: string\n  icon?: Component\n  shortcut?: string\n  disabled?: boolean\n  variant?: GrDropdownMenuItemVariant\n  role?: GrDropdownMenuItemRole\n  /** Состояние переключателя для `menuitemcheckbox`/`menuitemradio`. */\n  checked?: boolean\n  /** Пункт-ссылка: рендерится как `<a>` с этим `href`. */\n  href?: string\n  target?: string\n  rel?: string\n  /** Шорткат для `target=\"_blank\"` + `rel=\"noopener noreferrer\"`. */\n  external?: boolean\n}\n\nexport interface GrDropdownMenuSeparator {\n  type: 'divider'\n  inset?: boolean\n}\n\nexport interface GrDropdownMenuSection {\n  type: 'group'\n  title?: string\n  items: GrDropdownMenuAction[]\n}\n\nexport type GrDropdownMenuEntry = GrDropdownMenuAction | GrDropdownMenuSeparator | GrDropdownMenuSection\n\nexport function isMenuSeparator(entry: GrDropdownMenuEntry): entry is GrDropdownMenuSeparator {\n  return 'type' in entry && entry.type === 'divider'\n}\n\nexport function isMenuSection(entry: GrDropdownMenuEntry): entry is GrDropdownMenuSection {\n  return 'type' in entry && entry.type === 'group'\n}\n\nexport function isMenuAction(entry: GrDropdownMenuEntry): entry is GrDropdownMenuAction {\n  return !isMenuSeparator(entry) && !isMenuSection(entry)\n}\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n// Типы размещения и ширины — из владельца API, а не переобъявлением: расхождение\n// обнаружилось бы только рантаймом.\nimport type { GrDropdownTrigger } from '../GrDropdown/GrDropdown.vue'\nimport type { GrDropdownWidth } from '../GrDropdown/grDropdownStyles'\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\n\nimport GrDropdownMenuDivider from './GrDropdownMenuDivider.vue'\nimport GrDropdownMenuGroup from './GrDropdownMenuGroup.vue'\nimport GrDropdownMenuItem from './GrDropdownMenuItem.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport {\n  isMenuAction,\n  isMenuSection,\n  isMenuSeparator,\n  type GrDropdownMenuAction,\n  type GrDropdownMenuEntry,\n} from './menuModel'\n\nexport interface GrDropdownMenuProps {\n  /** Размещение панели относительно триггера; переворот при нехватке места остаётся. */\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  /** Куда телепортировать панель (`body` по умолчанию). */\n  /** Точечное переопределение точки монтирования; по умолчанию — общий портал. */\n  teleportTo?: string | HTMLElement\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n  /**\n   * Декларативное меню: пункты, группы и разделители массивом. Слот по\n   * умолчанию сильнее — он для меню, которое из модели не собирается.\n   */\n  items?: GrDropdownMenuEntry[]\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`) — прокидывается в\n   * `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownMenuEmits {\n  /** Выбран пункт декларативного меню. */\n  (e: 'select', item: GrDropdownMenuAction): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  teleportTo: undefined,\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  items: undefined,\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownMenuEmits>()\n\nfunction itemProps(item: GrDropdownMenuAction): Record<string, unknown> {\n  return {\n    href: item.href,\n    target: item.target,\n    rel: item.rel,\n    external: item.external,\n    disabled: item.disabled,\n    variant: item.variant,\n    role: item.role,\n    checked: item.checked,\n    icon: item.icon,\n    shortcut: item.shortcut,\n  }\n}\n\nfunction onSelect(item: GrDropdownMenuAction): void {\n  if (item.disabled)\n    return\n\n  emit('select', item)\n}\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :width=\"width\"\n    :trigger=\"trigger\"\n    :open-delay=\"openDelay\"\n    :close-delay=\"closeDelay\"\n    :disabled=\"disabled\"\n    :teleport-to=\"teleportTo\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n    :open=\"open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\">\n          <template v-for=\"(entry, index) in items ?? []\">\n            <GrDropdownMenuDivider\n              v-if=\"isMenuSeparator(entry)\"\n              :key=\"`divider-${index}`\"\n              :inset=\"entry.inset\"\n            />\n\n            <GrDropdownMenuGroup\n              v-else-if=\"isMenuSection(entry)\"\n              :key=\"`group-${entry.title ?? index}`\"\n              :title=\"entry.title\"\n            >\n              <GrDropdownMenuItem\n                v-for=\"item in entry.items\"\n                :key=\"item.key\"\n                v-bind=\"itemProps(item)\"\n                @click=\"onSelect(item)\"\n              >\n                {{ item.label }}\n              </GrDropdownMenuItem>\n            </GrDropdownMenuGroup>\n\n            <GrDropdownMenuItem\n              v-else-if=\"isMenuAction(entry)\"\n              :key=\"entry.key\"\n              v-bind=\"itemProps(entry)\"\n              @click=\"onSelect(entry)\"\n            >\n              {{ entry.label }}\n            </GrDropdownMenuItem>\n          </template>\n        </slot>\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n// Типы размещения и ширины — из владельца API, а не переобъявлением: расхождение\n// обнаружилось бы только рантаймом.\nimport type { GrDropdownTrigger } from '../GrDropdown/GrDropdown.vue'\nimport type { GrDropdownWidth } from '../GrDropdown/grDropdownStyles'\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\n\nimport GrDropdownMenuDivider from './GrDropdownMenuDivider.vue'\nimport GrDropdownMenuGroup from './GrDropdownMenuGroup.vue'\nimport GrDropdownMenuItem from './GrDropdownMenuItem.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport {\n  isMenuAction,\n  isMenuSection,\n  isMenuSeparator,\n  type GrDropdownMenuAction,\n  type GrDropdownMenuEntry,\n} from './menuModel'\n\nexport interface GrDropdownMenuProps {\n  /** Размещение панели относительно триггера; переворот при нехватке места остаётся. */\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  /** Куда телепортировать панель (`body` по умолчанию). */\n  /** Точечное переопределение точки монтирования; по умолчанию — общий портал. */\n  teleportTo?: string | HTMLElement\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера; по умолчанию `p-0`. */\n  contentClass?: string\n  /**\n   * Декларативное меню: пункты, группы и разделители массивом. Слот по\n   * умолчанию сильнее — он для меню, которое из модели не собирается.\n   */\n  items?: GrDropdownMenuEntry[]\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`) — прокидывается в\n   * `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownMenuEmits {\n  /** Выбран пункт декларативного меню. */\n  (e: 'select', item: GrDropdownMenuAction): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  teleportTo: undefined,\n  closeOnContentClick: true,\n  // В `GrDropdown` есть `p-1`, поэтому здесь по умолчанию обнуляем padding,\n  // чтобы пункты меню могли растягиваться до границ.\n  contentClass: 'p-0',\n  items: undefined,\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownMenuEmits>()\n\nfunction itemProps(item: GrDropdownMenuAction): Record<string, unknown> {\n  return {\n    href: item.href,\n    target: item.target,\n    rel: item.rel,\n    external: item.external,\n    disabled: item.disabled,\n    variant: item.variant,\n    role: item.role,\n    checked: item.checked,\n    icon: item.icon,\n    shortcut: item.shortcut,\n  }\n}\n\nfunction onSelect(item: GrDropdownMenuAction): void {\n  if (item.disabled)\n    return\n\n  emit('select', item)\n}\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :width=\"width\"\n    :trigger=\"trigger\"\n    :open-delay=\"openDelay\"\n    :close-delay=\"closeDelay\"\n    :disabled=\"disabled\"\n    :teleport-to=\"teleportTo\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n    :open=\"open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\">\n          <template v-for=\"(entry, index) in items ?? []\">\n            <GrDropdownMenuDivider\n              v-if=\"isMenuSeparator(entry)\"\n              :key=\"`divider-${index}`\"\n              :inset=\"entry.inset\"\n            />\n\n            <GrDropdownMenuGroup\n              v-else-if=\"isMenuSection(entry)\"\n              :key=\"`group-${entry.title ?? index}`\"\n              :title=\"entry.title\"\n            >\n              <GrDropdownMenuItem\n                v-for=\"item in entry.items\"\n                :key=\"item.key\"\n                v-bind=\"itemProps(item)\"\n                @click=\"onSelect(item)\"\n              >\n                {{ item.label }}\n              </GrDropdownMenuItem>\n            </GrDropdownMenuGroup>\n\n            <GrDropdownMenuItem\n              v-else-if=\"isMenuAction(entry)\"\n              :key=\"entry.key\"\n              v-bind=\"itemProps(entry)\"\n              @click=\"onSelect(entry)\"\n            >\n              {{ entry.label }}\n            </GrDropdownMenuItem>\n          </template>\n        </slot>\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport { alignClass, columnBaseClass, type GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    role=\"none\"\n    :class=\"[columnBaseClass, alignClass[align]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { alignClass, columnBaseClass, type GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    role=\"none\"\n    :class=\"[columnBaseClass, alignClass[align]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { colsClass, columnsBaseClass, type GrDropdownMenuColumnsCount } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: GrDropdownMenuColumnsCount\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    role=\"none\"\n    :class=\"[columnsBaseClass, colsClass[cols]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { colsClass, columnsBaseClass, type GrDropdownMenuColumnsCount } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: GrDropdownMenuColumnsCount\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    role=\"none\"\n    :class=\"[columnsBaseClass, colsClass[cols]]\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDropdownMenu-DyS6dWDp.js","names":[],"sources":["../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuDivider.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuHeader.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuGroup.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuItem.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuList.vue","../../../../src/components/GrDropdownMenu/menuModel.ts","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenu.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumn.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue","../../../../src/components/GrDropdownMenu/GrDropdownMenuColumns.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { dividerClass, dividerInsetClass } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-divider\n    role=\"separator\"\n    :class=\"[dividerClass, inset ? dividerInsetClass : '']\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { dividerClass, dividerInsetClass } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuDividerProps {\n  inset?: boolean\n}\n\nwithDefaults(defineProps<GrDropdownMenuDividerProps>(), {\n  inset: false,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-divider\n    role=\"separator\"\n    :class=\"[dividerClass, inset ? dividerInsetClass : '']\"\n  />\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nimport { headerClass, textAlignClass, type GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\n/**\n * Заголовок — подпись, а не пункт меню: `role=\"presentation\"` убирает его из\n * числа потомков `role=\"menu\"`. Имя группе он даёт через `aria-labelledby`\n * у `GrDropdownMenuGroup`.\n */\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-gr-dropdown-menu-header\n    role=\"presentation\"\n    :class=\"[headerClass, textAlignClass[align], { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nimport { headerClass, textAlignClass, type GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuHeaderProps {\n  title?: string\n  align?: GrDropdownMenuHeaderAlign\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuHeaderProps>(), {\n  title: undefined,\n  align: 'left',\n  uppercase: true,\n})\n\n/**\n * Заголовок — подпись, а не пункт меню: `role=\"presentation\"` убирает его из\n * числа потомков `role=\"menu\"`. Имя группе он даёт через `aria-labelledby`\n * у `GrDropdownMenuGroup`.\n */\nconst slots = useSlots()\nconst isVisible = computed(() => Boolean(props.title) || Boolean(slots.default))\n</script>\n\n<template>\n  <div\n    v-if=\"isVisible\"\n    data-gr-dropdown-menu-header\n    role=\"presentation\"\n    :class=\"[headerClass, textAlignClass[align], { uppercase }]\"\n  >\n    <slot>{{ title }}</slot>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport { dividersClass, listBaseClass, type GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst titleId = useId()\n// Имя группы читается диктором при входе в неё; без заголовка называть нечем.\nconst labelledBy = computed(() => (props.title ? titleId : undefined))\n\nconst itemsClass = computed(() => [\n  listBaseClass,\n  props.dividers ? dividersClass : '',\n].filter(Boolean).join(' '))\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-group\n    role=\"group\"\n    :aria-labelledby=\"labelledBy\"\n    class=\"w-full\"\n  >\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :id=\"titleId\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div role=\"none\" :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\n\nimport GrDropdownMenuHeader from './GrDropdownMenuHeader.vue'\nimport { dividersClass, listBaseClass, type GrDropdownMenuHeaderAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuGroupProps {\n  title?: string\n  titleAlign?: GrDropdownMenuHeaderAlign\n  dividers?: boolean\n  uppercase?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuGroupProps>(), {\n  title: undefined,\n  titleAlign: 'left',\n  dividers: false,\n  uppercase: true,\n})\n\nconst titleId = useId()\n// Имя группы читается диктором при входе в неё; без заголовка называть нечем.\nconst labelledBy = computed(() => (props.title ? titleId : undefined))\n\nconst itemsClass = computed(() => [\n  listBaseClass,\n  props.dividers ? dividersClass : '',\n].filter(Boolean).join(' '))\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-group\n    role=\"group\"\n    :aria-labelledby=\"labelledBy\"\n    class=\"w-full\"\n  >\n    <GrDropdownMenuHeader\n      v-if=\"title\"\n      :id=\"titleId\"\n      :title=\"title\"\n      :align=\"titleAlign\"\n      :uppercase=\"uppercase\"\n    />\n    <div role=\"none\" :class=\"itemsClass\">\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\nimport IconCheck from '~icons/lucide/check'\n\nimport {\n  grDropdownMenuItemClass,\n  itemIndicatorClass,\n  itemShortcutClass,\n  type GrDropdownMenuItemAlign,\n  type GrDropdownMenuItemVariant,\n} from './grDropdownMenuStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type { GrDropdownMenuItemAlign, GrDropdownMenuItemVariant } from './grDropdownMenuStyles'\n\n/**\n * Роль пункта. `menuitemcheckbox`/`menuitemradio` — пункты-переключатели: они\n * обязаны нести `aria-checked`, иначе AT прочитает их как обычные команды.\n */\nexport type GrDropdownMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  /** Пункт-ссылка. У выключенного пункта не рендерится: ссылка осталась бы рабочей. */\n  href?: string\n  target?: string\n  rel?: string\n  /** Шорткат для `target=\"_blank\"` + `rel=\"noopener noreferrer\"`. */\n  external?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n  role?: GrDropdownMenuItemRole\n  /** Состояние переключателя. Осмысленно с `role=\"menuitemcheckbox|radio\"`. */\n  checked?: boolean\n  /** Иконка слева. Слот `#icon` сильнее. */\n  icon?: Component\n  /** Подпись сочетания клавиш справа. Слот `#shortcut` сильнее. */\n  shortcut?: string\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  href: undefined,\n  target: undefined,\n  rel: undefined,\n  external: false,\n  align: 'left',\n  variant: 'default',\n  role: 'menuitem',\n  checked: undefined,\n  icon: undefined,\n  shortcut: undefined,\n})\n\nconst attrs = useAttrs()\n\n// Полиморфный корень: явный `as` сильнее всего, иначе `href` сам делает пункт\n// ссылкой — как у `GrButton`, чтобы не приходилось задавать `as=\"a\"` вручную.\nconst renderAs = computed<string | Component>(() => {\n  if (props.as && props.as !== 'button')\n    return props.as\n  return props.href ? 'a' : 'button'\n})\n\nconst isNativeButton = computed(() => renderAs.value === 'button')\n\n// Выключенный пункт остаётся ссылкой, если оставить ему `href`: средняя кнопка и\n// контекстное меню браузера обойдут любой перехват клика (тот же приём в `GrButton`).\nconst resolvedHref = computed(() => (props.disabled ? undefined : props.href))\nconst resolvedTarget = computed(() => props.target ?? (props.external ? '_blank' : undefined))\nconst resolvedRel = computed(() =>\n  props.rel ?? (resolvedTarget.value === '_blank' ? 'noopener noreferrer' : undefined),\n)\n// Отметка занимает место всегда, когда пункт переключаемый: иначе строки\n// «включено» и «выключено» разъезжаются по горизонтали.\nconst isCheckable = computed(() => props.role !== 'menuitem')\n\nconst className = computed(() => grDropdownMenuItemClass({\n  align: props.align,\n  variant: props.variant,\n  disabled: props.disabled,\n}))\n\n/**\n * Roving tabindex паттерна menu: табируемым остаётся триггер, а внутри панели\n * фокусом распоряжаются стрелки (`GrDropdown` наводит его программно). Без\n * этого `Tab` ходил бы по пунктам, и меню было бы списком кнопок, а не меню.\n *\n * Выключённый пункт из обхода **не** выпадает: `aria-disabled` вместо нативного\n * `disabled` оставляет его фокусируемым, и пользователь узнаёт, что действие\n * существует, но сейчас недоступно (рекомендация WAI-ARIA APG).\n */\nconst resolvedTabindex = computed(() => (attrs.tabindex as number | string | undefined) ?? -1)\n\nfunction onClickCapture(e: MouseEvent): void {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  // `stopImmediatePropagation`, а не `stopPropagation`: обработчик, навешенный\n  // на сам пункт через `v-bind=\"attrs\"`, живёт на этом же элементе, и обычная\n  // остановка всплытия его не отменяет.\n  e.stopImmediatePropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    data-gr-dropdown-menu-item\n    :role=\"role\"\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :href=\"resolvedHref\"\n    :target=\"resolvedHref ? resolvedTarget : undefined\"\n    :rel=\"resolvedHref ? resolvedRel : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :aria-checked=\"isCheckable ? (checked ? 'true' : 'false') : undefined\"\n    :tabindex=\"resolvedTabindex\"\n    @click.capture=\"onClickCapture\"\n  >\n    <span\n      v-if=\"isCheckable\"\n      data-gr-dropdown-menu-item-indicator\n      :class=\"itemIndicatorClass\"\n      aria-hidden=\"true\"\n    >\n      <IconCheck v-if=\"checked\" :class=\"itemIndicatorClass\" />\n    </span>\n\n    <slot name=\"icon\">\n      <component\n        :is=\"icon\"\n        v-if=\"icon\"\n        :class=\"itemIndicatorClass\"\n        aria-hidden=\"true\"\n      />\n    </slot>\n\n    <slot />\n\n    <slot name=\"shortcut\">\n      <span v-if=\"shortcut\" data-gr-dropdown-menu-item-shortcut :class=\"itemShortcutClass\">{{ shortcut }}</span>\n    </slot>\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\nimport type { Component } from 'vue'\n\nimport IconCheck from '~icons/lucide/check'\n\nimport {\n  grDropdownMenuItemClass,\n  itemIndicatorClass,\n  itemShortcutClass,\n  type GrDropdownMenuItemAlign,\n  type GrDropdownMenuItemVariant,\n} from './grDropdownMenuStyles'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nexport type { GrDropdownMenuItemAlign, GrDropdownMenuItemVariant } from './grDropdownMenuStyles'\n\n/**\n * Роль пункта. `menuitemcheckbox`/`menuitemradio` — пункты-переключатели: они\n * обязаны нести `aria-checked`, иначе AT прочитает их как обычные команды.\n */\nexport type GrDropdownMenuItemRole = 'menuitem' | 'menuitemcheckbox' | 'menuitemradio'\n\nexport interface GrDropdownMenuItemProps {\n  as?: string | Component\n  disabled?: boolean\n  /** Пункт-ссылка. У выключенного пункта не рендерится: ссылка осталась бы рабочей. */\n  href?: string\n  target?: string\n  rel?: string\n  /** Шорткат для `target=\"_blank\"` + `rel=\"noopener noreferrer\"`. */\n  external?: boolean\n  align?: GrDropdownMenuItemAlign\n  variant?: GrDropdownMenuItemVariant\n  role?: GrDropdownMenuItemRole\n  /** Состояние переключателя. Осмысленно с `role=\"menuitemcheckbox|radio\"`. */\n  checked?: boolean\n  /** Иконка слева. Слот `#icon` сильнее. */\n  icon?: Component\n  /** Подпись сочетания клавиш справа. Слот `#shortcut` сильнее. */\n  shortcut?: string\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuItemProps>(), {\n  as: 'button',\n  disabled: false,\n  href: undefined,\n  target: undefined,\n  rel: undefined,\n  external: false,\n  align: 'left',\n  variant: 'default',\n  role: 'menuitem',\n  checked: undefined,\n  icon: undefined,\n  shortcut: undefined,\n})\n\nconst attrs = useAttrs()\n\n// Полиморфный корень: явный `as` сильнее всего, иначе `href` сам делает пункт\n// ссылкой — как у `GrButton`, чтобы не приходилось задавать `as=\"a\"` вручную.\nconst renderAs = computed<string | Component>(() => {\n  if (props.as && props.as !== 'button')\n    return props.as\n  return props.href ? 'a' : 'button'\n})\n\nconst isNativeButton = computed(() => renderAs.value === 'button')\n\n// Выключенный пункт остаётся ссылкой, если оставить ему `href`: средняя кнопка и\n// контекстное меню браузера обойдут любой перехват клика (тот же приём в `GrButton`).\nconst resolvedHref = computed(() => (props.disabled ? undefined : props.href))\nconst resolvedTarget = computed(() => props.target ?? (props.external ? '_blank' : undefined))\nconst resolvedRel = computed(() =>\n  props.rel ?? (resolvedTarget.value === '_blank' ? 'noopener noreferrer' : undefined),\n)\n// Отметка занимает место всегда, когда пункт переключаемый: иначе строки\n// «включено» и «выключено» разъезжаются по горизонтали.\nconst isCheckable = computed(() => props.role !== 'menuitem')\n\nconst className = computed(() => grDropdownMenuItemClass({\n  align: props.align,\n  variant: props.variant,\n  disabled: props.disabled,\n}))\n\n/**\n * Roving tabindex паттерна menu: табируемым остаётся триггер, а внутри панели\n * фокусом распоряжаются стрелки (`GrDropdown` наводит его программно). Без\n * этого `Tab` ходил бы по пунктам, и меню было бы списком кнопок, а не меню.\n *\n * Выключённый пункт из обхода **не** выпадает: `aria-disabled` вместо нативного\n * `disabled` оставляет его фокусируемым, и пользователь узнаёт, что действие\n * существует, но сейчас недоступно (рекомендация WAI-ARIA APG).\n */\nconst resolvedTabindex = computed(() => (attrs.tabindex as number | string | undefined) ?? -1)\n\nfunction onClickCapture(e: MouseEvent): void {\n  if (!props.disabled)\n    return\n\n  e.preventDefault()\n  // `stopImmediatePropagation`, а не `stopPropagation`: обработчик, навешенный\n  // на сам пункт через `v-bind=\"attrs\"`, живёт на этом же элементе, и обычная\n  // остановка всплытия его не отменяет.\n  e.stopImmediatePropagation()\n}\n</script>\n\n<template>\n  <component\n    :is=\"renderAs\"\n    v-bind=\"attrs\"\n    data-gr-dropdown-menu-item\n    :role=\"role\"\n    :class=\"className\"\n    :type=\"isNativeButton ? (attrs.type as any) ?? 'button' : undefined\"\n    :href=\"resolvedHref\"\n    :target=\"resolvedHref ? resolvedTarget : undefined\"\n    :rel=\"resolvedHref ? resolvedRel : undefined\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n    :aria-checked=\"isCheckable ? (checked ? 'true' : 'false') : undefined\"\n    :tabindex=\"resolvedTabindex\"\n    @click.capture=\"onClickCapture\"\n  >\n    <span\n      v-if=\"isCheckable\"\n      data-gr-dropdown-menu-item-indicator\n      :class=\"itemIndicatorClass\"\n      aria-hidden=\"true\"\n    >\n      <IconCheck v-if=\"checked\" :class=\"itemIndicatorClass\" />\n    </span>\n\n    <slot name=\"icon\">\n      <component\n        :is=\"icon\"\n        v-if=\"icon\"\n        :class=\"itemIndicatorClass\"\n        aria-hidden=\"true\"\n      />\n    </slot>\n\n    <slot />\n\n    <slot name=\"shortcut\">\n      <span v-if=\"shortcut\" data-gr-dropdown-menu-item-shortcut :class=\"itemShortcutClass\">{{ shortcut }}</span>\n    </slot>\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grDropdownMenuListClass } from './grDropdownMenuStyles'\n\n/**\n * `role=\"none\"` на обёртке обязателен: `role=\"menu\"` у панели объявляет своих\n * потомков презентационными, и любой div между панелью и пунктом ломает\n * `aria-required-children`, а пункты теряют принадлежность к меню.\n */\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => grDropdownMenuListClass({\n  dividers: props.dividers,\n  borderTop: props.borderTop,\n  borderBottom: props.borderBottom,\n}))\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-list\n    role=\"none\"\n    :class=\"className\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { grDropdownMenuListClass } from './grDropdownMenuStyles'\n\n/**\n * `role=\"none\"` на обёртке обязателен: `role=\"menu\"` у панели объявляет своих\n * потомков презентационными, и любой div между панелью и пунктом ломает\n * `aria-required-children`, а пункты теряют принадлежность к меню.\n */\n\nexport interface GrDropdownMenuListProps {\n  dividers?: boolean\n  borderTop?: boolean\n  borderBottom?: boolean\n}\n\nconst props = withDefaults(defineProps<GrDropdownMenuListProps>(), {\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n})\n\nconst className = computed(() => grDropdownMenuListClass({\n  dividers: props.dividers,\n  borderTop: props.borderTop,\n  borderBottom: props.borderBottom,\n}))\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-list\n    role=\"none\"\n    :class=\"className\"\n  >\n    <slot />\n  </div>\n</template>\n","import type { Component } from 'vue'\n\nimport type { GrDropdownMenuItemRole } from './GrDropdownMenuItem.vue'\nimport type { GrDropdownMenuItemVariant } from './grDropdownMenuStyles'\n\n/**\n * Декларативная модель меню.\n *\n * Композиция из подкомпонентов остаётся основным способом — она нужна там, где\n * пункт нестандартный. Но девять меню из десяти однотипны («иконка, подпись,\n * шорткат, иногда разделитель»), и собирать их из пяти компонентов вручную\n * значит каждый раз заново решать, где `role`, где `disabled`, где ключ.\n */\nexport interface GrDropdownMenuAction {\n  /** Ключ пункта — он же приходит в `select`. */\n  key: string\n  label: string\n  icon?: Component\n  shortcut?: string\n  disabled?: boolean\n  variant?: GrDropdownMenuItemVariant\n  role?: GrDropdownMenuItemRole\n  /** Состояние переключателя для `menuitemcheckbox`/`menuitemradio`. */\n  checked?: boolean\n  /** Пункт-ссылка: рендерится как `<a>` с этим `href`. */\n  href?: string\n  target?: string\n  rel?: string\n  /** Шорткат для `target=\"_blank\"` + `rel=\"noopener noreferrer\"`. */\n  external?: boolean\n}\n\nexport interface GrDropdownMenuSeparator {\n  type: 'divider'\n  inset?: boolean\n}\n\nexport interface GrDropdownMenuSection {\n  type: 'group'\n  title?: string\n  items: GrDropdownMenuAction[]\n}\n\nexport type GrDropdownMenuEntry = GrDropdownMenuAction | GrDropdownMenuSeparator | GrDropdownMenuSection\n\nexport function isMenuSeparator(entry: GrDropdownMenuEntry): entry is GrDropdownMenuSeparator {\n  return 'type' in entry && entry.type === 'divider'\n}\n\nexport function isMenuSection(entry: GrDropdownMenuEntry): entry is GrDropdownMenuSection {\n  return 'type' in entry && entry.type === 'group'\n}\n\nexport function isMenuAction(entry: GrDropdownMenuEntry): entry is GrDropdownMenuAction {\n  return !isMenuSeparator(entry) && !isMenuSection(entry)\n}\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n// Типы размещения и ширины — из владельца API, а не переобъявлением: расхождение\n// обнаружилось бы только рантаймом.\nimport type { GrDropdownTrigger } from '../GrDropdown/GrDropdown.vue'\nimport type { GrDropdownWidth } from '../GrDropdown/grDropdownStyles'\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\n\nimport GrDropdownMenuDivider from './GrDropdownMenuDivider.vue'\nimport GrDropdownMenuGroup from './GrDropdownMenuGroup.vue'\nimport GrDropdownMenuItem from './GrDropdownMenuItem.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport {\n  isMenuAction,\n  isMenuSection,\n  isMenuSeparator,\n  type GrDropdownMenuAction,\n  type GrDropdownMenuEntry,\n} from './menuModel'\n\nexport interface GrDropdownMenuProps {\n  /** Размещение панели относительно триггера; переворот при нехватке места остаётся. */\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  /** Куда телепортировать панель (`body` по умолчанию). */\n  /** Точечное переопределение точки монтирования; по умолчанию — общий портал. */\n  teleportTo?: string | HTMLElement\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера. */\n  contentClass?: string\n  /**\n   * Декларативное меню: пункты, группы и разделители массивом. Слот по\n   * умолчанию сильнее — он для меню, которое из модели не собирается.\n   */\n  items?: GrDropdownMenuEntry[]\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`) — прокидывается в\n   * `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownMenuEmits {\n  /** Выбран пункт декларативного меню. */\n  (e: 'select', item: GrDropdownMenuAction): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  teleportTo: undefined,\n  closeOnContentClick: true,\n  // Поле панели принадлежит панели. Гасить его отсюда своим `p-0` нельзя: оба\n  // класса попадают в один атрибут с равной специфичностью, и победителя\n  // выбирает порядок правил в сгенерированном CSS, а не разметка. Пункт вписан\n  // в это поле собственным радиусом — см. `itemBaseClass`.\n  contentClass: '',\n  items: undefined,\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownMenuEmits>()\n\nfunction itemProps(item: GrDropdownMenuAction): Record<string, unknown> {\n  return {\n    href: item.href,\n    target: item.target,\n    rel: item.rel,\n    external: item.external,\n    disabled: item.disabled,\n    variant: item.variant,\n    role: item.role,\n    checked: item.checked,\n    icon: item.icon,\n    shortcut: item.shortcut,\n  }\n}\n\nfunction onSelect(item: GrDropdownMenuAction): void {\n  if (item.disabled)\n    return\n\n  emit('select', item)\n}\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :width=\"width\"\n    :trigger=\"trigger\"\n    :open-delay=\"openDelay\"\n    :close-delay=\"closeDelay\"\n    :disabled=\"disabled\"\n    :teleport-to=\"teleportTo\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n    :open=\"open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\">\n          <template v-for=\"(entry, index) in items ?? []\">\n            <GrDropdownMenuDivider\n              v-if=\"isMenuSeparator(entry)\"\n              :key=\"`divider-${index}`\"\n              :inset=\"entry.inset\"\n            />\n\n            <GrDropdownMenuGroup\n              v-else-if=\"isMenuSection(entry)\"\n              :key=\"`group-${entry.title ?? index}`\"\n              :title=\"entry.title\"\n            >\n              <GrDropdownMenuItem\n                v-for=\"item in entry.items\"\n                :key=\"item.key\"\n                v-bind=\"itemProps(item)\"\n                @click=\"onSelect(item)\"\n              >\n                {{ item.label }}\n              </GrDropdownMenuItem>\n            </GrDropdownMenuGroup>\n\n            <GrDropdownMenuItem\n              v-else-if=\"isMenuAction(entry)\"\n              :key=\"entry.key\"\n              v-bind=\"itemProps(entry)\"\n              @click=\"onSelect(entry)\"\n            >\n              {{ entry.label }}\n            </GrDropdownMenuItem>\n          </template>\n        </slot>\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport GrDropdown from '../GrDropdown/GrDropdown.vue'\n// Типы размещения и ширины — из владельца API, а не переобъявлением: расхождение\n// обнаружилось бы только рантаймом.\nimport type { GrDropdownTrigger } from '../GrDropdown/GrDropdown.vue'\nimport type { GrDropdownWidth } from '../GrDropdown/grDropdownStyles'\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\n\nimport GrDropdownMenuDivider from './GrDropdownMenuDivider.vue'\nimport GrDropdownMenuGroup from './GrDropdownMenuGroup.vue'\nimport GrDropdownMenuItem from './GrDropdownMenuItem.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport {\n  isMenuAction,\n  isMenuSection,\n  isMenuSeparator,\n  type GrDropdownMenuAction,\n  type GrDropdownMenuEntry,\n} from './menuModel'\n\nexport interface GrDropdownMenuProps {\n  /** Размещение панели относительно триггера; переворот при нехватке места остаётся. */\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  /** Куда телепортировать панель (`body` по умолчанию). */\n  /** Точечное переопределение точки монтирования; по умолчанию — общий портал. */\n  teleportTo?: string | HTMLElement\n  /** Закрывать по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы content-контейнера. */\n  contentClass?: string\n  /**\n   * Декларативное меню: пункты, группы и разделители массивом. Слот по\n   * умолчанию сильнее — он для меню, которое из модели не собирается.\n   */\n  items?: GrDropdownMenuEntry[]\n\n  // list wrapper\n  /** Разделители между пунктами. */\n  dividers?: boolean\n  /** Верхний бордер контейнера списка. */\n  borderTop?: boolean\n  /** Нижний бордер контейнера списка. */\n  borderBottom?: boolean\n  /** Дополнительные классы для wrapper'а списка. */\n  listClass?: string\n  /**\n   * Контролируемое состояние панели (`v-model:open`) — прокидывается в\n   * `GrDropdown`. Без пропа меню ведёт себя само (uncontrolled).\n   */\n  open?: boolean\n}\n\nexport interface GrDropdownMenuEmits {\n  /** Выбран пункт декларативного меню. */\n  (e: 'select', item: GrDropdownMenuAction): void\n  /** Панель открылась/закрылась (`v-model:open`). */\n  (e: 'update:open', value: boolean): void\n}\n\nwithDefaults(defineProps<GrDropdownMenuProps>(), {\n  placement: 'bottom-end',\n  offset: 8,\n  width: '12rem',\n  trigger: 'click',\n  openDelay: 120,\n  closeDelay: 160,\n  disabled: false,\n  teleportTo: undefined,\n  closeOnContentClick: true,\n  // Поле панели принадлежит панели. Гасить его отсюда своим `p-0` нельзя: оба\n  // класса попадают в один атрибут с равной специфичностью, и победителя\n  // выбирает порядок правил в сгенерированном CSS, а не разметка. Пункт вписан\n  // в это поле собственным радиусом — см. `itemBaseClass`.\n  contentClass: '',\n  items: undefined,\n  dividers: false,\n  borderTop: false,\n  borderBottom: false,\n  listClass: '',\n  open: undefined,\n})\n\nconst emit = defineEmits<GrDropdownMenuEmits>()\n\nfunction itemProps(item: GrDropdownMenuAction): Record<string, unknown> {\n  return {\n    href: item.href,\n    target: item.target,\n    rel: item.rel,\n    external: item.external,\n    disabled: item.disabled,\n    variant: item.variant,\n    role: item.role,\n    checked: item.checked,\n    icon: item.icon,\n    shortcut: item.shortcut,\n  }\n}\n\nfunction onSelect(item: GrDropdownMenuAction): void {\n  if (item.disabled)\n    return\n\n  emit('select', item)\n}\n</script>\n\n<template>\n  <GrDropdown\n    data-gr-dropdown-menu\n    :placement=\"placement\"\n    :offset=\"offset\"\n    :width=\"width\"\n    :trigger=\"trigger\"\n    :open-delay=\"openDelay\"\n    :close-delay=\"closeDelay\"\n    :disabled=\"disabled\"\n    :teleport-to=\"teleportTo\"\n    :close-on-content-click=\"closeOnContentClick\"\n    :content-class=\"contentClass\"\n    :open=\"open\"\n    @update:open=\"emit('update:open', $event)\"\n  >\n    <template #trigger=\"slotProps\">\n      <slot name=\"trigger\" v-bind=\"slotProps\" />\n    </template>\n\n    <template #content=\"slotProps\">\n      <GrDropdownMenuList\n        :dividers=\"dividers\"\n        :border-top=\"borderTop\"\n        :border-bottom=\"borderBottom\"\n        :class=\"listClass\"\n      >\n        <slot v-bind=\"slotProps\">\n          <template v-for=\"(entry, index) in items ?? []\">\n            <GrDropdownMenuDivider\n              v-if=\"isMenuSeparator(entry)\"\n              :key=\"`divider-${index}`\"\n              :inset=\"entry.inset\"\n            />\n\n            <GrDropdownMenuGroup\n              v-else-if=\"isMenuSection(entry)\"\n              :key=\"`group-${entry.title ?? index}`\"\n              :title=\"entry.title\"\n            >\n              <GrDropdownMenuItem\n                v-for=\"item in entry.items\"\n                :key=\"item.key\"\n                v-bind=\"itemProps(item)\"\n                @click=\"onSelect(item)\"\n              >\n                {{ item.label }}\n              </GrDropdownMenuItem>\n            </GrDropdownMenuGroup>\n\n            <GrDropdownMenuItem\n              v-else-if=\"isMenuAction(entry)\"\n              :key=\"entry.key\"\n              v-bind=\"itemProps(entry)\"\n              @click=\"onSelect(entry)\"\n            >\n              {{ entry.label }}\n            </GrDropdownMenuItem>\n          </template>\n        </slot>\n      </GrDropdownMenuList>\n    </template>\n  </GrDropdown>\n</template>\n","<script setup lang=\"ts\">\nimport { alignClass, columnBaseClass, type GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    role=\"none\"\n    :class=\"[columnBaseClass, alignClass[align]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { alignClass, columnBaseClass, type GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport type { GrDropdownMenuColumnAlign } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnProps {\n  align?: GrDropdownMenuColumnAlign\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnProps>(), {\n  align: 'center',\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-column\n    role=\"none\"\n    :class=\"[columnBaseClass, alignClass[align]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { colsClass, columnsBaseClass, type GrDropdownMenuColumnsCount } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: GrDropdownMenuColumnsCount\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    role=\"none\"\n    :class=\"[columnsBaseClass, colsClass[cols]]\"\n  >\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { colsClass, columnsBaseClass, type GrDropdownMenuColumnsCount } from './grDropdownMenuStyles'\n\nexport interface GrDropdownMenuColumnsProps {\n  cols?: GrDropdownMenuColumnsCount\n}\n\nwithDefaults(defineProps<GrDropdownMenuColumnsProps>(), {\n  cols: 2,\n})\n</script>\n\n<template>\n  <div\n    data-gr-dropdown-menu-columns\n    role=\"none\"\n    :class=\"[columnsBaseClass, colsClass[cols]]\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDropdownMenu/index.js

@@ -1,3 +1,3 @@
-import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "../../chunks/config-BKvX0q10.js";
-import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, i as GrDropdownMenuList_default, n as GrDropdownMenuColumn_default, o as GrDropdownMenuGroup_default, r as GrDropdownMenu_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuColumns_default } from "./chunks/GrDropdownMenu-LOaFSCyd.js";
+import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "../../chunks/config-C5mO5DYZ.js";
+import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, i as GrDropdownMenuList_default, n as GrDropdownMenuColumn_default, o as GrDropdownMenuGroup_default, r as GrDropdownMenu_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuColumns_default } from "./chunks/GrDropdownMenu-DyS6dWDp.js";
 export { GrDropdownMenu_default as GrDropdownMenu, GrDropdownMenu_default as default, GrDropdownMenuColumn_default as GrDropdownMenuColumn, GrDropdownMenuColumns_default as GrDropdownMenuColumns, GrDropdownMenuDivider_default as GrDropdownMenuDivider, GrDropdownMenuGroup_default as GrDropdownMenuGroup, GrDropdownMenuHeader_default as GrDropdownMenuHeader, GrDropdownMenuItem_default as GrDropdownMenuItem, GrDropdownMenuList_default as GrDropdownMenuList, grDropdownMenuConfig, grDropdownMenuSafelist };

package/dist/components/GrJsonViewer/chunks/GrJsonViewer-DFUppRNb.js

@@ -0,0 +1,389 @@
+import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-Bw2AH4uX.js";
+import { useAnnouncer } from "../../../composables/useAnnouncer.js";
+import { t as copy_default } from "../../../chunks/copy-DChChcq-.js";
+import { t as GrInput_default } from "../../GrInput/chunks/GrInput-Bb_pxqpT.js";
+import { t as GrTree_default } from "../../GrTree/chunks/GrTree-BvOeQ3xJ.js";
+import { a as jsonViewerCopyClass, c as jsonViewerMutedClass, d as jsonViewerRowClass, f as jsonViewerSearchClass, i as jsonViewerContentClass, l as jsonViewerPunctuationClass, m as jsonViewerValueClass, o as jsonViewerGroupClass, p as jsonViewerToolbarClass, r as jsonValueClass, s as jsonViewerKeyClass, u as jsonViewerRootClass } from "../../../chunks/config-CIcynHGr.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, watch, withCtx, withModifiers } from "vue";
+//#region src/components/GrJsonViewer/jsonToNodes.ts
+/** Маркер ветки, которая уже встречалась выше по этой же цепочке предков. */
+var CIRCULAR_MARKER = "[Circular]";
+var DEFAULT_ROOT_LABEL = "$";
+var DEFAULT_MAX_STRING_LENGTH = 200;
+var DEFAULT_MAX_ARRAY_ITEMS = 100;
+/** Ключ, который можно дописать через точку, не сломав адрес. */
+var PLAIN_KEY = /^[A-Za-z_$][\w$]*$/;
+function appendKey(parentPath, key) {
+	return PLAIN_KEY.test(key) ? `${parentPath}.${key}` : `${parentPath}[${JSON.stringify(key)}]`;
+}
+/**
+* Счётчик у ветки вместо её содержимого: свёрнутый узел обязан сказать, стоит
+* ли его раскрывать. Слово не склоняется — компонент не знает языка потребителя,
+* а число само по себе читается в любом.
+*/
+function branchPreview(kind, count) {
+	return kind === "array" ? `[${count}]` : `{${count}}`;
+}
+function scalarPreview(value, maxStringLength) {
+	if (typeof value === "string") {
+		if (value.length <= maxStringLength) return {
+			preview: JSON.stringify(value),
+			truncated: false
+		};
+		return {
+			preview: `${JSON.stringify(value.slice(0, maxStringLength))}…`,
+			truncated: true
+		};
+	}
+	if (typeof value === "bigint") return {
+		preview: `${value}n`,
+		truncated: false
+	};
+	if (typeof value === "function" || typeof value === "symbol" || value === void 0) return {
+		preview: String(value),
+		truncated: false
+	};
+	return {
+		preview: JSON.stringify(value) ?? String(value),
+		truncated: false
+	};
+}
+function kindOf(value) {
+	if (value === null) return "null";
+	if (Array.isArray(value)) return "array";
+	switch (typeof value) {
+		case "string": return "string";
+		case "number": return "number";
+		case "bigint": return "number";
+		case "boolean": return "boolean";
+		case "object": return "object";
+		case "undefined":
+		case "function":
+		case "symbol": return "unsupported";
+	}
+	return "unsupported";
+}
+function buildNode(label, path, value, context) {
+	const kind = kindOf(value);
+	if (kind !== "object" && kind !== "array") {
+		const { preview, truncated } = scalarPreview(value, context.maxStringLength);
+		return {
+			path,
+			label,
+			kind,
+			preview,
+			value,
+			truncated,
+			isLeaf: true
+		};
+	}
+	const container = value;
+	if (context.ancestors.has(container)) return {
+		path,
+		label,
+		kind,
+		preview: CIRCULAR_MARKER,
+		value,
+		truncated: false,
+		isLeaf: true
+	};
+	const entries = Array.isArray(value) ? value.map((item, index) => [String(index), item]) : Object.entries(container);
+	if (entries.length === 0) return {
+		path,
+		label,
+		kind,
+		preview: Array.isArray(value) ? "[]" : "{}",
+		value,
+		truncated: false,
+		isLeaf: true
+	};
+	context.ancestors.add(container);
+	const limit = Math.max(0, context.maxArrayItems);
+	const isOverLimit = Array.isArray(value) && entries.length > limit;
+	const children = (isOverLimit ? entries.slice(0, limit) : entries).map(([key, item]) => buildNode(key, Array.isArray(value) ? `${path}[${key}]` : appendKey(path, key), item, context));
+	if (isOverLimit) {
+		const rest = entries.length - limit;
+		children.push({
+			path: `${path}[…]`,
+			label: "…",
+			kind: "truncation",
+			preview: String(rest),
+			value: value.slice(limit),
+			truncated: true,
+			isLeaf: true
+		});
+	}
+	context.ancestors.delete(container);
+	return {
+		path,
+		label,
+		kind,
+		preview: branchPreview(kind, entries.length),
+		value,
+		truncated: isOverLimit,
+		isLeaf: false,
+		children
+	};
+}
+/**
+* Значение → узлы дерева. Корень всегда один: даже скаляр на входе — это узел,
+* иначе дерево пришлось бы то показывать, то нет.
+*/
+function jsonToNodes(value, options = {}) {
+	const context = {
+		maxStringLength: options.maxStringLength ?? DEFAULT_MAX_STRING_LENGTH,
+		maxArrayItems: options.maxArrayItems ?? DEFAULT_MAX_ARRAY_ITEMS,
+		ancestors: /* @__PURE__ */ new Set()
+	};
+	return [buildNode(options.rootLabel ?? DEFAULT_ROOT_LABEL, DEFAULT_ROOT_LABEL, value, context)];
+}
+/** Пути всех узлов до заданной глубины — ими задаётся начальная свёртка. */
+function pathsToDepth(nodes, depth, level = 0) {
+	if (level >= depth) return [];
+	return nodes.flatMap((node) => node.children ? [node.path, ...pathsToDepth(node.children, depth, level + 1)] : []);
+}
+/** Пути всех веток — для «раскрыть всё». */
+function branchPaths(nodes) {
+	return nodes.flatMap((node) => node.children ? [node.path, ...branchPaths(node.children)] : []);
+}
+//#endregion
+//#region src/components/GrJsonViewer/GrJsonViewer.vue
+var GrJsonViewer_default = /* @__PURE__ */ defineComponent({
+	__name: "GrJsonViewer",
+	props: {
+		value: {},
+		rootLabel: { default: void 0 },
+		defaultExpandDepth: { default: void 0 },
+		maxStringLength: { default: void 0 },
+		maxArrayItems: { default: void 0 },
+		searchable: {
+			type: Boolean,
+			default: void 0
+		},
+		copyable: {
+			type: Boolean,
+			default: void 0
+		},
+		virtual: {
+			type: Boolean,
+			default: false
+		},
+		maxHeight: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		size: { default: void 0 }
+	},
+	emits: ["copy"],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const { announce } = useAnnouncer();
+		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrJsonViewer" });
+		const resolvedDepth = useGrComponentProp("GrJsonViewer", "defaultExpandDepth", () => props.defaultExpandDepth, 1);
+		const resolvedMaxString = useGrComponentProp("GrJsonViewer", "maxStringLength", () => props.maxStringLength, 200);
+		const resolvedMaxArray = useGrComponentProp("GrJsonViewer", "maxArrayItems", () => props.maxArrayItems, 100);
+		const resolvedSearchable = useGrComponentProp("GrJsonViewer", "searchable", () => props.searchable, true);
+		const resolvedCopyable = useGrComponentProp("GrJsonViewer", "copyable", () => props.copyable, true);
+		const nodes = computed(() => jsonToNodes(props.value, {
+			rootLabel: props.rootLabel,
+			maxStringLength: resolvedMaxString.value,
+			maxArrayItems: resolvedMaxArray.value
+		}));
+		/**
+		* Раскрытие ведётся подстановкой набора путей.
+		*
+		* Контролируемого `expandedKeys` у `GrTree` нет, но `defaultExpandedKeys` —
+		* не «начальное значение»: дерево следит за пропом и заменяет набор целиком.
+		* Этого хватает и глубине по умолчанию, и кнопкам «раскрыть/свернуть всё»;
+		* ручное раскрытие пользователя при этом сбрасывается — от этих кнопок ровно
+		* того и ждут.
+		*/
+		const expandedPaths = ref([]);
+		watch([nodes, resolvedDepth], ([list, depth]) => {
+			expandedPaths.value = pathsToDepth(list, depth);
+		}, { immediate: true });
+		function expandAll() {
+			expandedPaths.value = branchPaths(nodes.value);
+		}
+		function collapseAll() {
+			expandedPaths.value = [];
+		}
+		const query = ref("");
+		const treeRef = ref(null);
+		watch(query, (value) => {
+			treeRef.value?.filter(value);
+		});
+		function filter(value) {
+			query.value = value;
+		}
+		/** Поиск идёт и по ключу, и по значению: в чужом ответе ищут то одно, то другое. */
+		function matchKeyOrValue(value, data) {
+			if (!value) return true;
+			const needle = value.toLowerCase();
+			return data.label.toLowerCase().includes(needle) || data.preview.toLowerCase().includes(needle);
+		}
+		/**
+		* Наличие буфера уточняется после монтирования: `navigator` в теле `setup` либо
+		* роняет серверный рендер, либо расходится с ним. До этого момента кнопки нет —
+		* ровно то же, что отдаёт сервер, поэтому гидрация совпадает.
+		*/
+		const canCopy = ref(false);
+		onMounted(() => {
+			canCopy.value = typeof navigator !== "undefined" && typeof navigator.clipboard?.writeText === "function";
+			if (props.virtual && props.maxHeight === void 0 && typeof process !== "undefined" && process.env.NODE_ENV !== "production") console.warn("[GrJsonViewer] `virtual` без `maxHeight` не включает виртуализацию: окно считается от высоты области.");
+		});
+		const showCopy = computed(() => resolvedCopyable.value && canCopy.value);
+		const copiedPath = ref(null);
+		let copiedTimer = null;
+		function resetCopiedTimer() {
+			if (copiedTimer !== null) {
+				clearTimeout(copiedTimer);
+				copiedTimer = null;
+			}
+		}
+		onBeforeUnmount(resetCopiedTimer);
+		/**
+		* В буфер уходит **полное** значение узла, а не то, что видно: обрезка
+		* принадлежит показу, и вставить её обратно нельзя.
+		*/
+		async function copyNode(node) {
+			const text = typeof node.value === "string" ? node.value : JSON.stringify(node.value, null, 2) ?? String(node.value);
+			try {
+				await navigator.clipboard.writeText(text);
+			} catch {
+				announce(t("gr.jsonViewer.copyFailed", "Could not copy value"));
+				return;
+			}
+			copiedPath.value = node.path;
+			resetCopiedTimer();
+			copiedTimer = window.setTimeout(() => {
+				copiedPath.value = null;
+				copiedTimer = null;
+			}, 1200);
+			announce(t("gr.jsonViewer.copied", "Value copied"));
+			emit("copy", {
+				path: node.path,
+				value: node.value
+			});
+		}
+		__expose({
+			filter,
+			expandAll,
+			collapseAll
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-json-viewer": "",
+				class: normalizeClass(unref(jsonViewerRootClass))
+			}, [unref(resolvedSearchable) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-gr-json-viewer-toolbar": "",
+				class: normalizeClass(unref(jsonViewerToolbarClass))
+			}, [
+				createVNode(GrInput_default, {
+					modelValue: query.value,
+					"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => query.value = $event),
+					class: normalizeClass(unref(jsonViewerSearchClass)),
+					size: unref(resolvedSize),
+					clearable: "",
+					placeholder: unref(t)("gr.jsonViewer.search", "Search key or value"),
+					"aria-label": unref(t)("gr.jsonViewer.search", "Search key or value")
+				}, null, 8, [
+					"modelValue",
+					"class",
+					"size",
+					"placeholder",
+					"aria-label"
+				]),
+				createVNode(GrButton_default, {
+					variant: "ghost",
+					size: unref(resolvedSize),
+					onClick: expandAll
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("gr.jsonViewer.expandAll", "Expand all")), 1)]),
+					_: 1
+				}, 8, ["size"]),
+				createVNode(GrButton_default, {
+					variant: "ghost",
+					size: unref(resolvedSize),
+					onClick: collapseAll
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(unref(t)("gr.jsonViewer.collapseAll", "Collapse all")), 1)]),
+					_: 1
+				}, 8, ["size"])
+			], 2)) : createCommentVNode("", true), createVNode(GrTree_default, {
+				ref_key: "treeRef",
+				ref: treeRef,
+				data: nodes.value,
+				"node-key": "path",
+				props: {
+					children: "children",
+					label: "label",
+					isLeaf: "isLeaf"
+				},
+				"default-expanded-keys": expandedPaths.value,
+				"filter-node-method": matchKeyOrValue,
+				"content-class": unref(jsonViewerContentClass),
+				virtual: __props.virtual,
+				"max-height": __props.maxHeight,
+				size: unref(resolvedSize),
+				"aria-label": __props.ariaLabel
+			}, {
+				default: withCtx(({ data }) => [createElementVNode("span", {
+					"data-gr-json-viewer-row": "",
+					class: normalizeClass([unref(jsonViewerRowClass), unref(jsonViewerGroupClass)])
+				}, [
+					createElementVNode("span", {
+						"data-gr-json-viewer-key": "",
+						class: normalizeClass(unref(jsonViewerKeyClass))
+					}, toDisplayString(data.label), 3),
+					createElementVNode("span", { class: normalizeClass(unref(jsonViewerPunctuationClass)) }, ":", 2),
+					createElementVNode("span", {
+						"data-gr-json-viewer-value": "",
+						class: normalizeClass([unref(jsonViewerValueClass), unref(jsonValueClass)[data.kind]])
+					}, [renderSlot(_ctx.$slots, "leaf", { node: data }, () => [createTextVNode(toDisplayString(data.preview), 1)])], 2),
+					data.kind === "truncation" ? (openBlock(), createElementBlock("span", {
+						key: 0,
+						class: normalizeClass(unref(jsonViewerMutedClass))
+					}, toDisplayString(unref(t)("gr.jsonViewer.moreItems", "more")), 3)) : createCommentVNode("", true),
+					showCopy.value && data.kind !== "truncation" ? (openBlock(), createBlock(GrButton_default, {
+						key: 1,
+						"data-gr-json-viewer-copy": "",
+						variant: "ghost",
+						size: "xs",
+						square: "",
+						class: normalizeClass(unref(jsonViewerCopyClass)),
+						"aria-label": unref(t)("gr.jsonViewer.copy", "Copy value"),
+						title: unref(t)("gr.jsonViewer.copy", "Copy value"),
+						onClick: withModifiers(($event) => copyNode(data), ["stop"])
+					}, {
+						default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(copiedPath.value === data.path ? unref(check_default) : unref(copy_default)), {
+							class: "h-3.5 w-3.5",
+							"aria-hidden": "true"
+						}))]),
+						_: 2
+					}, 1032, [
+						"class",
+						"aria-label",
+						"title",
+						"onClick"
+					])) : createCommentVNode("", true)
+				], 2)]),
+				_: 3
+			}, 8, [
+				"data",
+				"default-expanded-keys",
+				"content-class",
+				"virtual",
+				"max-height",
+				"size",
+				"aria-label"
+			])], 2);
+		};
+	}
+});
+//#endregion
+export { GrJsonViewer_default as t };