@feugene/granularity 0.12.0 → 0.16.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrCollapse-CPPLh_xU.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(--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(--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(--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(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--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(--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(--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(--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(--ring)] disabled:opacity-50 disabled:cursor-not-allowed\"\n        :class=\"resolvedDisabled ? '' : 'hover:bg-[var(--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(--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(--muted-fg)]\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>"],"mappings":"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"}

package/dist/components/GrConfirmDialog/chunks/GrConfirmDialog-D8CkOtqv.js

@@ -1,160 +0,0 @@
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-Ctucxju9.js";
-import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-Cdu9ekK9.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, withCtx } from "vue";
-//#region src/components/GrConfirmDialog/GrConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "grid gap-4" };
-var _hoisted_2 = {
-	key: 0,
-	class: "text-[14px] text-[var(--muted-fg)]"
-};
-var _hoisted_3 = { class: "flex items-center justify-end gap-3" };
-//#endregion
-//#region src/components/GrConfirmDialog/GrConfirmDialog.vue
-var GrConfirmDialog_default = /* @__PURE__ */ defineComponent({
-	__name: "GrConfirmDialog",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: void 0 },
-		description: { default: void 0 },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: true
-		},
-		closeOnEsc: {
-			type: Boolean,
-			default: true
-		},
-		showHeader: {
-			type: Boolean,
-			default: true
-		},
-		showCloseButton: {
-			type: Boolean,
-			default: true
-		},
-		size: { default: "md" },
-		headerConfig: { default: void 0 },
-		footerConfig: { default: void 0 },
-		bodyConfig: { default: void 0 },
-		closeLabel: { default: void 0 },
-		buttonSize: { default: void 0 },
-		confirmText: { default: void 0 },
-		cancelText: { default: void 0 },
-		confirmVariant: { default: "primary" },
-		confirmTone: { default: "primary" },
-		error: { default: null },
-		confirmLoading: {
-			type: Boolean,
-			default: false
-		},
-		confirmDisabled: {
-			type: Boolean,
-			default: false
-		},
-		closeOnConfirm: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"confirm",
-		"cancel"
-	],
-	setup(__props, { emit: __emit }) {
-		/**
-		* GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.
-		*
-		* Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:
-		* `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,
-		* `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.
-		*
-		* Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог
-		* через `update:modelValue`.
-		*/
-		const props = __props;
-		const emit = __emit;
-		const { t } = useGranularityTranslations();
-		const resolvedTitle = computed(() => props.title ?? t("gr.dialog.confirm.title", "Confirm"));
-		const resolvedCloseLabel = computed(() => props.closeLabel ?? t("gr.common.close", "Close"));
-		const resolvedConfirmText = computed(() => props.confirmText ?? t("gr.common.confirm", "Confirm"));
-		const resolvedCancelText = computed(() => props.cancelText ?? t("gr.common.cancel", "Cancel"));
-		const open = computed({
-			get: () => props.modelValue,
-			set: (value) => emit("update:modelValue", value)
-		});
-		function onCancel() {
-			emit("cancel");
-			emit("update:modelValue", false);
-		}
-		function onConfirm() {
-			emit("confirm");
-			if (props.closeOnConfirm) emit("update:modelValue", false);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(GrDialog_default, {
-				modelValue: open.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
-				title: resolvedTitle.value,
-				size: __props.size,
-				"close-on-backdrop": __props.closeOnBackdrop,
-				"close-on-esc": __props.closeOnEsc,
-				"show-header": __props.showHeader,
-				"show-close-button": __props.showCloseButton,
-				"header-config": __props.headerConfig,
-				"footer-config": __props.footerConfig,
-				"body-config": __props.bodyConfig,
-				"close-label": resolvedCloseLabel.value
-			}, {
-				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("div", _hoisted_3, [createVNode(GrButton_default, {
-					"data-testid": "gr-confirm-cancel",
-					variant: "outline",
-					size: __props.buttonSize,
-					onClick: onCancel
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(resolvedCancelText.value), 1)]),
-					_: 1
-				}, 8, ["size"]), createVNode(GrButton_default, {
-					"data-testid": "gr-confirm-confirm",
-					variant: __props.confirmVariant,
-					tone: __props.confirmTone,
-					size: __props.buttonSize,
-					loading: __props.confirmLoading,
-					disabled: __props.confirmDisabled,
-					onClick: onConfirm
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(resolvedConfirmText.value), 1)]),
-					_: 1
-				}, 8, [
-					"variant",
-					"tone",
-					"size",
-					"loading",
-					"disabled"
-				])])])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [__props.description ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [__props.error ? (openBlock(), createBlock(GrResponseErrorBanner_default, {
-					key: 0,
-					error: __props.error,
-					"can-dismiss": false
-				}, null, 8, ["error"])) : createCommentVNode("", true)])])]),
-				_: 3
-			}, 8, [
-				"modelValue",
-				"title",
-				"size",
-				"close-on-backdrop",
-				"close-on-esc",
-				"show-header",
-				"show-close-button",
-				"header-config",
-				"footer-config",
-				"body-config",
-				"close-label"
-			]);
-		};
-	}
-});
-//#endregion
-export { GrConfirmDialog_default as t };

