@feugene/granularity 0.33.0 → 0.34.1

package/dist/components/GrDropdown/chunks/GrDropdown-7r772-Cq.js

@@ -0,0 +1,180 @@
+import { t as useControlledOpen } from "../../../chunks/useControlledOpen-DV3SqLTP.js";
+import { t as GrPopover_default } from "../../GrPopover/chunks/GrPopover-DEFxDffj.js";
+import { t as useMenuItemsFocus } from "../../../chunks/useMenuItemsFocus-B7Bl_aFA.js";
+import { t as grDropdownContentClass } from "../../../chunks/grDropdownStyles-DLToHWMX.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, watch, withCtx } from "vue";
+//#region src/components/GrDropdown/GrDropdown.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { "data-gr-dropdown": "" };
+//#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));
+		/**
+		* Контейнер пунктов — он же контейнер кольца фокуса.
+		*
+		* Панель `GrPopover` рисует `v-show`, поэтому содержимое слота существует в DOM
+		* с монтирования: ссылка готова до первого открытия, и `focusAt` не приходится
+		* ждать отрисовки панели.
+		*/
+		const menuEl = ref(null);
+		const menu = useMenuItemsFocus({
+			container: () => menuEl.value,
+			close: () => close()
+		});
+		function open() {
+			if (props.disabled) return;
+			setOpen(true);
+		}
+		function close() {
+			setOpen(false);
+		}
+		function toggle() {
+			isOpen.value ? close() : open();
+		}
+		async function openWithFocus(first) {
+			if (props.disabled) return;
+			setOpen(true);
+			await nextTick();
+			menu.focusAt(first ? 0 : -1);
+		}
+		/**
+		* Что меню добавляет к `triggerProps` примитива.
+		*
+		* Примитив отдаёт ARIA и клик; стрелки, открывающие меню с первого или
+		* последнего пункта, принадлежат паттерну `menu` и живут здесь.
+		*
+		* И `aria-disabled` вместо нативного `disabled`. Расхождение намеренное:
+		* нативный атрибут убирает кнопку из таб-порядка, а у меню триггер обязан
+		* оставаться фокусируемым — иначе пользователь клавиатуры не найдёт его вовсе и
+		* не узнает, почему меню недоступно. Форм-контролу (`GrColorPicker`) верно
+		* обратное, поэтому примитив оставляет нативный, а меню его перекрывает.
+		*/
+		function menuTriggerProps(popoverProps) {
+			return {
+				...popoverProps,
+				"disabled": void 0,
+				"aria-disabled": props.disabled || void 0,
+				"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;
+			}
+		}
+		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 ? { width } : void 0;
+		});
+		const contentClasses = computed(() => grDropdownContentClass(props.contentClass));
+		__expose({
+			open,
+			close,
+			toggle
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(GrPopover_default, {
+				role: "menu",
+				padding: "none",
+				open: unref(isOpen),
+				placement: __props.placement,
+				"offset-px": __props.offset,
+				trigger: __props.trigger,
+				"open-delay": __props.openDelay,
+				"close-delay": __props.closeDelay,
+				disabled: __props.disabled,
+				"close-on-content-click": __props.closeOnContentClick,
+				"teleport-to": __props.teleportTo,
+				"auto-focus": false,
+				"onUpdate:open": unref(setOpen)
+			}, {
+				trigger: withCtx(({ triggerProps: popoverTriggerProps }) => [renderSlot(_ctx.$slots, "trigger", {
+					open: unref(isOpen),
+					toggle,
+					close,
+					triggerProps: menuTriggerProps(popoverTriggerProps)
+				})]),
+				content: withCtx(({ close: closePanel }) => [createElementVNode("div", {
+					ref_key: "menuEl",
+					ref: menuEl,
+					"data-gr-dropdown-panel": "",
+					style: normalizeStyle(panelStyle.value),
+					onKeydown: _cache[0] || (_cache[0] = (...args) => unref(menu).onKeydown && unref(menu).onKeydown(...args))
+				}, [createElementVNode("div", {
+					"data-gr-dropdown-content": "",
+					class: normalizeClass(contentClasses.value)
+				}, [renderSlot(_ctx.$slots, "content", { close: closePanel })], 2)], 36)]),
+				_: 3
+			}, 8, [
+				"open",
+				"placement",
+				"offset-px",
+				"trigger",
+				"open-delay",
+				"close-delay",
+				"disabled",
+				"close-on-content-click",
+				"teleport-to",
+				"onUpdate:open"
+			])]);
+		};
+	}
+});
+//#endregion
+export { GrDropdown_default as t };

