@feugene/granularity 0.35.0 → 0.37.0

package/dist/components/GrChipGroup/index.js

@@ -1,3 +1,3 @@
 import { n as grChipGroupSafelist, t as grChipGroupConfig } from "../../chunks/config-CZPDPJlg.js";
-import { t as GrChipGroup_default } from "./chunks/GrChipGroup-C78Vcwos.js";
+import { t as GrChipGroup_default } from "./chunks/GrChipGroup-dDGwnC04.js";
 export { GrChipGroup_default as GrChipGroup, GrChipGroup_default as default, grChipGroupConfig, grChipGroupSafelist };

package/dist/components/GrCodeBlock/chunks/{GrCodeBlock-Dp0eEBTZ.js → GrCodeBlock-BUOwKwQE.js}

@@ -1,7 +1,7 @@
-import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-7GP0zObj.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CS4TqMtG.js";
 import { useAnnouncer } from "../../../composables/useAnnouncer.js";
 import { t as copy_default } from "../../../chunks/copy-DChChcq-.js";
 import { a as codeBlockHookClass, c as codeBlockPaddings, d as codeBlockTextSizes, f as codeBlockWrapClass, i as codeBlockGutterClass, l as codeBlockRootClass, o as codeBlockNowrapClass, p as codeTokenClass, r as codeBlockCopyClass, s as codeBlockNumberedClass, u as codeBlockScrollClass } from "../../../chunks/config-DolULhjJ.js";

