@feugene/granularity 0.13.0 → 0.16.0

package/dist/components/GrDivider/chunks/GrDivider-BdENZ1w0.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrDivider-BdENZ1w0.js","names":[],"sources":["../../../../src/components/GrDivider/GrDivider.vue","../../../../src/components/GrDivider/GrDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\n/**\n * GrDivider — разделитель контента.\n *\n * - `orientation=\"horizontal\"` (по умолчанию) — линия на всю ширину; с `label`\n *   или default-слотом рисует текст по центру/краю между отрезками линии.\n * - `orientation=\"vertical\"` — тонкая вертикальная линия (для inline-разделения,\n *   например в тулбарах).\n */\nexport type GrDividerOrientation = 'horizontal' | 'vertical'\nexport type GrDividerAlign = 'start' | 'center' | 'end'\n\nconst props = withDefaults(\n  defineProps<{\n    orientation?: GrDividerOrientation\n    label?: string\n    align?: GrDividerAlign\n  }>(),\n  {\n    orientation: 'horizontal',\n    label: undefined,\n    align: 'center',\n  },\n)\n\nconst slots = useSlots()\nconst hasLabel = computed(() =>\n  props.orientation === 'horizontal' && (Boolean(props.label) || Boolean(slots.default)),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"orientation === 'vertical'\"\n    data-gr-divider\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    class=\"inline-block w-px self-stretch bg-[var(--gr-brd)]\"\n  />\n\n  <div\n    v-else-if=\"hasLabel\"\n    data-gr-divider\n    role=\"separator\"\n    aria-orientation=\"horizontal\"\n    class=\"flex w-full items-center gap-3 text-xs text-[var(--gr-muted-fg)]\"\n  >\n    <span v-if=\"align !== 'start'\" class=\"h-px flex-1 bg-[var(--gr-brd)]\" />\n    <span class=\"shrink-0\"><slot>{{ label }}</slot></span>\n    <span v-if=\"align !== 'end'\" class=\"h-px flex-1 bg-[var(--gr-brd)]\" />\n  </div>\n\n  <hr\n    v-else\n    data-gr-divider\n    class=\"h-px w-full border-0 bg-[var(--gr-brd)]\"\n  >\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\n/**\n * GrDivider — разделитель контента.\n *\n * - `orientation=\"horizontal\"` (по умолчанию) — линия на всю ширину; с `label`\n *   или default-слотом рисует текст по центру/краю между отрезками линии.\n * - `orientation=\"vertical\"` — тонкая вертикальная линия (для inline-разделения,\n *   например в тулбарах).\n */\nexport type GrDividerOrientation = 'horizontal' | 'vertical'\nexport type GrDividerAlign = 'start' | 'center' | 'end'\n\nconst props = withDefaults(\n  defineProps<{\n    orientation?: GrDividerOrientation\n    label?: string\n    align?: GrDividerAlign\n  }>(),\n  {\n    orientation: 'horizontal',\n    label: undefined,\n    align: 'center',\n  },\n)\n\nconst slots = useSlots()\nconst hasLabel = computed(() =>\n  props.orientation === 'horizontal' && (Boolean(props.label) || Boolean(slots.default)),\n)\n</script>\n\n<template>\n  <div\n    v-if=\"orientation === 'vertical'\"\n    data-gr-divider\n    role=\"separator\"\n    aria-orientation=\"vertical\"\n    class=\"inline-block w-px self-stretch bg-[var(--gr-brd)]\"\n  />\n\n  <div\n    v-else-if=\"hasLabel\"\n    data-gr-divider\n    role=\"separator\"\n    aria-orientation=\"horizontal\"\n    class=\"flex w-full items-center gap-3 text-xs text-[var(--gr-muted-fg)]\"\n  >\n    <span v-if=\"align !== 'start'\" class=\"h-px flex-1 bg-[var(--gr-brd)]\" />\n    <span class=\"shrink-0\"><slot>{{ label }}</slot></span>\n    <span v-if=\"align !== 'end'\" class=\"h-px flex-1 bg-[var(--gr-brd)]\" />\n  </div>\n\n  <hr\n    v-else\n    data-gr-divider\n    class=\"h-px w-full border-0 bg-[var(--gr-brd)]\"\n  >\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EAad,MAAM,QAAQ,SAAS;EACvB,MAAM,WAAW,eACf,MAAM,gBAAgB,iBAAiB,QAAQ,MAAM,KAAK,KAAK,QAAQ,MAAM,OAAO,EACtF;;UAKU,QAAA,gBAAW,cAAA,UAAA,GADnB,mBAME,OANF,UAME,KAGW,SAAA,SAAA,UAAA,GADb,mBAUM,OAVN,YAUM;IAHQ,QAAA,UAAK,WAAA,UAAA,GAAjB,mBAAwE,QAAxE,UAAwE,KAAA,mBAAA,IAAA,IAAA;IACxE,mBAAsD,QAAtD,YAAsD,CAA/B,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;IACzB,QAAA,UAAK,SAAA,UAAA,GAAjB,mBAAsE,QAAtE,UAAsE,KAAA,mBAAA,IAAA,IAAA;uBAGxE,mBAIC,MAJD,UAIC"}