package/dist/components/GrDropdown/chunks/GrDropdown-7r772-Cq.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDropdown-7r772-Cq.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport {\n  grDropdownContentClass,\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\n/**\n * Меню поверх `GrPopover`.\n *\n * Панель, слой, портал, позиционирование, наведение с задержками и возврат\n * фокуса принадлежат примитиву. До этого здесь жила вторая их реализация:\n * карта `transform-origin` совпадала с поповерской дословно все двенадцать\n * записей, поверхность панели — шесть утилит — была скопирована, а сборка слоя\n * и портала повторяла его же. Расходились бы молча.\n *\n * Меню оставляет себе то, что меню и есть: кольцо фокуса по пунктам, поиск по\n * буквам, клавиатуру открытия и ширину панели. Тот же приём, что у\n * `GrContextMenu`, который так устроен с самого начала.\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\n/**\n * Контейнер пунктов — он же контейнер кольца фокуса.\n *\n * Панель `GrPopover` рисует `v-show`, поэтому содержимое слота существует в DOM\n * с монтирования: ссылка готова до первого открытия, и `focusAt` не приходится\n * ждать отрисовки панели.\n */\nconst menuEl = ref<HTMLElement | null>(null)\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => menuEl.value,\n  close: () => close(),\n})\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n}\n\nfunction close(): void {\n  setOpen(false)\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\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 * Что меню добавляет к `triggerProps` примитива.\n *\n * Примитив отдаёт ARIA и клик; стрелки, открывающие меню с первого или\n * последнего пункта, принадлежат паттерну `menu` и живут здесь.\n *\n * И `aria-disabled` вместо нативного `disabled`. Расхождение намеренное:\n * нативный атрибут убирает кнопку из таб-порядка, а у меню триггер обязан\n * оставаться фокусируемым — иначе пользователь клавиатуры не найдёт его вовсе и\n * не узнает, почему меню недоступно. Форм-контролу (`GrColorPicker`) верно\n * обратное, поэтому примитив оставляет нативный, а меню его перекрывает.\n */\nfunction menuTriggerProps(popoverProps: Record<string, unknown>): Record<string, unknown> {\n  return {\n    ...popoverProps,\n    'disabled': undefined,\n    'aria-disabled': props.disabled || undefined,\n    'onKeydown': onTriggerKeydown,\n  }\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\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\n  return width ? { width } : undefined\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\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    <GrPopover\n      role=\"menu\"\n      padding=\"none\"\n      :open=\"isOpen\"\n      :placement=\"placement\"\n      :offset-px=\"offset\"\n      :trigger=\"trigger\"\n      :open-delay=\"openDelay\"\n      :close-delay=\"closeDelay\"\n      :disabled=\"disabled\"\n      :close-on-content-click=\"closeOnContentClick\"\n      :teleport-to=\"teleportTo\"\n      :auto-focus=\"false\"\n      @update:open=\"setOpen\"\n    >\n      <template #trigger=\"{ triggerProps: popoverTriggerProps }\">\n        <slot\n          name=\"trigger\"\n          :open=\"isOpen\"\n          :toggle=\"toggle\"\n          :close=\"close\"\n          :trigger-props=\"menuTriggerProps(popoverTriggerProps)\"\n        />\n      </template>\n\n      <template #content=\"{ close: closePanel }\">\n        <div\n          ref=\"menuEl\"\n          data-gr-dropdown-panel\n          :style=\"panelStyle\"\n          @keydown=\"menu.onKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"closePanel\" />\n          </div>\n        </div>\n      </template>\n    </GrPopover>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, watch } from 'vue'\n\nimport type { UseFloatingPlacement } from '../../composables/useFloating'\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useMenuItemsFocus } from '../../composables/internal/useMenuItemsFocus'\nimport GrPopover from '../GrPopover/GrPopover.vue'\nimport {\n  grDropdownContentClass,\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\n/**\n * Меню поверх `GrPopover`.\n *\n * Панель, слой, портал, позиционирование, наведение с задержками и возврат\n * фокуса принадлежат примитиву. До этого здесь жила вторая их реализация:\n * карта `transform-origin` совпадала с поповерской дословно все двенадцать\n * записей, поверхность панели — шесть утилит — была скопирована, а сборка слоя\n * и портала повторяла его же. Расходились бы молча.\n *\n * Меню оставляет себе то, что меню и есть: кольцо фокуса по пунктам, поиск по\n * буквам, клавиатуру открытия и ширину панели. Тот же приём, что у\n * `GrContextMenu`, который так устроен с самого начала.\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\n/**\n * Контейнер пунктов — он же контейнер кольца фокуса.\n *\n * Панель `GrPopover` рисует `v-show`, поэтому содержимое слота существует в DOM\n * с монтирования: ссылка готова до первого открытия, и `focusAt` не приходится\n * ждать отрисовки панели.\n */\nconst menuEl = ref<HTMLElement | null>(null)\n\n// Кольцо фокуса и поиск по буквам — общие с `GrContextMenu`: паттерн `menu`\n// один, и вторая его реализация разошлась бы с первой незаметно для тестов.\nconst menu = useMenuItemsFocus({\n  container: () => menuEl.value,\n  close: () => close(),\n})\n\nfunction open(): void {\n  if (props.disabled)\n    return\n\n  setOpen(true)\n}\n\nfunction close(): void {\n  setOpen(false)\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\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 * Что меню добавляет к `triggerProps` примитива.\n *\n * Примитив отдаёт ARIA и клик; стрелки, открывающие меню с первого или\n * последнего пункта, принадлежат паттерну `menu` и живут здесь.\n *\n * И `aria-disabled` вместо нативного `disabled`. Расхождение намеренное:\n * нативный атрибут убирает кнопку из таб-порядка, а у меню триггер обязан\n * оставаться фокусируемым — иначе пользователь клавиатуры не найдёт его вовсе и\n * не узнает, почему меню недоступно. Форм-контролу (`GrColorPicker`) верно\n * обратное, поэтому примитив оставляет нативный, а меню его перекрывает.\n */\nfunction menuTriggerProps(popoverProps: Record<string, unknown>): Record<string, unknown> {\n  return {\n    ...popoverProps,\n    'disabled': undefined,\n    'aria-disabled': props.disabled || undefined,\n    'onKeydown': onTriggerKeydown,\n  }\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\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\n  return width ? { width } : undefined\n})\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\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    <GrPopover\n      role=\"menu\"\n      padding=\"none\"\n      :open=\"isOpen\"\n      :placement=\"placement\"\n      :offset-px=\"offset\"\n      :trigger=\"trigger\"\n      :open-delay=\"openDelay\"\n      :close-delay=\"closeDelay\"\n      :disabled=\"disabled\"\n      :close-on-content-click=\"closeOnContentClick\"\n      :teleport-to=\"teleportTo\"\n      :auto-focus=\"false\"\n      @update:open=\"setOpen\"\n    >\n      <template #trigger=\"{ triggerProps: popoverTriggerProps }\">\n        <slot\n          name=\"trigger\"\n          :open=\"isOpen\"\n          :toggle=\"toggle\"\n          :close=\"close\"\n          :trigger-props=\"menuTriggerProps(popoverTriggerProps)\"\n        />\n      </template>\n\n      <template #content=\"{ close: closePanel }\">\n        <div\n          ref=\"menuEl\"\n          data-gr-dropdown-panel\n          :style=\"panelStyle\"\n          @keydown=\"menu.onKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"closePanel\" />\n          </div>\n        </div>\n      </template>\n    </GrPopover>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+DA,MAAM,QAAQ;EAcd,MAAM,OAAO;EAGb,MAAM,EAAE,MAAM,QAAQ,YAAY,wBAC1B,MAAM,OACZ,SAAQ,KAAK,eAAe,IAAI,CAClC;;;;;;;;EASA,MAAM,SAAS,IAAwB,IAAI;EAI3C,MAAM,OAAO,kBAAkB;GAC7B,iBAAiB,OAAO;GACxB,aAAa,MAAM;EACrB,CAAC;EAED,SAAS,OAAa;GACpB,IAAI,MAAM,UACR;GAEF,QAAQ,IAAI;EACd;EAEA,SAAS,QAAc;GACrB,QAAQ,KAAK;EACf;EAEA,SAAS,SAAe;GACtB,OAAO,QAAQ,MAAM,IAAI,KAAK;EAChC;EAEA,eAAe,cAAc,OAA+B;GAC1D,IAAI,MAAM,UACR;GAEF,QAAQ,IAAI;GACZ,MAAM,SAAS;GACf,KAAK,QAAQ,QAAQ,IAAI,EAAE;EAC7B;;;;;;;;;;;;;EAcA,SAAS,iBAAiB,cAAgE;GACxF,OAAO;IACL,GAAG;IACH,YAAY,KAAA;IACZ,iBAAiB,MAAM,YAAY,KAAA;IACnC,aAAa;GACf;EACF;EAEA,SAAS,iBAAiB,OAA4B;GACpD,IAAI,MAAM,UACR;GAEF,QAAQ,MAAM,KAAd;IACE,KAAK;IACL,KAAK;IACL,KAAK;KACH,MAAM,eAAe;KACrB,cAAmB,IAAI;KACvB;IACF,KAAK;KACH,MAAM,eAAe;KACrB,cAAmB,KAAK;KACxB;IACF,KAAK;KACH,IAAI,OAAO,OAAO;MAChB,MAAM,eAAe;MACrB,MAAM;KACR;KACA;GACJ;EACF;EAEA,YACQ,MAAM,WACX,UAAU;GACT,IAAI,OACF,MAAM;EACV,CACF;EAEA,SAAS,YAAY,OAA4C;GAC/D,IAAI,UAAU,QACZ,OAAO,KAAA;GACT,IAAI,OAAO,UAAU,UACnB,OAAO,GAAG,MAAM;GAIlB,MAAM,OAAO,MAAM,KAAK;GACxB,IAAI,QAAQ,KAAK,IAAI,GAAG;IACtB,IAAA,OAAA,YAAA,eAAA,QAAA,IAAA,aAAA,cACE,QAAQ,KACN,uBAAuB,MAAM,mBAAmB,KAAK,iFAEzC,KAAK,kBAAkB,KAAK,GAC1C;IAEF,OAAO,GAAG,KAAK;GACjB;GAEA,OAAO;EACT;EAEA,MAAM,aAAa,eAAe;GAChC,MAAM,QAAQ,YAAY,MAAM,KAAK;GAErC,OAAO,QAAQ,EAAE,MAAM,IAAI,KAAA;EAC7B,CAAC;EAED,MAAM,iBAAiB,eAAe,uBAAuB,MAAM,YAAY,CAAC;EAEhF,SAAa;GAAE;GAAM;GAAO;EAAO,CAAC;;uBAoBlC,mBAuCM,OAvCN,YAuCM,CAtCJ,YAqCY,mBAAA;IApCV,MAAK;IACL,SAAQ;IACP,MAAM,MAAA,MAAA;IACN,WAAW,QAAA;IACX,aAAW,QAAA;IACX,SAAS,QAAA;IACT,cAAY,QAAA;IACZ,eAAa,QAAA;IACb,UAAU,QAAA;IACV,0BAAwB,QAAA;IACxB,eAAa,QAAA;IACb,cAAY;IACZ,iBAAa,MAAA,OAAA;;IAEH,SAAO,SAOd,EAAA,cAPgC,0BAAmB,CACrD,WAME,KAAA,QAAA,WAAA;KAJC,MAAM,MAAA,MAAA;KACE;KACD;KACP,cAAe,iBAAiB,mBAAmB;;IAI7C,SAAO,SAUV,EAAA,OAVqB,iBAAU,CACrC,mBASM,OAAA;cARA;KAAJ,KAAI;KACJ,0BAAA;KACC,OAAK,eAAE,WAAA,KAAU;KACjB,WAAO,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,IAAA,CAAI,CAAC,aAAL,MAAA,IAAA,CAAI,CAAC,UAAS,GAAA,IAAA;QAExB,mBAEM,OAAA;KAFD,4BAAA;KAA0B,OAAK,eAAE,eAAA,KAAc;QAClD,WAA2C,KAAA,QAAA,WAAA,EAArB,OAAO,WAAU,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,EAAA,CAAA,CAAA"}

package/dist/components/GrDropdown/index.js

@@ -1,3 +1,3 @@
-import { t as GrDropdown_default } from "./chunks/GrDropdown-13Wt9eB_.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-uzUuosv7.js";
+import { t as GrDropdown_default } from "./chunks/GrDropdown-7r772-Cq.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-CT4lP6S4.js";
 export { GrDropdown_default as GrDropdown, GrDropdown_default as default, grDropdownConfig, grDropdownSafelist };

package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-GOzuAXsi.js → GrDropdownMenu-DNurbsWc.js}