package/dist/components/GrConfirmDialog/chunks/GrConfirmDialog-D8CkOtqv.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrConfirmDialog-D8CkOtqv.js","names":[],"sources":["../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue","../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.confirm.title', 'Confirm'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.confirm.title', 'Confirm'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAOb,MAAM,EAAE,MAAM,2BAA2B;EACzC,MAAM,gBAAgB,eAAe,MAAM,SAAS,EAAE,2BAA2B,SAAS,CAAC;EAC3F,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,mBAAmB,OAAO,CAAC;EAC3F,MAAM,sBAAsB,eAAe,MAAM,eAAe,EAAE,qBAAqB,SAAS,CAAC;EACjG,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,oBAAoB,QAAQ,CAAC;EAE7F,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,UAAmB,KAAK,qBAAqB,KAAK;EAC1D,CAAC;EAED,SAAS,WAAiB;GACxB,KAAK,QAAQ;GACb,KAAK,qBAAqB,KAAK;EACjC;EAEA,SAAS,YAAkB;GACzB,KAAK,SAAS;GACd,IAAI,MAAM,gBACR,KAAK,qBAAqB,KAAK;EACnC;;uBAIE,YA6CW,kBAAA;gBA5CA,KAAA;sEAAI,QAAA;IACZ,OAAO,cAAA;IACP,MAAM,QAAA;IACN,qBAAmB,QAAA;IACnB,gBAAc,QAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,mBAAA;;IAcH,QAAM,cAkBR,CAjBP,WAiBO,KAAA,QAAA,UAAA,CAAA,SAAA,CAhBL,mBAeM,OAfN,YAeM,CAdJ,YAEW,kBAAA;KAFD,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BAC7D,CAAA,gBAAA,gBAArB,mBAAA,KAAkB,GAAA,CAAA,CAAA,CAAA;;qBAEvB,YAUW,kBAAA;KATT,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,SAAS,QAAA;KACT,UAAU,QAAA;KACV,SAAO;;4BAEiB,CAAA,gBAAA,gBAAtB,oBAAA,KAAmB,GAAA,CAAA,CAAA,CAAA;;;;;;;;;2BAjBxB,CAVN,mBAUM,OAVN,YAUM,CATJ,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA,CAHM,QAAA,eAAA,UAAA,GAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,GAIlB,WAEO,KAAA,QAAA,SAAA,EAFa,OAAO,QAAA,MAAK,SAEzB,CADwB,QAAA,SAAA,UAAA,GAA7B,YAA0E,+BAAA;;KAArC,OAAO,QAAA;KAAQ,eAAa"}

package/dist/components/GrDataTable/chunks/GrDataTable-Ds5OeGat.js

