@feugene/granularity 0.12.0 → 0.16.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrDataTable-DVFho9Cj.js","names":["$slots"],"sources":["../../../../src/components/GrDataTable/grDataTableSort.ts","../../../../src/components/GrDataTable/GrDataTable.vue","../../../../src/components/GrDataTable/GrDataTable.vue"],"sourcesContent":["/**\n * Сравнение значений ячеек для сортировки `GrDataTable`.\n *\n * Логика вынесена из SFC: у неё есть крайние случаи, которые дешевле проверить\n * прямым вызовом, чем через монтирование таблицы.\n *\n * Прежняя реализация приводила значение к числу через `Number(value)`, а он\n * считает нулём и `null`, и пустую строку: пустые ячейки оседали в середине\n * числового ряда, между отрицательными и положительными. Здесь пустое значение —\n * отдельная категория, и она всегда в конце, независимо от направления.\n */\n\nexport type GrDataTableSortDir = 'asc' | 'desc'\n\n/** Пустое значение ячейки: нечего сравнивать, место таким — в конце списка. */\nexport function isEmptyCell(value: unknown): boolean {\n  if (value === null || value === undefined)\n    return true\n\n  return typeof value === 'string' && value.trim() === ''\n}\n\n/**\n * Число, с которым имеет смысл сравнивать: сам `number`, числовая строка, `Date`\n * (по таймстампу), `boolean` (`false` < `true`). Иначе — `null`, и сравнение\n * уходит в строковую ветку.\n */\nfunction toComparableNumber(value: unknown): number | null {\n  if (typeof value === 'number')\n    return Number.isFinite(value) ? value : null\n\n  if (typeof value === 'boolean')\n    return value ? 1 : 0\n\n  if (typeof value === 'bigint')\n    return Number(value)\n\n  if (value instanceof Date) {\n    const time = value.getTime()\n    return Number.isNaN(time) ? null : time\n  }\n\n  if (typeof value === 'string') {\n    const trimmed = value.trim()\n    if (trimmed === '')\n      return null\n\n    const parsed = Number(trimmed)\n    return Number.isFinite(parsed) ? parsed : null\n  }\n\n  return null\n}\n\n/**\n * Сравнивает два значения ячейки. Возвращает готовую разницу с учётом `dir` —\n * кроме пустых значений: они всегда в конце, иначе «пустые» в `desc` уезжали бы\n * наверх и таблица выглядела бы сломанной.\n */\nexport function compareCells(\n  a: unknown,\n  b: unknown,\n  dir: GrDataTableSortDir,\n  locale?: string,\n): number {\n  const aEmpty = isEmptyCell(a)\n  const bEmpty = isEmptyCell(b)\n  if (aEmpty || bEmpty)\n    return aEmpty && bEmpty ? 0 : (aEmpty ? 1 : -1)\n\n  const aNum = toComparableNumber(a)\n  const bNum = toComparableNumber(b)\n\n  const result = aNum !== null && bNum !== null\n    ? aNum - bNum\n    : String(a).localeCompare(String(b), locale, { sensitivity: 'base', numeric: true })\n\n  return dir === 'asc' ? result : -result\n}\n\n/**\n * Новый отсортированный массив. Исходный не мутируется: `rows` приходят пропом,\n * сортировка на месте меняла бы данные потребителя.\n */\nexport function sortRows<TRow extends Record<string, unknown>>(\n  rows: readonly TRow[],\n  key: string,\n  dir: GrDataTableSortDir,\n  locale?: string,\n): TRow[] {\n  return [...rows].sort((a, b) => compareCells(a[key], b[key], dir, locale))\n}\n","\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, nextTick, onMounted, ref, useId } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport GrCheckbox from '../GrCheckbox/GrCheckbox.vue'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useVirtualList } from '../../composables/useVirtualList'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { sortRows, type GrDataTableSortDir } from './grDataTableSort'\nimport {\n  type GrDataTableSize,\n  cellPaddings,\n  headerGaps,\n  headerTextSizes,\n  placeholderPaddings,\n  rowHeightEstimates,\n  selectCheckboxSizes,\n  selectColumnWidths,\n  sortIconSizes,\n  spinnerSizes,\n} from './grDataTableStyles'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\n/**\n * Ключ колонки. Собственные поля строки подсказываются автодополнением, но\n * произвольная строка тоже допустима: колонка может быть вычисляемой и жить\n * только в слоте `#cell-<key>`.\n */\nexport type GrDataColumnKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | Extract<keyof TRow, string>\n  | (string & {})\n\nexport type GrDataColumn<TRow extends Record<string, unknown> = Record<string, unknown>> = {\n  key: GrDataColumnKey<TRow>\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n  /**\n   * Ширина колонки: число — пиксели, строка — как есть (`'40%'`, `'12rem'`).\n   *\n   * Уезжает в заголовочную ячейку: при фиксированной раскладке ширины колонок\n   * задаёт первая строка таблицы, а это и есть `<thead>`.\n   */\n  width?: string | number\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\n/** Порядок обхода состояний сортировки по клику на заголовок. */\nexport type GrDataTableSortCycle = 'asc-desc' | 'asc-desc-none'\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn<TRow>[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки (uncontrolled-режим). */\n  initialSortKey?: string\n  /** Направление начальной сортировки (uncontrolled-режим). */\n  initialSortDir?: GrDataTableSortDir\n  /** Контролируемый ключ сортировки: `v-model:sortKey`. Задаёт controlled-режим. */\n  sortKey?: string\n  /** Контролируемое направление сортировки: `v-model:sortDir`. */\n  sortDir?: GrDataTableSortDir\n  /** Клик по заголовку: `asc → desc` или `asc → desc → без сортировки`. */\n  sortCycle?: GrDataTableSortCycle\n  /**\n   * Внешняя сортировка (например серверная): компонент НЕ сортирует `rows`\n   * сам, а только сообщает о смене через `update:sortKey`/`update:sortDir`/\n   * `sortChange`. `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  selectableRow?: (row: TRow) => boolean\n  /**\n   * Состояние загрузки: тело таблицы заменяется строкой-индикатором.\n   * `empty`-состояние при этом не показывается.\n   */\n  loading?: boolean\n  /** Текст индикатора загрузки. i18n: fallback `gr.dataTable.loading`. */\n  loadingText?: string\n  /** Текст пустого состояния. i18n: fallback `gr.dataTable.empty`; слот `#empty` сильнее. */\n  emptyText?: string\n  /** Класс строки: общий для всех либо вычисляемый по строке. */\n  rowClass?: string | ((row: TRow, index: number) => string | undefined)\n  /** Произвольные атрибуты строки (`data-*`, `title`, …). */\n  rowProps?: (row: TRow, index: number) => Record<string, unknown> | undefined\n  /**\n   * Размер таблицы: кегль, паддинги ячеек, стрелки сортировки и чекбоксы.\n   * Прокидывается в `GrTable`.\n   */\n  size?: GrDataTableSize\n  // Прокси к GrTable:\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n  /** Прилипающий заголовок при вертикальном скролле (нужен `maxHeight`). */\n  stickyHeader?: boolean\n  /**\n   * Виртуализация строк: в DOM живёт только окно вокруг вьюпорта. Высоту окна\n   * задаёт `maxHeight`, без него окна прокрутки не существует.\n   *\n   * Включает фиксированную раскладку таблицы: ширина колонки считается по\n   * содержимому всех строк, а в DOM их только окно — без фиксации колонки\n   * прыгали бы на каждой прокрутке. Ширины стоит задать через `width` у\n   * колонок, иначе фиксированная раскладка делит место поровну.\n   */\n  virtual?: boolean\n  /** Максимальная высота таблицы (вертикальный скролл). Число — в пикселях. */\n  maxHeight?: string | number\n}\n\nexport interface GrDataTableEmits<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  (e: 'update:sortKey', value: string): void\n  (e: 'update:sortDir', value: GrDataTableSortDir): void\n  (e: 'sortChange', value: { key: string, dir: GrDataTableSortDir }): void\n  (e: 'update:selected', value: Array<string | number>): void\n  (e: 'rowClick', payload: { row: TRow, index: number, event: MouseEvent }): void\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#header-<key>`,\n * `#caption`, `#footer`, `#empty`, `#loading`.\n *\n * Сортировка, включая крайние случаи с пустыми и смешанными значениями, живёт\n * в `grDataTableSort.ts` — см. `docs/components/GrDataTable.md`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as GrDataTableRowKey<TRow>,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  sortKey: undefined,\n  sortDir: undefined,\n  sortCycle: 'asc-desc',\n  externalSort: false,\n  selectable: false,\n  selected: undefined,\n  selectableRow: undefined,\n  loading: false,\n  loadingText: undefined,\n  emptyText: undefined,\n  rowClass: undefined,\n  rowProps: undefined,\n  size: undefined,\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  stickyHeader: false,\n  maxHeight: undefined,\n  virtual: false,\n})\n\nconst emit = defineEmits<GrDataTableEmits<TRow>>()\n\nconst { t, locale } = useGranularityTranslations()\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.dataTable.loading', 'Loading…'))\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.dataTable.empty', 'No data'))\n\n// Uncontrolled-состояние; в controlled-режиме перекрывается пропами `sortKey`/`sortDir`.\nconst internalSortKey = ref<string>(props.initialSortKey ?? '')\nconst internalSortDir = ref<GrDataTableSortDir>(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<GrDataTableSortDir>(() => props.sortDir ?? internalSortDir.value)\n\nfunction applySort(key: string, dir: GrDataTableSortDir): 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('sortChange', { key, dir })\n}\n\nconst sortedRows = computed(() => {\n  // Внешняя сортировка: `rows` уже отсортированы потребителем — не трогаем.\n  if (props.externalSort)\n    return [...props.rows]\n\n  const key = currentSortKey.value\n  if (!key)\n    return [...props.rows]\n\n  return sortRows(props.rows, key, currentSortDir.value, locale.value)\n})\n\nfunction toggleSort(col: GrDataColumn<TRow>): void {\n  if (!col.sortable)\n    return\n\n  if (currentSortKey.value !== col.key) {\n    applySort(col.key, 'asc')\n    return\n  }\n\n  if (currentSortDir.value === 'asc') {\n    applySort(col.key, 'desc')\n    return\n  }\n\n  // Третье состояние: сортировка снимается, порядок возвращается к исходному.\n  if (props.sortCycle === 'asc-desc-none') {\n    applySort('', 'asc')\n    return\n  }\n\n  applySort(col.key, 'asc')\n}\n\nfunction cellAlign(col: GrDataColumn<TRow>): 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\n/**\n * Синтетические ключи для строк, у которых поле `rowKey` пустое.\n *\n * Без них строка получила бы `String(undefined ?? '')` — **один и тот же** ключ\n * на всю таблицу: Vue переиспользовал бы DOM не по назначению, а выбор одной\n * строки помечал бы выбранными все. Ключ привязан к идентичности объекта,\n * поэтому переживает сортировку и не зависит от индекса.\n */\nconst syntheticKeys = new WeakMap<object, string>()\nlet syntheticKeyCounter = 0\nconst missingKeyWarned = ref(false)\n\nfunction syntheticRowKey(row: TRow): string {\n  const existing = syntheticKeys.get(row)\n  if (existing !== undefined)\n    return existing\n\n  syntheticKeyCounter += 1\n  const generated = `gr-row-${syntheticKeyCounter}`\n  syntheticKeys.set(row, generated)\n\n  if (!missingKeyWarned.value && process.env.NODE_ENV !== 'production') {\n    missingKeyWarned.value = true\n    console.warn(\n      `[GrDataTable] У строки нет значения по ключу \"${String(props.rowKey)}\". `\n      + 'Задайте `rowKey` (поле или функцию) — иначе выбор строк и переиспользование '\n      + 'DOM работают по синтетическому ключу, который не переживёт перезагрузку данных.',\n    )\n  }\n\n  return generated\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n\n  const value = (row as Record<string, unknown>)[rk as string]\n  if (typeof value === 'string' && value !== '')\n    return value\n  if (typeof value === 'number')\n    return value\n\n  return syntheticRowKey(row)\n}\n\nfunction ariaSortFor(col: GrDataColumn<TRow>): '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\n/**\n * Подсказка «что сделает нажатие» — visually hidden текстом **после** подписи\n * колонки, а не `aria-label`'ом на кнопке. `aria-label` подменял бы собой имя\n * `<th>`, и AT при переходе по ячейкам вместо «Название» читала бы\n * «Отсортировано по Название по возрастанию, нажмите…». Текущее состояние\n * сортировки при этом объявляет `aria-sort` на самом `<th>`.\n */\nfunction sortHint(col: GrDataColumn<TRow>): string {\n  if (currentSortKey.value !== col.key)\n    return t('gr.dataTable.sortAsc', 'Activate to sort ascending')\n\n  if (currentSortDir.value === 'asc')\n    return t('gr.dataTable.sortDesc', 'Activate to sort descending')\n\n  return props.sortCycle === 'asc-desc-none'\n    ? t('gr.dataTable.sortNone', 'Activate to remove sorting')\n    : t('gr.dataTable.sortAsc', 'Activate to sort ascending')\n}\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDataTable' })\n\nconst cellClass = computed(() => cellPaddings[resolvedSize.value])\nconst placeholderClass = computed(() => placeholderPaddings[resolvedSize.value])\nconst headerTextClass = computed(() => headerTextSizes[resolvedSize.value])\nconst headerGapClass = computed(() => headerGaps[resolvedSize.value])\nconst selectColumnClass = computed(() => selectColumnWidths[resolvedSize.value])\nconst spinnerClass = computed(() => spinnerSizes[resolvedSize.value])\nconst sortIconSize = computed(() => sortIconSizes[resolvedSize.value])\nconst checkboxSize = computed(() => selectCheckboxSizes[resolvedSize.value])\n\n/**\n * Номер строки и полное их число объявляем только при виртуализации: иначе\n * диктор считает строки по разметке, а там всего окно. Заголовок — строка\n * первая, поэтому строки набора начинаются со второй.\n */\nconst ariaRowCount = computed(() => (props.virtual ? sortedRows.value.length + 1 : undefined))\n\nfunction ariaRowIndex(index: number): number | undefined {\n  return props.virtual ? index + 2 : undefined\n}\n\nconst tableProps = computed(() => ({\n  size: resolvedSize.value,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n  stickyHeader: props.stickyHeader,\n  maxHeight: props.maxHeight,\n  rowCount: ariaRowCount.value,\n  fixedLayout: props.virtual,\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\n/**\n * Живой регион существует с первого рендера и пуст, пока объявлять нечего.\n * Регион, который появляется уже с текстом, часть AT не объявляет вовсе —\n * а именно так вело себя `role=\"status\"` внутри строки загрузки.\n */\nconst liveMessage = computed(() => {\n  if (props.loading)\n    return resolvedLoadingText.value\n  if (isEmpty.value)\n    return resolvedEmptyText.value\n  return ''\n})\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n\nfunction rowClassName(row: TRow, index: number): string | undefined {\n  const source = props.rowClass\n  return typeof source === 'function' ? source(row, index) : source\n}\n\nfunction onRowClick(row: TRow, index: number, event: MouseEvent): void {\n  emit('rowClick', { row, index, event })\n}\n\n// ————— Выбор строк.\n// Uncontrolled-режим, как у сортировки выше: без `v-model:selected` чекбоксы\n// рисовались, кликались и никогда не отмечались — состояние выбора целиком\n// выводилось из пропа, а внутреннего не было вовсе.\nconst internalSelected = ref<Array<string | number>>([])\nconst isSelectedControlled = computed(() => props.selected !== undefined)\n\nconst selectedKeys = computed<Set<string | number>>(\n  () => new Set(props.selected ?? internalSelected.value),\n)\n\nfunction isRowSelectable(row: TRow): boolean {\n  return props.selectableRow ? props.selectableRow(row) : true\n}\n\nfunction isRowSelected(row: TRow): boolean {\n  return selectedKeys.value.has(rowKeyValue(row))\n}\n\n/** «Выбрать все» работает по видимым и выбираемым строкам — они же считают состояние шапки. */\nconst selectableRows = computed(() => sortedRows.value.filter(isRowSelectable))\n\nconst allSelected = computed(() =>\n  selectableRows.value.length > 0 && selectableRows.value.every(isRowSelected),\n)\nconst someSelected = computed(() =>\n  selectableRows.value.some(isRowSelected) && !allSelected.value,\n)\n\nfunction emitSelected(next: Set<string | number>): void {\n  if (!isSelectedControlled.value)\n    internalSelected.value = [...next]\n\n  emit('update:selected', [...next])\n}\n\nfunction toggleRow(row: TRow): void {\n  if (!isRowSelectable(row))\n    return\n\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  const next = new Set(selectedKeys.value)\n\n  if (allSelected.value) {\n    // Снимаем выбор только с видимых строк, сохраняя внешние ключи.\n    for (const row of selectableRows.value) next.delete(rowKeyValue(row))\n    emitSelected(next)\n    return\n  }\n\n  for (const row of selectableRows.value) next.add(rowKeyValue(row))\n  emitSelected(next)\n}\n\n// ————— Императивный API.\nconst tableRef = ref<InstanceType<typeof GrTable> | null>(null)\nconst rootId = useId()\n\nfunction rootEl(): HTMLElement | null {\n  return (tableRef.value?.$el as HTMLElement | undefined) ?? null\n}\n\n/** Скролл-контейнер таблицы — он же элемент с `maxHeight`. */\nfunction scrollEl(): HTMLElement | null {\n  const root = rootEl()\n  return root?.matches('[data-gr-table-scroll]') ? root : root?.querySelector('[data-gr-table-scroll]') ?? null\n}\n\n/**\n * Виртуализация строк.\n *\n * Распорки здесь не псевдоэлементы, как у списочных компонентов: `<tbody>`\n * игнорирует `padding`, а псевдоэлемент внутри группы строк не образует строку\n * с управляемой высотой. Поэтому срезанное держат две служебные `<tr>` — той же\n * формы, что строки загрузки и пустоты у `GrTable`.\n */\nconst scrollContainer = ref<HTMLElement | null>(null)\n\nonMounted(() => {\n  scrollContainer.value = scrollEl()\n})\n\nconst virtualizer = useVirtualList({\n  container: scrollContainer,\n  count: () => (props.virtual ? sortedRows.value.length : 0),\n  // Сортировка и замена rows раздают индексы заново — замеры сбрасываются.\n  source: () => sortedRows.value,\n  itemSize: () => rowHeightEstimates[resolvedSize.value],\n  // Скролл-контейнер живёт в `GrTable` и до монтирования недоступен: окно\n  // первого рендера считается от объявленной высоты.\n  viewportSize: () => (typeof props.maxHeight === 'number' ? props.maxHeight : undefined),\n})\n\n/** Строки к отрисовке вместе с их абсолютной позицией в наборе. */\nconst renderedRows = computed(() => {\n  const rows = sortedRows.value\n  if (!props.virtual) return rows.map((row, index) => ({ row, index }))\n\n  const { start, end } = virtualizer.range.value\n  return rows.slice(start, end).map((row, offset) => ({ row, index: start + offset }))\n})\n\nconst spacerBefore = computed(() => (props.virtual ? virtualizer.offset.value : 0))\nconst spacerAfter = computed(() => (props.virtual ? virtualizer.offsetEnd.value : 0))\n\n/** Ширина колонки: число трактуем как пиксели. */\nfunction columnWidthStyle(width: string | number | undefined): Record<string, string> | undefined {\n  if (width === undefined) return undefined\n  return { width: typeof width === 'number' ? `${width}px` : width }\n}\n\nfunction scrollToRow(key: string | number, options?: ScrollIntoViewOptions): boolean {\n  // Ключ строки — произвольная строка от потребителя, в селектор её не подставить:\n  // сравниваем через `dataset`, а не собираем `[data-row-key=\"…\"]` конкатенацией.\n  const target = String(key)\n\n  // Строки вне окна в DOM нет: без прокрутки виртуального списка поиск по\n  // `dataset` вернул бы `undefined`, и метод молча отвечал бы «не нашёл».\n  if (props.virtual) {\n    const index = sortedRows.value.findIndex(row => String(rowKeyValue(row)) === target)\n    if (index < 0) return false\n\n    virtualizer.scrollToIndex(index)\n    void nextTick(() => {\n      // Вызов опциональный: отложенный `scrollIntoView` некому поймать, а в\n      // среде без него (jsdom) это дало бы необработанный отказ промиса.\n      findRowEl(target)?.scrollIntoView?.(options ?? { block: 'nearest' })\n    })\n    return true\n  }\n\n  const row = findRowEl(target)\n  if (!row)\n    return false\n\n  row.scrollIntoView(options ?? { block: 'nearest' })\n  return true\n}\n\nfunction findRowEl(rowKey: string): HTMLElement | undefined {\n  // Ключ строки — произвольная строка от потребителя, в селектор её не\n  // подставить: сравниваем через `dataset`, а не собираем селектор конкатенацией.\n  const rows = rootEl()?.querySelectorAll<HTMLElement>('[data-gr-datatable-row]') ?? []\n  return Array.prototype.find.call(rows, (el: HTMLElement) => el.dataset.rowKey === rowKey) as HTMLElement | undefined\n}\n\nconst scrollTo = (options: ScrollToOptions): void => {\n  scrollEl()?.scrollTo(options)\n}\n\nfunction clearSort(): void {\n  applySort('', 'asc')\n}\n\ndefineExpose({\n  /** Прокрутить к строке по её ключу. `false` — строки нет в DOM. */\n  scrollToRow,\n  /** Прокрутить скролл-контейнер таблицы. */\n  scrollTo,\n  /** Снять сортировку (эквивалент третьего состояния). */\n  clearSort,\n  /** Отметить/снять все выбираемые строки. */\n  toggleAll,\n})\n</script>\n\n<template>\n  <GrTable\n    v-bind=\"tableProps\"\n    ref=\"tableRef\"\n    data-gr-datatable\n  >\n    <!-- Caption рендерится всегда (у `GrTable` он `sr-only`): в нём живёт\n         постоянный live-регион, иначе объявлять загрузку было бы нечему. -->\n    <template #caption>\n      <slot name=\"caption\">\n        {{ caption }}\n      </slot>\n      <span\n        :id=\"`${rootId}-live`\"\n        data-gr-datatable-live\n        role=\"status\"\n        aria-live=\"polite\"\n      >{{ liveMessage }}</span>\n    </template>\n\n    <template #header>\n      <tr data-gr-datatable-header :aria-rowindex=\"virtual ? 1 : undefined\">\n        <th\n          v-if=\"selectable\"\n          class=\"text-left\"\n          :class=\"[selectColumnClass, cellClass]\"\n          scope=\"col\"\n        >\n          <GrCheckbox\n            data-gr-datatable-select-all\n            :model-value=\"allSelected\"\n            :indeterminate=\"someSelected\"\n            :size=\"checkboxSize\"\n            :disabled=\"loading || selectableRows.length === 0\"\n            :aria-label=\"t('gr.dataTable.selectAll', 'Select all rows')\"\n            @update:model-value=\"toggleAll\"\n          />\n        </th>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700\"\n          :class=\"[headerTextClass, cellClass, cellAlign(col)]\"\n          :style=\"columnWidthStyle(col.width)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center\" :class=\"headerGapClass\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              data-gr-datatable-sort\n              class=\"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)]\"\n              :class=\"headerGapClass\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>\n                <slot :name=\"`header-${col.key}`\" :column=\"col\">\n                  {{ col.label }}\n                </slot>\n              </span>\n              <span class=\"sr-only\">{{ sortHint(col) }}</span>\n              <span class=\"inline-flex\" aria-hidden=\"true\">\n                <GrIcon v-if=\"currentSortKey === col.key && currentSortDir === 'asc'\" :size=\"sortIconSize\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"currentSortKey === col.key && currentSortDir === 'desc'\" :size=\"sortIconSize\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--gr-muted-fg)]\">\n              <slot :name=\"`header-${col.key}`\" :column=\"col\">\n                {{ col.label }}\n              </slot>\n            </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=\"text-center text-[var(--gr-muted-fg)]\" :class=\"placeholderClass\">\n          <slot name=\"loading\">\n            <span class=\"inline-flex items-center gap-2\">\n              <span class=\"i-lucide-loader-circle block animate-spin\" :class=\"spinnerClass\" aria-hidden=\"true\" />\n              <span>{{ resolvedLoadingText }}</span>\n            </span>\n          </slot>\n        </td>\n      </tr>\n    </template>\n    <template v-else-if=\"isEmpty\">\n      <tr data-gr-datatable-empty>\n        <td :colspan=\"totalColumns\" class=\"text-center text-[var(--gr-muted-fg)]\" :class=\"placeholderClass\">\n          <slot name=\"empty\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </td>\n      </tr>\n    </template>\n    <template v-else>\n      <!--\n        Распорки виртуального списка. У таблицы они строки, а не псевдоэлементы:\n        `<tbody>` игнорирует `padding`, а псевдоэлемент внутри группы строк не\n        образует строку с управляемой высотой. Форма та же, что у служебных\n        строк загрузки и пустоты.\n      -->\n      <tr\n        v-if=\"virtual && spacerBefore > 0\"\n        aria-hidden=\"true\"\n        data-gr-datatable-spacer=\"before\"\n        :style=\"{ pointerEvents: 'none' }\"\n      >\n        <td :colspan=\"totalColumns\" :style=\"{ height: `${spacerBefore}px`, padding: '0', border: '0' }\" />\n      </tr>\n\n      <tr\n        v-for=\"{ row, index } in renderedRows\"\n        :key=\"rowKeyValue(row)\"\n        :ref=\"(el) => virtual && virtualizer.measure(index, el as Element | null)\"\n        class=\"border-t border-[var(--gr-brd)]\"\n        :class=\"[\n          isRowSelected(row) ? 'bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]' : '',\n          rowClassName(row, index),\n        ]\"\n        data-gr-datatable-row\n        :data-row-key=\"rowKeyValue(row)\"\n        :data-selected=\"selectable && isRowSelected(row) ? 'true' : undefined\"\n        :aria-rowindex=\"ariaRowIndex(index)\"\n        v-bind=\"rowProps?.(row, index)\"\n        @click=\"onRowClick(row, index, $event)\"\n      >\n      <td v-if=\"selectable\" class=\"text-left\" :class=\"[selectColumnClass, cellClass]\">\n        <!-- `.stop` на самом чекбоксе, а не на ячейке: гасить навигационный\n             клик есть смысл только там, где стоит контрол выбора. Иначе\n             служебная ячейка невыбираемой строки становится мёртвой зоной. -->\n        <GrCheckbox\n          v-if=\"isRowSelectable(row)\"\n          data-gr-datatable-select-row\n          :model-value=\"isRowSelected(row)\"\n          :size=\"checkboxSize\"\n          :aria-label=\"t('gr.dataTable.selectRow', 'Select row')\"\n          @click.stop\n          @update:model-value=\"toggleRow(row)\"\n        />\n      </td>\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        :class=\"[cellClass, cellAlign(col)]\"\n      >\n          <slot :name=\"`cell-${col.key}`\" :row=\"row\" :index=\"index\">\n            <span>{{ cellValue(row, col.key) }}</span>\n          </slot>\n        </td>\n      </tr>\n\n      <tr\n        v-if=\"virtual && spacerAfter > 0\"\n        aria-hidden=\"true\"\n        data-gr-datatable-spacer=\"after\"\n        :style=\"{ pointerEvents: 'none' }\"\n      >\n        <td :colspan=\"totalColumns\" :style=\"{ height: `${spacerAfter}px`, padding: '0', border: '0' }\" />\n      </tr>\n    </template>\n\n    <template v-if=\"$slots.footer\" #footer>\n      <slot name=\"footer\" />\n    </template>\n  </GrTable>\n</template>\n","\n<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, nextTick, onMounted, ref, useId } from 'vue'\n\nimport GrTable from '../GrTable/GrTable.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport GrCheckbox from '../GrCheckbox/GrCheckbox.vue'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useVirtualList } from '../../composables/useVirtualList'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { sortRows, type GrDataTableSortDir } from './grDataTableSort'\nimport {\n  type GrDataTableSize,\n  cellPaddings,\n  headerGaps,\n  headerTextSizes,\n  placeholderPaddings,\n  rowHeightEstimates,\n  selectCheckboxSizes,\n  selectColumnWidths,\n  sortIconSizes,\n  spinnerSizes,\n} from './grDataTableStyles'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconArrowDown from '~icons/lucide/arrow-down'\n\n/**\n * Ключ колонки. Собственные поля строки подсказываются автодополнением, но\n * произвольная строка тоже допустима: колонка может быть вычисляемой и жить\n * только в слоте `#cell-<key>`.\n */\nexport type GrDataColumnKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | Extract<keyof TRow, string>\n  | (string & {})\n\nexport type GrDataColumn<TRow extends Record<string, unknown> = Record<string, unknown>> = {\n  key: GrDataColumnKey<TRow>\n  label: string\n  sortable?: boolean\n  align?: 'left' | 'center' | 'right'\n  /**\n   * Ширина колонки: число — пиксели, строка — как есть (`'40%'`, `'12rem'`).\n   *\n   * Уезжает в заголовочную ячейку: при фиксированной раскладке ширины колонок\n   * задаёт первая строка таблицы, а это и есть `<thead>`.\n   */\n  width?: string | number\n}\n\nexport type GrDataTableRowKey<TRow extends Record<string, unknown> = Record<string, unknown>> =\n  | string\n  | ((row: TRow) => string | number)\n\n/** Порядок обхода состояний сортировки по клику на заголовок. */\nexport type GrDataTableSortCycle = 'asc-desc' | 'asc-desc-none'\n\nexport interface GrDataTableProps<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  rows: TRow[]\n  columns: GrDataColumn<TRow>[]\n  /** Ключ строки или функция-резолвер. По умолчанию — поле `'id'`. */\n  rowKey?: GrDataTableRowKey<TRow>\n  /** Ключ колонки для начальной сортировки (uncontrolled-режим). */\n  initialSortKey?: string\n  /** Направление начальной сортировки (uncontrolled-режим). */\n  initialSortDir?: GrDataTableSortDir\n  /** Контролируемый ключ сортировки: `v-model:sortKey`. Задаёт controlled-режим. */\n  sortKey?: string\n  /** Контролируемое направление сортировки: `v-model:sortDir`. */\n  sortDir?: GrDataTableSortDir\n  /** Клик по заголовку: `asc → desc` или `asc → desc → без сортировки`. */\n  sortCycle?: GrDataTableSortCycle\n  /**\n   * Внешняя сортировка (например серверная): компонент НЕ сортирует `rows`\n   * сам, а только сообщает о смене через `update:sortKey`/`update:sortDir`/\n   * `sortChange`. `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  selectableRow?: (row: TRow) => boolean\n  /**\n   * Состояние загрузки: тело таблицы заменяется строкой-индикатором.\n   * `empty`-состояние при этом не показывается.\n   */\n  loading?: boolean\n  /** Текст индикатора загрузки. i18n: fallback `gr.dataTable.loading`. */\n  loadingText?: string\n  /** Текст пустого состояния. i18n: fallback `gr.dataTable.empty`; слот `#empty` сильнее. */\n  emptyText?: string\n  /** Класс строки: общий для всех либо вычисляемый по строке. */\n  rowClass?: string | ((row: TRow, index: number) => string | undefined)\n  /** Произвольные атрибуты строки (`data-*`, `title`, …). */\n  rowProps?: (row: TRow, index: number) => Record<string, unknown> | undefined\n  /**\n   * Размер таблицы: кегль, паддинги ячеек, стрелки сортировки и чекбоксы.\n   * Прокидывается в `GrTable`.\n   */\n  size?: GrDataTableSize\n  // Прокси к GrTable:\n  caption?: string\n  ariaLabel?: string\n  ariaLabelledby?: string\n  regionLabel?: string\n  /** Прилипающий заголовок при вертикальном скролле (нужен `maxHeight`). */\n  stickyHeader?: boolean\n  /**\n   * Виртуализация строк: в DOM живёт только окно вокруг вьюпорта. Высоту окна\n   * задаёт `maxHeight`, без него окна прокрутки не существует.\n   *\n   * Включает фиксированную раскладку таблицы: ширина колонки считается по\n   * содержимому всех строк, а в DOM их только окно — без фиксации колонки\n   * прыгали бы на каждой прокрутке. Ширины стоит задать через `width` у\n   * колонок, иначе фиксированная раскладка делит место поровну.\n   */\n  virtual?: boolean\n  /** Максимальная высота таблицы (вертикальный скролл). Число — в пикселях. */\n  maxHeight?: string | number\n}\n\nexport interface GrDataTableEmits<TRow extends Record<string, unknown> = Record<string, unknown>> {\n  (e: 'update:sortKey', value: string): void\n  (e: 'update:sortDir', value: GrDataTableSortDir): void\n  (e: 'sortChange', value: { key: string, dir: GrDataTableSortDir }): void\n  (e: 'update:selected', value: Array<string | number>): void\n  (e: 'rowClick', payload: { row: TRow, index: number, event: MouseEvent }): void\n}\n\n/**\n * `GrDataTable` — data-таблица поверх `GrTable` с сортировкой по клику\n * на заголовок и scoped-слотами ячеек (`#cell-<key>`), `#header-<key>`,\n * `#caption`, `#footer`, `#empty`, `#loading`.\n *\n * Сортировка, включая крайние случаи с пустыми и смешанными значениями, живёт\n * в `grDataTableSort.ts` — см. `docs/components/GrDataTable.md`.\n */\nconst props = withDefaults(defineProps<GrDataTableProps<TRow>>(), {\n  rowKey: 'id' as GrDataTableRowKey<TRow>,\n  initialSortKey: undefined,\n  initialSortDir: 'asc',\n  sortKey: undefined,\n  sortDir: undefined,\n  sortCycle: 'asc-desc',\n  externalSort: false,\n  selectable: false,\n  selected: undefined,\n  selectableRow: undefined,\n  loading: false,\n  loadingText: undefined,\n  emptyText: undefined,\n  rowClass: undefined,\n  rowProps: undefined,\n  size: undefined,\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  stickyHeader: false,\n  maxHeight: undefined,\n  virtual: false,\n})\n\nconst emit = defineEmits<GrDataTableEmits<TRow>>()\n\nconst { t, locale } = useGranularityTranslations()\nconst resolvedLoadingText = computed(() => props.loadingText ?? t('gr.dataTable.loading', 'Loading…'))\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.dataTable.empty', 'No data'))\n\n// Uncontrolled-состояние; в controlled-режиме перекрывается пропами `sortKey`/`sortDir`.\nconst internalSortKey = ref<string>(props.initialSortKey ?? '')\nconst internalSortDir = ref<GrDataTableSortDir>(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<GrDataTableSortDir>(() => props.sortDir ?? internalSortDir.value)\n\nfunction applySort(key: string, dir: GrDataTableSortDir): 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('sortChange', { key, dir })\n}\n\nconst sortedRows = computed(() => {\n  // Внешняя сортировка: `rows` уже отсортированы потребителем — не трогаем.\n  if (props.externalSort)\n    return [...props.rows]\n\n  const key = currentSortKey.value\n  if (!key)\n    return [...props.rows]\n\n  return sortRows(props.rows, key, currentSortDir.value, locale.value)\n})\n\nfunction toggleSort(col: GrDataColumn<TRow>): void {\n  if (!col.sortable)\n    return\n\n  if (currentSortKey.value !== col.key) {\n    applySort(col.key, 'asc')\n    return\n  }\n\n  if (currentSortDir.value === 'asc') {\n    applySort(col.key, 'desc')\n    return\n  }\n\n  // Третье состояние: сортировка снимается, порядок возвращается к исходному.\n  if (props.sortCycle === 'asc-desc-none') {\n    applySort('', 'asc')\n    return\n  }\n\n  applySort(col.key, 'asc')\n}\n\nfunction cellAlign(col: GrDataColumn<TRow>): 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\n/**\n * Синтетические ключи для строк, у которых поле `rowKey` пустое.\n *\n * Без них строка получила бы `String(undefined ?? '')` — **один и тот же** ключ\n * на всю таблицу: Vue переиспользовал бы DOM не по назначению, а выбор одной\n * строки помечал бы выбранными все. Ключ привязан к идентичности объекта,\n * поэтому переживает сортировку и не зависит от индекса.\n */\nconst syntheticKeys = new WeakMap<object, string>()\nlet syntheticKeyCounter = 0\nconst missingKeyWarned = ref(false)\n\nfunction syntheticRowKey(row: TRow): string {\n  const existing = syntheticKeys.get(row)\n  if (existing !== undefined)\n    return existing\n\n  syntheticKeyCounter += 1\n  const generated = `gr-row-${syntheticKeyCounter}`\n  syntheticKeys.set(row, generated)\n\n  if (!missingKeyWarned.value && process.env.NODE_ENV !== 'production') {\n    missingKeyWarned.value = true\n    console.warn(\n      `[GrDataTable] У строки нет значения по ключу \"${String(props.rowKey)}\". `\n      + 'Задайте `rowKey` (поле или функцию) — иначе выбор строк и переиспользование '\n      + 'DOM работают по синтетическому ключу, который не переживёт перезагрузку данных.',\n    )\n  }\n\n  return generated\n}\n\nfunction rowKeyValue(row: TRow): string | number {\n  const rk = props.rowKey\n  if (typeof rk === 'function')\n    return rk(row)\n\n  const value = (row as Record<string, unknown>)[rk as string]\n  if (typeof value === 'string' && value !== '')\n    return value\n  if (typeof value === 'number')\n    return value\n\n  return syntheticRowKey(row)\n}\n\nfunction ariaSortFor(col: GrDataColumn<TRow>): '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\n/**\n * Подсказка «что сделает нажатие» — visually hidden текстом **после** подписи\n * колонки, а не `aria-label`'ом на кнопке. `aria-label` подменял бы собой имя\n * `<th>`, и AT при переходе по ячейкам вместо «Название» читала бы\n * «Отсортировано по Название по возрастанию, нажмите…». Текущее состояние\n * сортировки при этом объявляет `aria-sort` на самом `<th>`.\n */\nfunction sortHint(col: GrDataColumn<TRow>): string {\n  if (currentSortKey.value !== col.key)\n    return t('gr.dataTable.sortAsc', 'Activate to sort ascending')\n\n  if (currentSortDir.value === 'asc')\n    return t('gr.dataTable.sortDesc', 'Activate to sort descending')\n\n  return props.sortCycle === 'asc-desc-none'\n    ? t('gr.dataTable.sortNone', 'Activate to remove sorting')\n    : t('gr.dataTable.sortAsc', 'Activate to sort ascending')\n}\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDataTable' })\n\nconst cellClass = computed(() => cellPaddings[resolvedSize.value])\nconst placeholderClass = computed(() => placeholderPaddings[resolvedSize.value])\nconst headerTextClass = computed(() => headerTextSizes[resolvedSize.value])\nconst headerGapClass = computed(() => headerGaps[resolvedSize.value])\nconst selectColumnClass = computed(() => selectColumnWidths[resolvedSize.value])\nconst spinnerClass = computed(() => spinnerSizes[resolvedSize.value])\nconst sortIconSize = computed(() => sortIconSizes[resolvedSize.value])\nconst checkboxSize = computed(() => selectCheckboxSizes[resolvedSize.value])\n\n/**\n * Номер строки и полное их число объявляем только при виртуализации: иначе\n * диктор считает строки по разметке, а там всего окно. Заголовок — строка\n * первая, поэтому строки набора начинаются со второй.\n */\nconst ariaRowCount = computed(() => (props.virtual ? sortedRows.value.length + 1 : undefined))\n\nfunction ariaRowIndex(index: number): number | undefined {\n  return props.virtual ? index + 2 : undefined\n}\n\nconst tableProps = computed(() => ({\n  size: resolvedSize.value,\n  ariaLabel: props.ariaLabel,\n  ariaLabelledby: props.ariaLabelledby,\n  regionLabel: props.regionLabel,\n  stickyHeader: props.stickyHeader,\n  maxHeight: props.maxHeight,\n  rowCount: ariaRowCount.value,\n  fixedLayout: props.virtual,\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\n/**\n * Живой регион существует с первого рендера и пуст, пока объявлять нечего.\n * Регион, который появляется уже с текстом, часть AT не объявляет вовсе —\n * а именно так вело себя `role=\"status\"` внутри строки загрузки.\n */\nconst liveMessage = computed(() => {\n  if (props.loading)\n    return resolvedLoadingText.value\n  if (isEmpty.value)\n    return resolvedEmptyText.value\n  return ''\n})\n\nfunction cellValue(row: TRow, key: string): unknown {\n  return (row as Record<string, unknown>)[key]\n}\n\nfunction rowClassName(row: TRow, index: number): string | undefined {\n  const source = props.rowClass\n  return typeof source === 'function' ? source(row, index) : source\n}\n\nfunction onRowClick(row: TRow, index: number, event: MouseEvent): void {\n  emit('rowClick', { row, index, event })\n}\n\n// ————— Выбор строк.\n// Uncontrolled-режим, как у сортировки выше: без `v-model:selected` чекбоксы\n// рисовались, кликались и никогда не отмечались — состояние выбора целиком\n// выводилось из пропа, а внутреннего не было вовсе.\nconst internalSelected = ref<Array<string | number>>([])\nconst isSelectedControlled = computed(() => props.selected !== undefined)\n\nconst selectedKeys = computed<Set<string | number>>(\n  () => new Set(props.selected ?? internalSelected.value),\n)\n\nfunction isRowSelectable(row: TRow): boolean {\n  return props.selectableRow ? props.selectableRow(row) : true\n}\n\nfunction isRowSelected(row: TRow): boolean {\n  return selectedKeys.value.has(rowKeyValue(row))\n}\n\n/** «Выбрать все» работает по видимым и выбираемым строкам — они же считают состояние шапки. */\nconst selectableRows = computed(() => sortedRows.value.filter(isRowSelectable))\n\nconst allSelected = computed(() =>\n  selectableRows.value.length > 0 && selectableRows.value.every(isRowSelected),\n)\nconst someSelected = computed(() =>\n  selectableRows.value.some(isRowSelected) && !allSelected.value,\n)\n\nfunction emitSelected(next: Set<string | number>): void {\n  if (!isSelectedControlled.value)\n    internalSelected.value = [...next]\n\n  emit('update:selected', [...next])\n}\n\nfunction toggleRow(row: TRow): void {\n  if (!isRowSelectable(row))\n    return\n\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  const next = new Set(selectedKeys.value)\n\n  if (allSelected.value) {\n    // Снимаем выбор только с видимых строк, сохраняя внешние ключи.\n    for (const row of selectableRows.value) next.delete(rowKeyValue(row))\n    emitSelected(next)\n    return\n  }\n\n  for (const row of selectableRows.value) next.add(rowKeyValue(row))\n  emitSelected(next)\n}\n\n// ————— Императивный API.\nconst tableRef = ref<InstanceType<typeof GrTable> | null>(null)\nconst rootId = useId()\n\nfunction rootEl(): HTMLElement | null {\n  return (tableRef.value?.$el as HTMLElement | undefined) ?? null\n}\n\n/** Скролл-контейнер таблицы — он же элемент с `maxHeight`. */\nfunction scrollEl(): HTMLElement | null {\n  const root = rootEl()\n  return root?.matches('[data-gr-table-scroll]') ? root : root?.querySelector('[data-gr-table-scroll]') ?? null\n}\n\n/**\n * Виртуализация строк.\n *\n * Распорки здесь не псевдоэлементы, как у списочных компонентов: `<tbody>`\n * игнорирует `padding`, а псевдоэлемент внутри группы строк не образует строку\n * с управляемой высотой. Поэтому срезанное держат две служебные `<tr>` — той же\n * формы, что строки загрузки и пустоты у `GrTable`.\n */\nconst scrollContainer = ref<HTMLElement | null>(null)\n\nonMounted(() => {\n  scrollContainer.value = scrollEl()\n})\n\nconst virtualizer = useVirtualList({\n  container: scrollContainer,\n  count: () => (props.virtual ? sortedRows.value.length : 0),\n  // Сортировка и замена rows раздают индексы заново — замеры сбрасываются.\n  source: () => sortedRows.value,\n  itemSize: () => rowHeightEstimates[resolvedSize.value],\n  // Скролл-контейнер живёт в `GrTable` и до монтирования недоступен: окно\n  // первого рендера считается от объявленной высоты.\n  viewportSize: () => (typeof props.maxHeight === 'number' ? props.maxHeight : undefined),\n})\n\n/** Строки к отрисовке вместе с их абсолютной позицией в наборе. */\nconst renderedRows = computed(() => {\n  const rows = sortedRows.value\n  if (!props.virtual) return rows.map((row, index) => ({ row, index }))\n\n  const { start, end } = virtualizer.range.value\n  return rows.slice(start, end).map((row, offset) => ({ row, index: start + offset }))\n})\n\nconst spacerBefore = computed(() => (props.virtual ? virtualizer.offset.value : 0))\nconst spacerAfter = computed(() => (props.virtual ? virtualizer.offsetEnd.value : 0))\n\n/** Ширина колонки: число трактуем как пиксели. */\nfunction columnWidthStyle(width: string | number | undefined): Record<string, string> | undefined {\n  if (width === undefined) return undefined\n  return { width: typeof width === 'number' ? `${width}px` : width }\n}\n\nfunction scrollToRow(key: string | number, options?: ScrollIntoViewOptions): boolean {\n  // Ключ строки — произвольная строка от потребителя, в селектор её не подставить:\n  // сравниваем через `dataset`, а не собираем `[data-row-key=\"…\"]` конкатенацией.\n  const target = String(key)\n\n  // Строки вне окна в DOM нет: без прокрутки виртуального списка поиск по\n  // `dataset` вернул бы `undefined`, и метод молча отвечал бы «не нашёл».\n  if (props.virtual) {\n    const index = sortedRows.value.findIndex(row => String(rowKeyValue(row)) === target)\n    if (index < 0) return false\n\n    virtualizer.scrollToIndex(index)\n    void nextTick(() => {\n      // Вызов опциональный: отложенный `scrollIntoView` некому поймать, а в\n      // среде без него (jsdom) это дало бы необработанный отказ промиса.\n      findRowEl(target)?.scrollIntoView?.(options ?? { block: 'nearest' })\n    })\n    return true\n  }\n\n  const row = findRowEl(target)\n  if (!row)\n    return false\n\n  row.scrollIntoView(options ?? { block: 'nearest' })\n  return true\n}\n\nfunction findRowEl(rowKey: string): HTMLElement | undefined {\n  // Ключ строки — произвольная строка от потребителя, в селектор её не\n  // подставить: сравниваем через `dataset`, а не собираем селектор конкатенацией.\n  const rows = rootEl()?.querySelectorAll<HTMLElement>('[data-gr-datatable-row]') ?? []\n  return Array.prototype.find.call(rows, (el: HTMLElement) => el.dataset.rowKey === rowKey) as HTMLElement | undefined\n}\n\nconst scrollTo = (options: ScrollToOptions): void => {\n  scrollEl()?.scrollTo(options)\n}\n\nfunction clearSort(): void {\n  applySort('', 'asc')\n}\n\ndefineExpose({\n  /** Прокрутить к строке по её ключу. `false` — строки нет в DOM. */\n  scrollToRow,\n  /** Прокрутить скролл-контейнер таблицы. */\n  scrollTo,\n  /** Снять сортировку (эквивалент третьего состояния). */\n  clearSort,\n  /** Отметить/снять все выбираемые строки. */\n  toggleAll,\n})\n</script>\n\n<template>\n  <GrTable\n    v-bind=\"tableProps\"\n    ref=\"tableRef\"\n    data-gr-datatable\n  >\n    <!-- Caption рендерится всегда (у `GrTable` он `sr-only`): в нём живёт\n         постоянный live-регион, иначе объявлять загрузку было бы нечему. -->\n    <template #caption>\n      <slot name=\"caption\">\n        {{ caption }}\n      </slot>\n      <span\n        :id=\"`${rootId}-live`\"\n        data-gr-datatable-live\n        role=\"status\"\n        aria-live=\"polite\"\n      >{{ liveMessage }}</span>\n    </template>\n\n    <template #header>\n      <tr data-gr-datatable-header :aria-rowindex=\"virtual ? 1 : undefined\">\n        <th\n          v-if=\"selectable\"\n          class=\"text-left\"\n          :class=\"[selectColumnClass, cellClass]\"\n          scope=\"col\"\n        >\n          <GrCheckbox\n            data-gr-datatable-select-all\n            :model-value=\"allSelected\"\n            :indeterminate=\"someSelected\"\n            :size=\"checkboxSize\"\n            :disabled=\"loading || selectableRows.length === 0\"\n            :aria-label=\"t('gr.dataTable.selectAll', 'Select all rows')\"\n            @update:model-value=\"toggleAll\"\n          />\n        </th>\n        <th\n          v-for=\"col in columns\"\n          :key=\"col.key\"\n          class=\"font-700\"\n          :class=\"[headerTextClass, cellClass, cellAlign(col)]\"\n          :style=\"columnWidthStyle(col.width)\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center\" :class=\"headerGapClass\">\n            <button\n              v-if=\"col.sortable\"\n              type=\"button\"\n              data-gr-datatable-sort\n              class=\"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)]\"\n              :class=\"headerGapClass\"\n              @click=\"toggleSort(col)\"\n            >\n              <span>\n                <slot :name=\"`header-${col.key}`\" :column=\"col\">\n                  {{ col.label }}\n                </slot>\n              </span>\n              <span class=\"sr-only\">{{ sortHint(col) }}</span>\n              <span class=\"inline-flex\" aria-hidden=\"true\">\n                <GrIcon v-if=\"currentSortKey === col.key && currentSortDir === 'asc'\" :size=\"sortIconSize\">\n                  <IconArrowUp />\n                </GrIcon>\n                <GrIcon v-else-if=\"currentSortKey === col.key && currentSortDir === 'desc'\" :size=\"sortIconSize\">\n                  <IconArrowDown />\n                </GrIcon>\n              </span>\n            </button>\n            <span v-else class=\"text-[var(--gr-muted-fg)]\">\n              <slot :name=\"`header-${col.key}`\" :column=\"col\">\n                {{ col.label }}\n              </slot>\n            </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=\"text-center text-[var(--gr-muted-fg)]\" :class=\"placeholderClass\">\n          <slot name=\"loading\">\n            <span class=\"inline-flex items-center gap-2\">\n              <span class=\"i-lucide-loader-circle block animate-spin\" :class=\"spinnerClass\" aria-hidden=\"true\" />\n              <span>{{ resolvedLoadingText }}</span>\n            </span>\n          </slot>\n        </td>\n      </tr>\n    </template>\n    <template v-else-if=\"isEmpty\">\n      <tr data-gr-datatable-empty>\n        <td :colspan=\"totalColumns\" class=\"text-center text-[var(--gr-muted-fg)]\" :class=\"placeholderClass\">\n          <slot name=\"empty\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </td>\n      </tr>\n    </template>\n    <template v-else>\n      <!--\n        Распорки виртуального списка. У таблицы они строки, а не псевдоэлементы:\n        `<tbody>` игнорирует `padding`, а псевдоэлемент внутри группы строк не\n        образует строку с управляемой высотой. Форма та же, что у служебных\n        строк загрузки и пустоты.\n      -->\n      <tr\n        v-if=\"virtual && spacerBefore > 0\"\n        aria-hidden=\"true\"\n        data-gr-datatable-spacer=\"before\"\n        :style=\"{ pointerEvents: 'none' }\"\n      >\n        <td :colspan=\"totalColumns\" :style=\"{ height: `${spacerBefore}px`, padding: '0', border: '0' }\" />\n      </tr>\n\n      <tr\n        v-for=\"{ row, index } in renderedRows\"\n        :key=\"rowKeyValue(row)\"\n        :ref=\"(el) => virtual && virtualizer.measure(index, el as Element | null)\"\n        class=\"border-t border-[var(--gr-brd)]\"\n        :class=\"[\n          isRowSelected(row) ? 'bg-[color-mix(in_srgb,var(--gr-primary)_8%,transparent)]' : '',\n          rowClassName(row, index),\n        ]\"\n        data-gr-datatable-row\n        :data-row-key=\"rowKeyValue(row)\"\n        :data-selected=\"selectable && isRowSelected(row) ? 'true' : undefined\"\n        :aria-rowindex=\"ariaRowIndex(index)\"\n        v-bind=\"rowProps?.(row, index)\"\n        @click=\"onRowClick(row, index, $event)\"\n      >\n      <td v-if=\"selectable\" class=\"text-left\" :class=\"[selectColumnClass, cellClass]\">\n        <!-- `.stop` на самом чекбоксе, а не на ячейке: гасить навигационный\n             клик есть смысл только там, где стоит контрол выбора. Иначе\n             служебная ячейка невыбираемой строки становится мёртвой зоной. -->\n        <GrCheckbox\n          v-if=\"isRowSelectable(row)\"\n          data-gr-datatable-select-row\n          :model-value=\"isRowSelected(row)\"\n          :size=\"checkboxSize\"\n          :aria-label=\"t('gr.dataTable.selectRow', 'Select row')\"\n          @click.stop\n          @update:model-value=\"toggleRow(row)\"\n        />\n      </td>\n      <td\n        v-for=\"col in columns\"\n        :key=\"col.key\"\n        :class=\"[cellClass, cellAlign(col)]\"\n      >\n          <slot :name=\"`cell-${col.key}`\" :row=\"row\" :index=\"index\">\n            <span>{{ cellValue(row, col.key) }}</span>\n          </slot>\n        </td>\n      </tr>\n\n      <tr\n        v-if=\"virtual && spacerAfter > 0\"\n        aria-hidden=\"true\"\n        data-gr-datatable-spacer=\"after\"\n        :style=\"{ pointerEvents: 'none' }\"\n      >\n        <td :colspan=\"totalColumns\" :style=\"{ height: `${spacerAfter}px`, padding: '0', border: '0' }\" />\n      </tr>\n    </template>\n\n    <template v-if=\"$slots.footer\" #footer>\n      <slot name=\"footer\" />\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";
-export { GrDataTable_default as GrDataTable, GrDataTable_default as default, grDataTableConfig };
+import { i as sortRows, n as compareCells, r as isEmptyCell, t as GrDataTable_default } from "./chunks/GrDataTable-DVFho9Cj.js";
+import { n as grDataTableSafelist, t as grDataTableConfig } from "../../chunks/config-BNfQwyL4.js";
+export { GrDataTable_default as GrDataTable, GrDataTable_default as default, compareCells, grDataTableConfig, grDataTableSafelist, isEmptyCell, sortRows };

package/dist/components/GrDialog/chunks/GrDialog-AE1gIZuz.js

@@ -0,0 +1,255 @@
+import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
+import { a as useGrComponentProp } from "../../../chunks/context-BSYR7RZs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-D0m_z0XW.js";
+import { n as useGrModalTitle, t as GrModal_default } from "../../GrModal/chunks/GrModal-B8I78T0N.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, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
+//#endregion
+//#region src/components/GrDialog/GrDialogFooter.vue
+var GrDialogFooter_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDialogFooter",
+	props: { config: { default: void 0 } },
+	setup(__props) {
+		const props = __props;
+		const resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG));
+		const rootClass = computed(() => [
+			resolvedConfig.value.paddingX,
+			resolvedConfig.value.paddingY,
+			resolvedConfig.value.bordered ? "border-t border-[var(--gr-brd)]" : ""
+		]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-dialog-footer": "",
+				class: normalizeClass(rootClass.value)
+			}, [renderSlot(_ctx.$slots, "default")], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/GrDialog/GrDialogCloseButton.vue
+var GrDialogCloseButton_default = /* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "GrDialogCloseButton",
+	emits: ["click"],
+	setup(__props) {
+		const { t } = useGranularityTranslations();
+		const attrs = useAttrs();
+		const ariaLabel = computed(() => attrs["aria-label"] ?? t("gr.common.close", "Close"));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(GrButton_default, mergeProps(unref(attrs), {
+				"data-gr-dialog-close": "",
+				variant: "ghost",
+				size: "sm",
+				square: "",
+				"aria-label": ariaLabel.value,
+				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click"))
+			}), {
+				default: withCtx(() => [createVNode(unref(x_default), {
+					class: "h-4 w-4",
+					"aria-hidden": "true"
+				})]),
+				_: 1
+			}, 16, ["aria-label"]);
+		};
+	}
+});
+//#endregion
+//#region src/components/GrDialog/GrDialogHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1$1 = {
+	key: 0,
+	class: "flex-1 min-w-0 flex items-center"
+};
+var _hoisted_2 = ["id"];
+var _hoisted_3 = {
+	key: 2,
+	class: "flex-1 min-w-0"
+};
+//#endregion
+//#region src/components/GrDialog/GrDialogHeader.vue
+var GrDialogHeader_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDialogHeader",
+	props: {
+		title: { default: void 0 },
+		showCloseButton: {
+			type: Boolean,
+			default: true
+		},
+		config: { default: void 0 },
+		closeLabel: { default: void 0 }
+	},
+	emits: ["close"],
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const resolvedTitle = computed(() => resolveGrDialogTitle(props.title));
+		const resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG));
+		const rootClass = computed(() => [
+			resolvedConfig.value.paddingX,
+			resolvedConfig.value.paddingY,
+			resolvedConfig.value.bordered ? "border-b border-[var(--gr-brd)]" : "",
+			"flex items-center justify-between gap-4"
+		]);
+		const showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value);
+		const { titleId } = useGrModalTitle(() => showVisibleTitle.value);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				"data-gr-dialog-header": "",
+				class: normalizeClass(rootClass.value)
+			}, [slots.default ? (openBlock(), createElementBlock("div", _hoisted_1$1, [renderSlot(_ctx.$slots, "default", { title: resolvedTitle.value })])) : showVisibleTitle.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				id: unref(titleId),
+				"data-gr-dialog-title": "",
+				class: "flex-1 min-w-0 text-[length:var(--gr-control-text-md)] font-700"
+			}, toDisplayString(resolvedTitle.value), 9, _hoisted_2)) : (openBlock(), createElementBlock("div", _hoisted_3)), __props.showCloseButton ? (openBlock(), createBlock(GrDialogCloseButton_default, {
+				key: 3,
+				"aria-label": __props.closeLabel,
+				onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+			}, null, 8, ["aria-label"])) : createCommentVNode("", true)], 2);
+		};
+	}
+});
+//#endregion
+//#region src/components/GrDialog/GrDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "sr-only" };
+//#endregion
+//#region src/components/GrDialog/GrDialog.vue
+var GrDialog_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDialog",
+	props: {
+		modelValue: { type: Boolean },
+		title: { default: void 0 },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: true
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: true
+		},
+		showHeader: {
+			type: Boolean,
+			default: true
+		},
+		showCloseButton: {
+			type: Boolean,
+			default: true
+		},
+		size: { default: void 0 },
+		headerConfig: { default: void 0 },
+		footerConfig: { default: void 0 },
+		bodyConfig: { default: void 0 },
+		closeLabel: { default: void 0 },
+		ariaLabel: { default: void 0 },
+		scrollBehavior: { default: "outside" },
+		initialFocus: { default: null }
+	},
+	emits: [
+		"update:modelValue",
+		"opened",
+		"closed"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		/**
+		* GrDialog — GR-примитив диалога поверх `GrModal`.
+		*
+		* Архитектурно:
+		* - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;
+		* - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.
+		*
+		* A11y: ровно один `DialogTitle` на открытое окно.
+		* - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит
+		*   `GrDialogHeader`.
+		* - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)
+		*   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы
+		*   `GrModal` корректно проставил `aria-labelledby` на корень окна.
+		* - `aria-label` вниз уходит всегда: `GrModal` иначе не отличил бы «заголовок
+		*   рисует `GrDialogHeader`» от «имени нет вовсе» и подставил бы обобщённое.
+		*/
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const resolvedSize = useGrComponentProp("GrDialog", "size", () => props.size, "md");
+		const resolvedTitle = computed(() => resolveGrDialogTitle(props.title));
+		const bodyClass = computed(() => {
+			const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG);
+			return [cfg.paddingX, cfg.paddingY];
+		});
+		const useModalSrOnlyTitle = computed(() => !!resolvedTitle.value && (!props.showHeader || !!slots.header));
+		function open() {
+			emit("update:modelValue", true);
+		}
+		function close() {
+			emit("update:modelValue", false);
+		}
+		function toggle() {
+			emit("update:modelValue", !props.modelValue);
+		}
+		__expose({
+			open,
+			close,
+			toggle
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(GrModal_default, {
+				"model-value": __props.modelValue,
+				size: unref(resolvedSize),
+				"scroll-behavior": __props.scrollBehavior,
+				"initial-focus": __props.initialFocus,
+				"close-on-backdrop": __props.closeOnBackdrop,
+				"close-on-esc": __props.closeOnEsc,
+				"aria-label": __props.ariaLabel ?? resolvedTitle.value,
+				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => emit("update:modelValue", $event)),
+				onOpened: _cache[1] || (_cache[1] = ($event) => emit("opened")),
+				onClosed: _cache[2] || (_cache[2] = ($event) => emit("closed"))
+			}, createSlots({
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(bodyClass.value) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+				_: 2
+			}, [
+				useModalSrOnlyTitle.value ? {
+					name: "title",
+					fn: withCtx(() => [createElementVNode("span", _hoisted_1, toDisplayString(resolvedTitle.value), 1)]),
+					key: "0"
+				} : void 0,
+				__props.showHeader ? {
+					name: "header",
+					fn: withCtx(() => [createVNode(GrDialogHeader_default, {
+						title: resolvedTitle.value,
+						"show-close-button": __props.showCloseButton,
+						config: __props.headerConfig,
+						"close-label": __props.closeLabel,
+						onClose: close
+					}, createSlots({ _: 2 }, [slots.header ? {
+						name: "default",
+						fn: withCtx((slotProps) => [renderSlot(_ctx.$slots, "header", normalizeProps(guardReactiveProps(slotProps)))]),
+						key: "0"
+					} : void 0]), 1032, [
+						"title",
+						"show-close-button",
+						"config",
+						"close-label"
+					])]),
+					key: "1"
+				} : void 0,
+				slots.footer ? {
+					name: "footer",
+					fn: withCtx(() => [createVNode(GrDialogFooter_default, { config: __props.footerConfig }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "footer")]),
+						_: 3
+					}, 8, ["config"])]),
+					key: "2"
+				} : void 0
+			]), 1032, [
+				"model-value",
+				"size",
+				"scroll-behavior",
+				"initial-focus",
+				"close-on-backdrop",
+				"close-on-esc",
+				"aria-label"
+			]);
+		};
+	}
+});
+//#endregion
+export { GrDialogFooter_default as i, GrDialogHeader_default as n, GrDialogCloseButton_default as r, GrDialog_default as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrDialog-AE1gIZuz.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\nexport interface GrDialogCloseButtonEmits {\n  (e: 'click'): void\n}\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<GrDialogCloseButtonEmits>()\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\nexport interface GrDialogCloseButtonEmits {\n  (e: 'click'): void\n}\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<GrDialogCloseButtonEmits>()\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'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport { useGrModalTitle } from '../GrModal/context'\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\nexport interface GrDialogHeaderEmits {\n  (e: 'close'): void\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<GrDialogHeaderEmits>()\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// Видимый заголовок рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n\n// Имя окна: заголовок объявляет себя окну, и `GrModal` ставит на него\n// `aria-labelledby`. Вне `GrModal` регистрация — no-op, шапку можно\n// использовать и отдельно.\nconst { titleId } = useGrModalTitle(() => showVisibleTitle.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    <div\n      v-else-if=\"showVisibleTitle\"\n      :id=\"titleId\"\n      data-gr-dialog-title\n      class=\"flex-1 min-w-0 text-[length:var(--gr-control-text-md)] font-700\"\n    >\n      {{ resolvedTitle }}\n    </div>\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'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport { useGrModalTitle } from '../GrModal/context'\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\nexport interface GrDialogHeaderEmits {\n  (e: 'close'): void\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<GrDialogHeaderEmits>()\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// Видимый заголовок рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n\n// Имя окна: заголовок объявляет себя окну, и `GrModal` ставит на него\n// `aria-labelledby`. Вне `GrModal` регистрация — no-op, шапку можно\n// использовать и отдельно.\nconst { titleId } = useGrModalTitle(() => showVisibleTitle.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    <div\n      v-else-if=\"showVisibleTitle\"\n      :id=\"titleId\"\n      data-gr-dialog-title\n      class=\"flex-1 min-w-0 text-[length:var(--gr-control-text-md)] font-700\"\n    >\n      {{ resolvedTitle }}\n    </div>\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 *   `GrModal` корректно проставил `aria-labelledby` на корень окна.\n * - `aria-label` вниз уходит всегда: `GrModal` иначе не отличил бы «заголовок\n *   рисует `GrDialogHeader`» от «имени нет вовсе» и подставил бы обобщённое.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport type { GrModalScrollBehavior } from '../GrModal/grModalStyles'\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   * Доступное имя окна, когда заголовка нет вовсе: `showHeader: false` без\n   * `title` и без слота `#header` оставил бы окно безымянным.\n   */\n  ariaLabel?: string\n  /**\n   * Кто скроллится при длинном содержимом. При `inside` шапка и подвал\n   * закреплены, а едет только тело.\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — панель окна.\n   * Элемент **из самого диалога** сюда передавать нельзя: проп, возвращающий\n   * наверх то, что рождено внутри поддерева, замыкает рендер в цикл. Фокус на\n   * своём содержимом ставится из содержимого — так это сделано в\n   * `GrPromptDialog`.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: 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  ariaLabel: undefined,\n  scrollBehavior: 'outside',\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrDialogEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\n// Резолвим здесь, а не полагаемся на `GrModal`: иначе дефолт диалога затенил бы\n// конфиг раньше, чем примитив успел бы в него заглянуть.\nconst resolvedSize = useGrComponentProp('GrDialog', 'size', () => props.size, 'md')\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// В обоих случаях даём окну a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"resolvedSize\"\n    :scroll-behavior=\"scrollBehavior\"\n    :initial-focus=\"initialFocus\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :aria-label=\"ariaLabel ?? resolvedTitle\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @opened=\"emit('opened')\"\n    @closed=\"emit('closed')\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <!-- Шапка и подвал уходят в layout-слоты `GrModal`: при `inside` они\n         остаются вне скроллящегося тела. -->\n    <template v-if=\"showHeader\" #header>\n      <GrDialogHeader\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    </template>\n\n    <div :class=\"bodyClass\">\n      <slot />\n    </div>\n\n    <template v-if=\"slots.footer\" #footer>\n      <GrDialogFooter :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </template>\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 *   `GrModal` корректно проставил `aria-labelledby` на корень окна.\n * - `aria-label` вниз уходит всегда: `GrModal` иначе не отличил бы «заголовок\n *   рисует `GrDialogHeader`» от «имени нет вовсе» и подставил бы обобщённое.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport type { GrModalScrollBehavior } from '../GrModal/grModalStyles'\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   * Доступное имя окна, когда заголовка нет вовсе: `showHeader: false` без\n   * `title` и без слота `#header` оставил бы окно безымянным.\n   */\n  ariaLabel?: string\n  /**\n   * Кто скроллится при длинном содержимом. При `inside` шапка и подвал\n   * закреплены, а едет только тело.\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — панель окна.\n   * Элемент **из самого диалога** сюда передавать нельзя: проп, возвращающий\n   * наверх то, что рождено внутри поддерева, замыкает рендер в цикл. Фокус на\n   * своём содержимом ставится из содержимого — так это сделано в\n   * `GrPromptDialog`.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrDialogProps>(), {\n  title: 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  ariaLabel: undefined,\n  scrollBehavior: 'outside',\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrDialogEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\n// Резолвим здесь, а не полагаемся на `GrModal`: иначе дефолт диалога затенил бы\n// конфиг раньше, чем примитив успел бы в него заглянуть.\nconst resolvedSize = useGrComponentProp('GrDialog', 'size', () => props.size, 'md')\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// В обоих случаях даём окну a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\n)\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"resolvedSize\"\n    :scroll-behavior=\"scrollBehavior\"\n    :initial-focus=\"initialFocus\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :aria-label=\"ariaLabel ?? resolvedTitle\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @opened=\"emit('opened')\"\n    @closed=\"emit('closed')\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <!-- Шапка и подвал уходят в layout-слоты `GrModal`: при `inside` они\n         остаются вне скроллящегося тела. -->\n    <template v-if=\"showHeader\" #header>\n      <GrDialogHeader\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    </template>\n\n    <div :class=\"bodyClass\">\n      <slot />\n    </div>\n\n    <template v-if=\"slots.footer\" #footer>\n      <GrDialogFooter :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </template>\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-AE1gIZuz.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 };