@feugene/granularity 0.18.0 → 0.19.0

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrDataTable-DzaGLG3A.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, onUnmounted, ref, useId, watch } 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 { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useDragGesture } from '../../composables/useDragGesture'\nimport { useDragSort } from '../../composables/useDragSort'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useVirtualList } from '../../composables/useVirtualList'\nimport { insertionIndex, moveItem } from '../../composables/internal/dragSortGeometry'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { sortRows, type GrDataTableSortDir } from './grDataTableSort'\nimport {\n  type GrDataTableSize,\n  cellPaddings,\n  columnDraggingClass,\n  columnDropAfterClass,\n  columnDropBeforeClass,\n  columnHandleActiveClass,\n  columnHandleClass,\n  columnHandleIconClass,\n  columnPinnedClass,\n  columnPinnedLeftEdgeClass,\n  columnPinnedRightEdgeClass,\n  columnResizerClass,\n  columnResizerHoverClass,\n  columnResizerLineActiveClass,\n  columnResizerLineClass,\n  headerGaps,\n  headerTextSizes,\n  placeholderPaddings,\n  rowHeightEstimates,\n  rowSelectedClass,\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   * Колонка липнет к краю при горизонтальной прокрутке.\n   *\n   * Закреплённые колонки всегда стоят своей группой у своего края — перенос\n   * колонки из группы в группу запрещён, иначе «закреплена слева» перестало бы\n   * означать «слева».\n   */\n  pinned?: 'left' | 'right'\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   * Пользовательский порядок колонок: в шапке появляется ручка переноса.\n   * Колонка тянется указателем и двигается `Shift`+`←`/`→` с клавиатуры.\n   */\n  reorderableColumns?: boolean\n  /**\n   * Контролируемый порядок колонок — ключи в нужном порядке (`v-model:columnOrder`).\n   * Не задан — порядок компонент помнит сам, начиная с порядка `columns`.\n   */\n  columnOrder?: string[]\n  /**\n   * Пользовательская ширина колонок: у правого края заголовка появляется ручка.\n   * Тянется указателем, с клавиатуры — стрелками (паттерн window splitter).\n   *\n   * Включает фиксированную раскладку таблицы: без неё браузер пересчитывает\n   * ширины по содержимому и заданная пользователем пропадает.\n   */\n  resizableColumns?: boolean\n  /**\n   * Контролируемые ширины в пикселях по ключу колонки (`v-model:columnWidths`).\n   * Не заданы — ширины компонент помнит сам.\n   */\n  columnWidths?: Record<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  (e: 'update:columnOrder', value: string[]): void\n  (e: 'columnReorder', payload: { key: string, from: number, to: number }): void\n  (e: 'update:columnWidths', value: Record<string, number>): void\n  (e: 'columnResize', payload: { key: string, width: number }): 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  reorderableColumns: false,\n  columnOrder: undefined,\n  resizableColumns: false,\n  columnWidths: undefined,\n})\n\nconst emit = defineEmits<GrDataTableEmits<TRow>>()\n\nconst { t, locale } = useGranularityTranslations()\nconst { announce } = useAnnouncer()\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 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/** Uncontrolled-состояние; в controlled-режиме перекрывается пропом `columnOrder`. */\nconst internalColumnOrder = ref<string[]>(props.columns.map(col => String(col.key)))\n\n/**\n * Колонки в пользовательском порядке.\n *\n * Состав задаёт `columns`, порядок — только порядок: ключ, которого в наборе\n * нет, игнорируется, а колонка, которой нет в порядке (её только что добавили),\n * встаёт в конец. Иначе правка `columns` теряла бы колонки молча.\n */\nconst orderedColumns = computed<GrDataColumn<TRow>[]>(() => {\n  const order = props.columnOrder ?? internalColumnOrder.value\n  const remaining = new Map(props.columns.map(col => [String(col.key), col]))\n  const ordered: GrDataColumn<TRow>[] = []\n\n  for (const key of order) {\n    const col = remaining.get(key)\n    if (!col) continue\n\n    remaining.delete(key)\n    ordered.push(col)\n  }\n\n  for (const col of props.columns) {\n    if (remaining.has(String(col.key))) ordered.push(col)\n  }\n\n  // Закреплённые колонки стоят своими группами у своих краёв — иначе\n  // «закреплена слева» не означало бы «слева». Сортировка устойчивая, поэтому\n  // внутри группы порядок остаётся пользовательским.\n  return ordered.sort((a, b) => pinGroupOf(a) - pinGroupOf(b))\n})\n\n/** Группа закрепления: 0 — слева, 1 — обычная колонка, 2 — справа. */\nfunction pinGroupOf(col: GrDataColumn<TRow>): number {\n  if (col.pinned === 'left') return 0\n  if (col.pinned === 'right') return 2\n\n  return 1\n}\n\n/**\n * Сумма заданных ширин — минимальная ширина таблицы.\n *\n * Без неё фиксированная раскладка вписывает таблицу в контейнер и делит место\n * пропорционально: колонка, которую пользователь растянул, ужимается обратно, а\n * горизонтальной прокрутки — той самой, ради которой закрепляют колонки, — не\n * возникает. Считается, только когда ширина известна у **всех** колонок: с\n * одной неизвестной сумма врала бы.\n */\nconst tableMinWidth = computed<number | undefined>(() => {\n  const cols = orderedColumns.value\n  if (cols.length === 0) return undefined\n\n  let total = 0\n  for (const col of cols) {\n    const width = widthOf(col)\n    if (typeof width !== 'number') return undefined\n\n    total += width\n  }\n\n  return total\n})\n\nconst columnKeys = computed(() => orderedColumns.value.map(col => String(col.key)))\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  // Пользовательская ширина требует фиксированной раскладки: на авторазметке\n  // браузер пересчитывает колонки по содержимому, и заданная ширина пропадает.\n  fixedLayout: props.virtual || props.resizableColumns,\n  tableMinWidth: tableMinWidth.value,\n}))\n\nfunction indexOfColumn(key: string): number {\n  return columnKeys.value.indexOf(key)\n}\n\nconst headerCellEls = new Map<string, HTMLElement>()\nconst columnHandleEls = new Map<string, HTMLElement>()\n\nfunction registerEl(store: Map<string, HTMLElement>, key: string, el: unknown): void {\n  if (el instanceof HTMLElement) {\n    store.set(key, el)\n    return\n  }\n\n  // Перестановка размонтирует старую ячейку уже после того, как встала новая:\n  // снимаем запись, только если она протухла.\n  const previous = store.get(key)\n  if (previous && !previous.isConnected) store.delete(key)\n}\n\nfunction applyColumnMove(from: number, to: number): void {\n  const keys = columnKeys.value\n  if (from < 0 || to < 0 || to >= keys.length || from === to) return\n  if (!sameGroup(from, to)) return\n\n  const key = keys[from]\n  // Подпись берётся до перестановки: `orderedColumns` — computed, и после\n  // записи порядка по индексу `from` стоит уже другая колонка.\n  const label = orderedColumns.value[from]?.label ?? key\n  const next = moveItem(keys, from, to)\n\n  internalColumnOrder.value = next\n  emit('update:columnOrder', next)\n  emit('columnReorder', { key, from, to })\n\n  announce(t('gr.dataTable.columnMoved', 'Column {label} moved to position {position} of {count}', {\n    label,\n    position: to + 1,\n    count: keys.length,\n  }))\n}\n\nconst columnSort = useDragSort<string, number>({\n  items: () => columnKeys.value,\n  elementFor: key => headerCellEls.get(key) ?? null,\n  orientation: () => 'horizontal',\n  disabled: () => !props.reorderableColumns || props.loading,\n  resolveTarget: (hit, source) => {\n    const to = insertionIndex(hit, indexOfColumn(source), columnKeys.value.length)\n\n    // Через границу закрепления не переносим: группы у краёв постоянны.\n    return sameGroup(indexOfColumn(source), to) ? to : null\n  },\n  onDrop: (source, to) => applyColumnMove(indexOfColumn(source), to),\n})\n\nfunction sameGroup(from: number, to: number): boolean {\n  const cols = orderedColumns.value\n  if (!cols[from] || !cols[to]) return false\n\n  return pinGroupOf(cols[from]) === pinGroupOf(cols[to])\n}\n\n/**\n * Кольцо роверного фокуса по ручкам: одна остановка `Tab` на всю шапку.\n * Иначе таблица из десяти колонок добавляла бы десять таб-стопов подряд.\n */\nconst columnRoving = useRovingFocus<string>({\n  items: () => (props.reorderableColumns ? columnKeys.value : []),\n  elementFor: key => columnHandleEls.get(key) ?? null,\n  orientation: () => 'horizontal',\n  wrap: () => false,\n})\n\nasync function onColumnHandleKeydown(event: KeyboardEvent, key: string): Promise<void> {\n  if (!props.reorderableColumns) return\n\n  // `Shift` со стрелкой двигает колонку, голая стрелка — фокус между ручками.\n  // Раскладка та же, что у переноса узла в `GrTree`.\n  if (event.shiftKey && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {\n    event.preventDefault()\n\n    const from = indexOfColumn(key)\n    applyColumnMove(from, event.key === 'ArrowLeft' ? from - 1 : from + 1)\n\n    // Шапка перерисовывается: без возврата фокуса следующий `Shift` было бы\n    // некуда адресовать.\n    await nextTick()\n    await columnRoving.focusKey(key)\n    return\n  }\n\n  columnRoving.handleNavigationKeys(event)\n}\n\nconst draggingColumnKey = computed(() => (columnSort.mode.value === null ? null : columnSort.source.value))\n\n/** Полоса места вставки — на колонке-соседе, со стороны движения. */\nfunction columnDropClass(index: number): string {\n  const target = columnSort.target.value\n  if (!columnSort.isActive.value || target === null || target !== index) return ''\n\n  const active = columnSort.source.value === null ? -1 : indexOfColumn(columnSort.source.value)\n  if (index === active) return ''\n\n  return target < active ? columnDropBeforeClass : columnDropAfterClass\n}\n\nconst columnHandleLabel = (col: GrDataColumn<TRow>): string =>\n  t('gr.dataTable.moveColumn', 'Move column {label}', { label: col.label })\n\n// ————— Ширина колонок.\n\n/** Уже колонки не бывает: в неё перестаёт помещаться даже стрелка сортировки. */\nconst MIN_COLUMN_WIDTH = 48\n/** Шаг клавиатуры и крупный шаг — как у `GrSplitter`. */\nconst RESIZE_STEP = 16\nconst RESIZE_BIG_STEP = 48\n\nconst internalColumnWidths = ref<Record<string, number>>({})\nconst columnWidths = computed(() => props.columnWidths ?? internalColumnWidths.value)\n\n/** Фактические ширины шапки: заполняются замером, см. `measureLayout`. */\nconst measuredColumnWidths = ref<Record<string, number>>({})\n\n/** Ширина колонки: заданная пользователем сильнее объявленной в `columns`. */\nfunction widthOf(col: GrDataColumn<TRow>): string | number | undefined {\n  return columnWidths.value[String(col.key)] ?? col.width\n}\n\nconst resizingKey = ref<string | null>(null)\nlet pendingResizeKey: string | null = null\nlet resizeStartX = 0\nlet resizeStartWidth = 0\nlet widthBeforeResize: number | undefined\n\nfunction setColumnWidth(key: string, width: number): void {\n  const next = { ...columnWidths.value, [key]: Math.max(MIN_COLUMN_WIDTH, Math.round(width)) }\n\n  internalColumnWidths.value = next\n  emit('update:columnWidths', next)\n}\n\nfunction announceWidth(key: string): void {\n  const col = orderedColumns.value.find(item => String(item.key) === key)\n  if (!col) return\n\n  announce(t('gr.dataTable.columnResized', 'Column {label} is {width} pixels wide', {\n    label: col.label,\n    width: columnWidths.value[key] ?? 0,\n  }))\n}\n\nconst resizeGesture = useDragGesture({\n  disabled: () => !props.resizableColumns || props.loading,\n  onStart: (event) => {\n    const key = pendingResizeKey\n    const el = key === null ? null : headerCellEls.get(key)\n    if (key === null || !el) return false\n\n    resizeStartX = event.clientX\n    // Стартовая ширина — измеренная, а не объявленная: колонка могла жить на\n    // авторазметке, и тянуть её надо от того, что видно.\n    resizeStartWidth = el.getBoundingClientRect().width\n    widthBeforeResize = columnWidths.value[key]\n    resizingKey.value = key\n  },\n  onMove: (event) => {\n    if (resizingKey.value === null) return\n\n    // Против выделения текста заголовка во время протяжки.\n    event.preventDefault()\n    setColumnWidth(resizingKey.value, resizeStartWidth + (event.clientX - resizeStartX))\n  },\n  onEnd: () => {\n    const key = resizingKey.value\n    resizingKey.value = null\n    if (key === null) return\n\n    emit('columnResize', { key, width: columnWidths.value[key] ?? Math.round(resizeStartWidth) })\n    announceWidth(key)\n  },\n  onCancel: () => {\n    const key = resizingKey.value\n    resizingKey.value = null\n    if (key === null) return\n\n    // Оборванный жест возвращает ширину, которая была до нажатия.\n    const next = { ...columnWidths.value }\n    if (widthBeforeResize === undefined) delete next[key]\n    else next[key] = widthBeforeResize\n\n    internalColumnWidths.value = next\n    emit('update:columnWidths', next)\n  },\n})\n\nfunction onResizerPointerDown(event: PointerEvent, key: string): void {\n  pendingResizeKey = key\n  resizeGesture.start(event)\n}\n\n/** Сброс к авторазметке: колонка снова считается по содержимому. */\nfunction resetColumnWidth(key: string): void {\n  if (columnWidths.value[key] === undefined) return\n\n  const next = { ...columnWidths.value }\n  delete next[key]\n\n  internalColumnWidths.value = next\n  emit('update:columnWidths', next)\n  emit('columnResize', { key, width: 0 })\n}\n\nfunction resizeByKeyboard(key: string, delta: number): void {\n  const measured = headerCellEls.get(key)?.getBoundingClientRect().width ?? MIN_COLUMN_WIDTH\n  const current = columnWidths.value[key] ?? measured\n\n  setColumnWidth(key, current + delta)\n  emit('columnResize', { key, width: columnWidths.value[key] ?? current })\n  announceWidth(key)\n}\n\nfunction onResizerKeydown(event: KeyboardEvent, key: string): void {\n  if (!props.resizableColumns || props.loading) return\n\n  const step = event.shiftKey ? RESIZE_BIG_STEP : RESIZE_STEP\n\n  if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n    event.preventDefault()\n    resizeByKeyboard(key, event.key === 'ArrowLeft' ? -step : step)\n    return\n  }\n\n  // Отдельной клавиши «авто» в паттерне нет, поэтому её роль берёт `Enter` —\n  // тот же смысл, что двойной клик по ручке.\n  if (event.key === 'Enter') {\n    event.preventDefault()\n    resetColumnWidth(key)\n  }\n}\n\nfunction resizerLabel(col: GrDataColumn<TRow>): string {\n  return t('gr.dataTable.resizeColumn', 'Width of column {label}', { label: col.label })\n}\n\n/**\n * Ручка ресайза — фокусируемый `separator`, а значит обязана называть текущее\n * значение с первого рендера, до всякого перетаскивания. Заданной ширины у\n * колонки может не быть вовсе (авторазметка), поэтому за значением идём к\n * измеренной; до замера остаётся объявленная в `columns`, а её тоже может не\n * быть — тогда минимум.\n */\nfunction resizerValue(col: GrDataColumn<TRow>): number {\n  const key = String(col.key)\n  const declared = typeof col.width === 'number' ? col.width : undefined\n\n  return columnWidths.value[key] ?? measuredColumnWidths.value[key] ?? declared ?? MIN_COLUMN_WIDTH\n}\n\n// ————— Закреплённые колонки.\n\n/** Служебная колонка выбора в реестре ячеек: своего ключа у неё нет. */\nconst SELECT_COLUMN_KEY = '__select__'\n\nconst hasPinnedLeft = computed(() => orderedColumns.value.some(col => col.pinned === 'left'))\nconst pinnedOffsets = ref<Record<string, number>>({})\n\n/**\n * Смещения липких колонок считаются по **измеренным** ширинам соседей: колонка\n * может жить на авторазметке, и тогда взять смещение больше неоткуда. Отсюда же\n * порядок: замер после отрисовки, а не в вычислении.\n */\nfunction measurePinnedOffsets(): void {\n  const next: Record<string, number> = {}\n  const cols = orderedColumns.value\n\n  let left = props.selectable && hasPinnedLeft.value\n    ? headerCellEls.get(SELECT_COLUMN_KEY)?.getBoundingClientRect().width ?? 0\n    : 0\n\n  for (const col of cols) {\n    if (col.pinned !== 'left') continue\n\n    next[String(col.key)] = left\n    left += headerCellEls.get(String(col.key))?.getBoundingClientRect().width ?? 0\n  }\n\n  let right = 0\n  for (let index = cols.length - 1; index >= 0; index -= 1) {\n    const col = cols[index]\n    if (col.pinned !== 'right') continue\n\n    next[String(col.key)] = right\n    right += headerCellEls.get(String(col.key))?.getBoundingClientRect().width ?? 0\n  }\n\n  pinnedOffsets.value = next\n}\n\nfunction measureColumnWidths(): void {\n  if (!props.resizableColumns) return\n\n  const next: Record<string, number> = {}\n\n  for (const col of orderedColumns.value) {\n    const key = String(col.key)\n    const width = headerCellEls.get(key)?.getBoundingClientRect().width\n\n    if (width) next[key] = Math.round(width)\n  }\n\n  measuredColumnWidths.value = next\n}\n\nfunction measureLayout(): void {\n  measurePinnedOffsets()\n  measureColumnWidths()\n}\n\nfunction pinnedStyleOf(col: GrDataColumn<TRow>): Record<string, string> | undefined {\n  if (!col.pinned) return undefined\n\n  const offset = pinnedOffsets.value[String(col.key)] ?? 0\n\n  return col.pinned === 'left' ? { left: `${offset}px` } : { right: `${offset}px` }\n}\n\n/** Тень рисует только крайняя колонка группы — иначе полос было бы столько же, сколько колонок. */\nfunction pinnedEdgeClass(col: GrDataColumn<TRow>, index: number): string {\n  if (col.pinned === 'left') return orderedColumns.value[index + 1]?.pinned === 'left' ? '' : columnPinnedLeftEdgeClass\n  if (col.pinned === 'right') return orderedColumns.value[index - 1]?.pinned === 'right' ? '' : columnPinnedRightEdgeClass\n\n  return ''\n}\n\nfunction pinnedCellClass(col: GrDataColumn<TRow>, index: number): string[] {\n  if (!col.pinned) return []\n\n  return [columnPinnedClass, pinnedEdgeClass(col, index)]\n}\n\n/**\n * Ширину колонки меняет не только правка пропов: окно, шрифт и содержимое\n * ячейки двигают её сами. `ResizeObserver` — единственный способ узнать об этом;\n * в jsdom и на сервере его нет, там хватает пересчёта по изменению данных.\n */\nlet layoutObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  measureLayout()\n\n  if (typeof ResizeObserver === 'undefined') return\n\n  layoutObserver = new ResizeObserver(() => measureLayout())\n  const el = headerCellEls.get(SELECT_COLUMN_KEY) ?? headerCellEls.get(columnKeys.value[0])\n  if (el?.parentElement) layoutObserver.observe(el.parentElement)\n})\n\nonUnmounted(() => {\n  layoutObserver?.disconnect()\n  layoutObserver = null\n})\n\nwatch(\n  () => [orderedColumns.value, columnWidths.value, props.loading, props.rows.length] as const,\n  () => void nextTick(measureLayout),\n)\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          :ref=\"el => registerEl(headerCellEls, SELECT_COLUMN_KEY, el)\"\n          class=\"text-left\"\n          :class=\"[\n            selectColumnClass,\n            cellClass,\n            hasPinnedLeft ? columnPinnedClass : '',\n          ]\"\n          :style=\"hasPinnedLeft ? { left: '0px' } : undefined\"\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, colIndex) in orderedColumns\"\n          :key=\"col.key\"\n          :ref=\"el => registerEl(headerCellEls, String(col.key), el)\"\n          class=\"font-700\"\n          :data-column-key=\"col.key\"\n          :class=\"[\n            headerTextClass,\n            cellClass,\n            cellAlign(col),\n            reorderableColumns || resizableColumns ? 'group relative' : '',\n            draggingColumnKey === String(col.key) ? columnDraggingClass : '',\n            columnDropClass(colIndex),\n            ...pinnedCellClass(col, colIndex),\n          ]\"\n          :style=\"{ ...columnWidthStyle(widthOf(col)), ...pinnedStyleOf(col) }\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center\" :class=\"headerGapClass\">\n            <button\n              v-if=\"reorderableColumns\"\n              :ref=\"el => registerEl(columnHandleEls, String(col.key), el)\"\n              type=\"button\"\n              data-gr-datatable-column-handle\n              :class=\"[columnHandleClass, columnSort.isActive.value ? columnHandleActiveClass : '']\"\n              :tabindex=\"columnRoving.tabindexFor(String(col.key))\"\n              :aria-label=\"columnHandleLabel(col)\"\n              :disabled=\"loading\"\n              @pointerdown=\"columnSort.startFrom(String(col.key))($event)\"\n              @keydown=\"onColumnHandleKeydown($event, String(col.key))\"\n              @focus=\"columnRoving.setActive(String(col.key))\"\n              @click.stop\n            >\n              <span :class=\"columnHandleIconClass\" aria-hidden=\"true\" />\n            </button>\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\n          <span\n            v-if=\"resizableColumns\"\n            data-gr-datatable-column-resizer\n            role=\"separator\"\n            tabindex=\"0\"\n            aria-orientation=\"vertical\"\n            :class=\"columnResizerClass\"\n            :aria-label=\"resizerLabel(col)\"\n            :aria-valuenow=\"resizerValue(col)\"\n            :aria-valuemin=\"MIN_COLUMN_WIDTH\"\n            :aria-valuetext=\"`${resizerValue(col)}px`\"\n            @pointerdown=\"onResizerPointerDown($event, String(col.key))\"\n            @keydown=\"onResizerKeydown($event, String(col.key))\"\n            @dblclick=\"resetColumnWidth(String(col.key))\"\n            @click.stop\n          >\n            <span\n              :class=\"[\n                columnResizerLineClass,\n                columnResizerHoverClass,\n                resizingKey === String(col.key) ? columnResizerLineActiveClass : '',\n              ]\"\n              aria-hidden=\"true\"\n            />\n          </span>\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) ? rowSelectedClass : '',\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\n        v-if=\"selectable\"\n        class=\"text-left\"\n        :class=\"[\n          selectColumnClass,\n          cellClass,\n          hasPinnedLeft ? columnPinnedClass : '',\n          hasPinnedLeft && isRowSelected(row) ? rowSelectedClass : '',\n        ]\"\n        :style=\"hasPinnedLeft ? { left: '0px' } : undefined\"\n      >\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, colIndex) in orderedColumns\"\n        :key=\"col.key\"\n        :class=\"[\n          cellClass,\n          cellAlign(col),\n          ...pinnedCellClass(col, colIndex),\n          col.pinned && isRowSelected(row) ? rowSelectedClass : '',\n        ]\"\n        :style=\"{ ...columnWidthStyle(widthOf(col)), ...pinnedStyleOf(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, onUnmounted, ref, useId, watch } 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 { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useDragGesture } from '../../composables/useDragGesture'\nimport { useDragSort } from '../../composables/useDragSort'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useVirtualList } from '../../composables/useVirtualList'\nimport { insertionIndex, moveItem } from '../../composables/internal/dragSortGeometry'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { sortRows, type GrDataTableSortDir } from './grDataTableSort'\nimport {\n  type GrDataTableSize,\n  cellPaddings,\n  columnDraggingClass,\n  columnDropAfterClass,\n  columnDropBeforeClass,\n  columnHandleActiveClass,\n  columnHandleClass,\n  columnHandleIconClass,\n  columnPinnedClass,\n  columnPinnedLeftEdgeClass,\n  columnPinnedRightEdgeClass,\n  columnResizerClass,\n  columnResizerHoverClass,\n  columnResizerLineActiveClass,\n  columnResizerLineClass,\n  headerGaps,\n  headerTextSizes,\n  placeholderPaddings,\n  rowHeightEstimates,\n  rowSelectedClass,\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   * Колонка липнет к краю при горизонтальной прокрутке.\n   *\n   * Закреплённые колонки всегда стоят своей группой у своего края — перенос\n   * колонки из группы в группу запрещён, иначе «закреплена слева» перестало бы\n   * означать «слева».\n   */\n  pinned?: 'left' | 'right'\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   * Пользовательский порядок колонок: в шапке появляется ручка переноса.\n   * Колонка тянется указателем и двигается `Shift`+`←`/`→` с клавиатуры.\n   */\n  reorderableColumns?: boolean\n  /**\n   * Контролируемый порядок колонок — ключи в нужном порядке (`v-model:columnOrder`).\n   * Не задан — порядок компонент помнит сам, начиная с порядка `columns`.\n   */\n  columnOrder?: string[]\n  /**\n   * Пользовательская ширина колонок: у правого края заголовка появляется ручка.\n   * Тянется указателем, с клавиатуры — стрелками (паттерн window splitter).\n   *\n   * Включает фиксированную раскладку таблицы: без неё браузер пересчитывает\n   * ширины по содержимому и заданная пользователем пропадает.\n   */\n  resizableColumns?: boolean\n  /**\n   * Контролируемые ширины в пикселях по ключу колонки (`v-model:columnWidths`).\n   * Не заданы — ширины компонент помнит сам.\n   */\n  columnWidths?: Record<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  (e: 'update:columnOrder', value: string[]): void\n  (e: 'columnReorder', payload: { key: string, from: number, to: number }): void\n  (e: 'update:columnWidths', value: Record<string, number>): void\n  (e: 'columnResize', payload: { key: string, width: number }): 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  reorderableColumns: false,\n  columnOrder: undefined,\n  resizableColumns: false,\n  columnWidths: undefined,\n})\n\nconst emit = defineEmits<GrDataTableEmits<TRow>>()\n\nconst { t, locale } = useGranularityTranslations()\nconst { announce } = useAnnouncer()\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 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/** Uncontrolled-состояние; в controlled-режиме перекрывается пропом `columnOrder`. */\nconst internalColumnOrder = ref<string[]>(props.columns.map(col => String(col.key)))\n\n/**\n * Колонки в пользовательском порядке.\n *\n * Состав задаёт `columns`, порядок — только порядок: ключ, которого в наборе\n * нет, игнорируется, а колонка, которой нет в порядке (её только что добавили),\n * встаёт в конец. Иначе правка `columns` теряла бы колонки молча.\n */\nconst orderedColumns = computed<GrDataColumn<TRow>[]>(() => {\n  const order = props.columnOrder ?? internalColumnOrder.value\n  const remaining = new Map(props.columns.map(col => [String(col.key), col]))\n  const ordered: GrDataColumn<TRow>[] = []\n\n  for (const key of order) {\n    const col = remaining.get(key)\n    if (!col) continue\n\n    remaining.delete(key)\n    ordered.push(col)\n  }\n\n  for (const col of props.columns) {\n    if (remaining.has(String(col.key))) ordered.push(col)\n  }\n\n  // Закреплённые колонки стоят своими группами у своих краёв — иначе\n  // «закреплена слева» не означало бы «слева». Сортировка устойчивая, поэтому\n  // внутри группы порядок остаётся пользовательским.\n  return ordered.sort((a, b) => pinGroupOf(a) - pinGroupOf(b))\n})\n\n/** Группа закрепления: 0 — слева, 1 — обычная колонка, 2 — справа. */\nfunction pinGroupOf(col: GrDataColumn<TRow>): number {\n  if (col.pinned === 'left') return 0\n  if (col.pinned === 'right') return 2\n\n  return 1\n}\n\n/**\n * Сумма заданных ширин — минимальная ширина таблицы.\n *\n * Без неё фиксированная раскладка вписывает таблицу в контейнер и делит место\n * пропорционально: колонка, которую пользователь растянул, ужимается обратно, а\n * горизонтальной прокрутки — той самой, ради которой закрепляют колонки, — не\n * возникает. Считается, только когда ширина известна у **всех** колонок: с\n * одной неизвестной сумма врала бы.\n */\nconst tableMinWidth = computed<number | undefined>(() => {\n  const cols = orderedColumns.value\n  if (cols.length === 0) return undefined\n\n  let total = 0\n  for (const col of cols) {\n    const width = widthOf(col)\n    if (typeof width !== 'number') return undefined\n\n    total += width\n  }\n\n  return total\n})\n\nconst columnKeys = computed(() => orderedColumns.value.map(col => String(col.key)))\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  // Пользовательская ширина требует фиксированной раскладки: на авторазметке\n  // браузер пересчитывает колонки по содержимому, и заданная ширина пропадает.\n  fixedLayout: props.virtual || props.resizableColumns,\n  tableMinWidth: tableMinWidth.value,\n}))\n\nfunction indexOfColumn(key: string): number {\n  return columnKeys.value.indexOf(key)\n}\n\nconst headerCellEls = new Map<string, HTMLElement>()\nconst columnHandleEls = new Map<string, HTMLElement>()\n\nfunction registerEl(store: Map<string, HTMLElement>, key: string, el: unknown): void {\n  if (el instanceof HTMLElement) {\n    store.set(key, el)\n    return\n  }\n\n  // Перестановка размонтирует старую ячейку уже после того, как встала новая:\n  // снимаем запись, только если она протухла.\n  const previous = store.get(key)\n  if (previous && !previous.isConnected) store.delete(key)\n}\n\nfunction applyColumnMove(from: number, to: number): void {\n  const keys = columnKeys.value\n  if (from < 0 || to < 0 || to >= keys.length || from === to) return\n  if (!sameGroup(from, to)) return\n\n  const key = keys[from]\n  // Подпись берётся до перестановки: `orderedColumns` — computed, и после\n  // записи порядка по индексу `from` стоит уже другая колонка.\n  const label = orderedColumns.value[from]?.label ?? key\n  const next = moveItem(keys, from, to)\n\n  internalColumnOrder.value = next\n  emit('update:columnOrder', next)\n  emit('columnReorder', { key, from, to })\n\n  announce(t('gr.dataTable.columnMoved', 'Column {label} moved to position {position} of {count}', {\n    label,\n    position: to + 1,\n    count: keys.length,\n  }))\n}\n\nconst columnSort = useDragSort<string, number>({\n  items: () => columnKeys.value,\n  elementFor: key => headerCellEls.get(key) ?? null,\n  orientation: () => 'horizontal',\n  disabled: () => !props.reorderableColumns || props.loading,\n  resolveTarget: (hit, source) => {\n    const to = insertionIndex(hit, indexOfColumn(source), columnKeys.value.length)\n\n    // Через границу закрепления не переносим: группы у краёв постоянны.\n    return sameGroup(indexOfColumn(source), to) ? to : null\n  },\n  onDrop: (source, to) => applyColumnMove(indexOfColumn(source), to),\n})\n\nfunction sameGroup(from: number, to: number): boolean {\n  const cols = orderedColumns.value\n  if (!cols[from] || !cols[to]) return false\n\n  return pinGroupOf(cols[from]) === pinGroupOf(cols[to])\n}\n\n/**\n * Кольцо роверного фокуса по ручкам: одна остановка `Tab` на всю шапку.\n * Иначе таблица из десяти колонок добавляла бы десять таб-стопов подряд.\n */\nconst columnRoving = useRovingFocus<string>({\n  items: () => (props.reorderableColumns ? columnKeys.value : []),\n  elementFor: key => columnHandleEls.get(key) ?? null,\n  orientation: () => 'horizontal',\n  wrap: () => false,\n})\n\nasync function onColumnHandleKeydown(event: KeyboardEvent, key: string): Promise<void> {\n  if (!props.reorderableColumns) return\n\n  // `Shift` со стрелкой двигает колонку, голая стрелка — фокус между ручками.\n  // Раскладка та же, что у переноса узла в `GrTree`.\n  if (event.shiftKey && (event.key === 'ArrowLeft' || event.key === 'ArrowRight')) {\n    event.preventDefault()\n\n    const from = indexOfColumn(key)\n    applyColumnMove(from, event.key === 'ArrowLeft' ? from - 1 : from + 1)\n\n    // Шапка перерисовывается: без возврата фокуса следующий `Shift` было бы\n    // некуда адресовать.\n    await nextTick()\n    await columnRoving.focusKey(key)\n    return\n  }\n\n  columnRoving.handleNavigationKeys(event)\n}\n\nconst draggingColumnKey = computed(() => (columnSort.mode.value === null ? null : columnSort.source.value))\n\n/** Полоса места вставки — на колонке-соседе, со стороны движения. */\nfunction columnDropClass(index: number): string {\n  const target = columnSort.target.value\n  if (!columnSort.isActive.value || target === null || target !== index) return ''\n\n  const active = columnSort.source.value === null ? -1 : indexOfColumn(columnSort.source.value)\n  if (index === active) return ''\n\n  return target < active ? columnDropBeforeClass : columnDropAfterClass\n}\n\nconst columnHandleLabel = (col: GrDataColumn<TRow>): string =>\n  t('gr.dataTable.moveColumn', 'Move column {label}', { label: col.label })\n\n// ————— Ширина колонок.\n\n/** Уже колонки не бывает: в неё перестаёт помещаться даже стрелка сортировки. */\nconst MIN_COLUMN_WIDTH = 48\n/** Шаг клавиатуры и крупный шаг — как у `GrSplitter`. */\nconst RESIZE_STEP = 16\nconst RESIZE_BIG_STEP = 48\n\nconst internalColumnWidths = ref<Record<string, number>>({})\nconst columnWidths = computed(() => props.columnWidths ?? internalColumnWidths.value)\n\n/** Фактические ширины шапки: заполняются замером, см. `measureLayout`. */\nconst measuredColumnWidths = ref<Record<string, number>>({})\n\n/** Ширина колонки: заданная пользователем сильнее объявленной в `columns`. */\nfunction widthOf(col: GrDataColumn<TRow>): string | number | undefined {\n  return columnWidths.value[String(col.key)] ?? col.width\n}\n\nconst resizingKey = ref<string | null>(null)\nlet pendingResizeKey: string | null = null\nlet resizeStartX = 0\nlet resizeStartWidth = 0\nlet widthBeforeResize: number | undefined\n\nfunction setColumnWidth(key: string, width: number): void {\n  const next = { ...columnWidths.value, [key]: Math.max(MIN_COLUMN_WIDTH, Math.round(width)) }\n\n  internalColumnWidths.value = next\n  emit('update:columnWidths', next)\n}\n\nfunction announceWidth(key: string): void {\n  const col = orderedColumns.value.find(item => String(item.key) === key)\n  if (!col) return\n\n  announce(t('gr.dataTable.columnResized', 'Column {label} is {width} pixels wide', {\n    label: col.label,\n    width: columnWidths.value[key] ?? 0,\n  }))\n}\n\nconst resizeGesture = useDragGesture({\n  disabled: () => !props.resizableColumns || props.loading,\n  onStart: (event) => {\n    const key = pendingResizeKey\n    const el = key === null ? null : headerCellEls.get(key)\n    if (key === null || !el) return false\n\n    resizeStartX = event.clientX\n    // Стартовая ширина — измеренная, а не объявленная: колонка могла жить на\n    // авторазметке, и тянуть её надо от того, что видно.\n    resizeStartWidth = el.getBoundingClientRect().width\n    widthBeforeResize = columnWidths.value[key]\n    resizingKey.value = key\n  },\n  onMove: (event) => {\n    if (resizingKey.value === null) return\n\n    // Против выделения текста заголовка во время протяжки.\n    event.preventDefault()\n    setColumnWidth(resizingKey.value, resizeStartWidth + (event.clientX - resizeStartX))\n  },\n  onEnd: () => {\n    const key = resizingKey.value\n    resizingKey.value = null\n    if (key === null) return\n\n    emit('columnResize', { key, width: columnWidths.value[key] ?? Math.round(resizeStartWidth) })\n    announceWidth(key)\n  },\n  onCancel: () => {\n    const key = resizingKey.value\n    resizingKey.value = null\n    if (key === null) return\n\n    // Оборванный жест возвращает ширину, которая была до нажатия.\n    const next = { ...columnWidths.value }\n    if (widthBeforeResize === undefined) delete next[key]\n    else next[key] = widthBeforeResize\n\n    internalColumnWidths.value = next\n    emit('update:columnWidths', next)\n  },\n})\n\nfunction onResizerPointerDown(event: PointerEvent, key: string): void {\n  pendingResizeKey = key\n  resizeGesture.start(event)\n}\n\n/** Сброс к авторазметке: колонка снова считается по содержимому. */\nfunction resetColumnWidth(key: string): void {\n  if (columnWidths.value[key] === undefined) return\n\n  const next = { ...columnWidths.value }\n  delete next[key]\n\n  internalColumnWidths.value = next\n  emit('update:columnWidths', next)\n  emit('columnResize', { key, width: 0 })\n}\n\nfunction resizeByKeyboard(key: string, delta: number): void {\n  const measured = headerCellEls.get(key)?.getBoundingClientRect().width ?? MIN_COLUMN_WIDTH\n  const current = columnWidths.value[key] ?? measured\n\n  setColumnWidth(key, current + delta)\n  emit('columnResize', { key, width: columnWidths.value[key] ?? current })\n  announceWidth(key)\n}\n\nfunction onResizerKeydown(event: KeyboardEvent, key: string): void {\n  if (!props.resizableColumns || props.loading) return\n\n  const step = event.shiftKey ? RESIZE_BIG_STEP : RESIZE_STEP\n\n  if (event.key === 'ArrowLeft' || event.key === 'ArrowRight') {\n    event.preventDefault()\n    resizeByKeyboard(key, event.key === 'ArrowLeft' ? -step : step)\n    return\n  }\n\n  // Отдельной клавиши «авто» в паттерне нет, поэтому её роль берёт `Enter` —\n  // тот же смысл, что двойной клик по ручке.\n  if (event.key === 'Enter') {\n    event.preventDefault()\n    resetColumnWidth(key)\n  }\n}\n\nfunction resizerLabel(col: GrDataColumn<TRow>): string {\n  return t('gr.dataTable.resizeColumn', 'Width of column {label}', { label: col.label })\n}\n\n/**\n * Ручка ресайза — фокусируемый `separator`, а значит обязана называть текущее\n * значение с первого рендера, до всякого перетаскивания. Заданной ширины у\n * колонки может не быть вовсе (авторазметка), поэтому за значением идём к\n * измеренной; до замера остаётся объявленная в `columns`, а её тоже может не\n * быть — тогда минимум.\n */\nfunction resizerValue(col: GrDataColumn<TRow>): number {\n  const key = String(col.key)\n  const declared = typeof col.width === 'number' ? col.width : undefined\n\n  return columnWidths.value[key] ?? measuredColumnWidths.value[key] ?? declared ?? MIN_COLUMN_WIDTH\n}\n\n// ————— Закреплённые колонки.\n\n/** Служебная колонка выбора в реестре ячеек: своего ключа у неё нет. */\nconst SELECT_COLUMN_KEY = '__select__'\n\nconst hasPinnedLeft = computed(() => orderedColumns.value.some(col => col.pinned === 'left'))\nconst pinnedOffsets = ref<Record<string, number>>({})\n\n/**\n * Смещения липких колонок считаются по **измеренным** ширинам соседей: колонка\n * может жить на авторазметке, и тогда взять смещение больше неоткуда. Отсюда же\n * порядок: замер после отрисовки, а не в вычислении.\n */\nfunction measurePinnedOffsets(): void {\n  const next: Record<string, number> = {}\n  const cols = orderedColumns.value\n\n  let left = props.selectable && hasPinnedLeft.value\n    ? headerCellEls.get(SELECT_COLUMN_KEY)?.getBoundingClientRect().width ?? 0\n    : 0\n\n  for (const col of cols) {\n    if (col.pinned !== 'left') continue\n\n    next[String(col.key)] = left\n    left += headerCellEls.get(String(col.key))?.getBoundingClientRect().width ?? 0\n  }\n\n  let right = 0\n  for (let index = cols.length - 1; index >= 0; index -= 1) {\n    const col = cols[index]\n    if (col.pinned !== 'right') continue\n\n    next[String(col.key)] = right\n    right += headerCellEls.get(String(col.key))?.getBoundingClientRect().width ?? 0\n  }\n\n  pinnedOffsets.value = next\n}\n\nfunction measureColumnWidths(): void {\n  if (!props.resizableColumns) return\n\n  const next: Record<string, number> = {}\n\n  for (const col of orderedColumns.value) {\n    const key = String(col.key)\n    const width = headerCellEls.get(key)?.getBoundingClientRect().width\n\n    if (width) next[key] = Math.round(width)\n  }\n\n  measuredColumnWidths.value = next\n}\n\nfunction measureLayout(): void {\n  measurePinnedOffsets()\n  measureColumnWidths()\n}\n\nfunction pinnedStyleOf(col: GrDataColumn<TRow>): Record<string, string> | undefined {\n  if (!col.pinned) return undefined\n\n  const offset = pinnedOffsets.value[String(col.key)] ?? 0\n\n  return col.pinned === 'left' ? { left: `${offset}px` } : { right: `${offset}px` }\n}\n\n/** Тень рисует только крайняя колонка группы — иначе полос было бы столько же, сколько колонок. */\nfunction pinnedEdgeClass(col: GrDataColumn<TRow>, index: number): string {\n  if (col.pinned === 'left') return orderedColumns.value[index + 1]?.pinned === 'left' ? '' : columnPinnedLeftEdgeClass\n  if (col.pinned === 'right') return orderedColumns.value[index - 1]?.pinned === 'right' ? '' : columnPinnedRightEdgeClass\n\n  return ''\n}\n\nfunction pinnedCellClass(col: GrDataColumn<TRow>, index: number): string[] {\n  if (!col.pinned) return []\n\n  return [columnPinnedClass, pinnedEdgeClass(col, index)]\n}\n\n/**\n * Ширину колонки меняет не только правка пропов: окно, шрифт и содержимое\n * ячейки двигают её сами. `ResizeObserver` — единственный способ узнать об этом;\n * в jsdom и на сервере его нет, там хватает пересчёта по изменению данных.\n */\nlet layoutObserver: ResizeObserver | null = null\n\nonMounted(() => {\n  measureLayout()\n\n  if (typeof ResizeObserver === 'undefined') return\n\n  layoutObserver = new ResizeObserver(() => measureLayout())\n  const el = headerCellEls.get(SELECT_COLUMN_KEY) ?? headerCellEls.get(columnKeys.value[0])\n  if (el?.parentElement) layoutObserver.observe(el.parentElement)\n})\n\nonUnmounted(() => {\n  layoutObserver?.disconnect()\n  layoutObserver = null\n})\n\nwatch(\n  () => [orderedColumns.value, columnWidths.value, props.loading, props.rows.length] as const,\n  () => void nextTick(measureLayout),\n)\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          :ref=\"el => registerEl(headerCellEls, SELECT_COLUMN_KEY, el)\"\n          class=\"text-left\"\n          :class=\"[\n            selectColumnClass,\n            cellClass,\n            hasPinnedLeft ? columnPinnedClass : '',\n          ]\"\n          :style=\"hasPinnedLeft ? { left: '0px' } : undefined\"\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, colIndex) in orderedColumns\"\n          :key=\"col.key\"\n          :ref=\"el => registerEl(headerCellEls, String(col.key), el)\"\n          class=\"font-700\"\n          :data-column-key=\"col.key\"\n          :class=\"[\n            headerTextClass,\n            cellClass,\n            cellAlign(col),\n            reorderableColumns || resizableColumns ? 'group relative' : '',\n            draggingColumnKey === String(col.key) ? columnDraggingClass : '',\n            columnDropClass(colIndex),\n            ...pinnedCellClass(col, colIndex),\n          ]\"\n          :style=\"{ ...columnWidthStyle(widthOf(col)), ...pinnedStyleOf(col) }\"\n          :aria-sort=\"ariaSortFor(col)\"\n          scope=\"col\"\n        >\n          <div class=\"inline-flex items-center\" :class=\"headerGapClass\">\n            <button\n              v-if=\"reorderableColumns\"\n              :ref=\"el => registerEl(columnHandleEls, String(col.key), el)\"\n              type=\"button\"\n              data-gr-datatable-column-handle\n              :class=\"[columnHandleClass, columnSort.isActive.value ? columnHandleActiveClass : '']\"\n              :tabindex=\"columnRoving.tabindexFor(String(col.key))\"\n              :aria-label=\"columnHandleLabel(col)\"\n              :disabled=\"loading\"\n              @pointerdown=\"columnSort.startFrom(String(col.key))($event)\"\n              @keydown=\"onColumnHandleKeydown($event, String(col.key))\"\n              @focus=\"columnRoving.setActive(String(col.key))\"\n              @click.stop\n            >\n              <span :class=\"columnHandleIconClass\" aria-hidden=\"true\" />\n            </button>\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\n          <span\n            v-if=\"resizableColumns\"\n            data-gr-datatable-column-resizer\n            role=\"separator\"\n            tabindex=\"0\"\n            aria-orientation=\"vertical\"\n            :class=\"columnResizerClass\"\n            :aria-label=\"resizerLabel(col)\"\n            :aria-valuenow=\"resizerValue(col)\"\n            :aria-valuemin=\"MIN_COLUMN_WIDTH\"\n            :aria-valuetext=\"`${resizerValue(col)}px`\"\n            @pointerdown=\"onResizerPointerDown($event, String(col.key))\"\n            @keydown=\"onResizerKeydown($event, String(col.key))\"\n            @dblclick=\"resetColumnWidth(String(col.key))\"\n            @click.stop\n          >\n            <span\n              :class=\"[\n                columnResizerLineClass,\n                columnResizerHoverClass,\n                resizingKey === String(col.key) ? columnResizerLineActiveClass : '',\n              ]\"\n              aria-hidden=\"true\"\n            />\n          </span>\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) ? rowSelectedClass : '',\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\n        v-if=\"selectable\"\n        class=\"text-left\"\n        :class=\"[\n          selectColumnClass,\n          cellClass,\n          hasPinnedLeft ? columnPinnedClass : '',\n          hasPinnedLeft && isRowSelected(row) ? rowSelectedClass : '',\n        ]\"\n        :style=\"hasPinnedLeft ? { left: '0px' } : undefined\"\n      >\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, colIndex) in orderedColumns\"\n        :key=\"col.key\"\n        :class=\"[\n          cellClass,\n          cellAlign(col),\n          ...pinnedCellClass(col, colIndex),\n          col.pinned && isRowSelected(row) ? rowSelectedClass : '',\n        ]\"\n        :style=\"{ ...columnWidthStyle(widthOf(col)), ...pinnedStyleOf(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/GrRating/chunks/GrRating-LarIiwJL.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrRating-LarIiwJL.js","names":["$slots"],"sources":["../../../../src/components/GrRating/GrRating.vue","../../../../src/components/GrRating/GrRating.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (UnoCSS-класс иконки) или слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /** UnoCSS-класс иконки вместо встроенной звезды (например `i-lucide-heart`). */\n  icon?: string\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value)) return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0) return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText) return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf) return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value) return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared) emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value) return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null) return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value) return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <span v-if=\"icon\" class=\"block h-full w-full\" :class=\"icon\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <span v-if=\"icon\" class=\"block h-full w-full\" :class=\"icon\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (UnoCSS-класс иконки) или слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /** UnoCSS-класс иконки вместо встроенной звезды (например `i-lucide-heart`). */\n  icon?: string\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value)) return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0) return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText) return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf) return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value) return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared) emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value) return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null) return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value) return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <span v-if=\"icon\" class=\"block h-full w-full\" :class=\"icon\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <span v-if=\"icon\" class=\"block h-full w-full\" :class=\"icon\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n"],"mappings":"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"}