package/dist/components/GrCodeBlock/chunks/{GrCodeBlock-Dp0eEBTZ.js.map → GrCodeBlock-BUOwKwQE.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrCodeBlock-Dp0eEBTZ.js","names":[],"sources":["../../../../src/components/GrCodeBlock/serializeCode.ts","../../../../src/components/GrCodeBlock/tokenizeJson.ts","../../../../src/components/GrCodeBlock/GrCodeBlock.vue","../../../../src/components/GrCodeBlock/GrCodeBlock.vue"],"sourcesContent":["/**\n * Приведение произвольного значения к тексту для показа.\n *\n * Компонент показывает данные из БД, и они бывают любыми: `unknown`-поле ответа\n * модели, `meta` запуска, тело ошибки. Поэтому сериализация обязана пережить всё\n * — уронить страницу она права не имеет.\n */\n\n/** Маркер повторной ссылки. Показывается вместо ветки, которая уже встречалась выше. */\nexport const CIRCULAR_MARKER = '[Circular]'\n\n/** Что печатается, когда сериализовать не удалось вовсе. */\nexport const UNSERIALIZABLE_MARKER = '[Unserializable]'\n\n/**\n * Замена значений, на которых штатный `JSON.stringify` спотыкается.\n *\n * Маркером помечается **повторная ссылка**, а не только настоящий цикл: объект,\n * положенный в дерево дважды, тоже её получит. Отличить одно от другого можно\n * лишь стеком предков, а `replacer` его не отдаёт — узнать, что обход вышел из\n * ветки, изнутри нечем. Размен осознанный: показать `[Circular]` там, где данные\n * просто переиспользуют объект, — неточность; зациклиться на настоящем цикле —\n * зависшая вкладка.\n */\nfunction createSafeReplacer(): (key: string, value: unknown) => unknown {\n  const seen = new WeakSet<object>()\n\n  return function safeReplacer(_key: string, value: unknown): unknown {\n    // `BigInt` не имеет представления в JSON, и `stringify` на нём бросает.\n    if (typeof value === 'bigint')\n      return `${value}n`\n\n    if (typeof value !== 'object' || value === null)\n      return value\n\n    if (seen.has(value))\n      return CIRCULAR_MARKER\n\n    seen.add(value)\n    return value\n  }\n}\n\n/**\n * Значение → текст.\n *\n * Строка проходит как есть: это уже готовый текст, и оборачивать его в кавычки\n * значило бы показать не то, что пришло. `undefined` даёт пустую строку —\n * показывать нечего. Всё остальное сериализуется с отступом.\n */\nexport function serializeCode(value: unknown, indent = 2): string {\n  if (typeof value === 'string')\n    return value\n  if (value === undefined)\n    return ''\n\n  try {\n    const serialized = JSON.stringify(value, createSafeReplacer(), indent)\n    // `stringify` отдаёт `undefined` на функции и символе — печатать «undefined»\n    // строкой было бы враньём про содержимое.\n    return serialized ?? ''\n  }\n  catch {\n    return UNSERIALIZABLE_MARKER\n  }\n}\n","/**\n * Токенизация JSON для подсветки.\n *\n * Своя, а не библиотечная: тянуть highlight.js ради четырёх ролей несоразмерно\n * — компонент показывает JSON и обычный текст, а не произвольные языки.\n *\n * Разбор посимвольный и **ничего не теряет**: пробелы, переносы и запятые тоже\n * становятся токенами. Отсюда инвариант, который держит тест: склейка `text`\n * всех токенов равна исходной строке. Любая потеря символа — сдвиг разметки.\n */\n\nexport type GrCodeTokenKind\n  /** Имя поля объекта: строка, за которой идёт двоеточие. */\n  = | 'key'\n    | 'string'\n    | 'number'\n  /** `true`, `false`, `null`. */\n    | 'literal'\n  /** Скобки, запятые, двоеточия. */\n    | 'punctuation'\n  /** Пробелы, переносы и всё, что не опознано. */\n    | 'plain'\n\nexport interface GrCodeToken {\n  text: string\n  kind: GrCodeTokenKind\n}\n\nconst PUNCTUATION = new Set(['{', '}', '[', ']', ',', ':'])\nconst LITERALS = ['true', 'false', 'null'] as const\n\n/** Строка от открывающей кавычки до закрывающей, с учётом экранирования. */\nfunction readString(source: string, start: number): number {\n  let index = start + 1\n\n  while (index < source.length) {\n    const char = source[index]\n\n    // Экранированная кавычка не закрывает строку: `\"a\\\":b\"` — одно значение,\n    // а не строка плюс мусор.\n    if (char === '\\\\') {\n      index += 2\n      continue\n    }\n\n    index += 1\n    if (char === '\"')\n      break\n  }\n\n  return index\n}\n\n/** Число целиком: знак, дробная часть, экспонента. */\nfunction readNumber(source: string, start: number): number {\n  let index = start\n\n  if (source[index] === '-')\n    index += 1\n  while (index < source.length && /[\\d.eE+-]/.test(source[index])) index += 1\n\n  return index\n}\n\n/** Первый непробельный символ после позиции — по нему строка отличается от ключа. */\nfunction nextMeaningful(source: string, from: number): string | undefined {\n  for (let index = from; index < source.length; index += 1) {\n    if (!/\\s/.test(source[index]))\n      return source[index]\n  }\n\n  return undefined\n}\n\nexport function tokenizeJson(source: string): GrCodeToken[] {\n  const tokens: GrCodeToken[] = []\n  let index = 0\n  let plainStart = 0\n\n  const flushPlain = (until: number): void => {\n    if (until > plainStart)\n      tokens.push({ text: source.slice(plainStart, until), kind: 'plain' })\n  }\n\n  while (index < source.length) {\n    const char = source[index]\n\n    if (char === '\"') {\n      flushPlain(index)\n      const end = readString(source, index)\n      // Ключ от строки отличает только идущее следом двоеточие.\n      const kind: GrCodeTokenKind = nextMeaningful(source, end) === ':' ? 'key' : 'string'\n      tokens.push({ text: source.slice(index, end), kind })\n      index = end\n      plainStart = index\n      continue\n    }\n\n    if (PUNCTUATION.has(char)) {\n      flushPlain(index)\n      tokens.push({ text: char, kind: 'punctuation' })\n      index += 1\n      plainStart = index\n      continue\n    }\n\n    if (char === '-' || (char >= '0' && char <= '9')) {\n      flushPlain(index)\n      const end = readNumber(source, index)\n      tokens.push({ text: source.slice(index, end), kind: 'number' })\n      index = end\n      plainStart = index\n      continue\n    }\n\n    const literal = LITERALS.find(candidate => source.startsWith(candidate, index))\n    if (literal) {\n      flushPlain(index)\n      tokens.push({ text: literal, kind: 'literal' })\n      index += literal.length\n      plainStart = index\n      continue\n    }\n\n    index += 1\n  }\n\n  flushPlain(source.length)\n\n  return tokens\n}\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconCopy from '~icons/lucide/copy'\n\nimport { serializeCode } from './serializeCode'\nimport { tokenizeJson, type GrCodeToken } from './tokenizeJson'\nimport {\n  codeBlockCopyClass,\n  codeBlockGutterClass,\n  codeBlockHookClass,\n  codeBlockNowrapClass,\n  codeBlockNumberedClass as numberedClass,\n  codeBlockPaddings,\n  codeBlockRootClass,\n  codeBlockScrollClass,\n  codeBlockSurfaceClass,\n  codeBlockTextSizes,\n  codeBlockWrapClass,\n  codeTokenClass,\n} from './grCodeBlockStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrCodeToken, GrCodeTokenKind } from './tokenizeJson'\n\n/** Язык подсветки. Кроме JSON компонент ничего не разбирает — и не должен. */\nexport type GrCodeBlockLanguage = 'json' | 'text'\n\n/**\n * Блок сырого текста или JSON: моноширинный, с подсветкой, номерами строк и\n * копированием в буфер.\n *\n * Показывает, а не редактирует и не сворачивает узлы. Свёртка по узлам — задача\n * `GrJsonViewer`, дерево выбора — `GrTree`.\n */\nexport interface GrCodeBlockProps {\n  /** Строка или значение: объект сериализуется с отступом. */\n  code: unknown\n  language?: GrCodeBlockLanguage\n  /** Высота, после которой включается вертикальный скролл. */\n  maxHeight?: string | number\n  /** Кнопка копирования. Без защищённого контекста не рисуется вовсе. */\n  copyable?: boolean\n  /** Переносить длинные строки вместо горизонтальной прокрутки. */\n  wrap?: boolean\n  lineNumbers?: boolean\n  /** Имя области прокрутки. Безымянную скринридер объявляет просто «регион». */\n  ariaLabel?: string\n  size?: GrComponentSize\n}\n\nexport interface GrCodeBlockEmits {\n  /** Текст скопирован. Тост показывает потребитель: у блока своего места для него нет. */\n  (e: 'copy', code: string): void\n}\n\nconst props = withDefaults(defineProps<GrCodeBlockProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  language: 'json',\n  maxHeight: undefined,\n  copyable: undefined,\n  wrap: undefined,\n  lineNumbers: undefined,\n  ariaLabel: undefined,\n  size: undefined,\n})\n\nconst emit = defineEmits<GrCodeBlockEmits>()\n\nconst { t } = useGranularityTranslations()\nconst { announce } = useAnnouncer()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCodeBlock' })\nconst resolvedCopyable = useGrComponentProp('GrCodeBlock', 'copyable', () => props.copyable, true)\nconst resolvedWrap = useGrComponentProp('GrCodeBlock', 'wrap', () => props.wrap, false)\nconst resolvedLineNumbers = useGrComponentProp('GrCodeBlock', 'lineNumbers', () => props.lineNumbers, false)\n\n/** Единственный источник текста: он же рендерится, он же уходит в буфер. */\nconst source = computed(() => serializeCode(props.code))\n\n/**\n * Разбор идёт по строкам, а не по всему тексту: номер строки — CSS-счётчик, а\n * счётчику нужен элемент на строку. JSON-строка перенос не содержит (он в ней\n * экранирован), поэтому построчная токенизация ничего не рвёт.\n */\nconst lines = computed<GrCodeToken[][]>(() => {\n  const rows = source.value.split('\\n')\n\n  if (props.language !== 'json')\n    return rows.map(row => [{ text: row, kind: 'plain' as const }])\n\n  return rows.map(row => tokenizeJson(row))\n})\n\n/**\n * Блок — скроллер по конструкции, а не по замеру. Замер здесь означал бы\n * мигающую остановку `Tab` на каждой смене данных и загрузке шрифта; ни один\n * компонент пакета так не делает.\n */\nconst isScroller = computed(() => props.maxHeight !== undefined || !resolvedWrap.value)\n\nconst scrollStyle = computed(() => {\n  if (props.maxHeight === undefined)\n    return undefined\n\n  return { maxHeight: typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight }\n})\n\nconst preClass = computed(() => [\n  codeBlockHookClass,\n  codeBlockSurfaceClass,\n  codeBlockPaddings[resolvedSize.value],\n  codeBlockTextSizes[resolvedSize.value],\n  resolvedWrap.value ? codeBlockWrapClass : codeBlockNowrapClass,\n  isScroller.value ? codeBlockScrollClass : '',\n].filter(Boolean).join(' '))\n\n/**\n * Наличие буфера уточняется после монтирования: `navigator` в теле `setup` либо\n * роняет серверный рендер, либо расходится с ним. До этого момента кнопки нет —\n * ровно то же, что отдаёт сервер, поэтому гидрация совпадает.\n */\nconst canCopy = ref(false)\n\nonMounted(() => {\n  canCopy.value = typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function'\n})\n\nconst showCopy = computed(() => resolvedCopyable.value && canCopy.value)\n\nconst copied = ref(false)\nlet copiedTimer: number | null = null\n\nfunction resetCopiedTimer(): void {\n  if (copiedTimer !== null) {\n    clearTimeout(copiedTimer)\n    copiedTimer = null\n  }\n}\n\nonBeforeUnmount(resetCopiedTimer)\n\nasync function copy(): Promise<void> {\n  try {\n    // Копируется исходный текст, а не разметка: номера строк — CSS-счётчик,\n    // а мягкие переносы принадлежат показу, и вставить их обратно нельзя.\n    await navigator.clipboard.writeText(source.value)\n  }\n  catch {\n    announce(t('gr.codeBlock.copyFailed', 'Could not copy code'))\n    return\n  }\n\n  copied.value = true\n  resetCopiedTimer()\n  copiedTimer = window.setTimeout(() => {\n    copied.value = false\n    copiedTimer = null\n  }, 1200)\n\n  announce(t('gr.codeBlock.copied', 'Code copied'))\n  emit('copy', source.value)\n}\n\nconst copyLabel = computed(() => (\n  copied.value ? t('gr.codeBlock.copied', 'Code copied') : t('gr.codeBlock.copy', 'Copy code')\n))\n</script>\n\n<template>\n  <div data-gr-code-block :class=\"[codeBlockRootClass, showCopy ? codeBlockGutterClass : '']\">\n    <GrButton\n      v-if=\"showCopy\"\n      data-gr-code-block-copy\n      variant=\"ghost\"\n      size=\"xs\"\n      square\n      :class=\"codeBlockCopyClass\"\n      :aria-label=\"copyLabel\"\n      :title=\"copyLabel\"\n      @click=\"copy\"\n    >\n      <component :is=\"copied ? IconCheck : IconCopy\" class=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n    </GrButton>\n\n    <!--\n      Внутри `<pre>` пробелы значимы, и компилятор Vue их здесь не схлопывает:\n      любой перенос между тегами стал бы пустой строкой в коде. Поэтому\n      содержимое блока записано без переносов — строки разделяет `display: block`\n      у `.gr-code-block__line`, а не текстовый `\\n`.\n    -->\n    <pre\n      data-gr-code-block-scroll\n      :class=\"[preClass, resolvedLineNumbers ? numberedClass : '']\"\n      :style=\"scrollStyle\"\n      :tabindex=\"isScroller ? 0 : undefined\"\n      :role=\"ariaLabel ? 'region' : undefined\"\n      :aria-label=\"ariaLabel\"\n    ><code data-gr-code-block-code><span v-for=\"(tokens, index) in lines\" :key=\"index\" data-gr-code-block-line class=\"gr-code-block__line\"><span v-for=\"(token, tokenIndex) in tokens\" :key=\"tokenIndex\" :class=\"codeTokenClass[token.kind]\">{{ token.text }}</span></span></code></pre>\n  </div>\n</template>\n\n<style>\n/*\n * Номер строки — CSS-счётчик, а не текст в разметке. Разница не косметическая:\n * узел со `<span>2</span>` попадает в выделение мышью, и в буфер уезжает то,\n * что нельзя вставить обратно как код. У `::before` содержимого в DOM нет.\n *\n * Стиль глобальный, а не scoped: правило адресует псевдоэлемент строки, и\n * scoped-атрибут пришлось бы вешать на каждый из них.\n */\n:where(.gr-code-block__line) {\n  display: block;\n}\n\n:where(.gr-code-block--numbered) {\n  counter-reset: gr-code-line;\n}\n\n/*\n * Висячий отступ: строка сдвинута на ширину колонки номеров, а первая строка\n * возвращена назад отрицательным `text-indent` — туда и встаёт номер. Без этого\n * перенесённая при `wrap` строка начиналась бы под номером, а не под кодом.\n */\n:where(.gr-code-block--numbered .gr-code-block__line) {\n  padding-left: calc(var(--gr-code-block-line-number-width, 2.5em) + 1em);\n  text-indent: calc(-1 * (var(--gr-code-block-line-number-width, 2.5em) + 1em));\n}\n\n:where(.gr-code-block--numbered .gr-code-block__line)::before {\n  counter-increment: gr-code-line;\n  content: counter(gr-code-line);\n  display: inline-block;\n  width: var(--gr-code-block-line-number-width, 2.5em);\n  margin-right: 1em;\n  text-align: right;\n  text-indent: 0;\n  color: var(--gr-code-block-line-number, var(--gr-muted-fg));\n  user-select: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconCopy from '~icons/lucide/copy'\n\nimport { serializeCode } from './serializeCode'\nimport { tokenizeJson, type GrCodeToken } from './tokenizeJson'\nimport {\n  codeBlockCopyClass,\n  codeBlockGutterClass,\n  codeBlockHookClass,\n  codeBlockNowrapClass,\n  codeBlockNumberedClass as numberedClass,\n  codeBlockPaddings,\n  codeBlockRootClass,\n  codeBlockScrollClass,\n  codeBlockSurfaceClass,\n  codeBlockTextSizes,\n  codeBlockWrapClass,\n  codeTokenClass,\n} from './grCodeBlockStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrCodeToken, GrCodeTokenKind } from './tokenizeJson'\n\n/** Язык подсветки. Кроме JSON компонент ничего не разбирает — и не должен. */\nexport type GrCodeBlockLanguage = 'json' | 'text'\n\n/**\n * Блок сырого текста или JSON: моноширинный, с подсветкой, номерами строк и\n * копированием в буфер.\n *\n * Показывает, а не редактирует и не сворачивает узлы. Свёртка по узлам — задача\n * `GrJsonViewer`, дерево выбора — `GrTree`.\n */\nexport interface GrCodeBlockProps {\n  /** Строка или значение: объект сериализуется с отступом. */\n  code: unknown\n  language?: GrCodeBlockLanguage\n  /** Высота, после которой включается вертикальный скролл. */\n  maxHeight?: string | number\n  /** Кнопка копирования. Без защищённого контекста не рисуется вовсе. */\n  copyable?: boolean\n  /** Переносить длинные строки вместо горизонтальной прокрутки. */\n  wrap?: boolean\n  lineNumbers?: boolean\n  /** Имя области прокрутки. Безымянную скринридер объявляет просто «регион». */\n  ariaLabel?: string\n  size?: GrComponentSize\n}\n\nexport interface GrCodeBlockEmits {\n  /** Текст скопирован. Тост показывает потребитель: у блока своего места для него нет. */\n  (e: 'copy', code: string): void\n}\n\nconst props = withDefaults(defineProps<GrCodeBlockProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  language: 'json',\n  maxHeight: undefined,\n  copyable: undefined,\n  wrap: undefined,\n  lineNumbers: undefined,\n  ariaLabel: undefined,\n  size: undefined,\n})\n\nconst emit = defineEmits<GrCodeBlockEmits>()\n\nconst { t } = useGranularityTranslations()\nconst { announce } = useAnnouncer()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCodeBlock' })\nconst resolvedCopyable = useGrComponentProp('GrCodeBlock', 'copyable', () => props.copyable, true)\nconst resolvedWrap = useGrComponentProp('GrCodeBlock', 'wrap', () => props.wrap, false)\nconst resolvedLineNumbers = useGrComponentProp('GrCodeBlock', 'lineNumbers', () => props.lineNumbers, false)\n\n/** Единственный источник текста: он же рендерится, он же уходит в буфер. */\nconst source = computed(() => serializeCode(props.code))\n\n/**\n * Разбор идёт по строкам, а не по всему тексту: номер строки — CSS-счётчик, а\n * счётчику нужен элемент на строку. JSON-строка перенос не содержит (он в ней\n * экранирован), поэтому построчная токенизация ничего не рвёт.\n */\nconst lines = computed<GrCodeToken[][]>(() => {\n  const rows = source.value.split('\\n')\n\n  if (props.language !== 'json')\n    return rows.map(row => [{ text: row, kind: 'plain' as const }])\n\n  return rows.map(row => tokenizeJson(row))\n})\n\n/**\n * Блок — скроллер по конструкции, а не по замеру. Замер здесь означал бы\n * мигающую остановку `Tab` на каждой смене данных и загрузке шрифта; ни один\n * компонент пакета так не делает.\n */\nconst isScroller = computed(() => props.maxHeight !== undefined || !resolvedWrap.value)\n\nconst scrollStyle = computed(() => {\n  if (props.maxHeight === undefined)\n    return undefined\n\n  return { maxHeight: typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight }\n})\n\nconst preClass = computed(() => [\n  codeBlockHookClass,\n  codeBlockSurfaceClass,\n  codeBlockPaddings[resolvedSize.value],\n  codeBlockTextSizes[resolvedSize.value],\n  resolvedWrap.value ? codeBlockWrapClass : codeBlockNowrapClass,\n  isScroller.value ? codeBlockScrollClass : '',\n].filter(Boolean).join(' '))\n\n/**\n * Наличие буфера уточняется после монтирования: `navigator` в теле `setup` либо\n * роняет серверный рендер, либо расходится с ним. До этого момента кнопки нет —\n * ровно то же, что отдаёт сервер, поэтому гидрация совпадает.\n */\nconst canCopy = ref(false)\n\nonMounted(() => {\n  canCopy.value = typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function'\n})\n\nconst showCopy = computed(() => resolvedCopyable.value && canCopy.value)\n\nconst copied = ref(false)\nlet copiedTimer: number | null = null\n\nfunction resetCopiedTimer(): void {\n  if (copiedTimer !== null) {\n    clearTimeout(copiedTimer)\n    copiedTimer = null\n  }\n}\n\nonBeforeUnmount(resetCopiedTimer)\n\nasync function copy(): Promise<void> {\n  try {\n    // Копируется исходный текст, а не разметка: номера строк — CSS-счётчик,\n    // а мягкие переносы принадлежат показу, и вставить их обратно нельзя.\n    await navigator.clipboard.writeText(source.value)\n  }\n  catch {\n    announce(t('gr.codeBlock.copyFailed', 'Could not copy code'))\n    return\n  }\n\n  copied.value = true\n  resetCopiedTimer()\n  copiedTimer = window.setTimeout(() => {\n    copied.value = false\n    copiedTimer = null\n  }, 1200)\n\n  announce(t('gr.codeBlock.copied', 'Code copied'))\n  emit('copy', source.value)\n}\n\nconst copyLabel = computed(() => (\n  copied.value ? t('gr.codeBlock.copied', 'Code copied') : t('gr.codeBlock.copy', 'Copy code')\n))\n</script>\n\n<template>\n  <div data-gr-code-block :class=\"[codeBlockRootClass, showCopy ? codeBlockGutterClass : '']\">\n    <GrButton\n      v-if=\"showCopy\"\n      data-gr-code-block-copy\n      variant=\"ghost\"\n      size=\"xs\"\n      square\n      :class=\"codeBlockCopyClass\"\n      :aria-label=\"copyLabel\"\n      :title=\"copyLabel\"\n      @click=\"copy\"\n    >\n      <component :is=\"copied ? IconCheck : IconCopy\" class=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n    </GrButton>\n\n    <!--\n      Внутри `<pre>` пробелы значимы, и компилятор Vue их здесь не схлопывает:\n      любой перенос между тегами стал бы пустой строкой в коде. Поэтому\n      содержимое блока записано без переносов — строки разделяет `display: block`\n      у `.gr-code-block__line`, а не текстовый `\\n`.\n    -->\n    <pre\n      data-gr-code-block-scroll\n      :class=\"[preClass, resolvedLineNumbers ? numberedClass : '']\"\n      :style=\"scrollStyle\"\n      :tabindex=\"isScroller ? 0 : undefined\"\n      :role=\"ariaLabel ? 'region' : undefined\"\n      :aria-label=\"ariaLabel\"\n    ><code data-gr-code-block-code><span v-for=\"(tokens, index) in lines\" :key=\"index\" data-gr-code-block-line class=\"gr-code-block__line\"><span v-for=\"(token, tokenIndex) in tokens\" :key=\"tokenIndex\" :class=\"codeTokenClass[token.kind]\">{{ token.text }}</span></span></code></pre>\n  </div>\n</template>\n\n<style>\n/*\n * Номер строки — CSS-счётчик, а не текст в разметке. Разница не косметическая:\n * узел со `<span>2</span>` попадает в выделение мышью, и в буфер уезжает то,\n * что нельзя вставить обратно как код. У `::before` содержимого в DOM нет.\n *\n * Стиль глобальный, а не scoped: правило адресует псевдоэлемент строки, и\n * scoped-атрибут пришлось бы вешать на каждый из них.\n */\n:where(.gr-code-block__line) {\n  display: block;\n}\n\n:where(.gr-code-block--numbered) {\n  counter-reset: gr-code-line;\n}\n\n/*\n * Висячий отступ: строка сдвинута на ширину колонки номеров, а первая строка\n * возвращена назад отрицательным `text-indent` — туда и встаёт номер. Без этого\n * перенесённая при `wrap` строка начиналась бы под номером, а не под кодом.\n */\n:where(.gr-code-block--numbered .gr-code-block__line) {\n  padding-left: calc(var(--gr-code-block-line-number-width, 2.5em) + 1em);\n  text-indent: calc(-1 * (var(--gr-code-block-line-number-width, 2.5em) + 1em));\n}\n\n:where(.gr-code-block--numbered .gr-code-block__line)::before {\n  counter-increment: gr-code-line;\n  content: counter(gr-code-line);\n  display: inline-block;\n  width: var(--gr-code-block-line-number-width, 2.5em);\n  margin-right: 1em;\n  text-align: right;\n  text-indent: 0;\n  color: var(--gr-code-block-line-number, var(--gr-muted-fg));\n  user-select: none;\n}\n</style>\n"],"mappings":"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"}
+{"version":3,"file":"GrCodeBlock-BUOwKwQE.js","names":[],"sources":["../../../../src/components/GrCodeBlock/serializeCode.ts","../../../../src/components/GrCodeBlock/tokenizeJson.ts","../../../../src/components/GrCodeBlock/GrCodeBlock.vue","../../../../src/components/GrCodeBlock/GrCodeBlock.vue"],"sourcesContent":["/**\n * Приведение произвольного значения к тексту для показа.\n *\n * Компонент показывает данные из БД, и они бывают любыми: `unknown`-поле ответа\n * модели, `meta` запуска, тело ошибки. Поэтому сериализация обязана пережить всё\n * — уронить страницу она права не имеет.\n */\n\n/** Маркер повторной ссылки. Показывается вместо ветки, которая уже встречалась выше. */\nexport const CIRCULAR_MARKER = '[Circular]'\n\n/** Что печатается, когда сериализовать не удалось вовсе. */\nexport const UNSERIALIZABLE_MARKER = '[Unserializable]'\n\n/**\n * Замена значений, на которых штатный `JSON.stringify` спотыкается.\n *\n * Маркером помечается **повторная ссылка**, а не только настоящий цикл: объект,\n * положенный в дерево дважды, тоже её получит. Отличить одно от другого можно\n * лишь стеком предков, а `replacer` его не отдаёт — узнать, что обход вышел из\n * ветки, изнутри нечем. Размен осознанный: показать `[Circular]` там, где данные\n * просто переиспользуют объект, — неточность; зациклиться на настоящем цикле —\n * зависшая вкладка.\n */\nfunction createSafeReplacer(): (key: string, value: unknown) => unknown {\n  const seen = new WeakSet<object>()\n\n  return function safeReplacer(_key: string, value: unknown): unknown {\n    // `BigInt` не имеет представления в JSON, и `stringify` на нём бросает.\n    if (typeof value === 'bigint')\n      return `${value}n`\n\n    if (typeof value !== 'object' || value === null)\n      return value\n\n    if (seen.has(value))\n      return CIRCULAR_MARKER\n\n    seen.add(value)\n    return value\n  }\n}\n\n/**\n * Значение → текст.\n *\n * Строка проходит как есть: это уже готовый текст, и оборачивать его в кавычки\n * значило бы показать не то, что пришло. `undefined` даёт пустую строку —\n * показывать нечего. Всё остальное сериализуется с отступом.\n */\nexport function serializeCode(value: unknown, indent = 2): string {\n  if (typeof value === 'string')\n    return value\n  if (value === undefined)\n    return ''\n\n  try {\n    const serialized = JSON.stringify(value, createSafeReplacer(), indent)\n    // `stringify` отдаёт `undefined` на функции и символе — печатать «undefined»\n    // строкой было бы враньём про содержимое.\n    return serialized ?? ''\n  }\n  catch {\n    return UNSERIALIZABLE_MARKER\n  }\n}\n","/**\n * Токенизация JSON для подсветки.\n *\n * Своя, а не библиотечная: тянуть highlight.js ради четырёх ролей несоразмерно\n * — компонент показывает JSON и обычный текст, а не произвольные языки.\n *\n * Разбор посимвольный и **ничего не теряет**: пробелы, переносы и запятые тоже\n * становятся токенами. Отсюда инвариант, который держит тест: склейка `text`\n * всех токенов равна исходной строке. Любая потеря символа — сдвиг разметки.\n */\n\nexport type GrCodeTokenKind\n  /** Имя поля объекта: строка, за которой идёт двоеточие. */\n  = | 'key'\n    | 'string'\n    | 'number'\n  /** `true`, `false`, `null`. */\n    | 'literal'\n  /** Скобки, запятые, двоеточия. */\n    | 'punctuation'\n  /** Пробелы, переносы и всё, что не опознано. */\n    | 'plain'\n\nexport interface GrCodeToken {\n  text: string\n  kind: GrCodeTokenKind\n}\n\nconst PUNCTUATION = new Set(['{', '}', '[', ']', ',', ':'])\nconst LITERALS = ['true', 'false', 'null'] as const\n\n/** Строка от открывающей кавычки до закрывающей, с учётом экранирования. */\nfunction readString(source: string, start: number): number {\n  let index = start + 1\n\n  while (index < source.length) {\n    const char = source[index]\n\n    // Экранированная кавычка не закрывает строку: `\"a\\\":b\"` — одно значение,\n    // а не строка плюс мусор.\n    if (char === '\\\\') {\n      index += 2\n      continue\n    }\n\n    index += 1\n    if (char === '\"')\n      break\n  }\n\n  return index\n}\n\n/** Число целиком: знак, дробная часть, экспонента. */\nfunction readNumber(source: string, start: number): number {\n  let index = start\n\n  if (source[index] === '-')\n    index += 1\n  while (index < source.length && /[\\d.eE+-]/.test(source[index])) index += 1\n\n  return index\n}\n\n/** Первый непробельный символ после позиции — по нему строка отличается от ключа. */\nfunction nextMeaningful(source: string, from: number): string | undefined {\n  for (let index = from; index < source.length; index += 1) {\n    if (!/\\s/.test(source[index]))\n      return source[index]\n  }\n\n  return undefined\n}\n\nexport function tokenizeJson(source: string): GrCodeToken[] {\n  const tokens: GrCodeToken[] = []\n  let index = 0\n  let plainStart = 0\n\n  const flushPlain = (until: number): void => {\n    if (until > plainStart)\n      tokens.push({ text: source.slice(plainStart, until), kind: 'plain' })\n  }\n\n  while (index < source.length) {\n    const char = source[index]\n\n    if (char === '\"') {\n      flushPlain(index)\n      const end = readString(source, index)\n      // Ключ от строки отличает только идущее следом двоеточие.\n      const kind: GrCodeTokenKind = nextMeaningful(source, end) === ':' ? 'key' : 'string'\n      tokens.push({ text: source.slice(index, end), kind })\n      index = end\n      plainStart = index\n      continue\n    }\n\n    if (PUNCTUATION.has(char)) {\n      flushPlain(index)\n      tokens.push({ text: char, kind: 'punctuation' })\n      index += 1\n      plainStart = index\n      continue\n    }\n\n    if (char === '-' || (char >= '0' && char <= '9')) {\n      flushPlain(index)\n      const end = readNumber(source, index)\n      tokens.push({ text: source.slice(index, end), kind: 'number' })\n      index = end\n      plainStart = index\n      continue\n    }\n\n    const literal = LITERALS.find(candidate => source.startsWith(candidate, index))\n    if (literal) {\n      flushPlain(index)\n      tokens.push({ text: literal, kind: 'literal' })\n      index += literal.length\n      plainStart = index\n      continue\n    }\n\n    index += 1\n  }\n\n  flushPlain(source.length)\n\n  return tokens\n}\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconCopy from '~icons/lucide/copy'\n\nimport { serializeCode } from './serializeCode'\nimport { tokenizeJson, type GrCodeToken } from './tokenizeJson'\nimport {\n  codeBlockCopyClass,\n  codeBlockGutterClass,\n  codeBlockHookClass,\n  codeBlockNowrapClass,\n  codeBlockNumberedClass as numberedClass,\n  codeBlockPaddings,\n  codeBlockRootClass,\n  codeBlockScrollClass,\n  codeBlockSurfaceClass,\n  codeBlockTextSizes,\n  codeBlockWrapClass,\n  codeTokenClass,\n} from './grCodeBlockStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrCodeToken, GrCodeTokenKind } from './tokenizeJson'\n\n/** Язык подсветки. Кроме JSON компонент ничего не разбирает — и не должен. */\nexport type GrCodeBlockLanguage = 'json' | 'text'\n\n/**\n * Блок сырого текста или JSON: моноширинный, с подсветкой, номерами строк и\n * копированием в буфер.\n *\n * Показывает, а не редактирует и не сворачивает узлы. Свёртка по узлам — задача\n * `GrJsonViewer`, дерево выбора — `GrTree`.\n */\nexport interface GrCodeBlockProps {\n  /** Строка или значение: объект сериализуется с отступом. */\n  code: unknown\n  language?: GrCodeBlockLanguage\n  /** Высота, после которой включается вертикальный скролл. */\n  maxHeight?: string | number\n  /** Кнопка копирования. Без защищённого контекста не рисуется вовсе. */\n  copyable?: boolean\n  /** Переносить длинные строки вместо горизонтальной прокрутки. */\n  wrap?: boolean\n  lineNumbers?: boolean\n  /** Имя области прокрутки. Безымянную скринридер объявляет просто «регион». */\n  ariaLabel?: string\n  size?: GrComponentSize\n}\n\nexport interface GrCodeBlockEmits {\n  /** Текст скопирован. Тост показывает потребитель: у блока своего места для него нет. */\n  (e: 'copy', code: string): void\n}\n\nconst props = withDefaults(defineProps<GrCodeBlockProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  language: 'json',\n  maxHeight: undefined,\n  copyable: undefined,\n  wrap: undefined,\n  lineNumbers: undefined,\n  ariaLabel: undefined,\n  size: undefined,\n})\n\nconst emit = defineEmits<GrCodeBlockEmits>()\n\nconst { t } = useGranularityTranslations()\nconst { announce } = useAnnouncer()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCodeBlock' })\nconst resolvedCopyable = useGrComponentProp('GrCodeBlock', 'copyable', () => props.copyable, true)\nconst resolvedWrap = useGrComponentProp('GrCodeBlock', 'wrap', () => props.wrap, false)\nconst resolvedLineNumbers = useGrComponentProp('GrCodeBlock', 'lineNumbers', () => props.lineNumbers, false)\n\n/** Единственный источник текста: он же рендерится, он же уходит в буфер. */\nconst source = computed(() => serializeCode(props.code))\n\n/**\n * Разбор идёт по строкам, а не по всему тексту: номер строки — CSS-счётчик, а\n * счётчику нужен элемент на строку. JSON-строка перенос не содержит (он в ней\n * экранирован), поэтому построчная токенизация ничего не рвёт.\n */\nconst lines = computed<GrCodeToken[][]>(() => {\n  const rows = source.value.split('\\n')\n\n  if (props.language !== 'json')\n    return rows.map(row => [{ text: row, kind: 'plain' as const }])\n\n  return rows.map(row => tokenizeJson(row))\n})\n\n/**\n * Блок — скроллер по конструкции, а не по замеру. Замер здесь означал бы\n * мигающую остановку `Tab` на каждой смене данных и загрузке шрифта; ни один\n * компонент пакета так не делает.\n */\nconst isScroller = computed(() => props.maxHeight !== undefined || !resolvedWrap.value)\n\nconst scrollStyle = computed(() => {\n  if (props.maxHeight === undefined)\n    return undefined\n\n  return { maxHeight: typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight }\n})\n\nconst preClass = computed(() => [\n  codeBlockHookClass,\n  codeBlockSurfaceClass,\n  codeBlockPaddings[resolvedSize.value],\n  codeBlockTextSizes[resolvedSize.value],\n  resolvedWrap.value ? codeBlockWrapClass : codeBlockNowrapClass,\n  isScroller.value ? codeBlockScrollClass : '',\n].filter(Boolean).join(' '))\n\n/**\n * Наличие буфера уточняется после монтирования: `navigator` в теле `setup` либо\n * роняет серверный рендер, либо расходится с ним. До этого момента кнопки нет —\n * ровно то же, что отдаёт сервер, поэтому гидрация совпадает.\n */\nconst canCopy = ref(false)\n\nonMounted(() => {\n  canCopy.value = typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function'\n})\n\nconst showCopy = computed(() => resolvedCopyable.value && canCopy.value)\n\nconst copied = ref(false)\nlet copiedTimer: number | null = null\n\nfunction resetCopiedTimer(): void {\n  if (copiedTimer !== null) {\n    clearTimeout(copiedTimer)\n    copiedTimer = null\n  }\n}\n\nonBeforeUnmount(resetCopiedTimer)\n\nasync function copy(): Promise<void> {\n  try {\n    // Копируется исходный текст, а не разметка: номера строк — CSS-счётчик,\n    // а мягкие переносы принадлежат показу, и вставить их обратно нельзя.\n    await navigator.clipboard.writeText(source.value)\n  }\n  catch {\n    announce(t('gr.codeBlock.copyFailed', 'Could not copy code'))\n    return\n  }\n\n  copied.value = true\n  resetCopiedTimer()\n  copiedTimer = window.setTimeout(() => {\n    copied.value = false\n    copiedTimer = null\n  }, 1200)\n\n  announce(t('gr.codeBlock.copied', 'Code copied'))\n  emit('copy', source.value)\n}\n\nconst copyLabel = computed(() => (\n  copied.value ? t('gr.codeBlock.copied', 'Code copied') : t('gr.codeBlock.copy', 'Copy code')\n))\n</script>\n\n<template>\n  <div data-gr-code-block :class=\"[codeBlockRootClass, showCopy ? codeBlockGutterClass : '']\">\n    <GrButton\n      v-if=\"showCopy\"\n      data-gr-code-block-copy\n      variant=\"ghost\"\n      size=\"xs\"\n      square\n      :class=\"codeBlockCopyClass\"\n      :aria-label=\"copyLabel\"\n      :title=\"copyLabel\"\n      @click=\"copy\"\n    >\n      <component :is=\"copied ? IconCheck : IconCopy\" class=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n    </GrButton>\n\n    <!--\n      Внутри `<pre>` пробелы значимы, и компилятор Vue их здесь не схлопывает:\n      любой перенос между тегами стал бы пустой строкой в коде. Поэтому\n      содержимое блока записано без переносов — строки разделяет `display: block`\n      у `.gr-code-block__line`, а не текстовый `\\n`.\n    -->\n    <pre\n      data-gr-code-block-scroll\n      :class=\"[preClass, resolvedLineNumbers ? numberedClass : '']\"\n      :style=\"scrollStyle\"\n      :tabindex=\"isScroller ? 0 : undefined\"\n      :role=\"ariaLabel ? 'region' : undefined\"\n      :aria-label=\"ariaLabel\"\n    ><code data-gr-code-block-code><span v-for=\"(tokens, index) in lines\" :key=\"index\" data-gr-code-block-line class=\"gr-code-block__line\"><span v-for=\"(token, tokenIndex) in tokens\" :key=\"tokenIndex\" :class=\"codeTokenClass[token.kind]\">{{ token.text }}</span></span></code></pre>\n  </div>\n</template>\n\n<style>\n/*\n * Номер строки — CSS-счётчик, а не текст в разметке. Разница не косметическая:\n * узел со `<span>2</span>` попадает в выделение мышью, и в буфер уезжает то,\n * что нельзя вставить обратно как код. У `::before` содержимого в DOM нет.\n *\n * Стиль глобальный, а не scoped: правило адресует псевдоэлемент строки, и\n * scoped-атрибут пришлось бы вешать на каждый из них.\n */\n:where(.gr-code-block__line) {\n  display: block;\n}\n\n:where(.gr-code-block--numbered) {\n  counter-reset: gr-code-line;\n}\n\n/*\n * Висячий отступ: строка сдвинута на ширину колонки номеров, а первая строка\n * возвращена назад отрицательным `text-indent` — туда и встаёт номер. Без этого\n * перенесённая при `wrap` строка начиналась бы под номером, а не под кодом.\n */\n:where(.gr-code-block--numbered .gr-code-block__line) {\n  padding-left: calc(var(--gr-code-block-line-number-width, 2.5em) + 1em);\n  text-indent: calc(-1 * (var(--gr-code-block-line-number-width, 2.5em) + 1em));\n}\n\n:where(.gr-code-block--numbered .gr-code-block__line)::before {\n  counter-increment: gr-code-line;\n  content: counter(gr-code-line);\n  display: inline-block;\n  width: var(--gr-code-block-line-number-width, 2.5em);\n  margin-right: 1em;\n  text-align: right;\n  text-indent: 0;\n  color: var(--gr-code-block-line-number, var(--gr-muted-fg));\n  user-select: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconCopy from '~icons/lucide/copy'\n\nimport { serializeCode } from './serializeCode'\nimport { tokenizeJson, type GrCodeToken } from './tokenizeJson'\nimport {\n  codeBlockCopyClass,\n  codeBlockGutterClass,\n  codeBlockHookClass,\n  codeBlockNowrapClass,\n  codeBlockNumberedClass as numberedClass,\n  codeBlockPaddings,\n  codeBlockRootClass,\n  codeBlockScrollClass,\n  codeBlockSurfaceClass,\n  codeBlockTextSizes,\n  codeBlockWrapClass,\n  codeTokenClass,\n} from './grCodeBlockStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrCodeToken, GrCodeTokenKind } from './tokenizeJson'\n\n/** Язык подсветки. Кроме JSON компонент ничего не разбирает — и не должен. */\nexport type GrCodeBlockLanguage = 'json' | 'text'\n\n/**\n * Блок сырого текста или JSON: моноширинный, с подсветкой, номерами строк и\n * копированием в буфер.\n *\n * Показывает, а не редактирует и не сворачивает узлы. Свёртка по узлам — задача\n * `GrJsonViewer`, дерево выбора — `GrTree`.\n */\nexport interface GrCodeBlockProps {\n  /** Строка или значение: объект сериализуется с отступом. */\n  code: unknown\n  language?: GrCodeBlockLanguage\n  /** Высота, после которой включается вертикальный скролл. */\n  maxHeight?: string | number\n  /** Кнопка копирования. Без защищённого контекста не рисуется вовсе. */\n  copyable?: boolean\n  /** Переносить длинные строки вместо горизонтальной прокрутки. */\n  wrap?: boolean\n  lineNumbers?: boolean\n  /** Имя области прокрутки. Безымянную скринридер объявляет просто «регион». */\n  ariaLabel?: string\n  size?: GrComponentSize\n}\n\nexport interface GrCodeBlockEmits {\n  /** Текст скопирован. Тост показывает потребитель: у блока своего места для него нет. */\n  (e: 'copy', code: string): void\n}\n\nconst props = withDefaults(defineProps<GrCodeBlockProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем компонент\n  // заглянет в `GrConfigProvider`.\n  language: 'json',\n  maxHeight: undefined,\n  copyable: undefined,\n  wrap: undefined,\n  lineNumbers: undefined,\n  ariaLabel: undefined,\n  size: undefined,\n})\n\nconst emit = defineEmits<GrCodeBlockEmits>()\n\nconst { t } = useGranularityTranslations()\nconst { announce } = useAnnouncer()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCodeBlock' })\nconst resolvedCopyable = useGrComponentProp('GrCodeBlock', 'copyable', () => props.copyable, true)\nconst resolvedWrap = useGrComponentProp('GrCodeBlock', 'wrap', () => props.wrap, false)\nconst resolvedLineNumbers = useGrComponentProp('GrCodeBlock', 'lineNumbers', () => props.lineNumbers, false)\n\n/** Единственный источник текста: он же рендерится, он же уходит в буфер. */\nconst source = computed(() => serializeCode(props.code))\n\n/**\n * Разбор идёт по строкам, а не по всему тексту: номер строки — CSS-счётчик, а\n * счётчику нужен элемент на строку. JSON-строка перенос не содержит (он в ней\n * экранирован), поэтому построчная токенизация ничего не рвёт.\n */\nconst lines = computed<GrCodeToken[][]>(() => {\n  const rows = source.value.split('\\n')\n\n  if (props.language !== 'json')\n    return rows.map(row => [{ text: row, kind: 'plain' as const }])\n\n  return rows.map(row => tokenizeJson(row))\n})\n\n/**\n * Блок — скроллер по конструкции, а не по замеру. Замер здесь означал бы\n * мигающую остановку `Tab` на каждой смене данных и загрузке шрифта; ни один\n * компонент пакета так не делает.\n */\nconst isScroller = computed(() => props.maxHeight !== undefined || !resolvedWrap.value)\n\nconst scrollStyle = computed(() => {\n  if (props.maxHeight === undefined)\n    return undefined\n\n  return { maxHeight: typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight }\n})\n\nconst preClass = computed(() => [\n  codeBlockHookClass,\n  codeBlockSurfaceClass,\n  codeBlockPaddings[resolvedSize.value],\n  codeBlockTextSizes[resolvedSize.value],\n  resolvedWrap.value ? codeBlockWrapClass : codeBlockNowrapClass,\n  isScroller.value ? codeBlockScrollClass : '',\n].filter(Boolean).join(' '))\n\n/**\n * Наличие буфера уточняется после монтирования: `navigator` в теле `setup` либо\n * роняет серверный рендер, либо расходится с ним. До этого момента кнопки нет —\n * ровно то же, что отдаёт сервер, поэтому гидрация совпадает.\n */\nconst canCopy = ref(false)\n\nonMounted(() => {\n  canCopy.value = typeof navigator !== 'undefined' && typeof navigator.clipboard?.writeText === 'function'\n})\n\nconst showCopy = computed(() => resolvedCopyable.value && canCopy.value)\n\nconst copied = ref(false)\nlet copiedTimer: number | null = null\n\nfunction resetCopiedTimer(): void {\n  if (copiedTimer !== null) {\n    clearTimeout(copiedTimer)\n    copiedTimer = null\n  }\n}\n\nonBeforeUnmount(resetCopiedTimer)\n\nasync function copy(): Promise<void> {\n  try {\n    // Копируется исходный текст, а не разметка: номера строк — CSS-счётчик,\n    // а мягкие переносы принадлежат показу, и вставить их обратно нельзя.\n    await navigator.clipboard.writeText(source.value)\n  }\n  catch {\n    announce(t('gr.codeBlock.copyFailed', 'Could not copy code'))\n    return\n  }\n\n  copied.value = true\n  resetCopiedTimer()\n  copiedTimer = window.setTimeout(() => {\n    copied.value = false\n    copiedTimer = null\n  }, 1200)\n\n  announce(t('gr.codeBlock.copied', 'Code copied'))\n  emit('copy', source.value)\n}\n\nconst copyLabel = computed(() => (\n  copied.value ? t('gr.codeBlock.copied', 'Code copied') : t('gr.codeBlock.copy', 'Copy code')\n))\n</script>\n\n<template>\n  <div data-gr-code-block :class=\"[codeBlockRootClass, showCopy ? codeBlockGutterClass : '']\">\n    <GrButton\n      v-if=\"showCopy\"\n      data-gr-code-block-copy\n      variant=\"ghost\"\n      size=\"xs\"\n      square\n      :class=\"codeBlockCopyClass\"\n      :aria-label=\"copyLabel\"\n      :title=\"copyLabel\"\n      @click=\"copy\"\n    >\n      <component :is=\"copied ? IconCheck : IconCopy\" class=\"h-3.5 w-3.5\" aria-hidden=\"true\" />\n    </GrButton>\n\n    <!--\n      Внутри `<pre>` пробелы значимы, и компилятор Vue их здесь не схлопывает:\n      любой перенос между тегами стал бы пустой строкой в коде. Поэтому\n      содержимое блока записано без переносов — строки разделяет `display: block`\n      у `.gr-code-block__line`, а не текстовый `\\n`.\n    -->\n    <pre\n      data-gr-code-block-scroll\n      :class=\"[preClass, resolvedLineNumbers ? numberedClass : '']\"\n      :style=\"scrollStyle\"\n      :tabindex=\"isScroller ? 0 : undefined\"\n      :role=\"ariaLabel ? 'region' : undefined\"\n      :aria-label=\"ariaLabel\"\n    ><code data-gr-code-block-code><span v-for=\"(tokens, index) in lines\" :key=\"index\" data-gr-code-block-line class=\"gr-code-block__line\"><span v-for=\"(token, tokenIndex) in tokens\" :key=\"tokenIndex\" :class=\"codeTokenClass[token.kind]\">{{ token.text }}</span></span></code></pre>\n  </div>\n</template>\n\n<style>\n/*\n * Номер строки — CSS-счётчик, а не текст в разметке. Разница не косметическая:\n * узел со `<span>2</span>` попадает в выделение мышью, и в буфер уезжает то,\n * что нельзя вставить обратно как код. У `::before` содержимого в DOM нет.\n *\n * Стиль глобальный, а не scoped: правило адресует псевдоэлемент строки, и\n * scoped-атрибут пришлось бы вешать на каждый из них.\n */\n:where(.gr-code-block__line) {\n  display: block;\n}\n\n:where(.gr-code-block--numbered) {\n  counter-reset: gr-code-line;\n}\n\n/*\n * Висячий отступ: строка сдвинута на ширину колонки номеров, а первая строка\n * возвращена назад отрицательным `text-indent` — туда и встаёт номер. Без этого\n * перенесённая при `wrap` строка начиналась бы под номером, а не под кодом.\n */\n:where(.gr-code-block--numbered .gr-code-block__line) {\n  padding-left: calc(var(--gr-code-block-line-number-width, 2.5em) + 1em);\n  text-indent: calc(-1 * (var(--gr-code-block-line-number-width, 2.5em) + 1em));\n}\n\n:where(.gr-code-block--numbered .gr-code-block__line)::before {\n  counter-increment: gr-code-line;\n  content: counter(gr-code-line);\n  display: inline-block;\n  width: var(--gr-code-block-line-number-width, 2.5em);\n  margin-right: 1em;\n  text-align: right;\n  text-indent: 0;\n  color: var(--gr-code-block-line-number, var(--gr-muted-fg));\n  user-select: none;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrCodeBlock/index.js

@@ -1,3 +1,3 @@
-import { t as GrCodeBlock_default } from "./chunks/GrCodeBlock-Dp0eEBTZ.js";
+import { t as GrCodeBlock_default } from "./chunks/GrCodeBlock-BUOwKwQE.js";
 import { n as grCodeBlockSafelist, t as grCodeBlockConfig } from "../../chunks/config-DolULhjJ.js";
 export { GrCodeBlock_default as GrCodeBlock, GrCodeBlock_default as default, grCodeBlockConfig, grCodeBlockSafelist };

package/dist/components/GrCollapse/chunks/{GrCollapse-BlW6ybdL.js → GrCollapse-DWH3QAnU.js}

@@ -1,8 +1,8 @@
-import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-Dmf0c9ba.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-DTZIgmje.js";
 import { t as chevron_down_default } from "../../../chunks/chevron-down-CQS2OG_s.js";
-import { t as GrCard_default } from "../../GrCard/chunks/GrCard-BttXz1pQ.js";
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-Ck5--lMF.js";
 import { n as hasMeaningfulSlotContent } from "../../../chunks/slotNodes-DxNXpC7v.js";
 import { a as grCollapseBodyClass, c as grCollapseHeaderClass, i as collapseExtraPaddings, l as grCollapseRowClass, o as grCollapseChevronClass, r as collapseChevronSizes, s as grCollapseEmptyClass, u as grCollapseTitleClass } from "../../../chunks/config-BoUI0t-t.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, inject, normalizeClass, openBlock, provide, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, useSlots, withCtx } from "vue";
@@ -101,7 +101,7 @@ var GrCollapse_default = /* @__PURE__ */ defineComponent({
 				awaitingGuard.delete(name);
 			}
 		}
-		provide(GR_COLLAPSE_CONTEXT, {
+		const context = {
 			accordion: computed(() => props.accordion),
 			disabled: computed(() => props.disabled),
 			size: resolvedSize,
@@ -111,7 +111,8 @@ var GrCollapse_default = /* @__PURE__ */ defineComponent({
 			toggle: (name) => {
 				toggle(name);
 			}
-		});
+		};
+		provide(GR_COLLAPSE_CONTEXT, context);
 		return (_ctx, _cache) => {
 			return !unref(borderless) ? (openBlock(), createBlock(unref(GrCard_default), {
 				key: 0,

package/dist/components/GrCollapse/chunks/{GrCollapse-BlW6ybdL.js.map → GrCollapse-DWH3QAnU.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrCollapse-BlW6ybdL.js","names":["$slots"],"sources":["../../../../src/components/GrCollapse/grCollapseContext.ts","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrCollapseValue = string | number\n\nexport type GrCollapseModelValue = GrCollapseValue | GrCollapseValue[] | undefined\n\n/**\n * Уровень заголовка секции. APG для accordion требует, чтобы он соответствовал\n * структуре страницы: аккордеон в разделе `<h4>` с захардкоженным `<h3>` рвёт\n * навигацию по заголовкам.\n */\nexport const GR_COLLAPSE_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrCollapseHeadingLevel = typeof GR_COLLAPSE_HEADING_LEVELS[number]\n\n/** Сторона шеврона относительно заголовка — логическая, не физическая (RTL). */\nexport const GR_COLLAPSE_ICON_POSITIONS = ['start', 'end'] as const\n\nexport type GrCollapseIconPosition = typeof GR_COLLAPSE_ICON_POSITIONS[number]\n\n/**\n * Async-guard на переключение секции: `false` отменяет его. Второй аргумент —\n * куда идёт секция (`true` — раскрывается), чтобы «сохранить изменения?»\n * спрашивалось только на сворачивании.\n */\nexport type GrCollapseBeforeChange = (\n  name: GrCollapseValue,\n  expanding: boolean,\n) => boolean | void | Promise<boolean | void>\n\nexport type GrCollapseContext = {\n  accordion: ComputedRef<boolean>\n  disabled: ComputedRef<boolean>\n  size: ComputedRef<GrComponentSize>\n  headingLevel: ComputedRef<GrCollapseHeadingLevel>\n  expandIconPosition: ComputedRef<GrCollapseIconPosition>\n  isActive: (name: GrCollapseValue) => boolean\n  toggle: (name: GrCollapseValue) => void\n}\n\nexport const GR_COLLAPSE_CONTEXT: InjectionKey<GrCollapseContext> = Symbol('GR_COLLAPSE_CONTEXT')\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction applyToggle(name: GrCollapseValue): void {\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction applyToggle(name: GrCollapseValue): void {\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst uid = useId()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0) {\n    return\n  }\n\n  const target = edge === 'start' ? triggers[0] : triggers.at(-1)\n  target?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n\ndefineSlots<{\n  /** Содержимое секции. */\n  default?: () => any\n  /** Заголовок секции вместо пропа `title`. */\n  title?: () => any\n  /** Иконка-указатель вместо шеврона. */\n  icon?: () => any\n  /** Управление справа в заголовке: счётчик, переключатель, кнопка. */\n  extra?: () => any\n}>()\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n\n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n\n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst uid = useId()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0) {\n    return\n  }\n\n  const target = edge === 'start' ? triggers[0] : triggers.at(-1)\n  target?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n\ndefineSlots<{\n  /** Содержимое секции. */\n  default?: () => any\n  /** Заголовок секции вместо пропа `title`. */\n  title?: () => any\n  /** Иконка-указатель вместо шеврона. */\n  icon?: () => any\n  /** Управление справа в заголовке: счётчик, переключатель, кнопка. */\n  extra?: () => any\n}>()\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n\n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n\n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrCollapse-DWH3QAnU.js","names":["$slots"],"sources":["../../../../src/components/GrCollapse/grCollapseContext.ts","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapse.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue","../../../../src/components/GrCollapse/GrCollapseItem.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type GrCollapseValue = string | number\n\nexport type GrCollapseModelValue = GrCollapseValue | GrCollapseValue[] | undefined\n\n/**\n * Уровень заголовка секции. APG для accordion требует, чтобы он соответствовал\n * структуре страницы: аккордеон в разделе `<h4>` с захардкоженным `<h3>` рвёт\n * навигацию по заголовкам.\n */\nexport const GR_COLLAPSE_HEADING_LEVELS = [2, 3, 4, 5, 6] as const\n\nexport type GrCollapseHeadingLevel = typeof GR_COLLAPSE_HEADING_LEVELS[number]\n\n/** Сторона шеврона относительно заголовка — логическая, не физическая (RTL). */\nexport const GR_COLLAPSE_ICON_POSITIONS = ['start', 'end'] as const\n\nexport type GrCollapseIconPosition = typeof GR_COLLAPSE_ICON_POSITIONS[number]\n\n/**\n * Async-guard на переключение секции: `false` отменяет его. Второй аргумент —\n * куда идёт секция (`true` — раскрывается), чтобы «сохранить изменения?»\n * спрашивалось только на сворачивании.\n */\nexport type GrCollapseBeforeChange = (\n  name: GrCollapseValue,\n  expanding: boolean,\n) => boolean | void | Promise<boolean | void>\n\nexport type GrCollapseContext = {\n  accordion: ComputedRef<boolean>\n  disabled: ComputedRef<boolean>\n  size: ComputedRef<GrComponentSize>\n  headingLevel: ComputedRef<GrCollapseHeadingLevel>\n  expandIconPosition: ComputedRef<GrCollapseIconPosition>\n  isActive: (name: GrCollapseValue) => boolean\n  toggle: (name: GrCollapseValue) => void\n}\n\nexport const GR_COLLAPSE_CONTEXT: InjectionKey<GrCollapseContext> = Symbol('GR_COLLAPSE_CONTEXT')\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction applyToggle(name: GrCollapseValue): void {\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, provide, useSlots } from 'vue'\n\nimport GrCard from '../GrCard'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { grCollapseEmptyClass } from './grCollapseStyles'\n\nimport {\n  GR_COLLAPSE_CONTEXT,\n  type GrCollapseBeforeChange,\n  type GrCollapseContext,\n  type GrCollapseHeadingLevel,\n  type GrCollapseIconPosition,\n  type GrCollapseModelValue,\n  type GrCollapseValue,\n} from './grCollapseContext'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nimport './defaults'\n\n/**\n * GrCollapse — контейнер секций `GrCollapseItem`.\n *\n * @prop modelValue — открытые секции. В `accordion`-режиме — `string|number|undefined`, иначе — массив значений.\n * @prop accordion — режим, когда одновременно может быть открыта только одна секция.\n * @prop disabled — блокирует взаимодействие со всеми секциями.\n * @prop divided — разделители между секциями.\n * @prop borderless — без обёртки в `GrCard`: аккордеон внутри карточки или сайдбара\n *   иначе получает вторую рамку и вторую тень.\n * @prop beforeChange — async-guard: `false` отменяет переключение.\n */\nexport interface GrCollapseProps {\n  modelValue?: GrCollapseModelValue\n  accordion?: boolean\n  disabled?: boolean\n  divided?: boolean\n  borderless?: boolean\n  /** Уровень заголовков секций (`h2`…`h6`) — под структуру страницы. */\n  headingLevel?: GrCollapseHeadingLevel\n  /** Сторона шеврона относительно заголовка. */\n  expandIconPosition?: GrCollapseIconPosition\n  beforeChange?: GrCollapseBeforeChange\n  /** Размер секций. Не задан — берётся из `GrConfigProvider`, иначе `md`. */\n  size?: GrComponentSize\n  /**\n   * Пусто ли. Не задан — считается по содержимому: аккордеон без секций\n   * показывает заглушку вместо пустой рамки. `false` подавляет автоопределение —\n   * например, когда секции приезжают асинхронно и мигать текстом не надо.\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n}\n\nexport interface GrCollapseEmits {\n  (e: 'update:modelValue', value: GrCollapseModelValue): void\n  (e: 'change', value: GrCollapseModelValue): void\n}\n\n// Дефолты оформления намеренно `undefined`: «настоящий» дефолт живёт в\n// `useGrComponentProp`, иначе `GrConfigProvider` не отличит заданный пользователем\n// проп от подставленного Vue.\nconst props = withDefaults(defineProps<GrCollapseProps>(), {\n  modelValue: undefined,\n  accordion: false,\n  disabled: false,\n  divided: undefined,\n  borderless: undefined,\n  headingLevel: undefined,\n  expandIconPosition: undefined,\n  beforeChange: undefined,\n  size: undefined,\n  empty: undefined,\n  emptyText: undefined,\n})\n\nconst emit = defineEmits<GrCollapseEmits>()\n\ndefineSlots<{\n  /** Секции аккордеона (`GrCollapseItem`). */\n  default?: () => any\n  /** Содержимое пустого состояния вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrCollapse' })\nconst divided = useGrComponentProp('GrCollapse', 'divided', () => props.divided, true)\nconst borderless = useGrComponentProp('GrCollapse', 'borderless', () => props.borderless, false)\nconst headingLevel = useGrComponentProp('GrCollapse', 'headingLevel', () => props.headingLevel, 3)\nconst expandIconPosition = useGrComponentProp('GrCollapse', 'expandIconPosition', () => props.expandIconPosition, 'end')\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.collapse.empty', 'Nothing here yet'))\n\n/**\n * Пустоту считает общий разборщик слота: `v-for` приходит фрагментом, `v-if`\n * оставляет после себя комментарий, а шаблон — переносы строк, и всё это не\n * содержимое.\n */\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst activeSet = computed(() => {\n  const value = props.modelValue\n\n  if (props.accordion) {\n    if (typeof value === 'string' || typeof value === 'number') {\n      return new Set<GrCollapseValue>([value])\n    }\n\n    return new Set<GrCollapseValue>()\n  }\n\n  if (Array.isArray(value)) {\n    return new Set<GrCollapseValue>(value)\n  }\n\n  if (typeof value === 'string' || typeof value === 'number') {\n    return new Set<GrCollapseValue>([value])\n  }\n\n  return new Set<GrCollapseValue>()\n})\n\nfunction setModelValue(next: GrCollapseModelValue): void {\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction applyToggle(name: GrCollapseValue): void {\n  if (props.accordion) {\n    const next = activeSet.value.has(name) ? undefined : name\n    setModelValue(next)\n    return\n  }\n\n  const current = Array.isArray(props.modelValue)\n    ? [...props.modelValue]\n    : typeof props.modelValue === 'string' || typeof props.modelValue === 'number'\n      ? [props.modelValue]\n      : []\n\n  const exists = current.includes(name)\n  const next = exists\n    ? current.filter(x => x !== name)\n    : [...current, name]\n\n  setModelValue(next)\n}\n\n// Секции, у которых guard ещё не ответил. Без этого повторный клик по заголовку\n// уходил бы во второй `beforeChange`, и после двух «да» состояние переключилось\n// бы дважды — то есть вернулось бы к исходному.\nconst awaitingGuard = new Set<GrCollapseValue>()\n\nasync function toggle(name: GrCollapseValue): Promise<void> {\n  if (props.disabled || awaitingGuard.has(name))\n    return\n\n  if (!props.beforeChange) {\n    applyToggle(name)\n    return\n  }\n\n  awaitingGuard.add(name)\n  try {\n    if (await props.beforeChange(name, !activeSet.value.has(name)) === false)\n      return\n\n    applyToggle(name)\n  }\n  finally {\n    awaitingGuard.delete(name)\n  }\n}\n\nconst context: GrCollapseContext = {\n  accordion: computed(() => props.accordion),\n  disabled: computed(() => props.disabled),\n  size: resolvedSize,\n  headingLevel,\n  expandIconPosition,\n  isActive: name => activeSet.value.has(name),\n  toggle: (name) => { void toggle(name) },\n}\n\nprovide(GR_COLLAPSE_CONTEXT, context)\n</script>\n\n<template>\n  <GrCard v-if=\"!borderless\" data-gr-collapse>\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <div v-else :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\">\n      <slot />\n    </div>\n  </GrCard>\n\n  <!-- Разделители остаются на корне: без обёртки в карточку он и есть список\n       секций, и лишний уровень вложенности сдвинул бы вёрстку потребителя. -->\n  <div\n    v-else\n    data-gr-collapse\n    :class=\"divided ? 'divide-y divide-[var(--gr-brd)]' : ''\"\n  >\n    <div\n      v-if=\"isEmpty\"\n      data-gr-collapse-empty\n      :class=\"grCollapseEmptyClass(resolvedSize)\"\n    >\n      <slot name=\"empty\">\n        {{ resolvedEmptyText }}\n      </slot>\n    </div>\n\n    <slot v-else />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst uid = useId()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0) {\n    return\n  }\n\n  const target = edge === 'start' ? triggers[0] : triggers.at(-1)\n  target?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n\ndefineSlots<{\n  /** Содержимое секции. */\n  default?: () => any\n  /** Заголовок секции вместо пропа `title`. */\n  title?: () => any\n  /** Иконка-указатель вместо шеврона. */\n  icon?: () => any\n  /** Управление справа в заголовке: счётчик, переключатель, кнопка. */\n  extra?: () => any\n}>()\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n\n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n\n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport ChevronDownIcon from '~icons/lucide/chevron-down'\nimport { computed, inject, ref, useId } from 'vue'\n\nimport GrIcon from '../GrIcon'\n\nimport { GR_COLLAPSE_CONTEXT, type GrCollapseValue } from './grCollapseContext'\nimport {\n  collapseChevronSizes,\n  collapseExtraPaddings,\n  grCollapseBodyClass,\n  grCollapseChevronClass,\n  grCollapseHeaderClass,\n  grCollapseRowClass,\n  grCollapseTitleClass,\n} from './grCollapseStyles'\n\n/**\n * GrCollapseItem — одна секция `GrCollapse`. Должна использоваться строго внутри `GrCollapse`.\n *\n * @prop name — уникальный идентификатор секции (для `v-model` у `GrCollapse`); по умолчанию генерируется из `uid`.\n * @prop title — текст заголовка; можно заменить слотом `#title`.\n * @prop disabled — запрещает раскрытие/сворачивание секции.\n *\n * Слот `#extra` (счётчик, бейдж, кнопка) рендерится **рядом с** триггером, а не\n * внутри него: `<button>` внутри `<button>` — невалидная разметка, а axe ловит\n * это как `nested-interactive`.\n */\nexport interface GrCollapseItemProps {\n  name?: GrCollapseValue\n  title?: string\n  disabled?: boolean\n}\n\nconst props = withDefaults(defineProps<GrCollapseItemProps>(), {\n  name: undefined,\n  title: undefined,\n  disabled: false,\n})\n\nconst collapse = inject(GR_COLLAPSE_CONTEXT)\n\nif (!collapse) {\n  throw new Error('GrCollapseItem must be used inside GrCollapse')\n}\n\nconst collapseContext = collapse\n\nconst uid = useId()\n\nconst resolvedName = computed<GrCollapseValue>(() => {\n  if (typeof props.name === 'string' || typeof props.name === 'number')\n    return props.name\n\n  return uid\n})\n\nconst resolvedDisabled = computed(() => collapseContext.disabled.value || props.disabled)\nconst expanded = computed(() => collapseContext.isActive(resolvedName.value))\n\nconst headingTag = computed(() => `h${collapseContext.headingLevel.value}`)\nconst iconAtStart = computed(() => collapseContext.expandIconPosition.value === 'start')\n\nconst rowClassName = computed(() => grCollapseRowClass(resolvedDisabled.value))\nconst headerClassName = computed(() => grCollapseHeaderClass({\n  size: collapseContext.size.value,\n  disabled: resolvedDisabled.value,\n}))\nconst extraClassName = computed(() => collapseExtraPaddings[collapseContext.size.value])\nconst titleClassName = computed(() => grCollapseTitleClass(collapseContext.size.value))\nconst bodyClassName = computed(() => grCollapseBodyClass(collapseContext.size.value))\nconst chevronClassName = computed(() => grCollapseChevronClass(expanded.value))\nconst chevronSize = computed(() => collapseChevronSizes[collapseContext.size.value])\n\n// Свёрнутая панель схлопывается визуально (`grid-rows-[0fr]`), но это не\n// скрытие: без `inert` ссылки и кнопки внутри неё ловятся Tab'ом, фокус уезжает\n// в невидимую область нулевой высоты, а скринридер читает содержимое всех\n// закрытых секций подряд — прямо вопреки `aria-expanded=\"false\"` на триггере.\n// `inert` убирает поддерево и из таб-порядка, и из дерева доступности, при этом\n// (в отличие от `hidden`/`display:none`) не ломает анимацию раскрытия.\nconst headerId = `gr-collapse-header-${uid}`\nconst panelId = `gr-collapse-panel-${uid}`\n\nconst triggerEl = ref<HTMLElement | null>(null)\n\nfunction onToggle(): void {\n  if (resolvedDisabled.value)\n    return\n\n  collapseContext.toggle(resolvedName.value)\n}\n\n/**\n * Только заголовки **своего** аккордеона: вложенный `GrCollapse` внутри\n * раскрытой панели тоже помечен `[data-gr-collapse]`, и без фильтра стрелки\n * внешнего аккордеона перескакивали бы на заголовки внутреннего.\n */\nfunction getAllTriggers(): HTMLElement[] {\n  const root = triggerEl.value?.closest('[data-gr-collapse]')\n  if (!root)\n    return []\n\n  const triggers = Array.prototype.slice.call(\n    root.querySelectorAll<HTMLElement>('[data-gr-collapse-trigger]'),\n  ) as HTMLElement[]\n\n  return triggers.filter(trigger => trigger.closest('[data-gr-collapse]') === root)\n}\n\nfunction focusRelative(direction: 1 | -1): void {\n  const current = triggerEl.value\n  if (!current)\n    return\n\n  const triggers = getAllTriggers()\n  const index = triggers.indexOf(current)\n  if (index === -1 || triggers.length === 0)\n    return\n\n  const nextIndex = (index + direction + triggers.length) % triggers.length\n  triggers[nextIndex]?.focus()\n}\n\nfunction focusEdge(edge: 'start' | 'end'): void {\n  const triggers = getAllTriggers()\n  if (triggers.length === 0) {\n    return\n  }\n\n  const target = edge === 'start' ? triggers[0] : triggers.at(-1)\n  target?.focus()\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (event.key === 'ArrowDown') {\n    event.preventDefault()\n    focusRelative(1)\n    return\n  }\n\n  if (event.key === 'ArrowUp') {\n    event.preventDefault()\n    focusRelative(-1)\n    return\n  }\n\n  if (event.key === 'Home') {\n    event.preventDefault()\n    focusEdge('start')\n    return\n  }\n\n  if (event.key === 'End') {\n    event.preventDefault()\n    focusEdge('end')\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    onToggle()\n  }\n}\n\ndefineSlots<{\n  /** Содержимое секции. */\n  default?: () => any\n  /** Заголовок секции вместо пропа `title`. */\n  title?: () => any\n  /** Иконка-указатель вместо шеврона. */\n  icon?: () => any\n  /** Управление справа в заголовке: счётчик, переключатель, кнопка. */\n  extra?: () => any\n}>()\n</script>\n\n<template>\n  <div\n    data-gr-collapse-item\n    class=\"text-[var(--gr-fg)]\"\n  >\n    <div :class=\"rowClassName\">\n      <component\n        :is=\"headingTag\"\n        class=\"m-0 min-w-0 flex-1\"\n      >\n        <button\n          :id=\"headerId\"\n          ref=\"triggerEl\"\n          data-gr-collapse-trigger\n          type=\"button\"\n          :aria-expanded=\"expanded ? 'true' : 'false'\"\n          :aria-controls=\"panelId\"\n          :disabled=\"resolvedDisabled\"\n          :class=\"headerClassName\"\n          @click=\"onToggle\"\n          @keydown=\"onKeydown\"\n        >\n          <GrIcon\n            v-if=\"iconAtStart\"\n            :size=\"chevronSize\"\n\n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n\n          <span :class=\"titleClassName\">\n            <slot name=\"title\">\n              <span class=\"font-600\">\n                {{ title }}\n              </span>\n            </slot>\n          </span>\n\n          <GrIcon\n            v-if=\"!iconAtStart\"\n            :size=\"chevronSize\"\n\n            data-gr-collapse-chevron\n            :class=\"chevronClassName\"\n          >\n            <slot name=\"icon\">\n              <ChevronDownIcon />\n            </slot>\n          </GrIcon>\n        </button>\n      </component>\n\n      <div\n        v-if=\"$slots.extra\"\n        data-gr-collapse-extra\n        class=\"shrink-0\"\n        :class=\"extraClassName\"\n      >\n        <slot name=\"extra\" />\n      </div>\n    </div>\n\n    <div\n      :id=\"panelId\"\n      role=\"region\"\n      :aria-labelledby=\"headerId\"\n      :inert=\"expanded ? undefined : true\"\n      class=\"grid transition-[grid-template-rows] duration-[var(--gr-duration-base)]\"\n      :class=\"expanded ? 'grid-rows-[1fr]' : 'grid-rows-[0fr]'\"\n    >\n      <div class=\"overflow-hidden\">\n        <div :class=\"bodyClassName\">\n          <slot />\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrCollapse/index.js

@@ -1,3 +1,3 @@
 import { n as grCollapseSafelist, t as grCollapseConfig } from "../../chunks/config-BoUI0t-t.js";
-import { n as GrCollapse_default, t as GrCollapseItem_default } from "./chunks/GrCollapse-BlW6ybdL.js";
+import { n as GrCollapse_default, t as GrCollapseItem_default } from "./chunks/GrCollapse-DWH3QAnU.js";
 export { GrCollapse_default as GrCollapse, GrCollapse_default as default, GrCollapseItem_default as GrCollapseItem, grCollapseConfig, grCollapseSafelist };

package/dist/components/GrColorPicker/chunks/{GrColorPicker-CIgdPXHn.js → GrColorPicker-BNtpj_P6.js}

@@ -1,10 +1,10 @@
-import { a as useGrComponentSize } from "../../../chunks/context-CTbuwcYs.js";
+import { a as useGrComponentSize } from "../../../chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "../../../composables/useGrFormControl.js";
-import { t as GrInput_default } from "../../GrInput/chunks/GrInput-BLywRZUN.js";
-import { t as GrPopover_default } from "../../GrPopover/chunks/GrPopover-DEFxDffj.js";
-import { t as GrSlider_default } from "../../GrSlider/chunks/GrSlider-DTTrZTHK.js";
+import { t as GrInput_default } from "../../GrInput/chunks/GrInput-TFeBm3gQ.js";
+import { t as GrPopover_default } from "../../GrPopover/chunks/GrPopover-BakLcWkX.js";
+import { t as GrSlider_default } from "../../GrSlider/chunks/GrSlider-Db-jACXz.js";
 import { a as grColorPickerPresetClass, c as previewClass, d as rowValueClass, f as swatchBaseClass, h as triggerValueClass, i as grColorPickerPanelClass, l as rowClass, m as triggerSwatchSizeBySize, o as grColorPickerTriggerClass, p as swatchFillClass, r as checkerClass, s as presetsGridClass, u as rowLabelClass } from "../../../chunks/config-DIDz_E5m.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, isRef, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, useId, watch, withCtx, withKeys } from "vue";
 import '../styles.css';//#region src/components/GrColorPicker/color.ts