@feugene/granularity 0.13.0 → 0.16.0

package/dist/components/GrCollapse/chunks/GrCollapse-DApXztn8.js

@@ -1,205 +0,0 @@
-import { t as GrCard_default } from "../../GrCard/chunks/GrCard-CxCjyHMb.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
-import { computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, inject, markRaw, normalizeClass, openBlock, provide, ref, renderSlot, toDisplayString, unref, withCtx } from "vue";
-//#region src/components/GrCollapse/grCollapseContext.ts
-var GR_COLLAPSE_CONTEXT = Symbol("GR_COLLAPSE_CONTEXT");
-//#endregion
-//#region src/components/GrCollapse/GrCollapse.vue
-var GrCollapse_default = /* @__PURE__ */ defineComponent({
-	__name: "GrCollapse",
-	props: {
-		modelValue: { default: void 0 },
-		accordion: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		divided: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: ["update:modelValue", "change"],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const activeSet = computed(() => {
-			const value = props.modelValue;
-			if (props.accordion) {
-				if (typeof value === "string" || typeof value === "number") return /* @__PURE__ */ new Set([value]);
-				return /* @__PURE__ */ new Set();
-			}
-			if (Array.isArray(value)) return new Set(value);
-			if (typeof value === "string" || typeof value === "number") return /* @__PURE__ */ new Set([value]);
-			return /* @__PURE__ */ new Set();
-		});
-		function setModelValue(next) {
-			emit("update:modelValue", next);
-			emit("change", next);
-		}
-		function toggle(name) {
-			if (props.disabled) return;
-			if (props.accordion) {
-				setModelValue(activeSet.value.has(name) ? void 0 : name);
-				return;
-			}
-			const current = Array.isArray(props.modelValue) ? [...props.modelValue] : typeof props.modelValue === "string" || typeof props.modelValue === "number" ? [props.modelValue] : [];
-			setModelValue(current.includes(name) ? current.filter((x) => x !== name) : [...current, name]);
-		}
-		provide(GR_COLLAPSE_CONTEXT, {
-			accordion: computed(() => props.accordion),
-			disabled: computed(() => props.disabled),
-			isActive: (name) => activeSet.value.has(name),
-			toggle
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(GrCard_default), { "data-gr-collapse": "" }, {
-				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(__props.divided ? "divide-y divide-[var(--gr-brd)]" : "") }, [renderSlot(_ctx.$slots, "default")], 2)]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-//#region ~icons/lucide/chevron-down
-var _hoisted_1$1 = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "m6 9l6 6l6-6"
-	}, null, -1)])]);
-}
-var chevron_down_default = markRaw({
-	name: "lucide-chevron-down",
-	render: render$1
-});
-//#endregion
-//#region src/components/GrCollapse/GrCollapseItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	"data-gr-collapse-item": "",
-	class: "text-[var(--gr-fg)]"
-};
-var _hoisted_2 = { class: "m-0" };
-var _hoisted_3 = ["aria-expanded", "disabled"];
-var _hoisted_4 = { class: "min-w-0" };
-var _hoisted_5 = { class: "text-sm font-600" };
-var _hoisted_6 = { class: "overflow-hidden" };
-var _hoisted_7 = { class: "px-4 pb-4 text-sm text-[var(--gr-muted-fg)]" };
-//#endregion
-//#region src/components/GrCollapse/GrCollapseItem.vue
-var GrCollapseItem_default = /* @__PURE__ */ defineComponent({
-	__name: "GrCollapseItem",
-	props: {
-		name: { default: void 0 },
-		title: { default: void 0 },
-		disabled: {
-			type: Boolean,
-			default: false
-		}
-	},
-	setup(__props) {
-		const props = __props;
-		const collapse = inject(GR_COLLAPSE_CONTEXT);
-		if (!collapse) throw new Error("GrCollapseItem must be used inside GrCollapse");
-		const collapseContext = collapse;
-		const uid = getCurrentInstance()?.uid ?? Math.random();
-		const resolvedName = computed(() => {
-			if (typeof props.name === "string" || typeof props.name === "number") return props.name;
-			return uid;
-		});
-		const resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled);
-		const expanded = computed(() => collapseContext.isActive(resolvedName.value));
-		const headerId = `gr-collapse-header-${uid}`;
-		const panelId = `gr-collapse-panel-${uid}`;
-		const triggerEl = ref(null);
-		function onToggle() {
-			if (resolvedDisabled.value) return;
-			collapseContext.toggle(resolvedName.value);
-		}
-		function getAllTriggers() {
-			const root = triggerEl.value?.closest("[data-gr-collapse]");
-			if (!root) return [];
-			return Array.prototype.slice.call(root.querySelectorAll("[data-gr-collapse-trigger]"));
-		}
-		function focusRelative(direction) {
-			const current = triggerEl.value;
-			if (!current) return;
-			const triggers = getAllTriggers();
-			const index = triggers.indexOf(current);
-			if (index === -1 || triggers.length === 0) return;
-			triggers[(index + direction + triggers.length) % triggers.length]?.focus();
-		}
-		function focusEdge(edge) {
-			const triggers = getAllTriggers();
-			if (triggers.length === 0) return;
-			(edge === "start" ? triggers[0] : triggers.at(-1))?.focus();
-		}
-		function onKeydown(event) {
-			if (event.key === "ArrowDown") {
-				event.preventDefault();
-				focusRelative(1);
-				return;
-			}
-			if (event.key === "ArrowUp") {
-				event.preventDefault();
-				focusRelative(-1);
-				return;
-			}
-			if (event.key === "Home") {
-				event.preventDefault();
-				focusEdge("start");
-				return;
-			}
-			if (event.key === "End") {
-				event.preventDefault();
-				focusEdge("end");
-				return;
-			}
-			if (event.key === " " || event.key === "Enter") {
-				event.preventDefault();
-				onToggle();
-			}
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [createElementVNode("h3", _hoisted_2, [createElementVNode("button", {
-				id: headerId,
-				ref_key: "triggerEl",
-				ref: triggerEl,
-				"data-gr-collapse-trigger": "",
-				type: "button",
-				"aria-expanded": expanded.value ? "true" : "false",
-				"aria-controls": panelId,
-				disabled: resolvedDisabled.value,
-				class: normalizeClass(["w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:opacity-50 disabled:cursor-not-allowed", resolvedDisabled.value ? "" : "hover:bg-[var(--gr-muted)]"]),
-				onClick: onToggle,
-				onKeydown
-			}, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "title", {}, () => [createElementVNode("span", _hoisted_5, toDisplayString(__props.title), 1)])]), createVNode(unref(GrIcon_default), {
-				size: "sm",
-				"aria-hidden": "true",
-				"data-gr-collapse-chevron": "",
-				class: normalizeClass(["shrink-0 transition-transform duration-150 text-[var(--gr-muted-fg)]", expanded.value ? "rotate-180" : ""])
-			}, {
-				default: withCtx(() => [createVNode(unref(chevron_down_default))]),
-				_: 1
-			}, 8, ["class"])], 42, _hoisted_3)]), createElementVNode("div", {
-				id: panelId,
-				role: "region",
-				"aria-labelledby": headerId,
-				class: normalizeClass(["grid transition-[grid-template-rows] duration-200", expanded.value ? "grid-rows-[1fr]" : "grid-rows-[0fr]"])
-			}, [createElementVNode("div", _hoisted_6, [createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "default")])])], 2)]);
-		};
-	}
-});
-//#endregion
-export { GrCollapse_default as n, GR_COLLAPSE_CONTEXT as r, GrCollapseItem_default as t };