@@ -1,205 +0,0 @@
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
-import { t as GrTable_default } from "../../GrTable/chunks/GrTable-Db3hRnKA.js";
-import { t as arrow_up_default } from "../../../chunks/arrow-up-C_G4jg8M.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, markRaw, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, withCtx } from "vue";
-//#region ~icons/lucide/arrow-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: "M12 5v14m7-7l-7 7l-7-7"
-	}, null, -1)])]);
-}
-var arrow_down_default = markRaw({
-	name: "lucide-arrow-down",
-	render: render$1
-});
-//#endregion
-//#region src/components/GrDataTable/GrDataTable.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { "data-gr-datatable-header": "" };
-var _hoisted_2 = ["aria-sort"];
-var _hoisted_3 = { class: "inline-flex items-center gap-2" };
-var _hoisted_4 = ["aria-label", "onClick"];
-var _hoisted_5 = { class: "inline-flex" };
-var _hoisted_6 = {
-	key: 1,
-	class: "text-[var(--muted-fg)]"
-};
-var _hoisted_7 = {
-	key: 0,
-	"data-gr-datatable-empty": ""
-};
-var _hoisted_8 = ["colspan"];
-//#endregion
-//#region src/components/GrDataTable/GrDataTable.vue
-var GrDataTable_default = /* @__PURE__ */ defineComponent({
-	__name: "GrDataTable",
-	props: {
-		rows: {},
-		columns: {},
-		rowKey: {
-			type: [String, Function],
-			default: "id"
-		},
-		initialSortKey: { default: void 0 },
-		initialSortDir: { default: "asc" },
-		sortKey: { default: void 0 },
-		sortDir: { default: void 0 },
-		externalSort: {
-			type: Boolean,
-			default: false
-		},
-		density: { default: "regular" },
-		caption: { default: void 0 },
-		ariaLabel: { default: void 0 },
-		ariaLabelledby: { default: void 0 },
-		regionLabel: { default: void 0 }
-	},
-	emits: [
-		"update:sortKey",
-		"update:sortDir",
-		"sort-change"
-	],
-	setup(__props, { emit: __emit }) {
-		const props = __props;
-		const emit = __emit;
-		const internalSortKey = ref(props.initialSortKey ?? "");
-		const internalSortDir = ref(props.initialSortDir);
-		const isSortKeyControlled = computed(() => props.sortKey !== void 0);
-		const isSortDirControlled = computed(() => props.sortDir !== void 0);
-		const currentSortKey = computed(() => props.sortKey ?? internalSortKey.value);
-		const currentSortDir = computed(() => props.sortDir ?? internalSortDir.value);
-		function applySort(key, dir) {
-			if (!isSortKeyControlled.value) internalSortKey.value = key;
-			if (!isSortDirControlled.value) internalSortDir.value = dir;
-			emit("update:sortKey", key);
-			emit("update:sortDir", dir);
-			emit("sort-change", {
-				key,
-				dir
-			});
-		}
-		const sortedRows = computed(() => {
-			const items = [...props.rows];
-			if (props.externalSort) return items;
-			const key = currentSortKey.value;
-			if (!key) return items;
-			const dir = currentSortDir.value;
-			items.sort((a, b) => {
-				const av = a[key];
-				const bv = b[key];
-				const aNum = typeof av === "number" ? av : Number(av);
-				const bNum = typeof bv === "number" ? bv : Number(bv);
-				const res = Number.isFinite(aNum) && Number.isFinite(bNum) ? aNum - bNum : String(av ?? "").localeCompare(String(bv ?? ""), void 0, { sensitivity: "base" });
-				return dir === "asc" ? res : -res;
-			});
-			return items;
-		});
-		function toggleSort(col) {
-			if (!col.sortable) return;
-			if (currentSortKey.value !== col.key) {
-				applySort(col.key, "asc");
-				return;
-			}
-			applySort(col.key, currentSortDir.value === "asc" ? "desc" : "asc");
-		}
-		function cellAlign(col) {
-			if (col.align === "right") return "text-right";
-			if (col.align === "center") return "text-center";
-			return "text-left";
-		}
-		function rowKeyValue(row) {
-			const rk = props.rowKey;
-			if (typeof rk === "function") return rk(row);
-			const v = row[rk];
-			if (typeof v === "string" || typeof v === "number") return v;
-			return String(v ?? "");
-		}
-		function ariaSortFor(col) {
-			if (!col.sortable) return void 0;
-			if (currentSortKey.value !== col.key) return "none";
-			return currentSortDir.value === "asc" ? "ascending" : "descending";
-		}
-		function sortButtonLabel(col) {
-			if (currentSortKey.value !== col.key) return `Sort by ${col.label}`;
-			return currentSortDir.value === "asc" ? `Sorted by ${col.label} ascending, activate to sort descending` : `Sorted by ${col.label} descending, activate to sort ascending`;
-		}
-		const tableProps = computed(() => ({
-			density: props.density,
-			caption: props.caption,
-			ariaLabel: props.ariaLabel,
-			ariaLabelledby: props.ariaLabelledby,
-			regionLabel: props.regionLabel
-		}));
-		const isEmpty = computed(() => sortedRows.value.length === 0);
-		function cellValue(row, key) {
-			return row[key];
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(GrTable_default, mergeProps(tableProps.value, { "data-gr-datatable": "" }), createSlots({
-				head: withCtx(() => [createElementVNode("tr", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
-					return openBlock(), createElementBlock("th", {
-						key: col.key,
-						class: normalizeClass(["font-700 text-xs px-4 py-3", cellAlign(col)]),
-						"aria-sort": ariaSortFor(col),
-						scope: "col"
-					}, [createElementVNode("div", _hoisted_3, [col.sortable ? (openBlock(), createElementBlock("button", {
-						key: 0,
-						type: "button",
-						class: "inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded",
-						"aria-label": sortButtonLabel(col),
-						onClick: ($event) => toggleSort(col)
-					}, [createElementVNode("span", null, toDisplayString(col.label), 1), createElementVNode("span", _hoisted_5, [currentSortKey.value === col.key && currentSortDir.value === "asc" ? (openBlock(), createBlock(GrIcon_default, {
-						key: 0,
-						size: "sm",
-						"aria-hidden": "true"
-					}, {
-						default: withCtx(() => [createVNode(unref(arrow_up_default))]),
-						_: 1
-					})) : currentSortKey.value === col.key && currentSortDir.value === "desc" ? (openBlock(), createBlock(GrIcon_default, {
-						key: 1,
-						size: "sm",
-						"aria-hidden": "true"
-					}, {
-						default: withCtx(() => [createVNode(unref(arrow_down_default))]),
-						_: 1
-					})) : createCommentVNode("", true)])], 8, _hoisted_4)) : (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(col.label), 1))])], 10, _hoisted_2);
-				}), 128))])]),
-				default: withCtx(() => [isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_7, [createElementVNode("td", {
-					colspan: __props.columns.length,
-					class: "px-4 py-6 text-center text-[var(--muted-fg)]"
-				}, [renderSlot(_ctx.$slots, "empty", {}, () => [_cache[0] || (_cache[0] = createTextVNode(" Нет данных ", -1))])], 8, _hoisted_8)])) : (openBlock(true), createElementBlock(Fragment, { key: 1 }, renderList(sortedRows.value, (row) => {
-					return openBlock(), createElementBlock("tr", {
-						key: rowKeyValue(row),
-						class: "border-t border-[var(--brd)]",
-						"data-gr-datatable-row": ""
-					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
-						return openBlock(), createElementBlock("td", {
-							key: col.key,
-							class: normalizeClass(["px-4 py-3", cellAlign(col)])
-						}, [renderSlot(_ctx.$slots, `cell-${col.key}`, { row }, () => [createElementVNode("span", null, toDisplayString(cellValue(row, col.key)), 1)])], 2);
-					}), 128))]);
-				}), 128))]),
-				_: 2
-			}, [_ctx.$slots.caption ? {
-				name: "caption",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "caption")]),
-				key: "0"
-			} : void 0, _ctx.$slots.foot ? {
-				name: "foot",
-				fn: withCtx(() => [renderSlot(_ctx.$slots, "foot")]),
-				key: "1"
-			} : void 0]), 1040);
-		};
-	}
-});
-//#endregion
-export { GrDataTable_default as t };

