@feugene/granularity 0.46.0 → 0.47.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (132) hide show
  1. package/README.md +3 -3
  2. package/dist/chunks/{x-circle-BCBURwyX.js → check-circle-Bnrb-CGJ.js} +8 -32
  3. package/dist/chunks/check-circle-Bnrb-CGJ.js.map +1 -0
  4. package/dist/chunks/{config-BqT6PMzO.js → config-B42iJ48O.js} +5 -1
  5. package/dist/chunks/{config-BqT6PMzO.js.map → config-B42iJ48O.js.map} +1 -1
  6. package/dist/chunks/{config-BGCyyXiD.js → config-BAse0laT.js} +5 -1
  7. package/dist/chunks/{config-BGCyyXiD.js.map → config-BAse0laT.js.map} +1 -1
  8. package/dist/chunks/{config-MmPym-Z7.js → config-BLP94dPY.js} +5 -1
  9. package/dist/chunks/{config-MmPym-Z7.js.map → config-BLP94dPY.js.map} +1 -1
  10. package/dist/chunks/{config-CjKpUcmy.js → config-Bdf1bt-m.js} +25 -16
  11. package/dist/chunks/config-Bdf1bt-m.js.map +1 -0
  12. package/dist/chunks/{config-CIkdsWUk.js → config-CIUU9ZpY.js} +4 -1
  13. package/dist/chunks/config-CIUU9ZpY.js.map +1 -0
  14. package/dist/chunks/{config-BhfNgyWL.js → config-DENqOoh0.js} +5 -1
  15. package/dist/chunks/config-DENqOoh0.js.map +1 -0
  16. package/dist/chunks/controlState-DoImKciE.js +35 -0
  17. package/dist/chunks/controlState-DoImKciE.js.map +1 -0
  18. package/dist/chunks/{en-DiHzFact.js → en-DjTnfTqM.js} +3 -1
  19. package/dist/chunks/en-DjTnfTqM.js.map +1 -0
  20. package/dist/chunks/{es-1ZL6NtkB.js → es-Bc_t3FI8.js} +3 -1
  21. package/dist/chunks/es-Bc_t3FI8.js.map +1 -0
  22. package/dist/chunks/{es-CeKkMxZ_.js → es-DIFzSXSZ.js} +3 -3
  23. package/dist/chunks/{es-CeKkMxZ_.js.map → es-DIFzSXSZ.js.map} +1 -1
  24. package/dist/chunks/{granular-provider-CsN_R9dB.js → granular-provider-AKukmYva.js} +6 -6
  25. package/dist/chunks/{granular-provider-CsN_R9dB.js.map → granular-provider-AKukmYva.js.map} +1 -1
  26. package/dist/chunks/{ru-Dr2RYn0P.js → ru-Bb-co59W.js} +3 -1
  27. package/dist/chunks/ru-Bb-co59W.js.map +1 -0
  28. package/dist/chunks/x-circle-BigSZy8m.js +26 -0
  29. package/dist/chunks/x-circle-BigSZy8m.js.map +1 -0
  30. package/dist/components/GrAlert/chunks/{GrAlert-D72y1IEh.js → GrAlert-CfEZghSY.js} +2 -1
  31. package/dist/components/GrAlert/chunks/{GrAlert-D72y1IEh.js.map → GrAlert-CfEZghSY.js.map} +1 -1
  32. package/dist/components/GrAlert/index.js +1 -1
  33. package/dist/components/GrAutocomplete/chunks/{GrAutocomplete-D396_JrW.js → GrAutocomplete-C-uovdv8.js} +320 -224
  34. package/dist/components/GrAutocomplete/chunks/GrAutocomplete-C-uovdv8.js.map +1 -0
  35. package/dist/components/GrAutocomplete/index.js +1 -1
  36. package/dist/components/GrAutocomplete/styles.css +1 -1
  37. package/dist/components/GrColorPicker/chunks/{GrColorPicker-9mTR-YZ_.js → GrColorPicker-BRM_4lyI.js} +1 -1
  38. package/dist/components/GrColorPicker/chunks/{GrColorPicker-9mTR-YZ_.js.map → GrColorPicker-BRM_4lyI.js.map} +1 -1
  39. package/dist/components/GrColorPicker/index.js +1 -1
  40. package/dist/components/GrCommandPalette/chunks/{GrCommandPalette-Ha4s3DMT.js.map → GrCommandPalette-BJHmkDQv.js.map} +1 -1
  41. package/dist/components/GrCommandPalette/index.js +1 -1
  42. package/dist/components/GrConfirmDialog/chunks/{GrConfirmDialog-e15nFI8M.js → GrConfirmDialog-BzUQwbec.js} +1 -1
  43. package/dist/components/GrConfirmDialog/chunks/{GrConfirmDialog-e15nFI8M.js.map → GrConfirmDialog-BzUQwbec.js.map} +1 -1
  44. package/dist/components/GrConfirmDialog/index.js +1 -1
  45. package/dist/components/GrDataTable/chunks/{GrDataTable-xNSmO_I-.js → GrDataTable-Dp9Fp_P5.js} +606 -499
  46. package/dist/components/GrDataTable/chunks/GrDataTable-Dp9Fp_P5.js.map +1 -0
  47. package/dist/components/GrDataTable/index.js +1 -1
  48. package/dist/components/GrDialogService/chunks/{GrDialogService-BmXiYmUp.js → GrDialogService-Dtq0ZCN5.js} +3 -3
  49. package/dist/components/GrDialogService/chunks/{GrDialogService-BmXiYmUp.js.map → GrDialogService-Dtq0ZCN5.js.map} +1 -1
  50. package/dist/components/GrDialogService/index.js +1 -1
  51. package/dist/components/GrFormField/chunks/GrFormField-DO61vxpS.js.map +1 -1
  52. package/dist/components/GrInput/chunks/{GrInput-TFeBm3gQ.js → GrInput-DV4gMWPR.js} +40 -11
  53. package/dist/components/GrInput/chunks/GrInput-DV4gMWPR.js.map +1 -0
  54. package/dist/components/GrInput/index.js +2 -2
  55. package/dist/components/GrInputTag/chunks/{GrInputTag-Ci8AO1ze.js → GrInputTag-CO0YU-ok.js} +30 -6
  56. package/dist/components/GrInputTag/chunks/GrInputTag-CO0YU-ok.js.map +1 -0
  57. package/dist/components/GrInputTag/index.js +2 -2
  58. package/dist/components/GrJsonViewer/chunks/{GrJsonViewer-C6q8dEEZ.js → GrJsonViewer-D7CyWzhT.js} +1 -1
  59. package/dist/components/GrJsonViewer/chunks/{GrJsonViewer-C6q8dEEZ.js.map → GrJsonViewer-D7CyWzhT.js.map} +1 -1
  60. package/dist/components/GrJsonViewer/index.js +1 -1
  61. package/dist/components/GrNumberInput/chunks/{GrNumberInput-CL5QhOmx.js → GrNumberInput-BI6-vkcs.js} +48 -16
  62. package/dist/components/GrNumberInput/chunks/GrNumberInput-BI6-vkcs.js.map +1 -0
  63. package/dist/components/GrNumberInput/index.js +2 -2
  64. package/dist/components/GrPagination/chunks/{GrPagination-DhbNZHEF.js → GrPagination-BbaF5eXk.js} +10 -7
  65. package/dist/components/GrPagination/chunks/GrPagination-BbaF5eXk.js.map +1 -0
  66. package/dist/components/GrPagination/index.js +2 -2
  67. package/dist/components/GrPromptDialog/chunks/{GrPromptDialog-8RxQsOQ_.js → GrPromptDialog-BEL-QgwE.js} +3 -3
  68. package/dist/components/GrPromptDialog/chunks/{GrPromptDialog-8RxQsOQ_.js.map → GrPromptDialog-BEL-QgwE.js.map} +1 -1
  69. package/dist/components/GrPromptDialog/index.js +1 -1
  70. package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-NEEJZ8zi.js → GrResponseErrorBanner-Bdd5c07x.js} +1 -1
  71. package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-NEEJZ8zi.js.map → GrResponseErrorBanner-Bdd5c07x.js.map} +1 -1
  72. package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-ZvBvEQDZ.js → GrResponseErrorBanner-DySe1ym4.js} +1 -1
  73. package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-ZvBvEQDZ.js.map → GrResponseErrorBanner-DySe1ym4.js.map} +1 -1
  74. package/dist/components/GrResponseErrorBanner/index.js +2 -2
  75. package/dist/components/GrSelect/chunks/{GrSelect-Do1iAyp1.js → GrSelect-0iI4wdR_.js} +3 -3
  76. package/dist/components/GrSelect/chunks/{GrSelect-Do1iAyp1.js.map → GrSelect-0iI4wdR_.js.map} +1 -1
  77. package/dist/components/GrSelect/index.js +1 -1
  78. package/dist/components/GrTextarea/chunks/{GrTextarea-BII3w61K.js → GrTextarea-Bfgc0DD2.js} +73 -32
  79. package/dist/components/GrTextarea/chunks/GrTextarea-Bfgc0DD2.js.map +1 -0
  80. package/dist/components/GrTextarea/index.js +2 -2
  81. package/dist/components/GrToaster/chunks/{GrToaster-D-sV-9of.js → GrToaster-CZixNk0l.js} +2 -1
  82. package/dist/components/GrToaster/chunks/{GrToaster-D-sV-9of.js.map → GrToaster-CZixNk0l.js.map} +1 -1
  83. package/dist/components/GrToaster/index.js +1 -1
  84. package/dist/components/GrTransfer/chunks/{GrTransfer-8FA78ny6.js → GrTransfer-DdfBUf35.js} +2 -2
  85. package/dist/components/GrTransfer/chunks/{GrTransfer-8FA78ny6.js.map → GrTransfer-DdfBUf35.js.map} +1 -1
  86. package/dist/components/GrTransfer/index.js +1 -1
  87. package/dist/components/GrTreeSelect/chunks/{GrTreeSelect-DBu5nMGA.js → GrTreeSelect-B6KoDYiZ.js} +43 -18
  88. package/dist/components/GrTreeSelect/chunks/GrTreeSelect-B6KoDYiZ.js.map +1 -0
  89. package/dist/components/GrTreeSelect/index.js +2 -2
  90. package/dist/granular-provider-node.js +1 -1
  91. package/dist/granular-provider.js +1 -1
  92. package/dist/i18n/all.js +1 -1
  93. package/dist/i18n/index.js +1 -1
  94. package/dist/index.js +27 -27
  95. package/dist/types/components/GrAutocomplete/composables/useAutocompleteNavigation.d.ts +39 -0
  96. package/dist/types/components/GrAutocomplete/composables/useAutocompletePanel.d.ts +36 -0
  97. package/dist/types/components/GrAutocomplete/composables/useAutocompleteValues.d.ts +28 -0
  98. package/dist/types/components/GrAutocomplete/composables/useAutocompleteVirtual.d.ts +33 -0
  99. package/dist/types/components/GrAutocomplete/composables/useRemoteOptions.d.ts +33 -0
  100. package/dist/types/components/GrDataTable/GrDataTable.vue.d.ts +1 -1
  101. package/dist/types/components/GrDataTable/composables/useDataTableColumnOrder.d.ts +45 -0
  102. package/dist/types/components/GrDataTable/composables/useDataTableColumnWidths.d.ts +38 -0
  103. package/dist/types/components/GrDataTable/composables/useDataTableLayout.d.ts +29 -0
  104. package/dist/types/components/GrDataTable/composables/useDataTableRowKeys.d.ts +16 -0
  105. package/dist/types/components/GrDataTable/composables/useDataTableSelection.d.ts +32 -0
  106. package/dist/types/components/GrDataTable/composables/useDataTableSort.d.ts +37 -0
  107. package/dist/types/components/GrFormField/GrFormField.vue.d.ts +7 -1
  108. package/dist/types/components/GrPagination/GrPagination.vue.d.ts +17 -2
  109. package/dist/types/components/GrPagination/grPaginationStyles.d.ts +15 -6
  110. package/dist/types/components/GrPagination/index.d.ts +1 -1
  111. package/dist/types/components/shared/controlState.d.ts +36 -0
  112. package/dist/types/i18n/messages/en.d.ts +4 -0
  113. package/dist/types/i18n/messages/es.d.ts +4 -0
  114. package/dist/types/i18n/messages/ru.d.ts +4 -0
  115. package/dist/web-types.json +4 -3
  116. package/package.json +1 -1
  117. package/dist/chunks/config-BhfNgyWL.js.map +0 -1
  118. package/dist/chunks/config-CIkdsWUk.js.map +0 -1
  119. package/dist/chunks/config-CjKpUcmy.js.map +0 -1
  120. package/dist/chunks/en-DiHzFact.js.map +0 -1
  121. package/dist/chunks/es-1ZL6NtkB.js.map +0 -1
  122. package/dist/chunks/ru-Dr2RYn0P.js.map +0 -1
  123. package/dist/chunks/x-circle-BCBURwyX.js.map +0 -1
  124. package/dist/components/GrAutocomplete/chunks/GrAutocomplete-D396_JrW.js.map +0 -1
  125. package/dist/components/GrDataTable/chunks/GrDataTable-xNSmO_I-.js.map +0 -1
  126. package/dist/components/GrInput/chunks/GrInput-TFeBm3gQ.js.map +0 -1
  127. package/dist/components/GrInputTag/chunks/GrInputTag-Ci8AO1ze.js.map +0 -1
  128. package/dist/components/GrNumberInput/chunks/GrNumberInput-CL5QhOmx.js.map +0 -1
  129. package/dist/components/GrPagination/chunks/GrPagination-DhbNZHEF.js.map +0 -1
  130. package/dist/components/GrTextarea/chunks/GrTextarea-BII3w61K.js.map +0 -1
  131. package/dist/components/GrTreeSelect/chunks/GrTreeSelect-DBu5nMGA.js.map +0 -1
  132. package/dist/components/GrCommandPalette/chunks/{GrCommandPalette-Ha4s3DMT.js → GrCommandPalette-BJHmkDQv.js} +1 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"GrDataTable-Dp9Fp_P5.js","names":["$slots"],"sources":["../../../../src/components/GrDataTable/composables/useDataTableRowKeys.ts","../../../../src/components/GrDataTable/grDataTableSort.ts","../../../../src/components/GrDataTable/composables/useDataTableSort.ts","../../../../src/components/GrDataTable/composables/useDataTableSelection.ts","../../../../src/components/GrDataTable/composables/useDataTableColumnOrder.ts","../../../../src/components/GrDataTable/composables/useDataTableColumnWidths.ts","../../../../src/components/GrDataTable/composables/useDataTableLayout.ts","../../../../src/components/GrDataTable/GrDataTable.vue","../../../../src/components/GrDataTable/GrDataTable.vue"],"sourcesContent":["import type { GrDataTableRowKey } from '../GrDataTable.vue'\n\n/**\n * Ключ строки: значение из данных, а при его отсутствии — синтетический.\n *\n * Без синтетического строка получила бы `String(undefined ?? '')` — **один и\n * тот же** ключ на всю таблицу: Vue переиспользовал бы DOM не по назначению, а\n * выбор одной строки помечал бы выбранными все. Ключ привязан к идентичности\n * объекта, поэтому переживает сортировку и не зависит от индекса.\n */\nexport interface UseDataTableRowKeysOptions<TRow extends Record<string, unknown>> {\n rowKey: () => GrDataTableRowKey<TRow>\n}\n\nexport interface DataTableRowKeys<TRow extends Record<string, unknown>> {\n rowKeyValue: (row: TRow) => string | number\n}\n\nexport function useDataTableRowKeys<TRow extends Record<string, unknown>>(\n options: UseDataTableRowKeysOptions<TRow>,\n): DataTableRowKeys<TRow> {\n const syntheticKeys = new WeakMap<object, string>()\n let syntheticKeyCounter = 0\n // Предупреждение одно на таблицу: строк без ключа обычно весь набор, и на\n // каждую пришлось бы по записи в консоли.\n let missingKeyWarned = false\n\n function 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 && __GR_DEV__) {\n missingKeyWarned = true\n console.warn(\n `[GrDataTable] У строки нет значения по ключу \"${String(options.rowKey())}\". `\n + 'Задайте `rowKey` (поле или функцию) — иначе выбор строк и переиспользование '\n + 'DOM работают по синтетическому ключу, который не переживёт перезагрузку данных.',\n )\n }\n\n return generated\n }\n\n function rowKeyValue(row: TRow): string | number {\n const rk = options.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\n return { rowKeyValue }\n}\n","/**\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","import type { ComputedRef } from 'vue'\nimport { computed, ref } from 'vue'\n\nimport type { GrDataColumn, GrDataTableSortCycle } from '../GrDataTable.vue'\nimport type { GrDataTableSortDir } from '../grDataTableSort'\nimport { sortRows } from '../grDataTableSort'\n\n/**\n * Сортировка `GrDataTable`: состояние, порядок строк и обход состояний по клику.\n *\n * Модель эмитов не знает — о смене сообщает колбэком `onSortChange`, а\n * `update:sortKey`/`update:sortDir`/`sortChange` остаются заботой компонента.\n * Так же устроен `GrTree`: модель отдельно, эмиты связывает SFC.\n *\n * Сравнение значений, включая пустые и смешанные типы, живёт в\n * `grDataTableSort.ts` и здесь только вызывается.\n */\nexport interface UseDataTableSortOptions<TRow extends Record<string, unknown>> {\n rows: () => TRow[]\n /** Контролируемый ключ. `undefined` — компонент помнит порядок сам. */\n sortKey: () => string | undefined\n /** Контролируемое направление. */\n sortDir: () => GrDataTableSortDir | undefined\n initialSortKey: () => string | undefined\n initialSortDir: () => GrDataTableSortDir\n /** Внешняя сортировка: `rows` приходят уже отсортированными. */\n externalSort: () => boolean\n sortCycle: () => GrDataTableSortCycle\n /** Язык сравнения строк; не задан — сравнение по умолчанию рантайма. */\n locale: () => string | undefined\n onSortChange: (key: string, dir: GrDataTableSortDir) => void\n}\n\nexport interface DataTableSort<TRow extends Record<string, unknown>> {\n currentSortKey: ComputedRef<string>\n currentSortDir: ComputedRef<GrDataTableSortDir>\n sortedRows: ComputedRef<TRow[]>\n toggleSort: (col: GrDataColumn<TRow>) => void\n clearSort: () => void\n ariaSortFor: (col: GrDataColumn<TRow>) => 'ascending' | 'descending' | 'none' | undefined\n}\n\nexport function useDataTableSort<TRow extends Record<string, unknown>>(\n options: UseDataTableSortOptions<TRow>,\n): DataTableSort<TRow> {\n // Uncontrolled-состояние; в controlled-режиме перекрывается пропами.\n const internalSortKey = ref<string>(options.initialSortKey() ?? '')\n const internalSortDir = ref<GrDataTableSortDir>(options.initialSortDir())\n\n const isSortKeyControlled = computed(() => options.sortKey() !== undefined)\n const isSortDirControlled = computed(() => options.sortDir() !== undefined)\n\n const currentSortKey = computed(() => options.sortKey() ?? internalSortKey.value)\n const currentSortDir = computed<GrDataTableSortDir>(() => options.sortDir() ?? internalSortDir.value)\n\n function applySort(key: string, dir: GrDataTableSortDir): void {\n if (!isSortKeyControlled.value)\n internalSortKey.value = key\n if (!isSortDirControlled.value)\n internalSortDir.value = dir\n\n options.onSortChange(key, dir)\n }\n\n const sortedRows = computed(() => {\n // Внешняя сортировка: `rows` уже отсортированы потребителем — не трогаем.\n if (options.externalSort())\n return [...options.rows()]\n\n const key = currentSortKey.value\n if (!key)\n return [...options.rows()]\n\n return sortRows(options.rows(), key, currentSortDir.value, options.locale())\n })\n\n function 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 (options.sortCycle() === 'asc-desc-none') {\n applySort('', 'asc')\n return\n }\n\n applySort(col.key, 'asc')\n }\n\n function clearSort(): void {\n applySort('', 'asc')\n }\n\n function 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 return { currentSortKey, currentSortDir, sortedRows, toggleSort, clearSort, ariaSortFor }\n}\n","import type { ComputedRef } from 'vue'\nimport { computed, ref } from 'vue'\n\n/**\n * Выбор строк `GrDataTable`.\n *\n * Считается по **видимым и выбираемым** строкам: они же дают состояние\n * галочки в шапке. Ключи строк, которых сейчас в наборе нет (отфильтрованы,\n * на другой странице), из выбора не выпадают — «снять все» убирает только\n * видимые.\n *\n * Как и сортировка, эмитов не знает: наружу сообщает `onSelectedChange`.\n */\nexport interface UseDataTableSelectionOptions<TRow extends Record<string, unknown>> {\n /** Строки в текущем порядке — уже отсортированные. */\n rows: () => TRow[]\n /** Контролируемый список ключей. `undefined` — компонент помнит выбор сам. */\n selected: () => Array<string | number> | undefined\n selectableRow: () => ((row: TRow) => boolean) | undefined\n rowKeyValue: (row: TRow) => string | number\n onSelectedChange: (keys: Array<string | number>) => void\n}\n\nexport interface DataTableSelection<TRow extends Record<string, unknown>> {\n selectedKeys: ComputedRef<Set<string | number>>\n isRowSelectable: (row: TRow) => boolean\n isRowSelected: (row: TRow) => boolean\n /** Видимые выбираемые строки: по их числу шапка гасит «выбрать все». */\n selectableRows: ComputedRef<TRow[]>\n allSelected: ComputedRef<boolean>\n someSelected: ComputedRef<boolean>\n toggleRow: (row: TRow) => void\n toggleAll: () => void\n}\n\nexport function useDataTableSelection<TRow extends Record<string, unknown>>(\n options: UseDataTableSelectionOptions<TRow>,\n): DataTableSelection<TRow> {\n const internalSelected = ref<Array<string | number>>([])\n const isSelectedControlled = computed(() => options.selected() !== undefined)\n\n const selectedKeys = computed<Set<string | number>>(\n () => new Set(options.selected() ?? internalSelected.value),\n )\n\n function isRowSelectable(row: TRow): boolean {\n const predicate = options.selectableRow()\n return predicate ? predicate(row) : true\n }\n\n function isRowSelected(row: TRow): boolean {\n return selectedKeys.value.has(options.rowKeyValue(row))\n }\n\n /** «Выбрать все» работает по видимым и выбираемым строкам — они же считают состояние шапки. */\n const selectableRows = computed(() => options.rows().filter(isRowSelectable))\n\n const allSelected = computed(() =>\n selectableRows.value.length > 0 && selectableRows.value.every(isRowSelected),\n )\n const someSelected = computed(() =>\n selectableRows.value.some(isRowSelected) && !allSelected.value,\n )\n\n function emitSelected(next: Set<string | number>): void {\n if (!isSelectedControlled.value)\n internalSelected.value = [...next]\n\n options.onSelectedChange([...next])\n }\n\n function toggleRow(row: TRow): void {\n if (!isRowSelectable(row))\n return\n\n const key = options.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\n function toggleAll(): void {\n const next = new Set(selectedKeys.value)\n\n if (allSelected.value) {\n // Снимаем выбор только с видимых строк, сохраняя внешние ключи.\n for (const row of selectableRows.value) next.delete(options.rowKeyValue(row))\n emitSelected(next)\n return\n }\n\n for (const row of selectableRows.value) next.add(options.rowKeyValue(row))\n emitSelected(next)\n }\n\n return {\n selectedKeys,\n isRowSelectable,\n isRowSelected,\n selectableRows,\n allSelected,\n someSelected,\n toggleRow,\n toggleAll,\n }\n}\n","import type { ComputedRef } from 'vue'\nimport { computed, nextTick, ref } from 'vue'\n\nimport { useDragSort } from '../../../composables/useDragSort'\nimport { useRovingFocus } from '../../../composables/useRovingFocus'\nimport { insertionIndex, moveItem } from '../../../composables/internal/dragSortGeometry'\nimport type { GrDataColumn } from '../GrDataTable.vue'\nimport { columnDropAfterClass, columnDropBeforeClass } from '../grDataTableStyles'\n\n/**\n * Порядок колонок `GrDataTable`: перестановка указателем и с клавиатуры.\n *\n * Закреплённые колонки стоят своими группами у своих краёв, и перенос через\n * границу группы запрещён — иначе «закреплена слева» перестало бы означать\n * «слева». Отсюда `pinGroupOf` и проверка `sameGroup` в каждом пути переноса.\n *\n * Карты элементов приходят снаружи: их наполняет шаблон, и они же нужны\n * модулям ширины и раскладки — владеть ими единолично этот модуль не может.\n */\nexport interface UseDataTableColumnOrderOptions<TRow extends Record<string, unknown>> {\n columns: () => GrDataColumn<TRow>[]\n /** Контролируемый порядок. `undefined` — компонент помнит порядок сам. */\n columnOrder: () => string[] | undefined\n reorderableColumns: () => boolean\n loading: () => boolean\n /** Заголовочные ячейки по ключу колонки — цель перетаскивания. */\n headerCellEls: Map<string, HTMLElement>\n /** Ручки переноса по ключу колонки — кольцо роверного фокуса. */\n columnHandleEls: Map<string, HTMLElement>\n onOrderChange: (order: string[], moved: { key: string, from: number, to: number }) => void\n /** Объявление в живой регион: перенос указателем без него беззвучен. */\n announceMove: (label: string, position: number, count: number) => void\n}\n\nexport interface DataTableColumnOrder<TRow extends Record<string, unknown>> {\n orderedColumns: ComputedRef<GrDataColumn<TRow>[]>\n columnKeys: ComputedRef<string[]>\n pinGroupOf: (col: GrDataColumn<TRow>) => number\n indexOfColumn: (key: string) => number\n draggingColumnKey: ComputedRef<string | null>\n columnDropClass: (index: number) => string\n onColumnHandleKeydown: (event: KeyboardEvent, key: string) => Promise<void>\n /** Жест и кольцо фокуса отдаются целиком: шаблон зовёт их собственный API. */\n columnSort: ReturnType<typeof useDragSort<string, number>>\n columnRoving: ReturnType<typeof useRovingFocus<string>>\n}\n\nexport function useDataTableColumnOrder<TRow extends Record<string, unknown>>(\n options: UseDataTableColumnOrderOptions<TRow>,\n): DataTableColumnOrder<TRow> {\n /** Uncontrolled-состояние; в controlled-режиме перекрывается пропом `columnOrder`. */\n const internalColumnOrder = ref<string[]>(options.columns().map(col => String(col.key)))\n\n /**\n * Колонки в пользовательском порядке.\n *\n * Состав задаёт `columns`, порядок — только порядок: ключ, которого в наборе\n * нет, игнорируется, а колонка, которой нет в порядке (её только что\n * добавили), встаёт в конец. Иначе правка `columns` теряла бы колонки молча.\n */\n const orderedColumns = computed<GrDataColumn<TRow>[]>(() => {\n const order = options.columnOrder() ?? internalColumnOrder.value\n const remaining = new Map(options.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)\n continue\n\n remaining.delete(key)\n ordered.push(col)\n }\n\n for (const col of options.columns()) {\n if (remaining.has(String(col.key)))\n ordered.push(col)\n }\n\n // Закреплённые колонки стоят своими группами у своих краёв — иначе\n // «закреплена слева» не означало бы «слева». Сортировка устойчивая, поэтому\n // внутри группы порядок остаётся пользовательским.\n return ordered.sort((a, b) => pinGroupOf(a) - pinGroupOf(b))\n })\n\n /** Группа закрепления: 0 — слева, 1 — обычная колонка, 2 — справа. */\n function pinGroupOf(col: GrDataColumn<TRow>): number {\n if (col.pinned === 'left')\n return 0\n if (col.pinned === 'right')\n return 2\n\n return 1\n }\n\n const columnKeys = computed(() => orderedColumns.value.map(col => String(col.key)))\n\n function indexOfColumn(key: string): number {\n return columnKeys.value.indexOf(key)\n }\n\n function sameGroup(from: number, to: number): boolean {\n const cols = orderedColumns.value\n if (!cols[from] || !cols[to])\n return false\n\n return pinGroupOf(cols[from]) === pinGroupOf(cols[to])\n }\n\n function applyColumnMove(from: number, to: number): void {\n const keys = columnKeys.value\n if (from < 0 || to < 0 || to >= keys.length || from === to)\n return\n if (!sameGroup(from, to))\n 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 options.onOrderChange(next, { key, from, to })\n options.announceMove(label, to + 1, keys.length)\n }\n\n const columnSort = useDragSort<string, number>({\n items: () => columnKeys.value,\n elementFor: key => options.headerCellEls.get(key) ?? null,\n orientation: () => 'horizontal',\n disabled: () => !options.reorderableColumns() || options.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\n /**\n * Кольцо роверного фокуса по ручкам: одна остановка `Tab` на всю шапку.\n * Иначе таблица из десяти колонок добавляла бы десять таб-стопов подряд.\n */\n const columnRoving = useRovingFocus<string>({\n items: () => (options.reorderableColumns() ? columnKeys.value : []),\n elementFor: key => options.columnHandleEls.get(key) ?? null,\n orientation: () => 'horizontal',\n wrap: () => false,\n })\n\n async function onColumnHandleKeydown(event: KeyboardEvent, key: string): Promise<void> {\n if (!options.reorderableColumns())\n 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\n const draggingColumnKey = computed(() => (columnSort.mode.value === null ? null : columnSort.source.value))\n\n /** Полоса места вставки — на колонке-соседе, со стороны движения. */\n function columnDropClass(index: number): string {\n const target = columnSort.target.value\n if (!columnSort.isActive.value || target === null || target !== index)\n return ''\n\n const active = columnSort.source.value === null ? -1 : indexOfColumn(columnSort.source.value)\n if (index === active)\n return ''\n\n return target < active ? columnDropBeforeClass : columnDropAfterClass\n }\n\n return {\n orderedColumns,\n columnKeys,\n pinGroupOf,\n indexOfColumn,\n draggingColumnKey,\n columnDropClass,\n onColumnHandleKeydown,\n columnSort,\n columnRoving,\n }\n}\n","import type { ComputedRef, Ref } from 'vue'\nimport { computed, ref } from 'vue'\n\nimport { useDragGesture } from '../../../composables/useDragGesture'\nimport type { GrDataColumn } from '../GrDataTable.vue'\n\n/** Уже колонки не бывает: в неё перестаёт помещаться даже стрелка сортировки. */\nexport const MIN_COLUMN_WIDTH = 48\n\n/** Шаг клавиатуры и крупный шаг — как у `GrSplitter`. */\nconst RESIZE_STEP = 16\nconst RESIZE_BIG_STEP = 48\n\n/**\n * Ширина колонок `GrDataTable`: протяжка ручки, клавиатура и сброс к авторазметке.\n *\n * Измеренные ширины сюда **приходят снаружи** (`setMeasuredWidths`): замер —\n * дело раскладки, которая ходит в DOM после отрисовки, а здесь они только\n * читаются, чтобы ручка называла значение с первого рендера.\n */\nexport interface UseDataTableColumnWidthsOptions<TRow extends Record<string, unknown>> {\n /** Колонки в текущем порядке — по ним считается минимальная ширина таблицы. */\n orderedColumns: () => GrDataColumn<TRow>[]\n /** Контролируемые ширины. `undefined` — компонент помнит их сам. */\n columnWidths: () => Record<string, number> | undefined\n resizableColumns: () => boolean\n loading: () => boolean\n /** Заголовочные ячейки: стартовая ширина протяжки берётся замером. */\n headerCellEls: Map<string, HTMLElement>\n onWidthsChange: (widths: Record<string, number>) => void\n onColumnResize: (key: string, width: number) => void\n announceWidth: (label: string, width: number) => void\n}\n\nexport interface DataTableColumnWidths<TRow extends Record<string, unknown>> {\n columnWidths: ComputedRef<Record<string, number>>\n measuredColumnWidths: Ref<Record<string, number>>\n setMeasuredWidths: (widths: Record<string, number>) => void\n widthOf: (col: GrDataColumn<TRow>) => string | number | undefined\n tableMinWidth: ComputedRef<number | undefined>\n resizingKey: Ref<string | null>\n onResizerPointerDown: (event: PointerEvent, key: string) => void\n onResizerKeydown: (event: KeyboardEvent, key: string) => void\n /** Сброс к авторазметке — двойной клик по ручке в шаблоне. */\n resetColumnWidth: (key: string) => void\n resizerValue: (col: GrDataColumn<TRow>) => number\n}\n\nexport function useDataTableColumnWidths<TRow extends Record<string, unknown>>(\n options: UseDataTableColumnWidthsOptions<TRow>,\n): DataTableColumnWidths<TRow> {\n const internalColumnWidths = ref<Record<string, number>>({})\n const columnWidths = computed(() => options.columnWidths() ?? internalColumnWidths.value)\n\n /** Фактические ширины шапки: заполняются замером раскладки. */\n const measuredColumnWidths = ref<Record<string, number>>({})\n\n function setMeasuredWidths(widths: Record<string, number>): void {\n measuredColumnWidths.value = widths\n }\n\n /** Ширина колонки: заданная пользователем сильнее объявленной в `columns`. */\n function widthOf(col: GrDataColumn<TRow>): string | number | undefined {\n return columnWidths.value[String(col.key)] ?? col.width\n }\n\n /**\n * Сумма заданных ширин — минимальная ширина таблицы.\n *\n * Без неё фиксированная раскладка вписывает таблицу в контейнер и делит место\n * пропорционально: колонка, которую пользователь растянул, ужимается обратно, а\n * горизонтальной прокрутки — той самой, ради которой закрепляют колонки, — не\n * возникает. Считается, только когда ширина известна у **всех** колонок: с\n * одной неизвестной сумма врала бы.\n */\n const tableMinWidth = computed<number | undefined>(() => {\n const cols = options.orderedColumns()\n if (cols.length === 0)\n return undefined\n\n let total = 0\n for (const col of cols) {\n const width = widthOf(col)\n if (typeof width !== 'number')\n return undefined\n\n total += width\n }\n\n return total\n })\n\n const resizingKey = ref<string | null>(null)\n let pendingResizeKey: string | null = null\n let resizeStartX = 0\n let resizeStartWidth = 0\n let widthBeforeResize: number | undefined\n\n function commitWidths(next: Record<string, number>): void {\n internalColumnWidths.value = next\n options.onWidthsChange(next)\n }\n\n function setColumnWidth(key: string, width: number): void {\n commitWidths({ ...columnWidths.value, [key]: Math.max(MIN_COLUMN_WIDTH, Math.round(width)) })\n }\n\n function announceWidth(key: string): void {\n const col = options.orderedColumns().find(item => String(item.key) === key)\n if (!col)\n return\n\n options.announceWidth(col.label, columnWidths.value[key] ?? 0)\n }\n\n const resizeGesture = useDragGesture({\n disabled: () => !options.resizableColumns() || options.loading(),\n onStart: (event) => {\n const key = pendingResizeKey\n const el = key === null ? null : options.headerCellEls.get(key)\n if (key === null || !el)\n 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)\n 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)\n return\n\n options.onColumnResize(key, 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)\n return\n\n // Оборванный жест возвращает ширину, которая была до нажатия.\n const next = { ...columnWidths.value }\n if (widthBeforeResize === undefined)\n delete next[key]\n else next[key] = widthBeforeResize\n\n commitWidths(next)\n },\n })\n\n function onResizerPointerDown(event: PointerEvent, key: string): void {\n pendingResizeKey = key\n resizeGesture.start(event)\n }\n\n /** Сброс к авторазметке: колонка снова считается по содержимому. */\n function resetColumnWidth(key: string): void {\n if (columnWidths.value[key] === undefined)\n return\n\n const next = { ...columnWidths.value }\n delete next[key]\n\n commitWidths(next)\n options.onColumnResize(key, 0)\n }\n\n function resizeByKeyboard(key: string, delta: number): void {\n const measured = options.headerCellEls.get(key)?.getBoundingClientRect().width ?? MIN_COLUMN_WIDTH\n const current = columnWidths.value[key] ?? measured\n\n setColumnWidth(key, current + delta)\n options.onColumnResize(key, columnWidths.value[key] ?? current)\n announceWidth(key)\n }\n\n function onResizerKeydown(event: KeyboardEvent, key: string): void {\n if (!options.resizableColumns() || options.loading())\n 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\n /**\n * Ручка ресайза — фокусируемый `separator`, а значит обязана называть текущее\n * значение с первого рендера, до всякого перетаскивания. Заданной ширины у\n * колонки может не быть вовсе (авторазметка), поэтому за значением идём к\n * измеренной; до замера остаётся объявленная в `columns`, а её тоже может не\n * быть — тогда минимум.\n */\n function 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 return {\n columnWidths,\n measuredColumnWidths,\n setMeasuredWidths,\n widthOf,\n tableMinWidth,\n resizingKey,\n onResizerPointerDown,\n onResizerKeydown,\n resetColumnWidth,\n resizerValue,\n }\n}\n","import type { ComputedRef } from 'vue'\nimport { computed, nextTick, onMounted, onUnmounted, ref, watch } from 'vue'\n\nimport type { GrDataColumn } from '../GrDataTable.vue'\nimport {\n columnPinnedClass,\n columnPinnedLeftEdgeClass,\n columnPinnedRightEdgeClass,\n} from '../grDataTableStyles'\n\n/** Служебная колонка выбора в реестре ячеек: своего ключа у неё нет. */\nexport const SELECT_COLUMN_KEY = '__select__'\n\n/**\n * Раскладка закреплённых колонок: смещения липких ячеек и замер шапки.\n *\n * Единственный модуль таблицы, который целиком про DOM. Смещения нельзя\n * вычислить из пропов: колонка может жить на авторазметке, и её ширина\n * известна только после отрисовки — отсюда замер, а не `computed`.\n */\nexport interface UseDataTableLayoutOptions<TRow extends Record<string, unknown>> {\n orderedColumns: () => GrDataColumn<TRow>[]\n columnKeys: () => string[]\n selectable: () => boolean\n resizableColumns: () => boolean\n headerCellEls: Map<string, HTMLElement>\n /** Пересчитать раскладку заново при смене этих значений. */\n watchSources: () => unknown\n /** Измеренные ширины уезжают модулю ширин: ручка ресайза называет по ним значение. */\n onMeasuredWidths: (widths: Record<string, number>) => void\n}\n\nexport interface DataTableLayout<TRow extends Record<string, unknown>> {\n hasPinnedLeft: ComputedRef<boolean>\n pinnedStyleOf: (col: GrDataColumn<TRow>) => Record<string, string> | undefined\n pinnedCellClass: (col: GrDataColumn<TRow>, index: number) => string[]\n measureLayout: () => void\n}\n\nexport function useDataTableLayout<TRow extends Record<string, unknown>>(\n options: UseDataTableLayoutOptions<TRow>,\n): DataTableLayout<TRow> {\n const hasPinnedLeft = computed(() => options.orderedColumns().some(col => col.pinned === 'left'))\n const pinnedOffsets = ref<Record<string, number>>({})\n\n /**\n * Смещения липких колонок считаются по **измеренным** ширинам соседей: колонка\n * может жить на авторазметке, и тогда взять смещение больше неоткуда. Отсюда же\n * порядок: замер после отрисовки, а не в вычислении.\n */\n function measurePinnedOffsets(): void {\n const next: Record<string, number> = {}\n const cols = options.orderedColumns()\n\n let left = options.selectable() && hasPinnedLeft.value\n ? options.headerCellEls.get(SELECT_COLUMN_KEY)?.getBoundingClientRect().width ?? 0\n : 0\n\n for (const col of cols) {\n if (col.pinned !== 'left')\n continue\n\n next[String(col.key)] = left\n left += options.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')\n continue\n\n next[String(col.key)] = right\n right += options.headerCellEls.get(String(col.key))?.getBoundingClientRect().width ?? 0\n }\n\n pinnedOffsets.value = next\n }\n\n function measureColumnWidths(): void {\n if (!options.resizableColumns())\n return\n\n const next: Record<string, number> = {}\n\n for (const col of options.orderedColumns()) {\n const key = String(col.key)\n const width = options.headerCellEls.get(key)?.getBoundingClientRect().width\n\n if (width)\n next[key] = Math.round(width)\n }\n\n options.onMeasuredWidths(next)\n }\n\n function measureLayout(): void {\n measurePinnedOffsets()\n measureColumnWidths()\n }\n\n function pinnedStyleOf(col: GrDataColumn<TRow>): Record<string, string> | undefined {\n if (!col.pinned)\n 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 /** Тень рисует только крайняя колонка группы — иначе полос было бы столько же, сколько колонок. */\n function pinnedEdgeClass(col: GrDataColumn<TRow>, index: number): string {\n const cols = options.orderedColumns()\n if (col.pinned === 'left')\n return cols[index + 1]?.pinned === 'left' ? '' : columnPinnedLeftEdgeClass\n if (col.pinned === 'right')\n return cols[index - 1]?.pinned === 'right' ? '' : columnPinnedRightEdgeClass\n\n return ''\n }\n\n function pinnedCellClass(col: GrDataColumn<TRow>, index: number): string[] {\n if (!col.pinned)\n return []\n\n return [columnPinnedClass, pinnedEdgeClass(col, index)]\n }\n\n /**\n * Ширину колонки меняет не только правка пропов: окно, шрифт и содержимое\n * ячейки двигают её сами. `ResizeObserver` — единственный способ узнать об этом;\n * в jsdom и на сервере его нет, там хватает пересчёта по изменению данных.\n */\n let layoutObserver: ResizeObserver | null = null\n\n onMounted(() => {\n measureLayout()\n\n if (typeof ResizeObserver === 'undefined')\n return\n\n layoutObserver = new ResizeObserver(() => measureLayout())\n const el = options.headerCellEls.get(SELECT_COLUMN_KEY)\n ?? options.headerCellEls.get(options.columnKeys()[0])\n if (el?.parentElement)\n layoutObserver.observe(el.parentElement)\n })\n\n onUnmounted(() => {\n layoutObserver?.disconnect()\n layoutObserver = null\n })\n\n watch(options.watchSources, () => void nextTick(measureLayout))\n\n return { hasPinnedLeft, pinnedStyleOf, pinnedCellClass, measureLayout }\n}\n","<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, nextTick, onMounted, ref, useId, watchEffect } 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 { useVirtualList } from '../../composables/useVirtualList'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrDataTableSortDir } from './grDataTableSort'\nimport { useDataTableRowKeys } from './composables/useDataTableRowKeys'\nimport { useDataTableSort } from './composables/useDataTableSort'\nimport { useDataTableSelection } from './composables/useDataTableSelection'\nimport { useDataTableColumnOrder } from './composables/useDataTableColumnOrder'\nimport { MIN_COLUMN_WIDTH, useDataTableColumnWidths } from './composables/useDataTableColumnWidths'\nimport { SELECT_COLUMN_KEY, useDataTableLayout } from './composables/useDataTableLayout'\nimport {\n type GrDataTableSize,\n cellPaddings,\n columnDraggingClass,\n columnHandleActiveClass,\n columnHandleClass,\n columnPinnedClass,\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 summaryRowClass,\n} from './grDataTableStyles'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconGripVertical from '~icons/lucide/grip-vertical'\nimport IconLoaderCircle from '~icons/lucide/loader-circle'\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 /**\n * Заголовок колонки сортирует.\n *\n * Сортируется **переданный массив `rows`**, и только он. Над серверной\n * пагинацией это врёт: «максимальное списание» покажет максимум по текущей\n * странице, а прочитается как максимум по журналу. Данные приходят\n * постранично — включайте `externalSort` и сортируйте запросом.\n */\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\n/**\n * Значения итоговой строки по ключам колонок.\n *\n * Не строка набора: у итога нет ключа, он не сортируется и не выбирается.\n * Колонка, для которой значения нет, остаётся пустой ячейкой — заполнять все\n * колонки итог не обязан.\n */\nexport type GrDataTableSummary<TRow extends Record<string, unknown> = Record<string, unknown>>\n = Partial<Record<GrDataColumnKey<TRow>, unknown>>\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 * Итоговая строка в `<tfoot>`: значения по ключам колонок.\n *\n * Встаёт по той же колоночной сетке, что и тело, — с теми же паддингами,\n * выравниванием, ширинами и закреплением. Собранная руками в `#footer`, она\n * этих классов не получает (`GrTable` их принципиально не даёт) и разъезжается\n * с телом на первой же смене `size`.\n *\n * Итог не суммируется компонентом: что считать итогом — знает приложение.\n * Оформление ячейки — слот `#summary-<key>`.\n *\n * `null` равнозначен отсутствию: `totals ?? null` — обычная запись там, где\n * итог считается не всегда.\n */\n summaryRow?: GrDataTableSummary<TRow> | null\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 * Итоговая строка объявляется пропом `summaryRow` и оформляется слотами\n * `#summary-<key>`: она встаёт по той же колоночной сетке, что и тело.\n *\n * `#footer` — для свободной разметки под итогом: несколько строк, примечание,\n * `colspan`. Рендерится внутрь того же `<tfoot>`, то есть его содержимое тоже\n * строки таблицы (`<tr><td>`), а скоуп отдаёт `columns` (в текущем порядке) и\n * `totalColumns` (с колонкой выбора).\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 summaryRow: 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\n// Раньше остальных проверок: таблица читает `rows` уже в setup, и гард,\n// стоящий в хвосте, до предупреждения бы не дожил.\nif (__GR_DEV__) {\n watchEffect(() => {\n if (!Array.isArray(props.rows)) {\n console.warn(\n `[granularity] GrDataTable: обязательный проп \\`rows\\` должен быть массивом — получено ${String(props.rows)}.`,\n )\n }\n\n if (!Array.isArray(props.columns)) {\n console.warn(\n `[granularity] GrDataTable: обязательный проп \\`columns\\` должен быть массивом — получено ${String(props.columns)}.`,\n )\n }\n })\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\nconst {\n currentSortKey,\n currentSortDir,\n sortedRows,\n toggleSort,\n clearSort,\n ariaSortFor,\n} = useDataTableSort<TRow>({\n rows: () => props.rows,\n sortKey: () => props.sortKey,\n sortDir: () => props.sortDir,\n initialSortKey: () => props.initialSortKey,\n initialSortDir: () => props.initialSortDir,\n externalSort: () => props.externalSort,\n sortCycle: () => props.sortCycle,\n locale: () => locale.value,\n onSortChange: (key, dir) => {\n emit('update:sortKey', key)\n emit('update:sortDir', dir)\n emit('sortChange', { key, dir })\n },\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\nconst { rowKeyValue } = useDataTableRowKeys<TRow>({ rowKey: () => props.rowKey })\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 */\n/**\n * Итог показывается, только когда набор на экране: «Итого 1 234» над спиннером —\n * утверждение о том, чего ещё не показали. Пустой набор при этом итог не гасит:\n * «Итого 0» под «нет данных» осмысленно, и считает его потребитель.\n *\n * Предикат один на всех: шаблон, `aria-rowcount` и номер строки обязаны сходиться,\n * иначе диктор объявит строку, которой в разметке нет.\n */\nconst hasSummary = computed(() => props.summaryRow != null && !props.loading)\n\nconst ariaRowCount = computed(() => (\n props.virtual ? sortedRows.value.length + 1 + (hasSummary.value ? 1 : 0) : undefined\n))\n\nfunction ariaRowIndex(index: number): number | undefined {\n return props.virtual ? index + 2 : undefined\n}\n\n/** Итог идёт следующим номером за последней строкой набора. */\nconst summaryAriaRowIndex = computed(() => (\n props.virtual ? sortedRows.value.length + 2 : undefined\n))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\n/**\n * Значение итога по ключу колонки. Как и `cellValue`, отдаёт сырое: отсутствие\n * ключа даёт пустую ячейку, а ноль — это значение, а не пустота.\n */\nfunction summaryValue(key: string): unknown {\n return (props.summaryRow as Record<string, unknown> | undefined)?.[key]\n}\n\n// Общее число колонок с учётом ведущей чекбокс-колонки — для `colspan`\n// строк loading/empty.\nconst totalColumns = computed(() => props.columns.length + (props.selectable ? 1 : 0))\n\n// ————— Порядок колонок.\n\n/**\n * Карты живут в компоненте, а не в модуле: наполняет их шаблон, а читают все\n * три колоночных модуля — порядок тянет за ячейку, ширина её замеряет,\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)\n store.delete(key)\n}\n\nconst {\n orderedColumns,\n columnKeys,\n draggingColumnKey,\n columnDropClass,\n onColumnHandleKeydown,\n columnSort,\n columnRoving,\n} = useDataTableColumnOrder<TRow>({\n columns: () => props.columns,\n columnOrder: () => props.columnOrder,\n reorderableColumns: () => props.reorderableColumns,\n loading: () => props.loading,\n headerCellEls,\n columnHandleEls,\n onOrderChange: (order, moved) => {\n emit('update:columnOrder', order)\n emit('columnReorder', moved)\n },\n announceMove: (label, position, count) => {\n announce(t('gr.dataTable.columnMoved', 'Column {label} moved to position {position} of {count}', {\n label,\n position,\n count,\n }))\n },\n})\n\nconst {\n columnWidths,\n setMeasuredWidths,\n widthOf,\n tableMinWidth,\n resizingKey,\n onResizerPointerDown,\n onResizerKeydown,\n resetColumnWidth,\n resizerValue,\n} = useDataTableColumnWidths<TRow>({\n orderedColumns: () => orderedColumns.value,\n columnWidths: () => props.columnWidths,\n resizableColumns: () => props.resizableColumns,\n loading: () => props.loading,\n headerCellEls,\n onWidthsChange: widths => emit('update:columnWidths', widths),\n onColumnResize: (key, width) => emit('columnResize', { key, width }),\n announceWidth: (label, width) => {\n announce(t('gr.dataTable.columnResized', 'Column {label} is {width} pixels wide', { label, width }))\n },\n})\n\nconst { hasPinnedLeft, pinnedStyleOf, pinnedCellClass } = useDataTableLayout<TRow>({\n orderedColumns: () => orderedColumns.value,\n columnKeys: () => columnKeys.value,\n selectable: () => props.selectable,\n resizableColumns: () => props.resizableColumns,\n headerCellEls,\n watchSources: () => [orderedColumns.value, columnWidths.value, props.loading, props.rows.length] as const,\n onMeasuredWidths: setMeasuredWidths,\n})\n\nconst tableProps = computed(() => ({\n size: resolvedSize.value,\n ariaLabel: props.ariaLabel,\n ariaLabelledby: props.ariaLabelledby,\n regionLabel: props.regionLabel,\n stickyHeader: props.stickyHeader,\n maxHeight: props.maxHeight,\n rowCount: ariaRowCount.value,\n // Пользовательская ширина требует фиксированной раскладки: на авторазметке\n // браузер пересчитывает колонки по содержимому, и заданная ширина пропадает.\n fixedLayout: props.virtual || props.resizableColumns,\n tableMinWidth: tableMinWidth.value,\n}))\n\nfunction columnHandleLabel(col: GrDataColumn<TRow>): string {\n return t('gr.dataTable.moveColumn', 'Move column {label}', { label: col.label })\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\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 {\n isRowSelectable,\n isRowSelected,\n selectableRows,\n allSelected,\n someSelected,\n toggleRow,\n toggleAll,\n} = useDataTableSelection<TRow>({\n rows: () => sortedRows.value,\n selected: () => props.selected,\n selectableRow: () => props.selectableRow,\n rowKeyValue,\n onSelectedChange: keys => emit('update:selected', keys),\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)\n 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)\n 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)\n 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\nfunction scrollTo(options: ScrollToOptions): void {\n scrollEl()?.scrollTo(options)\n}\n\ndefineExpose({\n /** Прокрутить к строке по её ключу. `false` — строки нет в DOM. */\n scrollToRow,\n /** Прокрутить скролл-контейнер таблицы. */\n scrollTo,\n /** Снять сортировку (эквивалент третьего состояния). */\n clearSort,\n /** Отметить/снять все выбираемые строки. */\n toggleAll,\n})\n\n/**\n * Три семейства слотов по ключу колонки — `#cell-<key>` (`{ row, index }`),\n * `#header-<key>` (`{ column }`) и `#summary-<key>` (`{ value, column }`) —\n * попадают под общую индексную сигнатуру, а не под шаблонные.\n *\n * Шаблонные (`` `cell-${string}` ``) сужали бы тип слотов строже\n * `InternalSlots`, и дженерик-компонент переставал приниматься `h()`: ломался\n * бы рендер-функцией, оставаясь рабочим в шаблоне. Цена — пропсы этих трёх\n * семейств не типизированы; они описаны здесь и на странице компонента.\n */\ndefineSlots<{\n /** Подпись таблицы — `<caption>`, читается диктором первой. */\n caption?: () => any\n /** Содержимое, пока едут данные. */\n loading?: () => any\n /** Пустое состояние вместо текста по умолчанию. */\n empty?: () => any\n /** Подвал под таблицей: пагинация, счётчик, итоги во всю ширину. */\n footer?: (props: { columns: GrDataColumn<TRow>[], totalColumns: number }) => any\n [byColumn: string]: ((props?: any) => any) | undefined\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 <IconGripVertical class=\"block\" 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 <IconLoaderCircle class=\"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 || hasSummary\" #footer>\n <!--\n Итог зеркалит ячейку тела теми же функциями, а не своими классами: у\n `GrTable` ячейки `<tfoot>` не оформлены принципиально, и собранная руками\n строка разъезжается с телом на первой же смене `size`. Индекс колонки\n обязателен — по нему `pinnedEdgeClass` находит край группы.\n -->\n <tr\n v-if=\"hasSummary\"\n data-gr-datatable-summary\n :class=\"summaryRowClass\"\n :aria-rowindex=\"summaryAriaRowIndex\"\n >\n <td\n v-if=\"selectable\"\n :class=\"[\n selectColumnClass,\n cellClass,\n hasPinnedLeft ? columnPinnedClass : '',\n ]\"\n :style=\"hasPinnedLeft ? { left: '0px' } : undefined\"\n />\n <td\n v-for=\"(col, colIndex) in orderedColumns\"\n :key=\"col.key\"\n :data-column-key=\"col.key\"\n :class=\"[cellClass, cellAlign(col), ...pinnedCellClass(col, colIndex)]\"\n :style=\"{ ...columnWidthStyle(widthOf(col)), ...pinnedStyleOf(col) }\"\n >\n <slot :name=\"`summary-${col.key}`\" :value=\"summaryValue(col.key)\" :column=\"col\">\n <span>{{ summaryValue(col.key) }}</span>\n </slot>\n </td>\n </tr>\n\n <slot name=\"footer\" :columns=\"orderedColumns\" :total-columns=\"totalColumns\" />\n </template>\n </GrTable>\n</template>\n","<script setup lang=\"ts\" generic=\"TRow extends Record<string, unknown> = Record<string, unknown>\">\nimport { computed, nextTick, onMounted, ref, useId, watchEffect } 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 { useVirtualList } from '../../composables/useVirtualList'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrDataTableSortDir } from './grDataTableSort'\nimport { useDataTableRowKeys } from './composables/useDataTableRowKeys'\nimport { useDataTableSort } from './composables/useDataTableSort'\nimport { useDataTableSelection } from './composables/useDataTableSelection'\nimport { useDataTableColumnOrder } from './composables/useDataTableColumnOrder'\nimport { MIN_COLUMN_WIDTH, useDataTableColumnWidths } from './composables/useDataTableColumnWidths'\nimport { SELECT_COLUMN_KEY, useDataTableLayout } from './composables/useDataTableLayout'\nimport {\n type GrDataTableSize,\n cellPaddings,\n columnDraggingClass,\n columnHandleActiveClass,\n columnHandleClass,\n columnPinnedClass,\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 summaryRowClass,\n} from './grDataTableStyles'\n\nimport IconArrowUp from '~icons/lucide/arrow-up'\nimport IconGripVertical from '~icons/lucide/grip-vertical'\nimport IconLoaderCircle from '~icons/lucide/loader-circle'\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 /**\n * Заголовок колонки сортирует.\n *\n * Сортируется **переданный массив `rows`**, и только он. Над серверной\n * пагинацией это врёт: «максимальное списание» покажет максимум по текущей\n * странице, а прочитается как максимум по журналу. Данные приходят\n * постранично — включайте `externalSort` и сортируйте запросом.\n */\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\n/**\n * Значения итоговой строки по ключам колонок.\n *\n * Не строка набора: у итога нет ключа, он не сортируется и не выбирается.\n * Колонка, для которой значения нет, остаётся пустой ячейкой — заполнять все\n * колонки итог не обязан.\n */\nexport type GrDataTableSummary<TRow extends Record<string, unknown> = Record<string, unknown>>\n = Partial<Record<GrDataColumnKey<TRow>, unknown>>\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 * Итоговая строка в `<tfoot>`: значения по ключам колонок.\n *\n * Встаёт по той же колоночной сетке, что и тело, — с теми же паддингами,\n * выравниванием, ширинами и закреплением. Собранная руками в `#footer`, она\n * этих классов не получает (`GrTable` их принципиально не даёт) и разъезжается\n * с телом на первой же смене `size`.\n *\n * Итог не суммируется компонентом: что считать итогом — знает приложение.\n * Оформление ячейки — слот `#summary-<key>`.\n *\n * `null` равнозначен отсутствию: `totals ?? null` — обычная запись там, где\n * итог считается не всегда.\n */\n summaryRow?: GrDataTableSummary<TRow> | null\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 * Итоговая строка объявляется пропом `summaryRow` и оформляется слотами\n * `#summary-<key>`: она встаёт по той же колоночной сетке, что и тело.\n *\n * `#footer` — для свободной разметки под итогом: несколько строк, примечание,\n * `colspan`. Рендерится внутрь того же `<tfoot>`, то есть его содержимое тоже\n * строки таблицы (`<tr><td>`), а скоуп отдаёт `columns` (в текущем порядке) и\n * `totalColumns` (с колонкой выбора).\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 summaryRow: 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\n// Раньше остальных проверок: таблица читает `rows` уже в setup, и гард,\n// стоящий в хвосте, до предупреждения бы не дожил.\nif (__GR_DEV__) {\n watchEffect(() => {\n if (!Array.isArray(props.rows)) {\n console.warn(\n `[granularity] GrDataTable: обязательный проп \\`rows\\` должен быть массивом — получено ${String(props.rows)}.`,\n )\n }\n\n if (!Array.isArray(props.columns)) {\n console.warn(\n `[granularity] GrDataTable: обязательный проп \\`columns\\` должен быть массивом — получено ${String(props.columns)}.`,\n )\n }\n })\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\nconst {\n currentSortKey,\n currentSortDir,\n sortedRows,\n toggleSort,\n clearSort,\n ariaSortFor,\n} = useDataTableSort<TRow>({\n rows: () => props.rows,\n sortKey: () => props.sortKey,\n sortDir: () => props.sortDir,\n initialSortKey: () => props.initialSortKey,\n initialSortDir: () => props.initialSortDir,\n externalSort: () => props.externalSort,\n sortCycle: () => props.sortCycle,\n locale: () => locale.value,\n onSortChange: (key, dir) => {\n emit('update:sortKey', key)\n emit('update:sortDir', dir)\n emit('sortChange', { key, dir })\n },\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\nconst { rowKeyValue } = useDataTableRowKeys<TRow>({ rowKey: () => props.rowKey })\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 */\n/**\n * Итог показывается, только когда набор на экране: «Итого 1 234» над спиннером —\n * утверждение о том, чего ещё не показали. Пустой набор при этом итог не гасит:\n * «Итого 0» под «нет данных» осмысленно, и считает его потребитель.\n *\n * Предикат один на всех: шаблон, `aria-rowcount` и номер строки обязаны сходиться,\n * иначе диктор объявит строку, которой в разметке нет.\n */\nconst hasSummary = computed(() => props.summaryRow != null && !props.loading)\n\nconst ariaRowCount = computed(() => (\n props.virtual ? sortedRows.value.length + 1 + (hasSummary.value ? 1 : 0) : undefined\n))\n\nfunction ariaRowIndex(index: number): number | undefined {\n return props.virtual ? index + 2 : undefined\n}\n\n/** Итог идёт следующим номером за последней строкой набора. */\nconst summaryAriaRowIndex = computed(() => (\n props.virtual ? sortedRows.value.length + 2 : undefined\n))\n\nconst isEmpty = computed(() => sortedRows.value.length === 0)\n\n/**\n * Значение итога по ключу колонки. Как и `cellValue`, отдаёт сырое: отсутствие\n * ключа даёт пустую ячейку, а ноль — это значение, а не пустота.\n */\nfunction summaryValue(key: string): unknown {\n return (props.summaryRow as Record<string, unknown> | undefined)?.[key]\n}\n\n// Общее число колонок с учётом ведущей чекбокс-колонки — для `colspan`\n// строк loading/empty.\nconst totalColumns = computed(() => props.columns.length + (props.selectable ? 1 : 0))\n\n// ————— Порядок колонок.\n\n/**\n * Карты живут в компоненте, а не в модуле: наполняет их шаблон, а читают все\n * три колоночных модуля — порядок тянет за ячейку, ширина её замеряет,\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)\n store.delete(key)\n}\n\nconst {\n orderedColumns,\n columnKeys,\n draggingColumnKey,\n columnDropClass,\n onColumnHandleKeydown,\n columnSort,\n columnRoving,\n} = useDataTableColumnOrder<TRow>({\n columns: () => props.columns,\n columnOrder: () => props.columnOrder,\n reorderableColumns: () => props.reorderableColumns,\n loading: () => props.loading,\n headerCellEls,\n columnHandleEls,\n onOrderChange: (order, moved) => {\n emit('update:columnOrder', order)\n emit('columnReorder', moved)\n },\n announceMove: (label, position, count) => {\n announce(t('gr.dataTable.columnMoved', 'Column {label} moved to position {position} of {count}', {\n label,\n position,\n count,\n }))\n },\n})\n\nconst {\n columnWidths,\n setMeasuredWidths,\n widthOf,\n tableMinWidth,\n resizingKey,\n onResizerPointerDown,\n onResizerKeydown,\n resetColumnWidth,\n resizerValue,\n} = useDataTableColumnWidths<TRow>({\n orderedColumns: () => orderedColumns.value,\n columnWidths: () => props.columnWidths,\n resizableColumns: () => props.resizableColumns,\n loading: () => props.loading,\n headerCellEls,\n onWidthsChange: widths => emit('update:columnWidths', widths),\n onColumnResize: (key, width) => emit('columnResize', { key, width }),\n announceWidth: (label, width) => {\n announce(t('gr.dataTable.columnResized', 'Column {label} is {width} pixels wide', { label, width }))\n },\n})\n\nconst { hasPinnedLeft, pinnedStyleOf, pinnedCellClass } = useDataTableLayout<TRow>({\n orderedColumns: () => orderedColumns.value,\n columnKeys: () => columnKeys.value,\n selectable: () => props.selectable,\n resizableColumns: () => props.resizableColumns,\n headerCellEls,\n watchSources: () => [orderedColumns.value, columnWidths.value, props.loading, props.rows.length] as const,\n onMeasuredWidths: setMeasuredWidths,\n})\n\nconst tableProps = computed(() => ({\n size: resolvedSize.value,\n ariaLabel: props.ariaLabel,\n ariaLabelledby: props.ariaLabelledby,\n regionLabel: props.regionLabel,\n stickyHeader: props.stickyHeader,\n maxHeight: props.maxHeight,\n rowCount: ariaRowCount.value,\n // Пользовательская ширина требует фиксированной раскладки: на авторазметке\n // браузер пересчитывает колонки по содержимому, и заданная ширина пропадает.\n fixedLayout: props.virtual || props.resizableColumns,\n tableMinWidth: tableMinWidth.value,\n}))\n\nfunction columnHandleLabel(col: GrDataColumn<TRow>): string {\n return t('gr.dataTable.moveColumn', 'Move column {label}', { label: col.label })\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\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 {\n isRowSelectable,\n isRowSelected,\n selectableRows,\n allSelected,\n someSelected,\n toggleRow,\n toggleAll,\n} = useDataTableSelection<TRow>({\n rows: () => sortedRows.value,\n selected: () => props.selected,\n selectableRow: () => props.selectableRow,\n rowKeyValue,\n onSelectedChange: keys => emit('update:selected', keys),\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)\n 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)\n 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)\n 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\nfunction scrollTo(options: ScrollToOptions): void {\n scrollEl()?.scrollTo(options)\n}\n\ndefineExpose({\n /** Прокрутить к строке по её ключу. `false` — строки нет в DOM. */\n scrollToRow,\n /** Прокрутить скролл-контейнер таблицы. */\n scrollTo,\n /** Снять сортировку (эквивалент третьего состояния). */\n clearSort,\n /** Отметить/снять все выбираемые строки. */\n toggleAll,\n})\n\n/**\n * Три семейства слотов по ключу колонки — `#cell-<key>` (`{ row, index }`),\n * `#header-<key>` (`{ column }`) и `#summary-<key>` (`{ value, column }`) —\n * попадают под общую индексную сигнатуру, а не под шаблонные.\n *\n * Шаблонные (`` `cell-${string}` ``) сужали бы тип слотов строже\n * `InternalSlots`, и дженерик-компонент переставал приниматься `h()`: ломался\n * бы рендер-функцией, оставаясь рабочим в шаблоне. Цена — пропсы этих трёх\n * семейств не типизированы; они описаны здесь и на странице компонента.\n */\ndefineSlots<{\n /** Подпись таблицы — `<caption>`, читается диктором первой. */\n caption?: () => any\n /** Содержимое, пока едут данные. */\n loading?: () => any\n /** Пустое состояние вместо текста по умолчанию. */\n empty?: () => any\n /** Подвал под таблицей: пагинация, счётчик, итоги во всю ширину. */\n footer?: (props: { columns: GrDataColumn<TRow>[], totalColumns: number }) => any\n [byColumn: string]: ((props?: any) => any) | undefined\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 <IconGripVertical class=\"block\" 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 <IconLoaderCircle class=\"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 || hasSummary\" #footer>\n <!--\n Итог зеркалит ячейку тела теми же функциями, а не своими классами: у\n `GrTable` ячейки `<tfoot>` не оформлены принципиально, и собранная руками\n строка разъезжается с телом на первой же смене `size`. Индекс колонки\n обязателен — по нему `pinnedEdgeClass` находит край группы.\n -->\n <tr\n v-if=\"hasSummary\"\n data-gr-datatable-summary\n :class=\"summaryRowClass\"\n :aria-rowindex=\"summaryAriaRowIndex\"\n >\n <td\n v-if=\"selectable\"\n :class=\"[\n selectColumnClass,\n cellClass,\n hasPinnedLeft ? columnPinnedClass : '',\n ]\"\n :style=\"hasPinnedLeft ? { left: '0px' } : undefined\"\n />\n <td\n v-for=\"(col, colIndex) in orderedColumns\"\n :key=\"col.key\"\n :data-column-key=\"col.key\"\n :class=\"[cellClass, cellAlign(col), ...pinnedCellClass(col, colIndex)]\"\n :style=\"{ ...columnWidthStyle(widthOf(col)), ...pinnedStyleOf(col) }\"\n >\n <slot :name=\"`summary-${col.key}`\" :value=\"summaryValue(col.key)\" :column=\"col\">\n <span>{{ summaryValue(col.key) }}</span>\n </slot>\n </td>\n </tr>\n\n <slot name=\"footer\" :columns=\"orderedColumns\" :total-columns=\"totalColumns\" />\n </template>\n </GrTable>\n</template>\n"],"mappings":"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"}