package/dist/components/GrDrawer/chunks/GrDrawer-KevdZ5BB.js

@@ -1,184 +0,0 @@
-import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
-import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCi4CUpo.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
-import { i as Ge, n as Se, o as Ve, r as he, s as Ye, t as useScrollLock } from "../../../chunks/useScrollLock-K7kaP2Ud.js";
-import { n as removeGrModalEsc, t as pushGrModalEsc } from "../../../chunks/grModalEscStack-BXk-9mv7.js";
-import { i as grDrawerPanelEnterFrom, r as grDrawerPanelClass } from "../../../chunks/config-BmNT0Fmx.js";
-import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, onBeforeUnmount, openBlock, renderSlot, toDisplayString, unref, useId, watch, withCtx } from "vue";
-//#region src/components/GrDrawer/GrDrawer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "fixed inset-0" };
-var _hoisted_2 = {
-	"data-gr-drawer-header": "",
-	class: "px-5 py-4 border-b border-[var(--gr-brd)] flex items-center justify-between gap-4"
-};
-var _hoisted_3 = {
-	"data-gr-drawer-body": "",
-	class: "flex-1 overflow-y-auto"
-};
-var _hoisted_4 = { class: "p-5" };
-var _hoisted_5 = {
-	key: 0,
-	"data-gr-drawer-footer": "",
-	class: "px-5 py-4 border-t border-[var(--gr-brd)]"
-};
-//#endregion
-//#region src/components/GrDrawer/GrDrawer.vue
-var GrDrawer_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDrawer",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: void 0 },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: true
-		},
-		closeOnEsc: {
-			type: Boolean,
-			default: true
-		},
-		side: { default: "right" },
-		size: { default: "md" },
-		closeLabel: { default: void 0 }
-	},
-	emits: ["update:modelValue"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const { t } = useGranularityTranslations();
-		const resolvedTitle = computed(() => props.title ?? t("gr.drawer.title", "Drawer"));
-		const resolvedCloseLabel = computed(() => props.closeLabel ?? t("gr.common.close", "Close"));
-		const emit = __emit;
-		const titleId = useId();
-		const isClient = typeof window !== "undefined";
-		const panelClass = computed(() => {
-			return grDrawerPanelClass({
-				side: props.side,
-				size: props.size
-			});
-		});
-		const panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side));
-		function close() {
-			emit("update:modelValue", false);
-		}
-		function onDialogClose() {
-			if (!props.closeOnBackdrop) return;
-			close();
-		}
-		function onOverlayClick() {
-			if (!props.closeOnBackdrop) return;
-			close();
-		}
-		const { lock: lockBodyScroll, unlock: unlockBodyScroll } = useScrollLock();
-		let escEntryId = null;
-		function registerEsc() {
-			if (escEntryId !== null) return;
-			escEntryId = pushGrModalEsc({
-				shouldClose: () => props.closeOnEsc,
-				close
-			});
-		}
-		function unregisterEsc() {
-			if (escEntryId === null) return;
-			removeGrModalEsc(escEntryId);
-			escEntryId = null;
-		}
-		watch(() => props.modelValue, (value) => {
-			if (value) {
-				lockBodyScroll();
-				registerEsc();
-			} else {
-				unlockBodyScroll();
-				unregisterEsc();
-			}
-		}, { immediate: true });
-		onBeforeUnmount(() => {
-			unlockBodyScroll();
-			unregisterEsc();
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, {
-				to: "body",
-				disabled: !isClient
-			}, [createVNode(unref(Se), {
-				show: __props.modelValue,
-				as: "template"
-			}, {
-				default: withCtx(() => [createVNode(unref(Ye), {
-					as: "div",
-					"data-gr-drawer": "",
-					class: "fixed inset-0 z-50",
-					static: true,
-					"aria-labelledby": unref(titleId),
-					onClose: onDialogClose
-				}, {
-					default: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(unref(he), {
-						as: "template",
-						enter: "duration-200 ease-out",
-						"enter-from": "opacity-0",
-						"enter-to": "opacity-100",
-						leave: "duration-150 ease-in",
-						"leave-from": "opacity-100",
-						"leave-to": "opacity-0"
-					}, {
-						default: withCtx(() => [createElementVNode("div", {
-							"data-gr-drawer-overlay": "",
-							class: "fixed inset-0 bg-black/40",
-							"aria-hidden": "true",
-							onClick: onOverlayClick
-						})]),
-						_: 1
-					}), createVNode(unref(he), {
-						as: "template",
-						enter: "duration-200 ease-out",
-						"enter-from": panelEnterFrom.value,
-						"enter-to": "translate-x-0",
-						leave: "duration-150 ease-in",
-						"leave-from": "translate-x-0",
-						"leave-to": panelEnterFrom.value
-					}, {
-						default: withCtx(() => [createVNode(unref(Ge), {
-							"data-gr-drawer-panel": "",
-							tabindex: "-1",
-							class: normalizeClass(["fixed inset-y-0 flex flex-col", panelClass.value])
-						}, {
-							default: withCtx(() => [
-								createElementVNode("div", _hoisted_2, [createVNode(unref(Ve), {
-									id: unref(titleId),
-									as: "div",
-									"data-gr-drawer-title": "",
-									class: "text-[14px] font-700 min-w-0 truncate"
-								}, {
-									default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(resolvedTitle.value), 1)])]),
-									_: 3
-								}, 8, ["id"]), createVNode(GrButton_default, {
-									variant: "ghost",
-									size: "sm",
-									square: "",
-									"aria-label": resolvedCloseLabel.value,
-									onClick: close
-								}, {
-									default: withCtx(() => [createVNode(GrIcon_default, {
-										size: "sm",
-										"aria-hidden": "true"
-									}, {
-										default: withCtx(() => [createVNode(unref(x_default))]),
-										_: 1
-									})]),
-									_: 1
-								}, 8, ["aria-label"])]),
-								createElementVNode("div", _hoisted_3, [createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "default")])]),
-								_ctx.$slots.footer ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "footer")])) : createCommentVNode("", true)
-							]),
-							_: 3
-						}, 8, ["class"])]),
-						_: 3
-					}, 8, ["enter-from", "leave-to"])])]),
-					_: 3
-				}, 8, ["aria-labelledby"])]),
-				_: 3
-			}, 8, ["show"])], 8, ["disabled"]);
-		};
-	}
-});
-//#endregion
-export { GrDrawer_default as t };