package/dist/components/GrDataTable/chunks/GrDataTable-Ds5OeGat.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrDataTable-Ds5OeGat.js","names":["$slots"],"sources":["../../../../src/components/GrDataTable/GrDataTable.vue","../../../../src/components/GrDataTable/GrDataTable.vue"],"sourcesContent":["\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки (uncontrolled-режим). */\n  initialSortKey?: string\n  /** Направление начальной сортировки (uncontrolled-режим). */\n  initialSortDir?: 'asc' | 'desc'\n  /** Контролируемый ключ сортировки: `v-model:sortKey`. Задаёт controlled-режим. */\n  sortKey?: string\n  /** Контролируемое направление сортировки: `v-model:sortDir`. */\n  sortDir?: 'asc' | 'desc'\n  /**\n   * Внешняя сортировка (например серверная): компонент НЕ сортирует `rows`\n   * сам, а только сообщает о смене через `update:sortKey`/`update:sortDir`/\n   * `sort-change`. `rows` при этом должны приходить уже отсортированными.\n   */\n  externalSort?: boolean\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  sortKey: undefined,\n  sortDir: undefined,\n  externalSort: false,\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:sortKey', value: string): void\n  (e: 'update:sortDir', value: 'asc' | 'desc'): void\n  (e: 'sort-change', value: { key: string, dir: 'asc' | 'desc' }): void\n}>()\n\n// Uncontrolled-состояние; в controlled-режиме перекрывается пропами `sortKey`/`sortDir`.\nconst internalSortKey = ref<string>(props.initialSortKey ?? '')\nconst internalSortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst isSortKeyControlled = computed(() => props.sortKey !== undefined)\nconst isSortDirControlled = computed(() => props.sortDir !== undefined)\n\nconst currentSortKey = computed(() => props.sortKey ?? internalSortKey.value)\nconst currentSortDir = computed<'asc' | 'desc'>(() => props.sortDir ?? internalSortDir.value)\n\nfunction applySort(key: string, dir: 'asc' | 'desc'): void {\n  if (!isSortKeyControlled.value)\n    internalSortKey.value = key\n  if (!isSortDirControlled.value)\n    internalSortDir.value = dir\n\n  emit('update:sortKey', key)\n  emit('update:sortDir', dir)\n  emit('sort-change', { key, dir })\n}\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  // Внешняя сортировка: `rows` уже отсортированы потребителем — не трогаем.\n  if (props.externalSort)\n    return items\n\n  const key = currentSortKey.value\n  if (!key)\n    return items\n\n  const dir = currentSortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (currentSortKey.value !== col.key) {\n    applySort(col.key, 'asc')\n    return\n  }\n\n  applySort(col.key, currentSortDir.value === 'asc' ? 'desc' : 'asc')\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (currentSortKey.value !== col.key)\n    return 'none'\n  return currentSortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (currentSortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return currentSortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-gr-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-gr-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"currentSortKey === col.key && currentSortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"currentSortKey === col.key && currentSortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-gr-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-gr-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n","\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, ref } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport type { GrTableDensity } from '../GrTable'\nimport GrIcon from '../GrIcon/GrIcon.vue'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\nexport type GrDataColumn = {\n  key: string\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки (uncontrolled-режим). */\n  initialSortKey?: string\n  /** Направление начальной сортировки (uncontrolled-режим). */\n  initialSortDir?: 'asc' | 'desc'\n  /** Контролируемый ключ сортировки: `v-model:sortKey`. Задаёт controlled-режим. */\n  sortKey?: string\n  /** Контролируемое направление сортировки: `v-model:sortDir`. */\n  sortDir?: 'asc' | 'desc'\n  /**\n   * Внешняя сортировка (например серверная): компонент НЕ сортирует `rows`\n   * сам, а только сообщает о смене через `update:sortKey`/`update:sortDir`/\n   * `sort-change`. `rows` при этом должны приходить уже отсортированными.\n   */\n  externalSort?: boolean\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#caption`, `#foot`, `#empty`.\n *\n * Сортировка: если оба значения в колонке — числа (или парсятся как числа), сравнение\n * идёт численное; иначе — локальное строковое `localeCompare` с `sensitivity: 'base'`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as never,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  sortKey: undefined,\n  sortDir: undefined,\n  externalSort: false,\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:sortKey', value: string): void\n  (e: 'update:sortDir', value: 'asc' | 'desc'): void\n  (e: 'sort-change', value: { key: string, dir: 'asc' | 'desc' }): void\n}>()\n\n// Uncontrolled-состояние; в controlled-режиме перекрывается пропами `sortKey`/`sortDir`.\nconst internalSortKey = ref<string>(props.initialSortKey ?? '')\nconst internalSortDir = ref<'asc' | 'desc'>(props.initialSortDir)\n\nconst isSortKeyControlled = computed(() => props.sortKey !== undefined)\nconst isSortDirControlled = computed(() => props.sortDir !== undefined)\n\nconst currentSortKey = computed(() => props.sortKey ?? internalSortKey.value)\nconst currentSortDir = computed<'asc' | 'desc'>(() => props.sortDir ?? internalSortDir.value)\n\nfunction applySort(key: string, dir: 'asc' | 'desc'): void {\n  if (!isSortKeyControlled.value)\n    internalSortKey.value = key\n  if (!isSortDirControlled.value)\n    internalSortDir.value = dir\n\n  emit('update:sortKey', key)\n  emit('update:sortDir', dir)\n  emit('sort-change', { key, dir })\n}\n\nconst sortedRows = computed(() => {\n  const items = [...props.rows]\n  // Внешняя сортировка: `rows` уже отсортированы потребителем — не трогаем.\n  if (props.externalSort)\n    return items\n\n  const key = currentSortKey.value\n  if (!key)\n    return items\n\n  const dir = currentSortDir.value\n\n  items.sort((a, b) => {\n    const av = (a as Record<string, unknown>)[key]\n    const bv = (b as Record<string, unknown>)[key]\n\n    const aNum = typeof av === 'number' ? av : Number(av)\n    const bNum = typeof bv === 'number' ? bv : Number(bv)\n    const bothNumbers = Number.isFinite(aNum) && Number.isFinite(bNum)\n\n    const res = bothNumbers\n      ? aNum - bNum\n      : String(av ?? '').localeCompare(String(bv ?? ''), undefined, { sensitivity: 'base' })\n\n    return dir === 'asc' ? res : -res\n  })\n\n  return items\n})\n\nfunction toggleSort(col: GrDataColumn): void {\n  if (!col.sortable)\n    return\n\n  if (currentSortKey.value !== col.key) {\n    applySort(col.key, 'asc')\n    return\n  }\n\n  applySort(col.key, currentSortDir.value === 'asc' ? 'desc' : 'asc')\n}\n\nfunction cellAlign(col: GrDataColumn): string {\n  if (col.align === 'right')\n    return 'text-right'\n  if (col.align === 'center')\n    return 'text-center'\n  return 'text-left'\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n  const v = (row as Record<string, unknown>)[rk as string]\n  if (typeof v === 'string' || typeof v === 'number')\n    return v\n  return String(v ?? '')\n}\n\nfunction ariaSortFor(col: GrDataColumn): 'ascending' | 'descending' | 'none' | undefined {\n  if (!col.sortable)\n    return undefined\n  if (currentSortKey.value !== col.key)\n    return 'none'\n  return currentSortDir.value === 'asc' ? 'ascending' : 'descending'\n}\n\nfunction sortButtonLabel(col: GrDataColumn): string {\n  if (currentSortKey.value !== col.key)\n    return `Sort by ${col.label}`\n  return currentSortDir.value === 'asc'\n    ? `Sorted by ${col.label} ascending, activate to sort descending`\n    : `Sorted by ${col.label} descending, activate to sort ascending`\n}\n\nconst tableProps = computed(() => ({\n  density: props.density,\n  caption: props.caption,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n</script>\n\n<template>\n  <GrTable v-bind=\"tableProps\" data-gr-datatable>\n    <template v-if=\"$slots.caption\" #caption>\n      <slot name=\"caption\" />\n    </template>\n\n    <template #head>\n      <tr data-gr-datatable-header>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700 text-xs px-4 py-3\"\n          :class=\"cellAlign(col)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center gap-2\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              class=\"inline-flex items-center gap-2 text-[var(--muted-fg)] hover:text-[var(--fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--ring)] rounded\"\n              :aria-label=\"sortButtonLabel(col)\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>{{ col.label }}</span>\n              <span class=\"inline-flex\">\n                <GrIcon v-if=\"currentSortKey === col.key && currentSortDir === 'asc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"currentSortKey === col.key && currentSortDir === 'desc'\" size=\"sm\" aria-hidden=\"true\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"isEmpty\">\n      <tr data-gr-datatable-empty>\n        <td :colspan=\"columns.length\" class=\"px-4 py-6 text-center text-[var(--muted-fg)]\">\n          <slot name=\"empty\">\nНет данных\n</slot>\n        </td>\n      </tr>\n    </template>\n    <tr\n      v-for=\"row in sortedRows\"\n      v-else\n      :key=\"rowKeyValue(row)\"\n      class=\"border-t border-[var(--brd)]\"\n      data-gr-datatable-row\n    >\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        class=\"px-4 py-3\"\n        :class=\"cellAlign(col)\"\n      >\n        <slot :name=\"`cell-${col.key}`\" :row=\"row\">\n          <span>{{ cellValue(row, col.key) }}</span>\n        </slot>\n      </td>\n    </tr>\n\n    <template v-if=\"$slots.foot\" #foot>\n      <slot name=\"foot\" />\n    </template>\n  </GrTable>\n</template>\n"],"mappings":"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"}