@@ -1,6 +1,6 @@
 import { a as colsClass, o as columnBaseClass, s as columnsBaseClass, t as alignClass } from "../../../chunks/grDropdownMenuStyles-Cf8OdR8S.js";
 import { n as GrDropdownMenuEntries_default, t as GrDropdownMenuList_default } from "./GrDropdownMenuList-B33ZzwfB.js";
-import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-13Wt9eB_.js";
+import { t as GrDropdown_default } from "../../GrDropdown/chunks/GrDropdown-7r772-Cq.js";
 import { createBlock, createElementBlock, createVNode, defineComponent, guardReactiveProps, normalizeClass, normalizeProps, openBlock, renderSlot, unref, withCtx } from "vue";
 //#endregion
 //#region src/components/GrDropdownMenu/GrDropdownMenu.vue

package/dist/components/GrDropdownMenu/chunks/{GrDropdownMenu-GOzuAXsi.js.map → GrDropdownMenu-DNurbsWc.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDropdownMenu-GOzuAXsi.js","names":[],"sources":["../../../../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 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 GrDropdownMenuEntries from './GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } 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\ndefineSlots<{\n  /** Пункты меню. Слот-пропы прокидываются от `GrDropdown` как есть. */\n  default?: (props: { close: () => void }) => any\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</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          <GrDropdownMenuEntries :items=\"items\" @select=\"emit('select', $event)\" />\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 GrDropdownMenuEntries from './GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } 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\ndefineSlots<{\n  /** Пункты меню. Слот-пропы прокидываются от `GrDropdown` как есть. */\n  default?: (props: { close: () => void }) => any\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</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          <GrDropdownMenuEntries :items=\"items\" @select=\"emit('select', $event)\" />\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\ndefineSlots<{\n  /** Содержимое колонки меню. */\n  default?: () => any\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\ndefineSlots<{\n  /** Содержимое колонки меню. */\n  default?: () => any\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\ndefineSlots<{\n  /** Колонки меню (`GrDropdownMenuColumn`). */\n  default?: () => any\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\ndefineSlots<{\n  /** Колонки меню (`GrDropdownMenuColumn`). */\n  default?: () => any\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFA,MAAM,OAAO;;uBAoBX,YA+Ba,oBAAA;IA9BX,yBAAA;IACC,WAAW,QAAA;IACX,QAAQ,QAAA;IACR,OAAO,QAAA;IACP,SAAS,QAAA;IACT,cAAY,QAAA;IACZ,eAAa,QAAA;IACb,UAAU,QAAA;IACV,eAAa,QAAA;IACb,0BAAwB,QAAA;IACxB,iBAAe,QAAA;IACf,MAAM,QAAA;IACN,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,MAAM;;IAE7B,SAAO,SAAE,cAAS,CAC3B,WAA0C,KAAA,QAAA,WAAA,eAAA,mBAAb,SAAS,CAAA,CAAA,CAAA,CAAA;IAG7B,SAAO,SAAE,cAAS,CAC3B,YASqB,4BAAA;KARlB,UAAU,QAAA;KACV,cAAY,QAAA;KACZ,iBAAe,QAAA;KACf,OAAK,eAAE,QAAA,SAAS;;4BAIV,CAFP,WAEO,KAAA,QAAA,WAAA,eAAA,mBAFO,SAAS,CAAA,SAEhB,CADL,YAAyE,+BAAA;MAAjD,OAAO,QAAA;MAAQ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBEjH5E,mBAMM,OAAA;IALJ,gCAAA;IACA,MAAK;IACJ,OAAK,eAAA,CAAG,MAAA,eAAA,GAAiB,MAAA,UAAA,CAAU,CAAC,QAAA,MAAK,CAAA;OAE1C,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;;;;;;;;;;;uBEPV,mBAMM,OAAA;IALJ,iCAAA;IACA,MAAK;IACJ,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,SAAA,CAAS,CAAC,QAAA,KAAI,CAAA;OAEzC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}
+{"version":3,"file":"GrDropdownMenu-DNurbsWc.js","names":[],"sources":["../../../../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 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 GrDropdownMenuEntries from './GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } 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\ndefineSlots<{\n  /** Пункты меню. Слот-пропы прокидываются от `GrDropdown` как есть. */\n  default?: (props: { close: () => void }) => any\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</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          <GrDropdownMenuEntries :items=\"items\" @select=\"emit('select', $event)\" />\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 GrDropdownMenuEntries from './GrDropdownMenuEntries.vue'\nimport GrDropdownMenuList from './GrDropdownMenuList.vue'\nimport type { GrDropdownMenuAction, GrDropdownMenuEntry } 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\ndefineSlots<{\n  /** Пункты меню. Слот-пропы прокидываются от `GrDropdown` как есть. */\n  default?: (props: { close: () => void }) => any\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</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          <GrDropdownMenuEntries :items=\"items\" @select=\"emit('select', $event)\" />\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\ndefineSlots<{\n  /** Содержимое колонки меню. */\n  default?: () => any\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\ndefineSlots<{\n  /** Содержимое колонки меню. */\n  default?: () => any\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\ndefineSlots<{\n  /** Колонки меню (`GrDropdownMenuColumn`). */\n  default?: () => any\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\ndefineSlots<{\n  /** Колонки меню (`GrDropdownMenuColumn`). */\n  default?: () => any\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsFA,MAAM,OAAO;;uBAoBX,YA+Ba,oBAAA;IA9BX,yBAAA;IACC,WAAW,QAAA;IACX,QAAQ,QAAA;IACR,OAAO,QAAA;IACP,SAAS,QAAA;IACT,cAAY,QAAA;IACZ,eAAa,QAAA;IACb,UAAU,QAAA;IACV,eAAa,QAAA;IACb,0BAAwB,QAAA;IACxB,iBAAe,QAAA;IACf,MAAM,QAAA;IACN,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,eAAgB,MAAM;;IAE7B,SAAO,SAAE,cAAS,CAC3B,WAA0C,KAAA,QAAA,WAAA,eAAA,mBAAb,SAAS,CAAA,CAAA,CAAA,CAAA;IAG7B,SAAO,SAAE,cAAS,CAC3B,YASqB,4BAAA;KARlB,UAAU,QAAA;KACV,cAAY,QAAA;KACZ,iBAAe,QAAA;KACf,OAAK,eAAE,QAAA,SAAS;;4BAIV,CAFP,WAEO,KAAA,QAAA,WAAA,eAAA,mBAFO,SAAS,CAAA,SAEhB,CADL,YAAyE,+BAAA;MAAjD,OAAO,QAAA;MAAQ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;uBEjH5E,mBAMM,OAAA;IALJ,gCAAA;IACA,MAAK;IACJ,OAAK,eAAA,CAAG,MAAA,eAAA,GAAiB,MAAA,UAAA,CAAU,CAAC,QAAA,MAAK,CAAA;OAE1C,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA;;;;;;;;;;;uBEPV,mBAMM,OAAA;IALJ,iCAAA;IACA,MAAK;IACJ,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,SAAA,CAAS,CAAC,QAAA,KAAI,CAAA;OAEzC,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/GrDropdownMenu/index.js

@@ -1,4 +1,4 @@
 import { a as GrDropdownMenuItem_default, c as GrDropdownMenuDivider_default, o as GrDropdownMenuGroup_default, s as GrDropdownMenuHeader_default, t as GrDropdownMenuList_default } from "./chunks/GrDropdownMenuList-B33ZzwfB.js";
-import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./chunks/GrDropdownMenu-GOzuAXsi.js";
+import { n as GrDropdownMenuColumn_default, r as GrDropdownMenu_default, t as GrDropdownMenuColumns_default } from "./chunks/GrDropdownMenu-DNurbsWc.js";
 import { n as grDropdownMenuSafelist, t as grDropdownMenuConfig } from "../../chunks/config-_jbgsFpw.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/GrFileUpload/chunks/{GrFileUpload-NsHkRRIa.js → GrFileUpload-LL8RZvC0.js}

@@ -925,6 +925,16 @@ var GrFileUpload_default = /* @__PURE__ */ defineComponent({
 			retryFile,
 			abortFile
 		});
+		/**
+		* Drop-zone намеренно БЕЗ `role="button"` и `tabindex`: доступным контролом
+		* служит сам нативный `<input type="file">`. Роль-виджет объявляет потомков
+		* презентационными, поэтому input внутри неё теряется для скринридеров и
+		* падает в axe на `nested-interactive`; а обёртывать его в собственный
+		* «button» — значит вручную переизобретать то, что file-input уже умеет
+		* нативно (открытие диалога с клавиатуры, объявление «кнопка выбора файла»).
+		* Зона остаётся кликабельной и принимает drag&drop, фокус input'а показывает
+		* через `focus-within`.
+		*/
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
 				ref_key: "rootEl",