package/dist/components/GrDrawer/chunks/GrDrawer-KevdZ5BB.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrDrawer-KevdZ5BB.js","names":["$slots"],"sources":["../../../../src/components/GrDrawer/GrDrawer.vue","../../../../src/components/GrDrawer/GrDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, useId, watch } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Переиспользуем инфраструктуру оверлеев GrModal: общий Esc-стек (Esc закрывает\n// верхний оверлей независимо от дерева рендера) и reference-counted scroll-lock.\nimport { pushGrModalEsc, removeGrModalEsc } from '../GrModal/grModalEscStack'\nimport { useScrollLock } from '../../composables/internal/useScrollLock'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.drawer.title', 'Drawer'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport\n// (в клиенте включаем после маунта). Раньше `<teleport to=\"body\">` без\n// `:disabled` падал при SSR — расхождение с GrModal.\nconst isClient = typeof window !== 'undefined'\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\n// ————— Esc через общий стек оверлеев + scroll-lock, синхронно с открытием.\nconst { lock: lockBodyScroll, unlock: unlockBodyScroll } = useScrollLock()\n\nlet escEntryId: number | null = null\n\nfunction registerEsc(): void {\n  if (escEntryId !== null) return\n  escEntryId = pushGrModalEsc({\n    shouldClose: () => props.closeOnEsc,\n    close,\n  })\n}\n\nfunction unregisterEsc(): void {\n  if (escEntryId === null) return\n  removeGrModalEsc(escEntryId)\n  escEntryId = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) {\n      lockBodyScroll()\n      registerEsc()\n    }\n    else {\n      unlockBodyScroll()\n      unregisterEsc()\n    }\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  unlockBodyScroll()\n  unregisterEsc()\n})\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-gr-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-gr-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-gr-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-gr-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--gr-brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-gr-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ resolvedTitle }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"resolvedCloseLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-gr-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-gr-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--gr-brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, useId, watch } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Переиспользуем инфраструктуру оверлеев GrModal: общий Esc-стек (Esc закрывает\n// верхний оверлей независимо от дерева рендера) и reference-counted scroll-lock.\nimport { pushGrModalEsc, removeGrModalEsc } from '../GrModal/grModalEscStack'\nimport { useScrollLock } from '../../composables/internal/useScrollLock'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.drawer.title', 'Drawer'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем teleport\n// (в клиенте включаем после маунта). Раньше `<teleport to=\"body\">` без\n// `:disabled` падал при SSR — расхождение с GrModal.\nconst isClient = typeof window !== 'undefined'\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\n// ————— Esc через общий стек оверлеев + scroll-lock, синхронно с открытием.\nconst { lock: lockBodyScroll, unlock: unlockBodyScroll } = useScrollLock()\n\nlet escEntryId: number | null = null\n\nfunction registerEsc(): void {\n  if (escEntryId !== null) return\n  escEntryId = pushGrModalEsc({\n    shouldClose: () => props.closeOnEsc,\n    close,\n  })\n}\n\nfunction unregisterEsc(): void {\n  if (escEntryId === null) return\n  removeGrModalEsc(escEntryId)\n  escEntryId = null\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (value) {\n      lockBodyScroll()\n      registerEsc()\n    }\n    else {\n      unlockBodyScroll()\n      unregisterEsc()\n    }\n  },\n  { immediate: true },\n)\n\nonBeforeUnmount(() => {\n  unlockBodyScroll()\n  unregisterEsc()\n})\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-gr-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-gr-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-gr-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-gr-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--gr-brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-gr-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ resolvedTitle }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"resolvedCloseLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-gr-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-gr-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--gr-brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDropdown/chunks/GrDropdown-BKoy8hm-.js

@@ -1,181 +0,0 @@
-import { vClickOutside } from "../../../directives/clickOutside.js";
-import { t as useFloating } from "../../../chunks/useFloating-DtM6TyE4.js";
-import { t as useEscapeToClose } from "../../../chunks/useEscapeToClose-C2t_S1gh.js";
-import { n as grDropdownOriginClass, r as grDropdownWidthClass, t as grDropdownContentClass } from "../../../chunks/grDropdownStyles-HBPkghVr.js";
-import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderSlot, unref, useId, vShow, watch, withCtx, withDirectives } from "vue";
-//#region src/components/GrDropdown/GrDropdown.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { "data-gr-dropdown": "" };
-var _hoisted_2 = ["id"];
-//#endregion
-//#region src/components/GrDropdown/GrDropdown.vue
-var GrDropdown_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDropdown",
-	props: {
-		align: { default: "right" },
-		width: { default: "48" },
-		closeOnContentClick: {
-			type: Boolean,
-			default: true
-		},
-		contentClass: { default: "" },
-		teleportTo: { default: "body" }
-	},
-	setup(__props) {
-		const props = __props;
-		const open = ref(false);
-		const rootEl = ref(null);
-		const panelEl = ref(null);
-		const clickOutsideExclude = [() => panelEl.value];
-		const panelId = useId();
-		let triggerFocusEl = null;
-		function panelItems() {
-			const root = panelEl.value;
-			if (!root) return [];
-			return Array.from(root.querySelectorAll("[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])")).filter((el) => el.offsetParent !== null || el === document.activeElement);
-		}
-		function focusItemAt(index) {
-			const items = panelItems();
-			if (items.length === 0) return;
-			items[(index + items.length) % items.length]?.focus();
-		}
-		async function openWithFocus(first) {
-			triggerFocusEl = document.activeElement ?? null;
-			open.value = true;
-			await nextTick();
-			focusItemAt(first ? 0 : -1);
-		}
-		function returnFocusToTrigger() {
-			const target = triggerFocusEl;
-			triggerFocusEl = null;
-			target?.focus?.();
-		}
-		/**
-		* Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на
-		* элемент внутри слота `#trigger`: `<button v-bind="triggerProps">`. Даёт
-		* `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).
-		*/
-		const triggerProps = computed(() => ({
-			"aria-haspopup": "menu",
-			"aria-expanded": open.value,
-			"aria-controls": open.value ? panelId : void 0,
-			"onKeydown": onTriggerKeydown
-		}));
-		function onTriggerKeydown(event) {
-			switch (event.key) {
-				case "Enter":
-				case " ":
-				case "ArrowDown":
-					event.preventDefault();
-					openWithFocus(true);
-					break;
-				case "ArrowUp":
-					event.preventDefault();
-					openWithFocus(false);
-					break;
-				case "Escape":
-					if (open.value) {
-						event.preventDefault();
-						close();
-					}
-					break;
-			}
-		}
-		function onPanelKeydown(event) {
-			const currentIndex = panelItems().indexOf(document.activeElement);
-			switch (event.key) {
-				case "ArrowDown":
-					event.preventDefault();
-					focusItemAt(currentIndex + 1);
-					break;
-				case "ArrowUp":
-					event.preventDefault();
-					focusItemAt(currentIndex - 1);
-					break;
-				case "Home":
-					event.preventDefault();
-					focusItemAt(0);
-					break;
-				case "End":
-					event.preventDefault();
-					focusItemAt(-1);
-					break;
-				case "Tab":
-					close();
-					break;
-			}
-		}
-		const placementByAlign = {
-			left: "bottom-start",
-			right: "bottom-end",
-			center: "bottom"
-		};
-		const { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(rootEl, panelEl, open, {
-			placement: () => placementByAlign[props.align],
-			zIndexVar: "--gr-z-dropdown"
-		});
-		function toggle() {
-			open.value = !open.value;
-		}
-		function close() {
-			const wasOpen = open.value;
-			open.value = false;
-			if (wasOpen) returnFocusToTrigger();
-		}
-		useEscapeToClose(open, close);
-		watch(() => props.align, () => {
-			if (open.value) updateFloatingPosition();
-		});
-		const widthClass = computed(() => grDropdownWidthClass(props.width));
-		const contentClasses = computed(() => grDropdownContentClass(props.contentClass));
-		const panelClasses = computed(() => {
-			return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean);
-		});
-		function onContentClick() {
-			if (props.closeOnContentClick) close();
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [withDirectives((openBlock(), createElementBlock("div", {
-				ref_key: "rootEl",
-				ref: rootEl,
-				"data-gr-dropdown-trigger": "",
-				class: "inline-block max-w-full",
-				onClick: toggle
-			}, [renderSlot(_ctx.$slots, "trigger", {
-				open: open.value,
-				toggle,
-				close,
-				triggerProps: triggerProps.value
-			})])), [[unref(vClickOutside), {
-				handler: close,
-				enabled: open.value,
-				exclude: clickOutsideExclude
-			}]]), (openBlock(), createBlock(Teleport, { to: __props.teleportTo }, [createVNode(Transition, {
-				"enter-active-class": "transition ease-out duration-150",
-				"enter-from-class": "transform opacity-0 scale-95",
-				"enter-to-class": "transform opacity-100 scale-100",
-				"leave-active-class": "transition ease-in duration-100",
-				"leave-from-class": "transform opacity-100 scale-100",
-				"leave-to-class": "transform opacity-0 scale-95"
-			}, {
-				default: withCtx(() => [withDirectives(createElementVNode("div", {
-					id: unref(panelId),
-					ref_key: "panelEl",
-					ref: panelEl,
-					"data-gr-dropdown-panel": "",
-					role: "menu",
-					tabindex: "-1",
-					class: normalizeClass(panelClasses.value),
-					style: normalizeStyle(unref(floatingStyle)),
-					onClick: onContentClick,
-					onKeydown: onPanelKeydown
-				}, [createElementVNode("div", {
-					"data-gr-dropdown-content": "",
-					class: normalizeClass(contentClasses.value)
-				}, [renderSlot(_ctx.$slots, "content", { close })], 2)], 46, _hoisted_2), [[vShow, open.value]])]),
-				_: 3
-			})], 8, ["to"]))]);
-		};
-	}
-});
-//#endregion
-export { GrDropdown_default as t };

