@feugene/granularity 0.12.0 → 0.13.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrConfirmDialog-e4120mWw.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(--gr-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(--gr-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/GrConfirmDialog/index.js

@@ -1,3 +1,3 @@
-import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-D8CkOtqv.js";
-import { t as grConfirmDialogConfig } from "../../chunks/config-BXtAmU3s2.js";
+import { t as GrConfirmDialog_default } from "./chunks/GrConfirmDialog-e4120mWw.js";
+import { t as grConfirmDialogConfig } from "../../chunks/config-BXtAmU3s.js";
 export { GrConfirmDialog_default as GrConfirmDialog, GrConfirmDialog_default as default, grConfirmDialogConfig };

package/dist/components/GrDataTable/chunks/{GrDataTable-Ds5OeGat.js → GrDataTable-C1CzxV0p.js}

@@ -1,5 +1,6 @@
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
 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 GrTable_default } from "../../GrTable/chunks/GrTable-sNvsA8wa.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
@@ -25,19 +26,49 @@ var arrow_down_default = markRaw({
 //#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 = {
+var _hoisted_2 = {
+	key: 0,
+	class: "w-10 px-4 py-3 text-left",
+	scope: "col"
+};
+var _hoisted_3 = [
+	"checked",
+	"indeterminate",
+	"aria-label",
+	"disabled"
+];
+var _hoisted_4 = ["aria-sort"];
+var _hoisted_5 = { class: "inline-flex items-center gap-2" };
+var _hoisted_6 = ["aria-label", "onClick"];
+var _hoisted_7 = { class: "inline-flex" };
+var _hoisted_8 = {
 	key: 1,
-	class: "text-[var(--muted-fg)]"
+	class: "text-[var(--gr-muted-fg)]"
 };
-var _hoisted_7 = {
+var _hoisted_9 = {
 	key: 0,
+	"data-gr-datatable-loading": ""
+};
+var _hoisted_10 = ["colspan"];
+var _hoisted_11 = {
+	class: "inline-flex items-center gap-2",
+	role: "status"
+};
+var _hoisted_12 = {
+	key: 1,
 	"data-gr-datatable-empty": ""
 };
-var _hoisted_8 = ["colspan"];
+var _hoisted_13 = ["colspan"];
+var _hoisted_14 = ["data-selected"];
+var _hoisted_15 = {
+	key: 0,
+	class: "w-10 px-4 py-3 text-left"
+};
+var _hoisted_16 = [
+	"checked",
+	"aria-label",
+	"onChange"
+];
 //#endregion
 //#region src/components/GrDataTable/GrDataTable.vue
 var GrDataTable_default = /* @__PURE__ */ defineComponent({
@@ -57,20 +88,38 @@ var GrDataTable_default = /* @__PURE__ */ defineComponent({
 			type: Boolean,
 			default: false
 		},
+		selectable: {
+			type: Boolean,
+			default: false
+		},
+		selected: { default: void 0 },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		loadingText: { default: void 0 },
 		density: { default: "regular" },
 		caption: { default: void 0 },
 		ariaLabel: { default: void 0 },
 		ariaLabelledby: { default: void 0 },
-		regionLabel: { default: void 0 }
+		regionLabel: { default: void 0 },
+		stickyHeader: {
+			type: Boolean,
+			default: false
+		},
+		maxHeight: { default: void 0 }
 	},
 	emits: [
 		"update:sortKey",
 		"update:sortDir",
-		"sort-change"
+		"sort-change",
+		"update:selected"
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
 		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const resolvedLoadingText = computed(() => props.loadingText ?? t("gr.dataTable.loading", "Loading…"));
 		const internalSortKey = ref(props.initialSortKey ?? "");
 		const internalSortDir = ref(props.initialSortDir);
 		const isSortKeyControlled = computed(() => props.sortKey !== void 0);
@@ -137,27 +186,66 @@ var GrDataTable_default = /* @__PURE__ */ defineComponent({
 			caption: props.caption,
 			ariaLabel: props.ariaLabel,
 			ariaLabelledby: props.ariaLabelledby,
-			regionLabel: props.regionLabel
+			regionLabel: props.regionLabel,
+			stickyHeader: props.stickyHeader,
+			maxHeight: props.maxHeight
 		}));
 		const isEmpty = computed(() => sortedRows.value.length === 0);
+		const totalColumns = computed(() => props.columns.length + (props.selectable ? 1 : 0));
 		function cellValue(row, key) {
 			return row[key];
 		}
+		const selectedKeys = computed(() => new Set(props.selected ?? []));
+		function isRowSelected(row) {
+			return selectedKeys.value.has(rowKeyValue(row));
+		}
+		const allSelected = computed(() => sortedRows.value.length > 0 && sortedRows.value.every(isRowSelected));
+		const someSelected = computed(() => sortedRows.value.some(isRowSelected) && !allSelected.value);
+		function emitSelected(next) {
+			emit("update:selected", [...next]);
+		}
+		function toggleRow(row) {
+			const key = rowKeyValue(row);
+			const next = new Set(selectedKeys.value);
+			if (next.has(key)) next.delete(key);
+			else next.add(key);
+			emitSelected(next);
+		}
+		function toggleAll() {
+			if (allSelected.value) {
+				const next = new Set(selectedKeys.value);
+				for (const row of sortedRows.value) next.delete(rowKeyValue(row));
+				emitSelected(next);
+				return;
+			}
+			const next = new Set(selectedKeys.value);
+			for (const row of sortedRows.value) next.add(rowKeyValue(row));
+			emitSelected(next);
+		}
 		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) => {
+				head: withCtx(() => [createElementVNode("tr", _hoisted_1, [__props.selectable ? (openBlock(), createElementBlock("th", _hoisted_2, [createElementVNode("input", {
+					type: "checkbox",
+					"data-gr-datatable-select-all": "",
+					class: "h-4 w-4 cursor-pointer accent-[var(--gr-primary)] align-middle",
+					checked: allSelected.value,
+					indeterminate: someSelected.value,
+					"aria-label": unref(t)("gr.dataTable.selectAll", "Select all rows"),
+					disabled: __props.loading || isEmpty.value,
+					onChange: toggleAll
+				}, null, 40, _hoisted_3)])) : createCommentVNode("", true), (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", {
+					}, [createElementVNode("div", _hoisted_5, [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",
+						class: "inline-flex items-center gap-2 text-[var(--gr-muted-fg)] hover:text-[var(--gr-fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-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, {
+					}, [createElementVNode("span", null, toDisplayString(col.label), 1), createElementVNode("span", _hoisted_7, [currentSortKey.value === col.key && currentSortDir.value === "asc" ? (openBlock(), createBlock(GrIcon_default, {
 						key: 0,
 						size: "sm",
 						"aria-hidden": "true"
@@ -171,22 +259,36 @@ var GrDataTable_default = /* @__PURE__ */ defineComponent({
 					}, {
 						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);
+					})) : createCommentVNode("", true)])], 8, _hoisted_6)) : (openBlock(), createElementBlock("span", _hoisted_8, toDisplayString(col.label), 1))])], 10, _hoisted_4);
 				}), 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) => {
+				default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("tr", _hoisted_9, [createElementVNode("td", {
+					colspan: totalColumns.value,
+					class: "px-4 py-6 text-center text-[var(--gr-muted-fg)]"
+				}, [createElementVNode("span", _hoisted_11, [_cache[0] || (_cache[0] = createElementVNode("span", {
+					class: "i-lucide-loader-circle block h-4 w-4 animate-spin",
+					"aria-hidden": "true"
+				}, null, -1)), createElementVNode("span", null, toDisplayString(resolvedLoadingText.value), 1)])], 8, _hoisted_10)])) : isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_12, [createElementVNode("td", {
+					colspan: totalColumns.value,
+					class: "px-4 py-6 text-center text-[var(--gr-muted-fg)]"
+				}, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(unref(t)("gr.dataTable.empty", "No data")), 1)])], 8, _hoisted_13)])) : (openBlock(true), createElementBlock(Fragment, { key: 2 }, 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) => {
+						class: normalizeClass(["border-t border-[var(--gr-brd)]", isRowSelected(row) ? "bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]" : ""]),
+						"data-gr-datatable-row": "",
+						"data-selected": __props.selectable && isRowSelected(row) ? "true" : void 0
+					}, [__props.selectable ? (openBlock(), createElementBlock("td", _hoisted_15, [createElementVNode("input", {
+						type: "checkbox",
+						"data-gr-datatable-select-row": "",
+						class: "h-4 w-4 cursor-pointer accent-[var(--gr-primary)] align-middle",
+						checked: isRowSelected(row),
+						"aria-label": unref(t)("gr.dataTable.selectRow", "Select row"),
+						onChange: ($event) => toggleRow(row)
+					}, null, 40, _hoisted_16)])) : createCommentVNode("", true), (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))], 10, _hoisted_14);
 				}), 128))]),
 				_: 2
 			}, [_ctx.$slots.caption ? {

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrDataTable-C1CzxV0p.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'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\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  /**\n   * Выбор строк: добавляет ведущую колонку с чекбоксами (+ «выбрать все» в шапке).\n   * Выбранные ключи строк — через `v-model:selected`.\n   */\n  selectable?: boolean\n  /** Контролируемый список выбранных ключей строк: `v-model:selected`. */\n  selected?: Array<string | number>\n  /**\n   * Состояние загрузки: тело таблицы заменяется строкой-индикатором.\n   * `empty`-состояние при этом не показывается.\n   */\n  loading?: boolean\n  /** Текст индикатора загрузки. i18n: fallback `gr.dataTable.loading`. */\n  loadingText?: string\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n  /** Прилипающий заголовок при вертикальном скролле (нужен `maxHeight`). */\n  stickyHeader?: boolean\n  /** Максимальная высота таблицы (вертикальный скролл). Число — в пикселях. */\n  maxHeight?: string | number\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  selectable: false,\n  selected: undefined,\n  loading: false,\n  loadingText: undefined,\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  stickyHeader: false,\n  maxHeight: 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  (e: 'update:selected', value: Array<string | number>): void\n}>()\n\nconst { t } = useGranularityTranslations()\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.dataTable.loading', 'Loading…'))\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  stickyHeader: props.stickyHeader,\n  maxHeight: props.maxHeight,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\n// Общее число колонок с учётом ведущей чекбокс-колонки — для `colspan`\n// строк loading/empty.\nconst totalColumns = computed(() => props.columns.length + (props.selectable ? 1 : 0))\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n\n// ————— Выбор строк.\nconst selectedKeys = computed<Set<string | number>>(() => new Set(props.selected ?? []))\n\nfunction isRowSelected(row: TRow): boolean {\n  return selectedKeys.value.has(rowKeyValue(row))\n}\n\nconst allSelected = computed(() =>\n  sortedRows.value.length > 0 && sortedRows.value.every(isRowSelected),\n)\nconst someSelected = computed(() =>\n  sortedRows.value.some(isRowSelected) && !allSelected.value,\n)\n\nfunction emitSelected(next: Set<string | number>): void {\n  emit('update:selected', [...next])\n}\n\nfunction toggleRow(row: TRow): void {\n  const key = rowKeyValue(row)\n  const next = new Set(selectedKeys.value)\n  if (next.has(key))\n    next.delete(key)\n  else\n    next.add(key)\n  emitSelected(next)\n}\n\nfunction toggleAll(): void {\n  if (allSelected.value) {\n    // Снимаем выбор только с видимых строк, сохраняя внешние ключи.\n    const next = new Set(selectedKeys.value)\n    for (const row of sortedRows.value) next.delete(rowKeyValue(row))\n    emitSelected(next)\n    return\n  }\n  const next = new Set(selectedKeys.value)\n  for (const row of sortedRows.value) next.add(rowKeyValue(row))\n  emitSelected(next)\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-if=\"selectable\"\n          class=\"w-10 px-4 py-3 text-left\"\n          scope=\"col\"\n        >\n          <input\n            type=\"checkbox\"\n            data-gr-datatable-select-all\n            class=\"h-4 w-4 cursor-pointer accent-[var(--gr-primary)] align-middle\"\n            :checked=\"allSelected\"\n            :indeterminate=\"someSelected\"\n            :aria-label=\"t('gr.dataTable.selectAll', 'Select all rows')\"\n            :disabled=\"loading || isEmpty\"\n            @change=\"toggleAll\"\n          >\n        </th>\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(--gr-muted-fg)] hover:text-[var(--gr-fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-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(--gr-muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"loading\">\n      <tr data-gr-datatable-loading>\n        <td :colspan=\"totalColumns\" class=\"px-4 py-6 text-center text-[var(--gr-muted-fg)]\">\n          <span class=\"inline-flex items-center gap-2\" role=\"status\">\n            <span class=\"i-lucide-loader-circle block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n            <span>{{ resolvedLoadingText }}</span>\n          </span>\n        </td>\n      </tr>\n    </template>\n    <template v-else-if=\"isEmpty\">\n      <tr data-gr-datatable-empty>\n        <td :colspan=\"totalColumns\" class=\"px-4 py-6 text-center text-[var(--gr-muted-fg)]\">\n          <slot name=\"empty\">\n            {{ t('gr.dataTable.empty', 'No data') }}\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(--gr-brd)]\"\n      :class=\"isRowSelected(row) ? 'bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]' : ''\"\n      data-gr-datatable-row\n      :data-selected=\"selectable && isRowSelected(row) ? 'true' : undefined\"\n    >\n      <td v-if=\"selectable\" class=\"w-10 px-4 py-3 text-left\">\n        <input\n          type=\"checkbox\"\n          data-gr-datatable-select-row\n          class=\"h-4 w-4 cursor-pointer accent-[var(--gr-primary)] align-middle\"\n          :checked=\"isRowSelected(row)\"\n          :aria-label=\"t('gr.dataTable.selectRow', 'Select row')\"\n          @change=\"toggleRow(row)\"\n        >\n      </td>\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'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\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  /**\n   * Выбор строк: добавляет ведущую колонку с чекбоксами (+ «выбрать все» в шапке).\n   * Выбранные ключи строк — через `v-model:selected`.\n   */\n  selectable?: boolean\n  /** Контролируемый список выбранных ключей строк: `v-model:selected`. */\n  selected?: Array<string | number>\n  /**\n   * Состояние загрузки: тело таблицы заменяется строкой-индикатором.\n   * `empty`-состояние при этом не показывается.\n   */\n  loading?: boolean\n  /** Текст индикатора загрузки. i18n: fallback `gr.dataTable.loading`. */\n  loadingText?: string\n  // Прокси к GrTable:\n  density?: GrTableDensity\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n  /** Прилипающий заголовок при вертикальном скролле (нужен `maxHeight`). */\n  stickyHeader?: boolean\n  /** Максимальная высота таблицы (вертикальный скролл). Число — в пикселях. */\n  maxHeight?: string | number\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  selectable: false,\n  selected: undefined,\n  loading: false,\n  loadingText: undefined,\n  density: 'regular',\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  stickyHeader: false,\n  maxHeight: 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  (e: 'update:selected', value: Array<string | number>): void\n}>()\n\nconst { t } = useGranularityTranslations()\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.dataTable.loading', 'Loading…'))\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  stickyHeader: props.stickyHeader,\n  maxHeight: props.maxHeight,\n}))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\n// Общее число колонок с учётом ведущей чекбокс-колонки — для `colspan`\n// строк loading/empty.\nconst totalColumns = computed(() => props.columns.length + (props.selectable ? 1 : 0))\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n\n// ————— Выбор строк.\nconst selectedKeys = computed<Set<string | number>>(() => new Set(props.selected ?? []))\n\nfunction isRowSelected(row: TRow): boolean {\n  return selectedKeys.value.has(rowKeyValue(row))\n}\n\nconst allSelected = computed(() =>\n  sortedRows.value.length > 0 && sortedRows.value.every(isRowSelected),\n)\nconst someSelected = computed(() =>\n  sortedRows.value.some(isRowSelected) && !allSelected.value,\n)\n\nfunction emitSelected(next: Set<string | number>): void {\n  emit('update:selected', [...next])\n}\n\nfunction toggleRow(row: TRow): void {\n  const key = rowKeyValue(row)\n  const next = new Set(selectedKeys.value)\n  if (next.has(key))\n    next.delete(key)\n  else\n    next.add(key)\n  emitSelected(next)\n}\n\nfunction toggleAll(): void {\n  if (allSelected.value) {\n    // Снимаем выбор только с видимых строк, сохраняя внешние ключи.\n    const next = new Set(selectedKeys.value)\n    for (const row of sortedRows.value) next.delete(rowKeyValue(row))\n    emitSelected(next)\n    return\n  }\n  const next = new Set(selectedKeys.value)\n  for (const row of sortedRows.value) next.add(rowKeyValue(row))\n  emitSelected(next)\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-if=\"selectable\"\n          class=\"w-10 px-4 py-3 text-left\"\n          scope=\"col\"\n        >\n          <input\n            type=\"checkbox\"\n            data-gr-datatable-select-all\n            class=\"h-4 w-4 cursor-pointer accent-[var(--gr-primary)] align-middle\"\n            :checked=\"allSelected\"\n            :indeterminate=\"someSelected\"\n            :aria-label=\"t('gr.dataTable.selectAll', 'Select all rows')\"\n            :disabled=\"loading || isEmpty\"\n            @change=\"toggleAll\"\n          >\n        </th>\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(--gr-muted-fg)] hover:text-[var(--gr-fg)] transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-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(--gr-muted-fg)]\">{{ col.label }}</span>\n          </div>\n        </th>\n      </tr>\n    </template>\n\n    <template v-if=\"loading\">\n      <tr data-gr-datatable-loading>\n        <td :colspan=\"totalColumns\" class=\"px-4 py-6 text-center text-[var(--gr-muted-fg)]\">\n          <span class=\"inline-flex items-center gap-2\" role=\"status\">\n            <span class=\"i-lucide-loader-circle block h-4 w-4 animate-spin\" aria-hidden=\"true\" />\n            <span>{{ resolvedLoadingText }}</span>\n          </span>\n        </td>\n      </tr>\n    </template>\n    <template v-else-if=\"isEmpty\">\n      <tr data-gr-datatable-empty>\n        <td :colspan=\"totalColumns\" class=\"px-4 py-6 text-center text-[var(--gr-muted-fg)]\">\n          <slot name=\"empty\">\n            {{ t('gr.dataTable.empty', 'No data') }}\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(--gr-brd)]\"\n      :class=\"isRowSelected(row) ? 'bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]' : ''\"\n      data-gr-datatable-row\n      :data-selected=\"selectable && isRowSelected(row) ? 'true' : undefined\"\n    >\n      <td v-if=\"selectable\" class=\"w-10 px-4 py-3 text-left\">\n        <input\n          type=\"checkbox\"\n          data-gr-datatable-select-row\n          class=\"h-4 w-4 cursor-pointer accent-[var(--gr-primary)] align-middle\"\n          :checked=\"isRowSelected(row)\"\n          :aria-label=\"t('gr.dataTable.selectRow', 'Select row')\"\n          @change=\"toggleRow(row)\"\n        >\n      </td>\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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"}

