@feugene/granularity 0.12.0 → 0.16.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrConfirmDialog-DaQmlp1_.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 { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } 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\n/** Какое действие получает фокус при открытии окна. */\nexport type GrConfirmDialogFocusAction = 'confirm' | 'cancel' | 'none'\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   * Какое действие получает фокус при открытии. По умолчанию «Отмена»:\n   * подтверждение бывает деструктивным, и `Enter` сразу после открытия не\n   * должен его запускать. `none` оставляет фокус на панели окна.\n   *\n   * Имя не `initialFocus` намеренно: у `GrModal`/`GrDrawer` так называется\n   * проп с элементом, а здесь выбирается действие.\n   */\n  focusAction?: GrConfirmDialogFocusAction\n  /**\n   * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n   * подтверждение (`confirmLoading`). Кнопка закрытия и «Отмена» остаются:\n   * окно без единого выхода — ловушка.\n   */\n  persistent?: boolean\n}\n\nexport interface GrConfirmDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}\n\nimport './defaults'\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` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\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  focusAction: 'cancel',\n  persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrConfirmDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrConfirmDialogEmits>()\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\nconst confirmButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\nconst cancelButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\n\n// Пока подтверждение в полёте, случайное движение не должно оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && props.confirmLoading)\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\n/**\n * Фокус ставит содержимое после отрисовки, а не проп `initialFocus` у\n * `GrModal`: кнопка рождается внутри поддерева диалога, и возврат её же пропом\n * наверх замыкает рендер в цикл (проверено на `GrPromptDialog`).\n *\n * Молчит, когда фокусировать нечего: со своим слотом `#footer` кнопок с\n * рефами в DOM нет, и фокус остаётся на панели — это корректный исход, а не\n * повод падать.\n */\nfunction focusAction(): void {\n  if (props.focusAction === 'confirm') confirmButtonRef.value?.focus()\n  else if (props.focusAction === 'cancel') cancelButtonRef.value?.focus()\n}\n\n// Источник — не только `modelValue`, но и сами кнопки: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n  [() => props.modelValue, cancelButtonRef, confirmButtonRef],\n  () => {\n    if (!props.modelValue || props.focusAction === 'none') return\n    focusAction()\n  },\n  // `immediate`: окно могут смонтировать уже открытым — смены пропа тогда нет.\n  { immediate: true, flush: 'post' },\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=\"resolvedSize\"\n    :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n    :close-on-esc=\"resolvedCloseOnEsc\"\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-[length:var(--gr-control-text-md)] 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 ref=\"cancelButtonRef\" data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            ref=\"confirmButtonRef\"\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 { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } 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\n/** Какое действие получает фокус при открытии окна. */\nexport type GrConfirmDialogFocusAction = 'confirm' | 'cancel' | 'none'\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   * Какое действие получает фокус при открытии. По умолчанию «Отмена»:\n   * подтверждение бывает деструктивным, и `Enter` сразу после открытия не\n   * должен его запускать. `none` оставляет фокус на панели окна.\n   *\n   * Имя не `initialFocus` намеренно: у `GrModal`/`GrDrawer` так называется\n   * проп с элементом, а здесь выбирается действие.\n   */\n  focusAction?: GrConfirmDialogFocusAction\n  /**\n   * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n   * подтверждение (`confirmLoading`). Кнопка закрытия и «Отмена» остаются:\n   * окно без единого выхода — ловушка.\n   */\n  persistent?: boolean\n}\n\nexport interface GrConfirmDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}\n\nimport './defaults'\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` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\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  focusAction: 'cancel',\n  persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrConfirmDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrConfirmDialogEmits>()\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\nconst confirmButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\nconst cancelButtonRef = ref<InstanceType<typeof GrButton> | null>(null)\n\n// Пока подтверждение в полёте, случайное движение не должно оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && props.confirmLoading)\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\n/**\n * Фокус ставит содержимое после отрисовки, а не проп `initialFocus` у\n * `GrModal`: кнопка рождается внутри поддерева диалога, и возврат её же пропом\n * наверх замыкает рендер в цикл (проверено на `GrPromptDialog`).\n *\n * Молчит, когда фокусировать нечего: со своим слотом `#footer` кнопок с\n * рефами в DOM нет, и фокус остаётся на панели — это корректный исход, а не\n * повод падать.\n */\nfunction focusAction(): void {\n  if (props.focusAction === 'confirm') confirmButtonRef.value?.focus()\n  else if (props.focusAction === 'cancel') cancelButtonRef.value?.focus()\n}\n\n// Источник — не только `modelValue`, но и сами кнопки: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n  [() => props.modelValue, cancelButtonRef, confirmButtonRef],\n  () => {\n    if (!props.modelValue || props.focusAction === 'none') return\n    focusAction()\n  },\n  // `immediate`: окно могут смонтировать уже открытым — смены пропа тогда нет.\n  { immediate: true, flush: 'post' },\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=\"resolvedSize\"\n    :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n    :close-on-esc=\"resolvedCloseOnEsc\"\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-[length:var(--gr-control-text-md)] 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 ref=\"cancelButtonRef\" data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            ref=\"confirmButtonRef\"\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqFA,MAAM,QAAQ;EA4Bd,MAAM,eAAe,mBAAmB,mBAAmB,cAAc,MAAM,MAAM,IAAI;EAEzF,MAAM,OAAO;EAGb,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,MAAM,mBAAmB,IAA0C,IAAI;EACvE,MAAM,kBAAkB,IAA0C,IAAI;EAGtE,MAAM,mBAAmB,eAAe,MAAM,cAAc,MAAM,cAAc;EAChF,MAAM,0BAA0B,eAAgB,iBAAiB,QAAQ,QAAQ,MAAM,eAAgB;EACvG,MAAM,qBAAqB,eAAgB,iBAAiB,QAAQ,QAAQ,MAAM,UAAW;;;;;;;;;;EAW7F,SAAS,cAAoB;GAC3B,IAAI,MAAM,gBAAgB,WAAW,iBAAiB,OAAO,MAAM;QAC9D,IAAI,MAAM,gBAAgB,UAAU,gBAAgB,OAAO,MAAM;EACxE;EAKA,MACE;SAAO,MAAM;GAAY;GAAiB;EAAgB,SACpD;GACJ,IAAI,CAAC,MAAM,cAAc,MAAM,gBAAgB,QAAQ;GACvD,YAAY;EACd,GAEA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC;EAEA,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,YA8CW,kBAAA;gBA7CA,KAAA;sEAAI,QAAA;IACZ,OAAO,cAAA;IACP,MAAM,MAAA,YAAA;IACN,qBAAmB,wBAAA;IACnB,gBAAc,mBAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,mBAAA;;IAcH,QAAM,cAmBR,CAlBP,WAkBO,KAAA,QAAA,UAAA,CAAA,SAAA,CAjBL,mBAgBM,OAhBN,YAgBM,CAfJ,YAEW,kBAAA;cAFG;KAAJ,KAAI;KAAkB,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BACnF,CAAA,gBAAA,gBAArB,mBAAA,KAAkB,GAAA,CAAA,CAAA,CAAA;;qBAEvB,YAWW,kBAAA;cAVL;KAAJ,KAAI;KACJ,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;;;;;;;;;2BAlBxB,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-DaQmlp1_.js";
+import { t as grConfirmDialogConfig } from "../../chunks/config-A-bBiotF.js";
 export { GrConfirmDialog_default as GrConfirmDialog, GrConfirmDialog_default as default, grConfirmDialogConfig };

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