package/dist/components/GrDropdown/chunks/GrDropdown-BKoy8hm-.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrDropdown-BKoy8hm-.js","names":[],"sources":["../../../../src/components/GrDropdown/GrDropdown.vue","../../../../src/components/GrDropdown/GrDropdown.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Элемент триггера, которому вернём фокус при закрытии (клавиатурный сценарий).\nlet triggerFocusEl: HTMLElement | null = null\n\n// Фокусируемые пункты панели для клавиатурной навигации (roving-фокус).\nfunction panelItems(): HTMLElement[] {\n  const root = panelEl.value\n  if (!root)\n    return []\n  const selector = '[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n  return Array.from(root.querySelectorAll<HTMLElement>(selector)).filter(el => el.offsetParent !== null || el === document.activeElement)\n}\n\nfunction focusItemAt(index: number): void {\n  const items = panelItems()\n  if (items.length === 0)\n    return\n  const clamped = (index + items.length) % items.length\n  items[clamped]?.focus()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  triggerFocusEl = (document.activeElement as HTMLElement) ?? null\n  open.value = true\n  await nextTick()\n  focusItemAt(first ? 0 : -1)\n}\n\nfunction returnFocusToTrigger(): void {\n  const target = triggerFocusEl\n  triggerFocusEl = null\n  target?.focus?.()\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<button v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': open.value,\n  'aria-controls': open.value ? panelId : undefined,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\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 (open.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nfunction onPanelKeydown(event: KeyboardEvent): void {\n  const items = panelItems()\n  const currentIndex = items.indexOf(document.activeElement as HTMLElement)\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      focusItemAt(currentIndex + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      focusItemAt(currentIndex - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusItemAt(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusItemAt(-1)\n      break\n    case 'Tab':\n      close()\n      break\n  }\n}\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  const wasOpen = open.value\n  open.value = false\n  // Возвращаем фокус на триггер только если панель была открыта с клавиатуры.\n  if (wasOpen)\n    returnFocusToTrigger()\n}\n\nuseEscapeToClose(open, close)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" :triggerProps=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"onPanelKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId, watch } from 'vue'\n\nimport { vClickOutside } from '../../directives'\nimport { useFloating } from '../../composables/internal/useFloating'\nimport { useEscapeToClose } from '../../composables/internal/useEscapeToClose'\nimport {\n  grDropdownContentClass,\n  grDropdownOriginClass,\n  grDropdownWidthClass,\n  type GrDropdownAlign,\n  type GrDropdownWidth,\n} from './grDropdownStyles'\n\nexport interface GrDropdownProps {\n  /** Выравнивание панели относительно триггера. */\n  align?: GrDropdownAlign\n  /** Ширина панели (tailwind-токены `w-*` или `auto`). */\n  width?: GrDropdownWidth\n  /** Закрывать панель по клику внутри content. */\n  closeOnContentClick?: boolean\n  /** Дополнительные классы контейнера content. */\n  contentClass?: string\n  /** Куда телепортировать панель (`body` по умолчанию). */\n  teleportTo?: string | HTMLElement\n}\n\nconst props = withDefaults(defineProps<GrDropdownProps>(), {\n  align: 'right',\n  width: '48',\n  closeOnContentClick: true,\n  contentClass: '',\n  teleportTo: 'body',\n})\n\nconst open = ref(false)\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst clickOutsideExclude = [() => panelEl.value]\n\nconst panelId = useId()\n\n// Элемент триггера, которому вернём фокус при закрытии (клавиатурный сценарий).\nlet triggerFocusEl: HTMLElement | null = null\n\n// Фокусируемые пункты панели для клавиатурной навигации (roving-фокус).\nfunction panelItems(): HTMLElement[] {\n  const root = panelEl.value\n  if (!root)\n    return []\n  const selector = '[role=\"menuitem\"], a[href], button:not([disabled]), [tabindex]:not([tabindex=\"-1\"])'\n  return Array.from(root.querySelectorAll<HTMLElement>(selector)).filter(el => el.offsetParent !== null || el === document.activeElement)\n}\n\nfunction focusItemAt(index: number): void {\n  const items = panelItems()\n  if (items.length === 0)\n    return\n  const clamped = (index + items.length) % items.length\n  items[clamped]?.focus()\n}\n\nasync function openWithFocus(first: boolean): Promise<void> {\n  triggerFocusEl = (document.activeElement as HTMLElement) ?? null\n  open.value = true\n  await nextTick()\n  focusItemAt(first ? 0 : -1)\n}\n\nfunction returnFocusToTrigger(): void {\n  const target = triggerFocusEl\n  triggerFocusEl = null\n  target?.focus?.()\n}\n\n/**\n * Пропсы для реального фокусируемого триггера (кнопки). Консьюмер биндит их на\n * элемент внутри слота `#trigger`: `<button v-bind=\"triggerProps\">`. Даёт\n * `aria-haspopup`/`aria-expanded`/`aria-controls` и клавиатуру (Enter/Space/стрелки).\n */\nconst triggerProps = computed(() => ({\n  'aria-haspopup': 'menu' as const,\n  'aria-expanded': open.value,\n  'aria-controls': open.value ? panelId : undefined,\n  'onKeydown': onTriggerKeydown,\n}))\n\nfunction onTriggerKeydown(event: KeyboardEvent): void {\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 (open.value) {\n        event.preventDefault()\n        close()\n      }\n      break\n  }\n}\n\nfunction onPanelKeydown(event: KeyboardEvent): void {\n  const items = panelItems()\n  const currentIndex = items.indexOf(document.activeElement as HTMLElement)\n\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      focusItemAt(currentIndex + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      focusItemAt(currentIndex - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      focusItemAt(0)\n      break\n    case 'End':\n      event.preventDefault()\n      focusItemAt(-1)\n      break\n    case 'Tab':\n      close()\n      break\n  }\n}\n\n// `align='right'` — правый край панели совпадает с правым краем триггера (bottom-end);\n// `align='left'` — левые края (bottom-start); `align='center'` — floating-ui сам\n// центрирует панель под триггером при обычном `'bottom'` без суффикса.\nconst placementByAlign: Record<GrDropdownAlign, 'bottom-start' | 'bottom-end' | 'bottom'> = {\n  left: 'bottom-start',\n  right: 'bottom-end',\n  center: 'bottom',\n}\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  rootEl,\n  panelEl,\n  open,\n  {\n    placement: () => placementByAlign[props.align],\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nfunction toggle(): void {\n  open.value = !open.value\n}\n\nfunction close(): void {\n  const wasOpen = open.value\n  open.value = false\n  // Возвращаем фокус на триггер только если панель была открыта с клавиатуры.\n  if (wasOpen)\n    returnFocusToTrigger()\n}\n\nuseEscapeToClose(open, close)\n\nwatch(\n  () => props.align,\n  () => {\n    if (open.value) updateFloatingPosition()\n  },\n)\n\nconst widthClass = computed(() => grDropdownWidthClass(props.width))\n\nconst contentClasses = computed(() => grDropdownContentClass(props.contentClass))\n\nconst panelClasses = computed(() => {\n  return [widthClass.value, grDropdownOriginClass(resolvedPlacement.value)].filter(Boolean)\n})\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) {\n    close()\n  }\n}\n</script>\n\n<template>\n  <div data-gr-dropdown>\n    <div\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: open, exclude: clickOutsideExclude }\"\n      data-gr-dropdown-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"toggle\"\n    >\n      <slot name=\"trigger\" :open=\"open\" :toggle=\"toggle\" :close=\"close\" :triggerProps=\"triggerProps\" />\n    </div>\n\n    <teleport :to=\"teleportTo\">\n      <transition\n        enter-active-class=\"transition ease-out duration-150\"\n        enter-from-class=\"transform opacity-0 scale-95\"\n        enter-to-class=\"transform opacity-100 scale-100\"\n        leave-active-class=\"transition ease-in duration-100\"\n        leave-from-class=\"transform opacity-100 scale-100\"\n        leave-to-class=\"transform opacity-0 scale-95\"\n      >\n        <div\n          v-show=\"open\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          data-gr-dropdown-panel\n          role=\"menu\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n          @keydown=\"onPanelKeydown\"\n        >\n          <div data-gr-dropdown-content :class=\"contentClasses\">\n            <slot name=\"content\" :close=\"close\" />\n          </div>\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAQd,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,SAAS,IAAwB,IAAI;EAC3C,MAAM,UAAU,IAAwB,IAAI;EAC5C,MAAM,sBAAsB,OAAO,QAAQ,KAAK;EAEhD,MAAM,UAAU,MAAM;EAGtB,IAAI,iBAAqC;EAGzC,SAAS,aAA4B;GACnC,MAAM,OAAO,QAAQ;GACrB,IAAI,CAAC,MACH,OAAO,CAAC;GAEV,OAAO,MAAM,KAAK,KAAK,iBAA8B,yFAAQ,CAAC,CAAC,CAAC,QAAO,OAAM,GAAG,iBAAiB,QAAQ,OAAO,SAAS,aAAa;EACxI;EAEA,SAAS,YAAY,OAAqB;GACxC,MAAM,QAAQ,WAAW;GACzB,IAAI,MAAM,WAAW,GACnB;GAEF,OADiB,QAAQ,MAAM,UAAU,MAAM,OACjC,EAAE,MAAM;EACxB;EAEA,eAAe,cAAc,OAA+B;GAC1D,iBAAkB,SAAS,iBAAiC;GAC5D,KAAK,QAAQ;GACb,MAAM,SAAS;GACf,YAAY,QAAQ,IAAI,EAAE;EAC5B;EAEA,SAAS,uBAA6B;GACpC,MAAM,SAAS;GACf,iBAAiB;GACjB,QAAQ,QAAQ;EAClB;;;;;;EAOA,MAAM,eAAe,gBAAgB;GACnC,iBAAiB;GACjB,iBAAiB,KAAK;GACtB,iBAAiB,KAAK,QAAQ,UAAU,KAAA;GACxC,aAAa;EACf,EAAE;EAEF,SAAS,iBAAiB,OAA4B;GACpD,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,KAAK,OAAO;MACd,MAAM,eAAe;MACrB,MAAM;KACR;KACA;GACJ;EACF;EAEA,SAAS,eAAe,OAA4B;GAElD,MAAM,eADQ,WACO,CAAA,CAAM,QAAQ,SAAS,aAA4B;GAExE,QAAQ,MAAM,KAAd;IACE,KAAK;KACH,MAAM,eAAe;KACrB,YAAY,eAAe,CAAC;KAC5B;IACF,KAAK;KACH,MAAM,eAAe;KACrB,YAAY,eAAe,CAAC;KAC5B;IACF,KAAK;KACH,MAAM,eAAe;KACrB,YAAY,CAAC;KACb;IACF,KAAK;KACH,MAAM,eAAe;KACrB,YAAY,EAAE;KACd;IACF,KAAK;KACH,MAAM;KACN;GACJ;EACF;EAKA,MAAM,mBAAsF;GAC1F,MAAM;GACN,OAAO;GACP,QAAQ;EACV;EAEA,MAAM,EAAE,eAAe,mBAAmB,QAAQ,2BAA2B,YAC3E,QACA,SACA,MACA;GACE,iBAAiB,iBAAiB,MAAM;GACxC,WAAW;EACb,CACF;EAEA,SAAS,SAAe;GACtB,KAAK,QAAQ,CAAC,KAAK;EACrB;EAEA,SAAS,QAAc;GACrB,MAAM,UAAU,KAAK;GACrB,KAAK,QAAQ;GAEb,IAAI,SACF,qBAAqB;EACzB;EAEA,iBAAiB,MAAM,KAAK;EAE5B,YACQ,MAAM,aACN;GACJ,IAAI,KAAK,OAAO,uBAAuB;EACzC,CACF;EAEA,MAAM,aAAa,eAAe,qBAAqB,MAAM,KAAK,CAAC;EAEnE,MAAM,iBAAiB,eAAe,uBAAuB,MAAM,YAAY,CAAC;EAEhF,MAAM,eAAe,eAAe;GAClC,OAAO,CAAC,WAAW,OAAO,sBAAsB,kBAAkB,KAAK,CAAC,CAAC,CAAC,OAAO,OAAO;EAC1F,CAAC;EAED,SAAS,iBAAuB;GAC9B,IAAI,MAAM,qBACR,MAAM;EAEV;;uBAIE,mBAsCM,OAtCN,YAsCM,CAAA,gBAAA,UAAA,GArCJ,mBAQM,OAAA;aAPA;IAAJ,KAAI;IAEJ,4BAAA;IACA,OAAM;IACL,SAAO;OAER,WAAiG,KAAA,QAAA,WAAA;IAA3E,MAAM,KAAA;IAAe;IAAgB;IAAQ,cAAc,aAAA;;aALrD;IAAK,SAAW,KAAA;IAAI,SAAW;GAAmB,CAAA,CAAA,CAAA,IAAA,UAAA,GAQhF,YA0BW,UAAA,EA1BA,IAAI,QAAA,WAAU,GAAA,CACvB,YAwBa,YAAA;IAvBX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;2BAiBT,CAAA,eAfN,mBAeM,OAAA;KAbH,IAAI,MAAA,OAAA;cACD;KAAJ,KAAI;KACJ,0BAAA;KACA,MAAK;KACL,UAAS;KACR,OAAK,eAAE,aAAA,KAAY;KACnB,OAAK,eAAE,MAAA,aAAA,CAAa;KACpB,SAAO;KACP,WAAS;QAEV,mBAEM,OAAA;KAFD,4BAAA;KAA0B,OAAK,eAAE,eAAA,KAAc;QAClD,WAAsC,KAAA,QAAA,WAAA,EAAT,MAAK,CAAA,CAAA,GAAA,CAAA,CAAA,GAAA,IAAA,UAAA,GAAA,CAAA,CAAA,OAZ5B,KAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}