package/dist/components/GrDataTable/index.js

@@ -1,3 +1,3 @@
-import { t as GrDataTable_default } from "./chunks/GrDataTable-Ds5OeGat.js";
-import { t as grDataTableConfig } from "../../chunks/config-U4m9PSql.js";
+import { t as GrDataTable_default } from "./chunks/GrDataTable-C1CzxV0p.js";
+import { t as grDataTableConfig } from "../../chunks/config-U4m9PSql2.js";
 export { GrDataTable_default as GrDataTable, GrDataTable_default as default, grDataTableConfig };

package/dist/components/GrDialog/chunks/{GrDialog-Ctucxju9.js → GrDialog-BPMvDHOz.js}

@@ -1,8 +1,8 @@
 import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
-import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCi4CUpo.js";
 import { o as Ve } from "../../../chunks/useScrollLock-K7kaP2Ud.js";
-import { t as GrModal_default } from "../../GrModal/chunks/GrModal-C0GZrHN3.js";
+import { t as GrModal_default } from "../../GrModal/chunks/GrModal-BTu1-5eY.js";
 import { a as resolveGrDialogTitle, i as resolveGrDialogSectionConfig, n as DEFAULT_GR_DIALOG_FOOTER_CONFIG, r as DEFAULT_GR_DIALOG_HEADER_CONFIG, t as DEFAULT_GR_DIALOG_BODY_CONFIG } from "../../../chunks/dialogShared-CxW62PQE.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createTextVNode, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
 //#endregion