@@ -0,0 +1,605 @@
+import { o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BvA2ZGXP.js";
+import { useVirtualList } from "../../../composables/useVirtualList.js";
+import { t as GrCheckbox_default } from "../../GrCheckbox/chunks/GrCheckbox-BLOp8452.js";
+import { t as GrTable_default } from "../../GrTable/chunks/GrTable-BB-mI_NM.js";
+import { a as headerTextSizes, c as selectCheckboxSizes, d as spinnerSizes, i as headerGaps, l as selectColumnWidths, o as placeholderPaddings, r as cellPaddings, s as rowHeightEstimates, u as sortIconSizes } from "../../../chunks/config-BNfQwyL4.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, nextTick, normalizeClass, normalizeStyle, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, withCtx, withModifiers } from "vue";
+//#region src/components/GrDataTable/grDataTableSort.ts
+/** Пустое значение ячейки: нечего сравнивать, место таким — в конце списка. */
+function isEmptyCell(value) {
+	if (value === null || value === void 0) return true;
+	return typeof value === "string" && value.trim() === "";
+}
+/**
+* Число, с которым имеет смысл сравнивать: сам `number`, числовая строка, `Date`
+* (по таймстампу), `boolean` (`false` < `true`). Иначе — `null`, и сравнение
+* уходит в строковую ветку.
+*/
+function toComparableNumber(value) {
+	if (typeof value === "number") return Number.isFinite(value) ? value : null;
+	if (typeof value === "boolean") return value ? 1 : 0;
+	if (typeof value === "bigint") return Number(value);
+	if (value instanceof Date) {
+		const time = value.getTime();
+		return Number.isNaN(time) ? null : time;
+	}
+	if (typeof value === "string") {
+		const trimmed = value.trim();
+		if (trimmed === "") return null;
+		const parsed = Number(trimmed);
+		return Number.isFinite(parsed) ? parsed : null;
+	}
+	return null;
+}
+/**
+* Сравнивает два значения ячейки. Возвращает готовую разницу с учётом `dir` —
+* кроме пустых значений: они всегда в конце, иначе «пустые» в `desc` уезжали бы
+* наверх и таблица выглядела бы сломанной.
+*/
+function compareCells(a, b, dir, locale) {
+	const aEmpty = isEmptyCell(a);
+	const bEmpty = isEmptyCell(b);
+	if (aEmpty || bEmpty) return aEmpty && bEmpty ? 0 : aEmpty ? 1 : -1;
+	const aNum = toComparableNumber(a);
+	const bNum = toComparableNumber(b);
+	const result = aNum !== null && bNum !== null ? aNum - bNum : String(a).localeCompare(String(b), locale, {
+		sensitivity: "base",
+		numeric: true
+	});
+	return dir === "asc" ? result : -result;
+}
+/**
+* Новый отсортированный массив. Исходный не мутируется: `rows` приходят пропом,
+* сортировка на месте меняла бы данные потребителя.
+*/
+function sortRows(rows, key, dir, locale) {
+	return [...rows].sort((a, b) => compareCells(a[key], b[key], dir, locale));
+}
+//#endregion
+//#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 = ["id"];
+var _hoisted_2 = ["aria-rowindex"];
+var _hoisted_3 = ["aria-sort"];
+var _hoisted_4 = ["onClick"];
+var _hoisted_5 = { class: "sr-only" };
+var _hoisted_6 = {
+	class: "inline-flex",
+	"aria-hidden": "true"
+};
+var _hoisted_7 = {
+	key: 1,
+	class: "text-[var(--gr-muted-fg)]"
+};
+var _hoisted_8 = {
+	key: 0,
+	"data-gr-datatable-loading": ""
+};
+var _hoisted_9 = ["colspan"];
+var _hoisted_10 = { class: "inline-flex items-center gap-2" };
+var _hoisted_11 = {
+	key: 1,
+	"data-gr-datatable-empty": ""
+};
+var _hoisted_12 = ["colspan"];
+var _hoisted_13 = {
+	key: 0,
+	"aria-hidden": "true",
+	"data-gr-datatable-spacer": "before",
+	style: { pointerEvents: "none" }
+};
+var _hoisted_14 = ["colspan"];
+var _hoisted_15 = [
+	"data-row-key",
+	"data-selected",
+	"aria-rowindex",
+	"onClick"
+];
+var _hoisted_16 = {
+	key: 1,
+	"aria-hidden": "true",
+	"data-gr-datatable-spacer": "after",
+	style: { pointerEvents: "none" }
+};
+var _hoisted_17 = ["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 },
+		sortCycle: { default: "asc-desc" },
+		externalSort: {
+			type: Boolean,
+			default: false
+		},
+		selectable: {
+			type: Boolean,
+			default: false
+		},
+		selected: { default: void 0 },
+		selectableRow: {
+			type: Function,
+			default: void 0
+		},
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		loadingText: { default: void 0 },
+		emptyText: { default: void 0 },
+		rowClass: {
+			type: [String, Function],
+			default: void 0
+		},
+		rowProps: {
+			type: Function,
+			default: void 0
+		},
+		size: { default: void 0 },
+		caption: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		ariaLabelledby: { default: void 0 },
+		regionLabel: { default: void 0 },
+		stickyHeader: {
+			type: Boolean,
+			default: false
+		},
+		virtual: {
+			type: Boolean,
+			default: false
+		},
+		maxHeight: { default: void 0 }
+	},
+	emits: [
+		"update:sortKey",
+		"update:sortDir",
+		"sortChange",
+		"update:selected",
+		"rowClick"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const { t, locale } = useGranularityTranslations();
+		const resolvedLoadingText = computed(() => props.loadingText ?? t("gr.dataTable.loading", "Loading…"));
+		const resolvedEmptyText = computed(() => props.emptyText ?? t("gr.dataTable.empty", "No data"));
+		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("sortChange", {
+				key,
+				dir
+			});
+		}
+		const sortedRows = computed(() => {
+			if (props.externalSort) return [...props.rows];
+			const key = currentSortKey.value;
+			if (!key) return [...props.rows];
+			return sortRows(props.rows, key, currentSortDir.value, locale.value);
+		});
+		function toggleSort(col) {
+			if (!col.sortable) return;
+			if (currentSortKey.value !== col.key) {
+				applySort(col.key, "asc");
+				return;
+			}
+			if (currentSortDir.value === "asc") {
+				applySort(col.key, "desc");
+				return;
+			}
+			if (props.sortCycle === "asc-desc-none") {
+				applySort("", "asc");
+				return;
+			}
+			applySort(col.key, "asc");
+		}
+		function cellAlign(col) {
+			if (col.align === "right") return "text-right";
+			if (col.align === "center") return "text-center";
+			return "text-left";
+		}
+		/**
+		* Синтетические ключи для строк, у которых поле `rowKey` пустое.
+		*
+		* Без них строка получила бы `String(undefined ?? '')` — **один и тот же** ключ
+		* на всю таблицу: Vue переиспользовал бы DOM не по назначению, а выбор одной
+		* строки помечал бы выбранными все. Ключ привязан к идентичности объекта,
+		* поэтому переживает сортировку и не зависит от индекса.
+		*/
+		const syntheticKeys = /* @__PURE__ */ new WeakMap();
+		let syntheticKeyCounter = 0;
+		const missingKeyWarned = ref(false);
+		function syntheticRowKey(row) {
+			const existing = syntheticKeys.get(row);
+			if (existing !== void 0) return existing;
+			syntheticKeyCounter += 1;
+			const generated = `gr-row-${syntheticKeyCounter}`;
+			syntheticKeys.set(row, generated);
+			if (!missingKeyWarned.value && process.env.NODE_ENV !== "production") {
+				missingKeyWarned.value = true;
+				console.warn(`[GrDataTable] У строки нет значения по ключу "${String(props.rowKey)}". Задайте \`rowKey\` (поле или функцию) — иначе выбор строк и переиспользование DOM работают по синтетическому ключу, который не переживёт перезагрузку данных.`);
+			}
+			return generated;
+		}
+		function rowKeyValue(row) {
+			const rk = props.rowKey;
+			if (typeof rk === "function") return rk(row);
+			const value = row[rk];
+			if (typeof value === "string" && value !== "") return value;
+			if (typeof value === "number") return value;
+			return syntheticRowKey(row);
+		}
+		function ariaSortFor(col) {
+			if (!col.sortable) return void 0;
+			if (currentSortKey.value !== col.key) return "none";
+			return currentSortDir.value === "asc" ? "ascending" : "descending";
+		}
+		/**
+		* Подсказка «что сделает нажатие» — visually hidden текстом **после** подписи
+		* колонки, а не `aria-label`'ом на кнопке. `aria-label` подменял бы собой имя
+		* `<th>`, и AT при переходе по ячейкам вместо «Название» читала бы
+		* «Отсортировано по Название по возрастанию, нажмите…». Текущее состояние
+		* сортировки при этом объявляет `aria-sort` на самом `<th>`.
+		*/
+		function sortHint(col) {
+			if (currentSortKey.value !== col.key) return t("gr.dataTable.sortAsc", "Activate to sort ascending");
+			if (currentSortDir.value === "asc") return t("gr.dataTable.sortDesc", "Activate to sort descending");
+			return props.sortCycle === "asc-desc-none" ? t("gr.dataTable.sortNone", "Activate to remove sorting") : t("gr.dataTable.sortAsc", "Activate to sort ascending");
+		}
+		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrDataTable" });
+		const cellClass = computed(() => cellPaddings[resolvedSize.value]);
+		const placeholderClass = computed(() => placeholderPaddings[resolvedSize.value]);
+		const headerTextClass = computed(() => headerTextSizes[resolvedSize.value]);
+		const headerGapClass = computed(() => headerGaps[resolvedSize.value]);
+		const selectColumnClass = computed(() => selectColumnWidths[resolvedSize.value]);
+		const spinnerClass = computed(() => spinnerSizes[resolvedSize.value]);
+		const sortIconSize = computed(() => sortIconSizes[resolvedSize.value]);
+		const checkboxSize = computed(() => selectCheckboxSizes[resolvedSize.value]);
+		/**
+		* Номер строки и полное их число объявляем только при виртуализации: иначе
+		* диктор считает строки по разметке, а там всего окно. Заголовок — строка
+		* первая, поэтому строки набора начинаются со второй.
+		*/
+		const ariaRowCount = computed(() => props.virtual ? sortedRows.value.length + 1 : void 0);
+		function ariaRowIndex(index) {
+			return props.virtual ? index + 2 : void 0;
+		}
+		const tableProps = computed(() => ({
+			size: resolvedSize.value,
+			ariaLabel: props.ariaLabel,
+			ariaLabelledby: props.ariaLabelledby,
+			regionLabel: props.regionLabel,
+			stickyHeader: props.stickyHeader,
+			maxHeight: props.maxHeight,
+			rowCount: ariaRowCount.value,
+			fixedLayout: props.virtual
+		}));
+		const isEmpty = computed(() => sortedRows.value.length === 0);
+		const totalColumns = computed(() => props.columns.length + (props.selectable ? 1 : 0));
+		/**
+		* Живой регион существует с первого рендера и пуст, пока объявлять нечего.
+		* Регион, который появляется уже с текстом, часть AT не объявляет вовсе —
+		* а именно так вело себя `role="status"` внутри строки загрузки.
+		*/
+		const liveMessage = computed(() => {
+			if (props.loading) return resolvedLoadingText.value;
+			if (isEmpty.value) return resolvedEmptyText.value;
+			return "";
+		});
+		function cellValue(row, key) {
+			return row[key];
+		}
+		function rowClassName(row, index) {
+			const source = props.rowClass;
+			return typeof source === "function" ? source(row, index) : source;
+		}
+		function onRowClick(row, index, event) {
+			emit("rowClick", {
+				row,
+				index,
+				event
+			});
+		}
+		const internalSelected = ref([]);
+		const isSelectedControlled = computed(() => props.selected !== void 0);
+		const selectedKeys = computed(() => new Set(props.selected ?? internalSelected.value));
+		function isRowSelectable(row) {
+			return props.selectableRow ? props.selectableRow(row) : true;
+		}
+		function isRowSelected(row) {
+			return selectedKeys.value.has(rowKeyValue(row));
+		}
+		/** «Выбрать все» работает по видимым и выбираемым строкам — они же считают состояние шапки. */
+		const selectableRows = computed(() => sortedRows.value.filter(isRowSelectable));
+		const allSelected = computed(() => selectableRows.value.length > 0 && selectableRows.value.every(isRowSelected));
+		const someSelected = computed(() => selectableRows.value.some(isRowSelected) && !allSelected.value);
+		function emitSelected(next) {
+			if (!isSelectedControlled.value) internalSelected.value = [...next];
+			emit("update:selected", [...next]);
+		}
+		function toggleRow(row) {
+			if (!isRowSelectable(row)) return;
+			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() {
+			const next = new Set(selectedKeys.value);
+			if (allSelected.value) {
+				for (const row of selectableRows.value) next.delete(rowKeyValue(row));
+				emitSelected(next);
+				return;
+			}
+			for (const row of selectableRows.value) next.add(rowKeyValue(row));
+			emitSelected(next);
+		}
+		const tableRef = ref(null);
+		const rootId = useId();
+		function rootEl() {
+			return tableRef.value?.$el ?? null;
+		}
+		/** Скролл-контейнер таблицы — он же элемент с `maxHeight`. */
+		function scrollEl() {
+			const root = rootEl();
+			return root?.matches("[data-gr-table-scroll]") ? root : root?.querySelector("[data-gr-table-scroll]") ?? null;
+		}
+		/**
+		* Виртуализация строк.
+		*
+		* Распорки здесь не псевдоэлементы, как у списочных компонентов: `<tbody>`
+		* игнорирует `padding`, а псевдоэлемент внутри группы строк не образует строку
+		* с управляемой высотой. Поэтому срезанное держат две служебные `<tr>` — той же
+		* формы, что строки загрузки и пустоты у `GrTable`.
+		*/
+		const scrollContainer = ref(null);
+		onMounted(() => {
+			scrollContainer.value = scrollEl();
+		});
+		const virtualizer = useVirtualList({
+			container: scrollContainer,
+			count: () => props.virtual ? sortedRows.value.length : 0,
+			source: () => sortedRows.value,
+			itemSize: () => rowHeightEstimates[resolvedSize.value],
+			viewportSize: () => typeof props.maxHeight === "number" ? props.maxHeight : void 0
+		});
+		/** Строки к отрисовке вместе с их абсолютной позицией в наборе. */
+		const renderedRows = computed(() => {
+			const rows = sortedRows.value;
+			if (!props.virtual) return rows.map((row, index) => ({
+				row,
+				index
+			}));
+			const { start, end } = virtualizer.range.value;
+			return rows.slice(start, end).map((row, offset) => ({
+				row,
+				index: start + offset
+			}));
+		});
+		const spacerBefore = computed(() => props.virtual ? virtualizer.offset.value : 0);
+		const spacerAfter = computed(() => props.virtual ? virtualizer.offsetEnd.value : 0);
+		/** Ширина колонки: число трактуем как пиксели. */
+		function columnWidthStyle(width) {
+			if (width === void 0) return void 0;
+			return { width: typeof width === "number" ? `${width}px` : width };
+		}
+		function scrollToRow(key, options) {
+			const target = String(key);
+			if (props.virtual) {
+				const index = sortedRows.value.findIndex((row) => String(rowKeyValue(row)) === target);
+				if (index < 0) return false;
+				virtualizer.scrollToIndex(index);
+				nextTick(() => {
+					findRowEl(target)?.scrollIntoView?.(options ?? { block: "nearest" });
+				});
+				return true;
+			}
+			const row = findRowEl(target);
+			if (!row) return false;
+			row.scrollIntoView(options ?? { block: "nearest" });
+			return true;
+		}
+		function findRowEl(rowKey) {
+			const rows = rootEl()?.querySelectorAll("[data-gr-datatable-row]") ?? [];
+			return Array.prototype.find.call(rows, (el) => el.dataset.rowKey === rowKey);
+		}
+		const scrollTo = (options) => {
+			scrollEl()?.scrollTo(options);
+		};
+		function clearSort() {
+			applySort("", "asc");
+		}
+		__expose({
+			/** Прокрутить к строке по её ключу. `false` — строки нет в DOM. */
+			scrollToRow,
+			/** Прокрутить скролл-контейнер таблицы. */
+			scrollTo,
+			/** Снять сортировку (эквивалент третьего состояния). */
+			clearSort,
+			/** Отметить/снять все выбираемые строки. */
+			toggleAll
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(GrTable_default, mergeProps(tableProps.value, {
+				ref_key: "tableRef",
+				ref: tableRef,
+				"data-gr-datatable": ""
+			}), createSlots({
+				caption: withCtx(() => [renderSlot(_ctx.$slots, "caption", {}, () => [createTextVNode(toDisplayString(__props.caption), 1)]), createElementVNode("span", {
+					id: `${unref(rootId)}-live`,
+					"data-gr-datatable-live": "",
+					role: "status",
+					"aria-live": "polite"
+				}, toDisplayString(liveMessage.value), 9, _hoisted_1)]),
+				header: withCtx(() => [createElementVNode("tr", {
+					"data-gr-datatable-header": "",
+					"aria-rowindex": __props.virtual ? 1 : void 0
+				}, [__props.selectable ? (openBlock(), createElementBlock("th", {
+					key: 0,
+					class: normalizeClass(["text-left", [selectColumnClass.value, cellClass.value]]),
+					scope: "col"
+				}, [createVNode(GrCheckbox_default, {
+					"data-gr-datatable-select-all": "",
+					"model-value": allSelected.value,
+					indeterminate: someSelected.value,
+					size: checkboxSize.value,
+					disabled: __props.loading || selectableRows.value.length === 0,
+					"aria-label": unref(t)("gr.dataTable.selectAll", "Select all rows"),
+					"onUpdate:modelValue": toggleAll
+				}, null, 8, [
+					"model-value",
+					"indeterminate",
+					"size",
+					"disabled",
+					"aria-label"
+				])], 2)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+					return openBlock(), createElementBlock("th", {
+						key: col.key,
+						class: normalizeClass(["font-700", [
+							headerTextClass.value,
+							cellClass.value,
+							cellAlign(col)
+						]]),
+						style: normalizeStyle(columnWidthStyle(col.width)),
+						"aria-sort": ariaSortFor(col),
+						scope: "col"
+					}, [createElementVNode("div", { class: normalizeClass(["inline-flex items-center", headerGapClass.value]) }, [col.sortable ? (openBlock(), createElementBlock("button", {
+						key: 0,
+						type: "button",
+						"data-gr-datatable-sort": "",
+						class: normalizeClass(["inline-flex items-center 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-[var(--gr-radius-sm)]", headerGapClass.value]),
+						onClick: ($event) => toggleSort(col)
+					}, [
+						createElementVNode("span", null, [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createTextVNode(toDisplayString(col.label), 1)])]),
+						createElementVNode("span", _hoisted_5, toDisplayString(sortHint(col)), 1),
+						createElementVNode("span", _hoisted_6, [currentSortKey.value === col.key && currentSortDir.value === "asc" ? (openBlock(), createBlock(GrIcon_default, {
+							key: 0,
+							size: sortIconSize.value
+						}, {
+							default: withCtx(() => [createVNode(unref(arrow_up_default))]),
+							_: 1
+						}, 8, ["size"])) : currentSortKey.value === col.key && currentSortDir.value === "desc" ? (openBlock(), createBlock(GrIcon_default, {
+							key: 1,
+							size: sortIconSize.value
+						}, {
+							default: withCtx(() => [createVNode(unref(arrow_down_default))]),
+							_: 1
+						}, 8, ["size"])) : createCommentVNode("", true)])
+					], 10, _hoisted_4)) : (openBlock(), createElementBlock("span", _hoisted_7, [renderSlot(_ctx.$slots, `header-${col.key}`, { column: col }, () => [createTextVNode(toDisplayString(col.label), 1)])]))], 2)], 14, _hoisted_3);
+				}), 128))], 8, _hoisted_2)]),
+				default: withCtx(() => [__props.loading ? (openBlock(), createElementBlock("tr", _hoisted_8, [createElementVNode("td", {
+					colspan: totalColumns.value,
+					class: normalizeClass(["text-center text-[var(--gr-muted-fg)]", placeholderClass.value])
+				}, [renderSlot(_ctx.$slots, "loading", {}, () => [createElementVNode("span", _hoisted_10, [createElementVNode("span", {
+					class: normalizeClass(["i-lucide-loader-circle block animate-spin", spinnerClass.value]),
+					"aria-hidden": "true"
+				}, null, 2), createElementVNode("span", null, toDisplayString(resolvedLoadingText.value), 1)])])], 10, _hoisted_9)])) : isEmpty.value ? (openBlock(), createElementBlock("tr", _hoisted_11, [createElementVNode("td", {
+					colspan: totalColumns.value,
+					class: normalizeClass(["text-center text-[var(--gr-muted-fg)]", placeholderClass.value])
+				}, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(resolvedEmptyText.value), 1)])], 10, _hoisted_12)])) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
+					__props.virtual && spacerBefore.value > 0 ? (openBlock(), createElementBlock("tr", _hoisted_13, [createElementVNode("td", {
+						colspan: totalColumns.value,
+						style: normalizeStyle({
+							height: `${spacerBefore.value}px`,
+							padding: "0",
+							border: "0"
+						})
+					}, null, 12, _hoisted_14)])) : createCommentVNode("", true),
+					(openBlock(true), createElementBlock(Fragment, null, renderList(renderedRows.value, ({ row, index }) => {
+						return openBlock(), createElementBlock("tr", mergeProps({
+							key: rowKeyValue(row),
+							ref_for: true,
+							ref: (el) => __props.virtual && unref(virtualizer).measure(index, el),
+							class: ["border-t border-[var(--gr-brd)]", [isRowSelected(row) ? "bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]" : "", rowClassName(row, index)]],
+							"data-gr-datatable-row": "",
+							"data-row-key": rowKeyValue(row),
+							"data-selected": __props.selectable && isRowSelected(row) ? "true" : void 0,
+							"aria-rowindex": ariaRowIndex(index)
+						}, { ref_for: true }, __props.rowProps?.(row, index), { onClick: ($event) => onRowClick(row, index, $event) }), [__props.selectable ? (openBlock(), createElementBlock("td", {
+							key: 0,
+							class: normalizeClass(["text-left", [selectColumnClass.value, cellClass.value]])
+						}, [isRowSelectable(row) ? (openBlock(), createBlock(GrCheckbox_default, {
+							key: 0,
+							"data-gr-datatable-select-row": "",
+							"model-value": isRowSelected(row),
+							size: checkboxSize.value,
+							"aria-label": unref(t)("gr.dataTable.selectRow", "Select row"),
+							onClick: _cache[0] || (_cache[0] = withModifiers(() => {}, ["stop"])),
+							"onUpdate:modelValue": ($event) => toggleRow(row)
+						}, null, 8, [
+							"model-value",
+							"size",
+							"aria-label",
+							"onUpdate:modelValue"
+						])) : createCommentVNode("", true)], 2)) : createCommentVNode("", true), (openBlock(true), createElementBlock(Fragment, null, renderList(__props.columns, (col) => {
+							return openBlock(), createElementBlock("td", {
+								key: col.key,
+								class: normalizeClass([cellClass.value, cellAlign(col)])
+							}, [renderSlot(_ctx.$slots, `cell-${col.key}`, {
+								row,
+								index
+							}, () => [createElementVNode("span", null, toDisplayString(cellValue(row, col.key)), 1)])], 2);
+						}), 128))], 16, _hoisted_15);
+					}), 128)),
+					__props.virtual && spacerAfter.value > 0 ? (openBlock(), createElementBlock("tr", _hoisted_16, [createElementVNode("td", {
+						colspan: totalColumns.value,
+						style: normalizeStyle({
+							height: `${spacerAfter.value}px`,
+							padding: "0",
+							border: "0"
+						})
+					}, null, 12, _hoisted_17)])) : createCommentVNode("", true)
+				], 64))]),
+				_: 2
+			}, [_ctx.$slots.footer ? {
+				name: "footer",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+				key: "0"
+			} : void 0]), 1040);
+		};
+	}
+});
+//#endregion
+export { sortRows as i, compareCells as n, isEmptyCell as r, GrDataTable_default as t };