package/dist/components/GrCollapse/chunks/GrCollapse-DApXztn8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrCollapse-DApXztn8.js","names":[],"sources":["../../../../src/components/GrCollapse/grCollapseContext.ts","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nexport type GrCollapseValue = string | number\n\nexport type GrCollapseModelValue = GrCollapseValue | GrCollapseValue[] | undefined\n\nexport type GrCollapseContext = {\n  accordion: ComputedRef<boolean>\n  disabled: ComputedRef<boolean>\n  isActive: (name: GrCollapseValue) => boolean\n  toggle: (name: GrCollapseValue) => void\n}\n\nexport const GR_COLLAPSE_CONTEXT: InjectionKey<GrCollapseContext> = Symbol('GR_COLLAPSE_CONTEXT')","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport GrCard from '../GrCard'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseContext,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}>()\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction toggle(name: GrCollapseValue): void {\n  if (props.disabled)\n    return\n\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  isActive: name => activeSet.value.has(name),\n  toggle,\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard data-gr-collapse>\n    <div :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport { computed, provide } from 'vue'\n\nimport GrCard from '../GrCard'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseContext,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}>()\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction toggle(name: GrCollapseValue): void {\n  if (props.disabled)\n    return\n\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  isActive: name => activeSet.value.has(name),\n  toggle,\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard data-gr-collapse>\n    <div :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n</template>","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst instance = getCurrentInstance()\nconst uid = instance?.uid ?? Math.random()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]')) as HTMLElement[]\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <h3 class=\"m-0\">\n      <button\n        :id=\"headerId\"\n        ref=\"triggerEl\"\n        data-gr-collapse-trigger\n        type=\"button\"\n        :aria-expanded=\"expanded ? 'true' : 'false'\"\n        :aria-controls=\"panelId\"\n        :disabled=\"resolvedDisabled\"\n        class=\"w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--gr-muted)]'\"\n        @click=\"onToggle\"\n        @keydown=\"onKeydown\"\n      >\n        <span class=\"min-w-0\">\n          <slot name=\"title\">\n            <span class=\"text-sm font-600\">\n              {{ title }}\n            </span>\n          </slot>\n        </span>\n\n        <GrIcon\n          size=\"sm\"\n          aria-hidden=\"true\"\n          data-gr-collapse-chevron\n          class=\"shrink-0 transition-transform duration-150 text-[var(--gr-muted-fg)]\"\n          :class=\"expanded ? 'rotate-180' : ''\"\n        >\n          <ChevronDownIcon />\n        </GrIcon>\n      </button>\n    </h3>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      class=\"grid transition-[grid-template-rows] duration-200\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div class=\"px-4 pb-4 text-sm text-[var(--gr-muted-fg)]\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, getCurrentInstance, inject, ref } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst instance = getCurrentInstance()\nconst uid = instance?.uid ?? Math.random()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  return Array.prototype.slice.call(root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]')) as HTMLElement[]\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0)\n    return\n\n  ;(edge === 'start' ? triggers[0] : triggers.at(-1))?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <h3 class=\"m-0\">\n      <button\n        :id=\"headerId\"\n        ref=\"triggerEl\"\n        data-gr-collapse-trigger\n        type=\"button\"\n        :aria-expanded=\"expanded ? 'true' : 'false'\"\n        :aria-controls=\"panelId\"\n        :disabled=\"resolvedDisabled\"\n        class=\"w-full px-4 py-3 flex items-center justify-between gap-4 text-left transition-colors duration-150 focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--gr-muted)]'\"\n        @click=\"onToggle\"\n        @keydown=\"onKeydown\"\n      >\n        <span class=\"min-w-0\">\n          <slot name=\"title\">\n            <span class=\"text-sm font-600\">\n              {{ title }}\n            </span>\n          </slot>\n        </span>\n\n        <GrIcon\n          size=\"sm\"\n          aria-hidden=\"true\"\n          data-gr-collapse-chevron\n          class=\"shrink-0 transition-transform duration-150 text-[var(--gr-muted-fg)]\"\n          :class=\"expanded ? 'rotate-180' : ''\"\n        >\n          <ChevronDownIcon />\n        </GrIcon>\n      </button>\n    </h3>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      class=\"grid transition-[grid-template-rows] duration-200\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div class=\"px-4 pb-4 text-sm text-[var(--gr-muted-fg)]\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>"],"mappings":"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"}