@@ -16,7 +16,7 @@ var GrDialogFooter_default = /* @__PURE__ */ defineComponent({
 		const rootClass = computed(() => [
 			resolvedConfig.value.paddingX,
 			resolvedConfig.value.paddingY,
-			resolvedConfig.value.bordered ? "border-t border-[var(--brd)]" : ""
+			resolvedConfig.value.bordered ? "border-t border-[var(--gr-brd)]" : ""
 		]);
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -86,7 +86,7 @@ var GrDialogHeader_default = /* @__PURE__ */ defineComponent({
 		const rootClass = computed(() => [
 			resolvedConfig.value.paddingX,
 			resolvedConfig.value.paddingY,
-			resolvedConfig.value.bordered ? "border-b border-[var(--brd)]" : "",
+			resolvedConfig.value.bordered ? "border-b border-[var(--gr-brd)]" : "",
 			"flex items-center justify-between gap-4"
 		]);
 		const showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value);

package/dist/components/GrDialog/chunks/GrDialog-BPMvDHOz.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDialog-BPMvDHOz.js","names":["$emit","$emit"],"sources":["../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialog.vue","../../../../src/components/GrDialog/GrDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--gr-brd)]' : '',\n])\n</script>\n\n<template>\n  <div data-gr-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--gr-brd)]' : '',\n])\n</script>\n\n<template>\n  <div data-gr-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst { t } = useGranularityTranslations()\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем i18n-дефолт. Не хардкодим английское \"Close\" — GR должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? t('gr.common.close', 'Close'))\n\ndefineEmits<{\n  (e: 'click'): void\n}>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-gr-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst { t } = useGranularityTranslations()\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем i18n-дефолт. Не хардкодим английское \"Close\" — GR должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? t('gr.common.close', 'Close'))\n\ndefineEmits<{\n  (e: 'click'): void\n}>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-gr-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { DialogTitle } from '@headlessui/vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<{\n  (e: 'close'): void\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--gr-brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый `DialogTitle` рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n</script>\n\n<template>\n  <div data-gr-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <DialogTitle\n      v-else-if=\"showVisibleTitle\"\n      as=\"div\"\n      class=\"flex-1 min-w-0 text-[14px] font-700\"\n    >\n      {{ resolvedTitle }}\n    </DialogTitle>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\nimport { DialogTitle } from '@headlessui/vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<{\n  (e: 'close'): void\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--gr-brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый `DialogTitle` рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n</script>\n\n<template>\n  <div data-gr-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <DialogTitle\n      v-else-if=\"showVisibleTitle\"\n      as=\"div\"\n      class=\"flex-1 min-w-0 text-[14px] font-700\"\n    >\n      {{ resolvedTitle }}\n    </DialogTitle>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — GR-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   HeadlessUI корректно проставил `aria-labelledby` на панель.\n */\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: 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}\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: 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})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём HeadlessUI a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <div class=\"overflow-hidden rounded-[inherit]\">\n      <GrDialogHeader\n        v-if=\"showHeader\"\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n\n      <div :class=\"bodyClass\">\n        <slot />\n      </div>\n\n      <GrDialogFooter v-if=\"slots.footer\" :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </div>\n  </GrModal>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — GR-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   HeadlessUI корректно проставил `aria-labelledby` на панель.\n */\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: 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}\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: 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})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём HeadlessUI a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <div class=\"overflow-hidden rounded-[inherit]\">\n      <GrDialogHeader\n        v-if=\"showHeader\"\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n\n      <div :class=\"bodyClass\">\n        <slot />\n      </div>\n\n      <GrDialogFooter v-if=\"slots.footer\" :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </div>\n  </GrModal>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDialog/index.js