@@ -1,3 +1,3 @@
1
- import { t as GrDataTable_default } from "./chunks/GrDataTable-xNSmO_I-.js";
1
+ import { t as GrDataTable_default } from "./chunks/GrDataTable-Dp9Fp_P5.js";
2
2
  import { n as grDataTableSafelist, t as grDataTableConfig } from "../../chunks/config-DeyT9dJl.js";
3
3
  export { GrDataTable_default as GrDataTable, GrDataTable_default as default, grDataTableConfig, grDataTableSafelist };
@@ -3,9 +3,9 @@ import { t as GRANULARITY_I18N_KEY } from "../../../chunks/adapter-CAOxmn2G.js";
3
3
  import { n as useGranularityTranslations, t as resolveGranularityI18n } from "../../../chunks/granularityI18n-BC5zsj_d.js";
4
4
  import { t as ensurePortalRoot } from "../../../chunks/portalRoot-CVhCgdG6.js";
5
5
  import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CS4TqMtG.js";
6
- import { n as coreResponseErrorParsers, o as responseErrorParserPresets, r as createResponseErrorClassifier } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-NEEJZ8zi.js";
7
- import { t as GrConfirmDialog_default } from "../../GrConfirmDialog/chunks/GrConfirmDialog-e15nFI8M.js";
8
- import { t as GrPromptDialog_default } from "../../GrPromptDialog/chunks/GrPromptDialog-8RxQsOQ_.js";
6
+ import { n as coreResponseErrorParsers, o as responseErrorParserPresets, r as createResponseErrorClassifier } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-Bdd5c07x.js";
7
+ import { t as GrConfirmDialog_default } from "../../GrConfirmDialog/chunks/GrConfirmDialog-BzUQwbec.js";
8
+ import { t as GrPromptDialog_default } from "../../GrPromptDialog/chunks/GrPromptDialog-BEL-QgwE.js";
9
9
  import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, markRaw, mergeProps, nextTick, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, render, renderList, shallowRef, toDisplayString, withCtx } from "vue";
10
10
  //#region src/components/GrDialogService/store.ts
11
11
  function createDialogServiceState() {