package/dist/components/GrCommandPalette/chunks/GrCommandPalette-6OyvNbek.js

@@ -1,410 +0,0 @@
-import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
-import { t as GrKbd_default } from "../../GrKbd/chunks/GrKbd-DTspwtoN.js";
-import { t as GrModal_default } from "../../GrModal/chunks/GrModal-BTu1-5eY.js";
-import { a as commandGroupLabelClass, c as commandSearchInputClass, i as commandFooterClass, l as commandSearchRowClass, o as commandItemClass, r as commandEmptyClass, s as commandPaletteModalSizeBySize } from "../../../chunks/config-COE_vZ-l.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, watch, withCtx } from "vue";
-//#region src/components/GrCommandPalette/filtering.ts
-/**
-* Матчер по умолчанию: подстрока (без учёта регистра) в метке, описании,
-* названии группы или ключевых словах.
-*/
-function matchCommandItem(item, query) {
-	const needle = query.trim().toLowerCase();
-	if (!needle) return true;
-	return [
-		item.label,
-		item.description,
-		item.group,
-		...item.keywords ?? []
-	].some((part) => part?.toLowerCase().includes(needle));
-}
-function filterCommandItems(items, query, filter = matchCommandItem) {
-	if (!query.trim()) return items;
-	return items.filter((item) => filter(item, query));
-}
-/**
-* Раскладывает плоский список по группам, сохраняя порядок первого появления
-* группы. Команды без `group` собираются в единственную безымянную группу,
-* которая остаётся на своём месте в общем порядке.
-*/
-function groupCommandItems(items) {
-	const groups = [];
-	const byName = /* @__PURE__ */ new Map();
-	for (const item of items) {
-		const name = item.group || void 0;
-		let group = byName.get(name);
-		if (!group) {
-			group = {
-				name,
-				items: []
-			};
-			byName.set(name, group);
-			groups.push(group);
-		}
-		group.items.push(item);
-	}
-	return groups;
-}
-//#endregion
-//#region src/components/GrCommandPalette/hotkey.ts
-function parseCommandHotkey(combo) {
-	const parts = combo.split("+").map((p) => p.trim()).filter(Boolean);
-	const keyToken = parts.at(-1);
-	if (!keyToken) return null;
-	const parsed = {
-		key: keyToken.length === 1 ? keyToken.toLowerCase() : keyToken,
-		ctrl: false,
-		meta: false,
-		alt: false,
-		shift: false,
-		mod: false
-	};
-	for (const part of parts.slice(0, -1)) {
-		const token = part.toLowerCase();
-		if (token === "mod") parsed.mod = true;
-		else if (token === "ctrl" || token === "control") parsed.ctrl = true;
-		else if (token === "meta" || token === "cmd" || token === "command" || token === "⌘") parsed.meta = true;
-		else if (token === "alt" || token === "option") parsed.alt = true;
-		else if (token === "shift") parsed.shift = true;
-	}
-	return parsed;
-}
-/** macOS определяем по платформе — от неё зависит, чем является `mod`. */
-function isAppleDevice() {
-	if (typeof navigator === "undefined") return false;
-	return /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent);
-}
-function matchesCommandHotkey(event, hotkey, apple = isAppleDevice()) {
-	const expectMeta = hotkey.meta || hotkey.mod && apple;
-	const expectCtrl = hotkey.ctrl || hotkey.mod && !apple;
-	if (event.metaKey !== expectMeta) return false;
-	if (event.ctrlKey !== expectCtrl) return false;
-	if (event.altKey !== hotkey.alt) return false;
-	if (event.shiftKey !== hotkey.shift) return false;
-	return hotkey.key.length === 1 ? event.key.toLowerCase() === hotkey.key : event.key === hotkey.key;
-}
-/** Человекочитаемые клавиши для подсказки в поле ввода (`⌘` / `Ctrl`). */
-function formatCommandHotkey(hotkey, apple = isAppleDevice()) {
-	const keys = [];
-	if (hotkey.meta || hotkey.mod && apple) keys.push("⌘");
-	if (hotkey.ctrl || hotkey.mod && !apple) keys.push("Ctrl");
-	if (hotkey.alt) keys.push(apple ? "⌥" : "Alt");
-	if (hotkey.shift) keys.push(apple ? "⇧" : "Shift");
-	keys.push(hotkey.key.length === 1 ? hotkey.key.toUpperCase() : hotkey.key);
-	return keys;
-}
-//#endregion
-//#region src/components/GrCommandPalette/GrCommandPalette.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = [
-	"aria-label",
-	"aria-controls",
-	"aria-activedescendant",
-	"value",
-	"placeholder"
-];
-var _hoisted_3 = {
-	key: 0,
-	class: "shrink-0 text-[var(--gr-muted-fg)]"
-};
-var _hoisted_4 = ["aria-label"];
-var _hoisted_5 = {
-	key: 1,
-	class: "shrink-0 flex items-center gap-1",
-	"aria-hidden": "true"
-};
-var _hoisted_6 = ["id", "aria-label"];
-var _hoisted_7 = ["id"];
-var _hoisted_8 = ["aria-labelledby"];
-var _hoisted_9 = [
-	"id",
-	"data-testid",
-	"aria-selected",
-	"aria-disabled",
-	"onClick",
-	"onMousemove"
-];
-var _hoisted_10 = { class: "min-w-0 flex-1" };
-var _hoisted_11 = { class: "block truncate" };
-var _hoisted_12 = {
-	key: 0,
-	class: "block truncate text-[12px] text-[var(--gr-muted-fg)]"
-};
-var _hoisted_13 = {
-	key: 1,
-	class: "shrink-0 flex items-center gap-1"
-};
-//#endregion
-//#region src/components/GrCommandPalette/GrCommandPalette.vue
-var GrCommandPalette_default = /* @__PURE__ */ defineComponent({
-	__name: "GrCommandPalette",
-	props: {
-		modelValue: { type: Boolean },
-		items: { default: void 0 },
-		placeholder: { default: void 0 },
-		size: { default: "lg" },
-		hotkey: { default: "mod+k" },
-		filterable: {
-			type: Boolean,
-			default: true
-		},
-		filter: {
-			type: Function,
-			default: void 0
-		},
-		loading: {
-			type: Boolean,
-			default: false
-		},
-		closeOnSelect: {
-			type: Boolean,
-			default: true
-		},
-		maxHeight: { default: 360 },
-		showHotkeyHint: {
-			type: Boolean,
-			default: true
-		},
-		emptyText: { default: void 0 },
-		ariaLabel: { default: void 0 }
-	},
-	emits: [
-		"update:modelValue",
-		"select",
-		"search"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const { t } = useGranularityTranslations();
-		const resolvedPlaceholder = computed(() => props.placeholder ?? t("gr.commandPalette.placeholder", "Type a command or search…"));
-		const resolvedEmptyText = computed(() => props.emptyText ?? t("gr.commandPalette.empty", "Nothing found"));
-		const resolvedAriaLabel = computed(() => props.ariaLabel ?? t("gr.commandPalette.label", "Command palette"));
-		const loadingText = computed(() => t("gr.commandPalette.loading", "Loading…"));
-		const query = ref("");
-		const activeIndex = ref(0);
-		const inputEl = ref(null);
-		const listboxId = useId();
-		const itemsResolved = computed(() => props.items ?? []);
-		const filteredItems = computed(() => props.filterable ? filterCommandItems(itemsResolved.value, query.value, props.filter ?? matchCommandItem) : itemsResolved.value);
-		const groups = computed(() => groupCommandItems(filteredItems.value));
-		/** Плоский список того, что реально выбирается — по нему ходят стрелки. */
-		const navigableItems = computed(() => filteredItems.value.filter((item) => !item.disabled));
-		const activeItem = computed(() => navigableItems.value[activeIndex.value]);
-		function itemDomId(id) {
-			return `${listboxId}-item-${id}`;
-		}
-		const activeDescendantId = computed(() => activeItem.value ? itemDomId(activeItem.value.id) : void 0);
-		function isActive(item) {
-			return activeItem.value?.id === item.id;
-		}
-		async function scrollActiveIntoView() {
-			await nextTick();
-			const item = activeItem.value;
-			if (!item) return;
-			document.getElementById(itemDomId(item.id))?.scrollIntoView?.({ block: "nearest" });
-		}
-		function setActive(index) {
-			const len = navigableItems.value.length;
-			activeIndex.value = len === 0 ? 0 : (index % len + len) % len;
-			scrollActiveIntoView();
-		}
-		watch(filteredItems, () => {
-			activeIndex.value = 0;
-		});
-		function close() {
-			emit("update:modelValue", false);
-		}
-		function selectItem(item) {
-			if (item.disabled) return;
-			emit("select", item);
-			if (props.closeOnSelect) close();
-		}
-		function onItemHover(item) {
-			const index = navigableItems.value.indexOf(item);
-			if (index >= 0) setActive(index);
-		}
-		function onInput(event) {
-			query.value = event.target.value;
-			emit("search", query.value.trim());
-		}
-		function onKeydown(event) {
-			switch (event.key) {
-				case "ArrowDown":
-					event.preventDefault();
-					setActive(activeIndex.value + 1);
-					break;
-				case "ArrowUp":
-					event.preventDefault();
-					setActive(activeIndex.value - 1);
-					break;
-				case "Home":
-					event.preventDefault();
-					setActive(0);
-					break;
-				case "End":
-					event.preventDefault();
-					setActive(navigableItems.value.length - 1);
-					break;
-				case "Enter":
-					if (!activeItem.value) break;
-					event.preventDefault();
-					selectItem(activeItem.value);
-					break;
-			}
-		}
-		let focusTimer = null;
-		watch(() => props.modelValue, (open) => {
-			if (!open) {
-				if (focusTimer) clearTimeout(focusTimer);
-				return;
-			}
-			query.value = "";
-			activeIndex.value = 0;
-			if (focusTimer) clearTimeout(focusTimer);
-			focusTimer = setTimeout(() => {
-				inputEl.value?.focus();
-			}, 0);
-		});
-		const parsedHotkey = computed(() => props.hotkey ? parseCommandHotkey(props.hotkey) : null);
-		const hotkeyHint = computed(() => props.showHotkeyHint && parsedHotkey.value ? formatCommandHotkey(parsedHotkey.value) : []);
-		function onWindowKeydown(event) {
-			const hotkey = parsedHotkey.value;
-			if (!hotkey || !matchesCommandHotkey(event, hotkey)) return;
-			event.preventDefault();
-			emit("update:modelValue", !props.modelValue);
-		}
-		onMounted(() => {
-			if (typeof window === "undefined") return;
-			window.addEventListener("keydown", onWindowKeydown);
-		});
-		onBeforeUnmount(() => {
-			if (typeof window !== "undefined") window.removeEventListener("keydown", onWindowKeydown);
-			if (focusTimer) clearTimeout(focusTimer);
-		});
-		const modalSize = computed(() => commandPaletteModalSizeBySize[props.size]);
-		const listStyle = computed(() => ({ maxHeight: `var(--gr-command-list-max-height, ${props.maxHeight}px)` }));
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(GrModal_default, {
-				"model-value": __props.modelValue,
-				size: modalSize.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event))
-			}, {
-				default: withCtx(() => [createElementVNode("div", {
-					"data-gr-command-palette": "",
-					"aria-label": resolvedAriaLabel.value
-				}, [
-					createElementVNode("div", {
-						"data-gr-command-palette-search": "",
-						class: normalizeClass(unref(commandSearchRowClass))
-					}, [
-						_cache[1] || (_cache[1] = createElementVNode("span", {
-							class: "i-lucide-search block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]",
-							"aria-hidden": "true"
-						}, null, -1)),
-						createElementVNode("input", {
-							ref_key: "inputEl",
-							ref: inputEl,
-							"data-gr-command-palette-input": "",
-							"data-testid": "gr-command-palette-input",
-							type: "text",
-							autocomplete: "off",
-							spellcheck: "false",
-							role: "combobox",
-							"aria-haspopup": "listbox",
-							"aria-autocomplete": "list",
-							"aria-expanded": "true",
-							"aria-label": resolvedAriaLabel.value,
-							"aria-controls": unref(listboxId),
-							"aria-activedescendant": activeDescendantId.value,
-							value: query.value,
-							placeholder: resolvedPlaceholder.value,
-							class: normalizeClass(unref(commandSearchInputClass)),
-							onInput,
-							onKeydown
-						}, null, 42, _hoisted_2),
-						__props.loading ? (openBlock(), createElementBlock("span", _hoisted_3, [createElementVNode("span", {
-							class: "i-lucide-loader-2 block h-4 w-4 animate-spin",
-							"aria-label": loadingText.value
-						}, null, 8, _hoisted_4)])) : hotkeyHint.value.length ? (openBlock(), createElementBlock("span", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(hotkeyHint.value, (key) => {
-							return openBlock(), createBlock(GrKbd_default, {
-								key,
-								size: "sm"
-							}, {
-								default: withCtx(() => [createTextVNode(toDisplayString(key), 1)]),
-								_: 2
-							}, 1024);
-						}), 128))])) : createCommentVNode("", true)
-					], 2),
-					createElementVNode("div", {
-						id: unref(listboxId),
-						"data-gr-command-palette-list": "",
-						"data-testid": "gr-command-palette-list",
-						class: "overflow-y-auto p-2",
-						style: normalizeStyle(listStyle.value),
-						role: "listbox",
-						"aria-label": resolvedAriaLabel.value
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(groups.value, (group, groupIndex) => {
-						return openBlock(), createElementBlock(Fragment, { key: group.name ?? `__ungrouped-${groupIndex}` }, [group.name ? (openBlock(), createElementBlock("div", {
-							key: 0,
-							id: `${unref(listboxId)}-group-${groupIndex}`,
-							"data-gr-command-palette-group": "",
-							class: normalizeClass(unref(commandGroupLabelClass))
-						}, toDisplayString(group.name), 11, _hoisted_7)) : createCommentVNode("", true), createElementVNode("div", {
-							role: "group",
-							"aria-labelledby": group.name ? `${unref(listboxId)}-group-${groupIndex}` : void 0
-						}, [(openBlock(true), createElementBlock(Fragment, null, renderList(group.items, (item) => {
-							return openBlock(), createElementBlock("div", {
-								id: itemDomId(item.id),
-								key: item.id,
-								"data-gr-command-palette-item": "",
-								"data-testid": `gr-command-palette-item-${item.id}`,
-								role: "option",
-								"aria-selected": isActive(item) ? "true" : "false",
-								"aria-disabled": item.disabled ? "true" : void 0,
-								class: normalizeClass(unref(commandItemClass)({
-									active: isActive(item),
-									disabled: Boolean(item.disabled)
-								})),
-								onClick: ($event) => selectItem(item),
-								onMousemove: ($event) => onItemHover(item)
-							}, [renderSlot(_ctx.$slots, "item", {
-								item,
-								active: isActive(item)
-							}, () => [
-								item.icon ? (openBlock(), createElementBlock("span", {
-									key: 0,
-									class: normalizeClass(["block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]", item.icon]),
-									"aria-hidden": "true"
-								}, null, 2)) : createCommentVNode("", true),
-								createElementVNode("span", _hoisted_10, [createElementVNode("span", _hoisted_11, toDisplayString(item.label), 1), item.description ? (openBlock(), createElementBlock("span", _hoisted_12, toDisplayString(item.description), 1)) : createCommentVNode("", true)]),
-								item.shortcut?.length ? (openBlock(), createElementBlock("span", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(item.shortcut, (key) => {
-									return openBlock(), createBlock(GrKbd_default, {
-										key,
-										size: "sm"
-									}, {
-										default: withCtx(() => [createTextVNode(toDisplayString(key), 1)]),
-										_: 2
-									}, 1024);
-								}), 128))])) : createCommentVNode("", true)
-							])], 42, _hoisted_9);
-						}), 128))], 8, _hoisted_8)], 64);
-					}), 128)), !filteredItems.value.length ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						"data-gr-command-palette-empty": "",
-						"data-testid": "gr-command-palette-empty",
-						class: normalizeClass(unref(commandEmptyClass))
-					}, [renderSlot(_ctx.$slots, "empty", { query: query.value }, () => [createTextVNode(toDisplayString(resolvedEmptyText.value), 1)])], 2)) : createCommentVNode("", true)], 12, _hoisted_6),
-					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						"data-gr-command-palette-footer": "",
-						class: normalizeClass(unref(commandFooterClass))
-					}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
-				], 8, _hoisted_1)]),
-				_: 3
-			}, 8, ["model-value", "size"]);
-		};
-	}
-});
-//#endregion
-export { matchCommandItem as i, filterCommandItems as n, groupCommandItems as r, GrCommandPalette_default as t };