@@ -1,4 +1,4 @@
 import { a as resolveGrDialogTitle, i as resolveGrDialogSectionConfig, n as DEFAULT_GR_DIALOG_FOOTER_CONFIG, r as DEFAULT_GR_DIALOG_HEADER_CONFIG, t as DEFAULT_GR_DIALOG_BODY_CONFIG } from "../../chunks/dialogShared-CxW62PQE.js";
-import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./chunks/GrDialog-Ctucxju9.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./chunks/GrDialog-BPMvDHOz.js";
 import { t as grDialogSafelist } from "../../chunks/safelist-CkF4v7DC.js";
 export { DEFAULT_GR_DIALOG_BODY_CONFIG, DEFAULT_GR_DIALOG_FOOTER_CONFIG, DEFAULT_GR_DIALOG_HEADER_CONFIG, GrDialog_default as GrDialog, GrDialog_default as default, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, grDialogSafelist, resolveGrDialogSectionConfig, resolveGrDialogTitle };

package/dist/components/GrDialogService/chunks/{GrDialogService-CU1Fbonc.js → GrDialogService-CYXCTGm3.js}

@@ -1,8 +1,11 @@
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
-import { n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as responseErrorParserPresets } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-Cdu9ekK9.js";
-import { t as GrConfirmDialog_default } from "../../GrConfirmDialog/chunks/GrConfirmDialog-D8CkOtqv.js";
-import { t as GrPromptDialog_default } from "../../GrPromptDialog/chunks/GrPromptDialog-C-_BMNuY.js";
-import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, onBeforeUnmount, openBlock, reactive, ref, render, shallowRef, toDisplayString, watch, withCtx } from "vue";
+import { n as GR_CONFIG_KEY, s as useGrConfig } from "../../../chunks/context-DfWYCBB-.js";
+import { t as GRANULARITY_I18N_KEY } from "../../../chunks/adapter-CAOxmn2G.js";
+import { t as resolveGranularityI18n } from "../../../chunks/granularityI18n-SH0I--GW.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCi4CUpo.js";
+import { n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as responseErrorParserPresets } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-C8NGx8pE.js";
+import { t as GrConfirmDialog_default } from "../../GrConfirmDialog/chunks/GrConfirmDialog-e4120mWw.js";
+import { t as GrPromptDialog_default } from "../../GrPromptDialog/chunks/GrPromptDialog-DNUjRVB9.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, markRaw, mergeProps, nextTick, onBeforeUnmount, openBlock, provide, reactive, ref, render, shallowRef, toDisplayString, watch, withCtx } from "vue";
 //#region src/components/GrDialogService/store.ts
 /**
 * Модульный синглтон очереди диалогов: единый источник правды для всех
@@ -33,6 +36,20 @@ var GrDialogServiceHost_default = /* @__PURE__ */ defineComponent({
 		* сервера через цепочку парсеров `GrResponseErrorBanner`.
 		*/
 		const active = computed(() => dialogQueue[0] ?? null);
+		const EMPTY_DEFAULTS = Object.freeze({});
+		provide(GR_CONFIG_KEY, {
+			size: computed(() => active.value?.config?.size.value),
+			componentDefaults: computed(() => active.value?.config?.componentDefaults.value ?? EMPTY_DEFAULTS)
+		});
+		const hostI18n = resolveGranularityI18n();
+		provide(GRANULARITY_I18N_KEY, {
+			t: (key, params) => {
+				return (active.value?.i18n ?? hostI18n)?.t(key, params) ?? key;
+			},
+			get locale() {
+				return (active.value?.i18n ?? hostI18n)?.locale;
+			}
+		});
 		const open = ref(false);
 		const loading = ref(false);
 		const currentError = shallowRef(null);
@@ -324,9 +341,10 @@ function teardownDialogService() {
 		container = null;
 	}
 	mounted = false;
+	cachedAppContext = null;
 	dialogQueue.splice(0, dialogQueue.length);
 }
-function enqueue(kind, message, options, onConfirm) {
+function enqueue(kind, message, options, onConfirm, captured) {
 	if (typeof window === "undefined" || typeof document === "undefined") throw new Error("[granularity] useDialogService is client-only and cannot be called during SSR (it mounts a host into document.body). Guard imperative dialog calls behind a client-side check.");
 	ensureMounted(options.appContext ?? cachedAppContext);
 	const id = makeDialogId();
@@ -343,7 +361,9 @@ function enqueue(kind, message, options, onConfirm) {
 			message
 		},
 		onConfirm,
-		resolve: resolveFn
+		resolve: resolveFn,
+		config: captured.config,
+		i18n: captured.i18n
 	};
 	dialogQueue.push(request);
 	const close = () => {
@@ -388,20 +408,25 @@ function mergeErrorDefaults(defaults, options) {
 function useDialogService(defaults = {}) {
 	const instance = getCurrentInstance();
 	if (instance?.appContext && !cachedAppContext) cachedAppContext = instance.appContext;
+	const capturedI18n = instance ? resolveGranularityI18n() : null;
+	const captured = {
+		config: instance ? markRaw(useGrConfig()) : null,
+		i18n: capturedI18n ? markRaw(capturedI18n) : null
+	};
 	function confirm(message, options = {}) {
-		const { promise, close } = enqueue("confirm", message, mergeErrorDefaults(defaults, options), options.onConfirm);
+		const { promise, close } = enqueue("confirm", message, mergeErrorDefaults(defaults, options), options.onConfirm, captured);
 		return withClose(promise.then((r) => r.action === "confirm"), close);
 	}
 	function alert(message, options = {}) {
-		const { promise, close } = enqueue("alert", message, mergeErrorDefaults(defaults, options), options.onConfirm);
+		const { promise, close } = enqueue("alert", message, mergeErrorDefaults(defaults, options), options.onConfirm, captured);
 		return withClose(promise.then(() => void 0), close);
 	}
 	function prompt(message, options = {}) {
-		const { promise, close } = enqueue("prompt", message, mergeErrorDefaults(defaults, options), options.onConfirm);
+		const { promise, close } = enqueue("prompt", message, mergeErrorDefaults(defaults, options), options.onConfirm, captured);
 		return withClose(promise.then((r) => r.action === "confirm" ? r.value ?? "" : null), close);
 	}
 	function open(kind, message, options = {}) {
-		const { promise, close } = enqueue(kind, message, mergeErrorDefaults(defaults, options), options.onConfirm);
+		const { promise, close } = enqueue(kind, message, mergeErrorDefaults(defaults, options), options.onConfirm, captured);
 		return withClose(promise, close);
 	}
 	function closeAll() {