@feugene/granularity 0.49.0 → 0.50.0

package/dist/components/GrTable/chunks/GrTable-CKJ-HrsN.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTable-CKJ-HrsN.js","names":[],"sources":["../../../../src/components/GrTable/GrTable.vue","../../../../src/components/GrTable/GrTable.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  emptyCellClass,\n  hoverableClass,\n  loadingRowCellClass,\n  stripedClass,\n  tableSizes,\n  type GrTableSize,\n} from './grTableStyles'\n\nexport interface GrTableProps {\n  /**\n   * Размер таблицы — базовый кегль текста. Паддинги ячеек оставлены за\n   * консьюмером (GrTable — «тонкий» контейнер).\n   */\n  size?: GrTableSize\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера. Включает `role=\"region\"`; сам скролл\n   * достижим с клавиатуры всегда, независимо от метки.\n   */\n  regionLabel?: string\n  /** Идёт загрузка: вместо строк — скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /** Сколько колонок занимает служебная строка (пустое состояние и скелетоны). */\n  columnCount?: number\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /** Таблица пуста. По умолчанию определяется по содержимому слота. */\n  empty?: boolean\n  /** Чередование строк. */\n  striped?: boolean\n  /** Подсветка строки под курсором. */\n  hoverable?: boolean\n  /**\n   * Прилипающий заголовок: `<thead>` остаётся видимым при вертикальном скролле.\n   * Осмысленно вместе с `maxHeight` (иначе таблица не скроллится вертикально).\n   */\n  stickyHeader?: boolean\n  /**\n   * Полное число строк набора, включая строки заголовка (`aria-rowcount`).\n   *\n   * Нужен, когда в DOM не весь набор — например, при виртуализации: диктор\n   * считает строки по разметке и объявил бы «5 из 20» на таблице в десять\n   * тысяч. Строки при этом обязаны нести `aria-rowindex`.\n   */\n  rowCount?: number\n  /**\n   * Фиксированная раскладка (`table-layout: fixed`): ширины колонок берутся из\n   * первой строки, а не из содержимого всех.\n   *\n   * Обязателен, если в DOM не весь набор: иначе ширины считаются по\n   * отрисованному окну и прыгают на каждой прокрутке.\n   *\n   * Класс — arbitrary-значение, а не `table-fixed`: такого правила в\n   * `presetMini` нет, и класс молча не превратился бы в CSS.\n   */\n  fixedLayout?: boolean\n  /**\n   * Минимальная ширина самой таблицы (число — пиксели).\n   *\n   * Нужна при `fixedLayout`: с фиксированной раскладкой и шириной `auto`\n   * браузер вписывает таблицу в контейнер и делит место между колонками\n   * пропорционально — то есть заданные ширины молча ужимаются, а\n   * горизонтальной прокрутки, на которой держатся закреплённые колонки, не\n   * возникает вовсе.\n   */\n  tableMinWidth?: string | number\n  /**\n   * Максимальная высота скролл-контейнера (включает вертикальный скролл).\n   * Число трактуется как пиксели. Нужен для работы `stickyHeader`.\n   */\n  maxHeight?: string | number\n}\n\n/**\n * `GrTable` — «тонкий» GR-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#header`,\n * default (tbody) и `#footer`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  size: undefined,\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  loading: false,\n  loadingRows: 3,\n  columnCount: 1,\n  emptyText: undefined,\n  empty: undefined,\n  striped: false,\n  hoverable: false,\n  stickyHeader: false,\n  maxHeight: undefined,\n  rowCount: undefined,\n  fixedLayout: false,\n  tableMinWidth: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTable' })\nconst tableTextClass = computed(() => tableSizes[resolvedSize.value])\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n\nconst { t } = useGranularityTranslations()\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.table.empty', 'Nothing here yet'))\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое строкой не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showRows = computed(() => !props.loading && !isEmpty.value)\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\nconst serviceColSpan = computed(() => Math.max(1, Math.trunc(props.columnCount)))\n\nconst tbodyClass = computed(() => [\n  'text-[var(--gr-fg)]',\n  props.striped && showRows.value ? stripedClass : '',\n  props.hoverable && showRows.value ? hoverableClass : '',\n].filter(Boolean).join(' '))\n\nconst scrollStyle = computed(() => {\n  // Неполный набор в DOM (`rowCount`) означает виртуализацию, а с ней обязан\n  // быть выключен браузерный scroll anchoring: он подправляет `scrollTop`,\n  // когда меняется высота содержимого выше видимого узла, — а окно меняет её\n  // на каждом кадре прокрутки, и список уезжает.\n  const anchor = props.rowCount === undefined ? undefined : { overflowAnchor: 'none' as const }\n\n  if (props.maxHeight === undefined)\n    return anchor\n\n  const value = typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight\n  return { ...anchor, maxHeight: value, overflowY: 'auto' as const }\n})\n\n// Прилипающий заголовок: `<thead>` на `position: sticky`; фон обязателен, иначе\n// сквозь него будут просвечивать строки при скролле.\nconst theadClass = computed(() => [\n  'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]',\n  props.stickyHeader ? 'sticky top-0 z-[1]' : '',\n].filter(Boolean).join(' '))\n\nconst tableStyle = computed(() => {\n  if (props.tableMinWidth === undefined)\n    return undefined\n\n  const value = typeof props.tableMinWidth === 'number' ? `${props.tableMinWidth}px` : props.tableMinWidth\n\n  return { minWidth: value }\n})\n\nconst scrollEl = ref<HTMLElement | null>(null)\n\nfunction scrollTo(options: ScrollToOptions): void {\n  scrollEl.value?.scrollTo(options)\n}\n\n// Только верхний уровень собственного tbody: вложенная таблица в ячейке не\n// должна сдвигать индексацию строк.\nfunction contentRows(): HTMLElement[] {\n  if (!showRows.value)\n    return []\n  const el = scrollEl.value\n  if (!el)\n    return []\n  return Array.from(el.querySelectorAll<HTMLElement>(':scope > table > tbody > tr'))\n}\n\nfunction scrollToRow(index: number, options?: ScrollIntoViewOptions): boolean {\n  const row = contentRows()[index]\n  if (!row)\n    return false\n  row.scrollIntoView(options ?? { block: 'nearest' })\n  return true\n}\n\ndefineExpose({\n  /** Прокрутить скролл-контейнер таблицы — тот же контракт, что у `GrDataTable`. */\n  scrollTo,\n  /** Прокрутить к строке содержимого по её индексу в разметке. `false` — строки нет в DOM. */\n  scrollToRow,\n})\n\ndefineSlots<{\n  /** Строки таблицы, когда разметка пишется руками вместо `data`. */\n  default?: () => any\n  /** Подпись таблицы — `<caption>`, читается диктором первой. */\n  caption?: () => any\n  /** Шапка вместо построенной по `columns`. */\n  header?: () => any\n  /** Содержимое, пока едут данные, — вместо строк-заглушек. */\n  loading?: () => any\n  /** Пустое состояние вместо текста по умолчанию. */\n  empty?: () => any\n  /** Итоговая строка под таблицей. */\n  footer?: () => any\n}>()\n\n/**\n * `relative` на скроллере — не для потомков с координатами, а чтобы он стал\n * containing block. Без него абсолютные потомки (`sr-only`-подсказка у кнопки\n * сортировки — единственный такой в самой таблице, но разметка ячеек чужая)\n * считают позицию от документа и выпадают из прокрутки наружу: на узком экране\n * широкая таблица начинает тащить вбок всю страницу, а не только себя.\n *\n * Живёт здесь, а не над `<div>`: комментарий в корне `<template>` делает\n * компонент фрагментом, и `$el` у потребителя становится Comment-нодой —\n * `GrDataTable` падает на `root.matches` ещё до первого рендера.\n */\n</script>\n\n<template>\n  <div\n    ref=\"scrollEl\"\n    data-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :aria-busy=\"loading ? 'true' : undefined\"\n    tabindex=\"0\"\n    class=\"relative overflow-x-auto rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n    :style=\"scrollStyle\"\n  >\n    <table\n      data-gr-table\n      class=\"min-w-full\" :class=\"[tableTextClass, fixedLayout ? '[table-layout:fixed]' : '']\"\n      :style=\"tableStyle\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n      :aria-rowcount=\"rowCount\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead :class=\"theadClass\">\n        <slot name=\"header\" />\n      </thead>\n      <tbody :class=\"tbodyClass\">\n        <template v-if=\"loading\">\n          <slot name=\"loading\">\n            <tr v-for=\"row in loadingRowCount\" :key=\"row\" data-gr-table-loading-row>\n              <td :colspan=\"serviceColSpan\" :class=\"loadingRowCellClass\">\n                <GrSkeleton />\n              </td>\n            </tr>\n          </slot>\n        </template>\n\n        <tr v-else-if=\"isEmpty\" data-gr-table-empty>\n          <td :colspan=\"serviceColSpan\" :class=\"emptyCellClass\">\n            <slot name=\"empty\">\n              {{ resolvedEmptyText }}\n            </slot>\n          </td>\n        </tr>\n\n        <slot v-else />\n      </tbody>\n      <tfoot v-if=\"slots.footer\" class=\"text-[var(--gr-fg)]\">\n        <slot name=\"footer\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  emptyCellClass,\n  hoverableClass,\n  loadingRowCellClass,\n  stripedClass,\n  tableSizes,\n  type GrTableSize,\n} from './grTableStyles'\n\nexport interface GrTableProps {\n  /**\n   * Размер таблицы — базовый кегль текста. Паддинги ячеек оставлены за\n   * консьюмером (GrTable — «тонкий» контейнер).\n   */\n  size?: GrTableSize\n  /**\n   * Текст caption для screen reader'ов. Рендерится как `<caption class=\"sr-only\">`,\n   * если не передан слот `#caption`.\n   */\n  caption?: string\n  /** Прямой ARIA-label для `<table>`. Игнорируется, если задан `ariaLabelledby`. */\n  ariaLabel?: string\n  /** ID элемента-заголовка, связанного с `<table>` через `aria-labelledby`. */\n  ariaLabelledby?: string\n  /**\n   * ARIA-label для скролл-контейнера. Включает `role=\"region\"`; сам скролл\n   * достижим с клавиатуры всегда, независимо от метки.\n   */\n  regionLabel?: string\n  /** Идёт загрузка: вместо строк — скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /** Сколько колонок занимает служебная строка (пустое состояние и скелетоны). */\n  columnCount?: number\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /** Таблица пуста. По умолчанию определяется по содержимому слота. */\n  empty?: boolean\n  /** Чередование строк. */\n  striped?: boolean\n  /** Подсветка строки под курсором. */\n  hoverable?: boolean\n  /**\n   * Прилипающий заголовок: `<thead>` остаётся видимым при вертикальном скролле.\n   * Осмысленно вместе с `maxHeight` (иначе таблица не скроллится вертикально).\n   */\n  stickyHeader?: boolean\n  /**\n   * Полное число строк набора, включая строки заголовка (`aria-rowcount`).\n   *\n   * Нужен, когда в DOM не весь набор — например, при виртуализации: диктор\n   * считает строки по разметке и объявил бы «5 из 20» на таблице в десять\n   * тысяч. Строки при этом обязаны нести `aria-rowindex`.\n   */\n  rowCount?: number\n  /**\n   * Фиксированная раскладка (`table-layout: fixed`): ширины колонок берутся из\n   * первой строки, а не из содержимого всех.\n   *\n   * Обязателен, если в DOM не весь набор: иначе ширины считаются по\n   * отрисованному окну и прыгают на каждой прокрутке.\n   *\n   * Класс — arbitrary-значение, а не `table-fixed`: такого правила в\n   * `presetMini` нет, и класс молча не превратился бы в CSS.\n   */\n  fixedLayout?: boolean\n  /**\n   * Минимальная ширина самой таблицы (число — пиксели).\n   *\n   * Нужна при `fixedLayout`: с фиксированной раскладкой и шириной `auto`\n   * браузер вписывает таблицу в контейнер и делит место между колонками\n   * пропорционально — то есть заданные ширины молча ужимаются, а\n   * горизонтальной прокрутки, на которой держатся закреплённые колонки, не\n   * возникает вовсе.\n   */\n  tableMinWidth?: string | number\n  /**\n   * Максимальная высота скролл-контейнера (включает вертикальный скролл).\n   * Число трактуется как пиксели. Нужен для работы `stickyHeader`.\n   */\n  maxHeight?: string | number\n}\n\n/**\n * `GrTable` — «тонкий» GR-контейнер для табличных данных.\n *\n * Рендерит `<table>` внутри скролл-обёртки и даёт слоты `#caption`, `#header`,\n * default (tbody) и `#footer`. Стили ячеек (`<th>`/`<td>` паддинги, выравнивание)\n * оставлены на консьюмере.\n *\n * ВАЖНО: `min-w-full` сам по себе не даст горизонтального скролла. Для него\n * консьюмеру нужны `white-space: nowrap` на ячейках или явные ширины колонок.\n */\nconst props = withDefaults(defineProps<GrTableProps>(), {\n  size: undefined,\n  caption: undefined,\n  ariaLabel: undefined,\n  ariaLabelledby: undefined,\n  regionLabel: undefined,\n  loading: false,\n  loadingRows: 3,\n  columnCount: 1,\n  emptyText: undefined,\n  empty: undefined,\n  striped: false,\n  hoverable: false,\n  stickyHeader: false,\n  maxHeight: undefined,\n  rowCount: undefined,\n  fixedLayout: false,\n  tableMinWidth: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTable' })\nconst tableTextClass = computed(() => tableSizes[resolvedSize.value])\nconst hasCaption = computed(() => Boolean(slots.caption) || Boolean(props.caption))\n\nconst { t } = useGranularityTranslations()\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.table.empty', 'Nothing here yet'))\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое строкой не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showRows = computed(() => !props.loading && !isEmpty.value)\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\nconst serviceColSpan = computed(() => Math.max(1, Math.trunc(props.columnCount)))\n\nconst tbodyClass = computed(() => [\n  'text-[var(--gr-fg)]',\n  props.striped && showRows.value ? stripedClass : '',\n  props.hoverable && showRows.value ? hoverableClass : '',\n].filter(Boolean).join(' '))\n\nconst scrollStyle = computed(() => {\n  // Неполный набор в DOM (`rowCount`) означает виртуализацию, а с ней обязан\n  // быть выключен браузерный scroll anchoring: он подправляет `scrollTop`,\n  // когда меняется высота содержимого выше видимого узла, — а окно меняет её\n  // на каждом кадре прокрутки, и список уезжает.\n  const anchor = props.rowCount === undefined ? undefined : { overflowAnchor: 'none' as const }\n\n  if (props.maxHeight === undefined)\n    return anchor\n\n  const value = typeof props.maxHeight === 'number' ? `${props.maxHeight}px` : props.maxHeight\n  return { ...anchor, maxHeight: value, overflowY: 'auto' as const }\n})\n\n// Прилипающий заголовок: `<thead>` на `position: sticky`; фон обязателен, иначе\n// сквозь него будут просвечивать строки при скролле.\nconst theadClass = computed(() => [\n  'bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]',\n  props.stickyHeader ? 'sticky top-0 z-[1]' : '',\n].filter(Boolean).join(' '))\n\nconst tableStyle = computed(() => {\n  if (props.tableMinWidth === undefined)\n    return undefined\n\n  const value = typeof props.tableMinWidth === 'number' ? `${props.tableMinWidth}px` : props.tableMinWidth\n\n  return { minWidth: value }\n})\n\nconst scrollEl = ref<HTMLElement | null>(null)\n\nfunction scrollTo(options: ScrollToOptions): void {\n  scrollEl.value?.scrollTo(options)\n}\n\n// Только верхний уровень собственного tbody: вложенная таблица в ячейке не\n// должна сдвигать индексацию строк.\nfunction contentRows(): HTMLElement[] {\n  if (!showRows.value)\n    return []\n  const el = scrollEl.value\n  if (!el)\n    return []\n  return Array.from(el.querySelectorAll<HTMLElement>(':scope > table > tbody > tr'))\n}\n\nfunction scrollToRow(index: number, options?: ScrollIntoViewOptions): boolean {\n  const row = contentRows()[index]\n  if (!row)\n    return false\n  row.scrollIntoView(options ?? { block: 'nearest' })\n  return true\n}\n\ndefineExpose({\n  /** Прокрутить скролл-контейнер таблицы — тот же контракт, что у `GrDataTable`. */\n  scrollTo,\n  /** Прокрутить к строке содержимого по её индексу в разметке. `false` — строки нет в DOM. */\n  scrollToRow,\n})\n\ndefineSlots<{\n  /** Строки таблицы, когда разметка пишется руками вместо `data`. */\n  default?: () => any\n  /** Подпись таблицы — `<caption>`, читается диктором первой. */\n  caption?: () => any\n  /** Шапка вместо построенной по `columns`. */\n  header?: () => any\n  /** Содержимое, пока едут данные, — вместо строк-заглушек. */\n  loading?: () => any\n  /** Пустое состояние вместо текста по умолчанию. */\n  empty?: () => any\n  /** Итоговая строка под таблицей. */\n  footer?: () => any\n}>()\n\n/**\n * `relative` на скроллере — не для потомков с координатами, а чтобы он стал\n * containing block. Без него абсолютные потомки (`sr-only`-подсказка у кнопки\n * сортировки — единственный такой в самой таблице, но разметка ячеек чужая)\n * считают позицию от документа и выпадают из прокрутки наружу: на узком экране\n * широкая таблица начинает тащить вбок всю страницу, а не только себя.\n *\n * Живёт здесь, а не над `<div>`: комментарий в корне `<template>` делает\n * компонент фрагментом, и `$el` у потребителя становится Comment-нодой —\n * `GrDataTable` падает на `root.matches` ещё до первого рендера.\n */\n</script>\n\n<template>\n  <div\n    ref=\"scrollEl\"\n    data-gr-table-scroll\n    :role=\"regionLabel ? 'region' : undefined\"\n    :aria-label=\"regionLabel\"\n    :aria-busy=\"loading ? 'true' : undefined\"\n    tabindex=\"0\"\n    class=\"relative overflow-x-auto rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n    :style=\"scrollStyle\"\n  >\n    <table\n      data-gr-table\n      class=\"min-w-full\" :class=\"[tableTextClass, fixedLayout ? '[table-layout:fixed]' : '']\"\n      :style=\"tableStyle\"\n      :aria-label=\"ariaLabelledby ? undefined : ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n      :aria-rowcount=\"rowCount\"\n    >\n      <caption v-if=\"hasCaption\" class=\"sr-only\">\n        <slot name=\"caption\">\n{{ caption }}\n</slot>\n      </caption>\n      <thead :class=\"theadClass\">\n        <slot name=\"header\" />\n      </thead>\n      <tbody :class=\"tbodyClass\">\n        <template v-if=\"loading\">\n          <slot name=\"loading\">\n            <tr v-for=\"row in loadingRowCount\" :key=\"row\" data-gr-table-loading-row>\n              <td :colspan=\"serviceColSpan\" :class=\"loadingRowCellClass\">\n                <GrSkeleton />\n              </td>\n            </tr>\n          </slot>\n        </template>\n\n        <tr v-else-if=\"isEmpty\" data-gr-table-empty>\n          <td :colspan=\"serviceColSpan\" :class=\"emptyCellClass\">\n            <slot name=\"empty\">\n              {{ resolvedEmptyText }}\n            </slot>\n          </td>\n        </tr>\n\n        <slot v-else />\n      </tbody>\n      <tfoot v-if=\"slots.footer\" class=\"text-[var(--gr-fg)]\">\n        <slot name=\"footer\" />\n      </tfoot>\n    </table>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqGA,MAAM,QAAQ;EAoBd,MAAM,QAAQ,SAAS;EAEvB,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,UAAU,CAAC;EAClF,MAAM,iBAAiB,eAAe,WAAW,aAAa,MAAM;EACpE,MAAM,aAAa,eAAe,QAAQ,MAAM,OAAO,KAAK,QAAQ,MAAM,OAAO,CAAC;EAElF,MAAM,EAAE,MAAM,2BAA2B;EACzC,MAAM,oBAAoB,eAAe,MAAM,aAAa,EAAE,kBAAkB,kBAAkB,CAAC;EAInG,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,UAAU,KAAA,GAClB,OAAO,MAAM;GAEf,OAAO,CAAC,yBAAyB,MAAM,UAAU,KAAK,CAAC,CAAC;EAC1D,CAAC;EAED,MAAM,WAAW,eAAe,CAAC,MAAM,WAAW,CAAC,QAAQ,KAAK;EAChE,MAAM,kBAAkB,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,WAAW,CAAC,CAAC;EACjF,MAAM,iBAAiB,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,WAAW,CAAC,CAAC;EAEhF,MAAM,aAAa,eAAe;GAChC;GACA,MAAM,WAAW,SAAS,QAAQ,eAAe;GACjD,MAAM,aAAa,SAAS,QAAQ,iBAAiB;EACvD,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;EAE3B,MAAM,cAAc,eAAe;GAKjC,MAAM,SAAS,MAAM,aAAa,KAAA,IAAY,KAAA,IAAY,EAAE,gBAAgB,OAAgB;GAE5F,IAAI,MAAM,cAAc,KAAA,GACtB,OAAO;GAET,MAAM,QAAQ,OAAO,MAAM,cAAc,WAAW,GAAG,MAAM,UAAU,MAAM,MAAM;GACnF,OAAO;IAAE,GAAG;IAAQ,WAAW;IAAO,WAAW;GAAgB;EACnE,CAAC;EAID,MAAM,aAAa,eAAe,CAChC,kDACA,MAAM,eAAe,uBAAuB,EAC9C,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;EAE3B,MAAM,aAAa,eAAe;GAChC,IAAI,MAAM,kBAAkB,KAAA,GAC1B,OAAO,KAAA;GAIT,OAAO,EAAE,UAFK,OAAO,MAAM,kBAAkB,WAAW,GAAG,MAAM,cAAc,MAAM,MAAM,cAElE;EAC3B,CAAC;EAED,MAAM,WAAW,IAAwB,IAAI;EAE7C,SAAS,SAAS,SAAgC;GAChD,SAAS,OAAO,SAAS,OAAO;EAClC;EAIA,SAAS,cAA6B;GACpC,IAAI,CAAC,SAAS,OACZ,OAAO,CAAC;GACV,MAAM,KAAK,SAAS;GACpB,IAAI,CAAC,IACH,OAAO,CAAC;GACV,OAAO,MAAM,KAAK,GAAG,iBAA8B,6BAA6B,CAAC;EACnF;EAEA,SAAS,YAAY,OAAe,SAA0C;GAC5E,MAAM,MAAM,YAAY,CAAC,CAAC;GAC1B,IAAI,CAAC,KACH,OAAO;GACT,IAAI,eAAe,WAAW,EAAE,OAAO,UAAU,CAAC;GAClD,OAAO;EACT;EAEA,SAAa;;GAEX;;GAEA;EACF,CAAC;;;;;;;;;;;;;GA+BC,OAAA,UAAA,GAAA,mBAmDM,OAAA;IAlDA,SAAA;IAAJ,KAAI;IACJ,wBAAA;IACC,MAAM,QAAA,cAAW,WAAc,KAAA;IAC/B,cAAY,QAAA;IACZ,aAAW,QAAA,UAAO,SAAY,KAAA;IAC/B,UAAS;IACT,OAAM;IACL,OAAK,eAAE,YAAA,KAAW;GAEnB,GAAA,CAAA,mBAwCQ,SAAA;IAvCN,iBAAA;IACA,OAAK,eAAA,CAAC,cAAY,CAAU,eAAA,OAAgB,QAAA,cAAW,yBAAA,EAAA,CAAA,CAAA;IACtD,OAAK,eAAE,WAAA,KAAU;IACjB,cAAY,QAAA,iBAAiB,KAAA,IAAY,QAAA;IACzC,mBAAiB,QAAA;IACjB,iBAAe,QAAA;;IAED,WAAA,SAAf,UAAA,GAAA,mBAIU,WAJV,YAIU,CAHR,WAED,KAAA,QAAA,WAAA,CAAA,SAAA,CADJ,gBAAA,gBAAA,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAGJ,mBAEQ,SAAA,EAFA,OAAK,eAAE,WAAA,KAAU,EAAA,GAAA,CACvB,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA;IAExB,mBAoBQ,SAAA,EApBA,OAAK,eAAE,WAAA,KAAU,EAAA,GAAA,CACP,QAAA,UACd,WAMO,KAAA,QAAA,WAAA,CAAA,SAAA,EALL,UAAA,IAAA,GAAA,mBAIK,UAAA,MAAA,WAJa,gBAAA,QAAP,QAAG;KAAd,OAAA,UAAA,GAAA,mBAIK,MAAA;MAJ+B,KAAK;MAAK,6BAAA;KAC5C,GAAA,CAAA,mBAEK,MAAA;MAFA,SAAS,eAAA;MAAiB,OAAK,eAAE,MAAA,mBAAA,CAAmB;KACvD,GAAA,CAAA,YAAc,kBAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA;IAMP,CAAA,GAAA,GAAA,EAAA,GAAA,KAAA,GAAA,CAAA,IAAA,QAAA,SAAf,UAAA,GAAA,mBAMK,MANL,YAMK,CALH,mBAIK,MAAA;KAJA,SAAS,eAAA;KAAiB,OAAK,eAAE,MAAA,cAAA,CAAc;IAClD,GAAA,CAAA,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CADF,gBAAA,gBAAA,kBAAA,KAAiB,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA,CAAA,CAAA,KAK1B,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,KAAA,GAAA,CAAA,CAAA,GAAA,CAAA;IAEJ,MAAA,KAAA,CAAK,CAAC,UAAnB,UAAA,GAAA,mBAEQ,SAFR,YAEQ,CADN,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrTextarea/chunks/GrTextarea-Bfgc0DD2.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTextarea-Bfgc0DD2.js","names":["$attrs"],"sources":["../../../../src/components/GrTextarea/GrTextarea.vue","../../../../src/components/GrTextarea/GrTextarea.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода GR-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed, ref, useId } from 'vue'\nimport {\n  countClass,\n  countRowClass,\n  lineCountClass,\n  disabledSurfaceClass,\n  enabledSurfaceClass,\n  grTextareaClass,\n  resizeClass,\n  sizes,\n  type GrTextareaResize,\n  type GrTextareaSize,\n  type GrTextareaState,\n} from './grTextareaStyles'\nimport IconX from '~icons/lucide/x'\nimport IconCheckCircle from '~icons/lucide/check-circle'\nimport IconAlertTriangle from '~icons/lucide/alert-triangle'\nimport { vAutosize } from '../../directives'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  controlSignalState,\n  controlStateFallbackText,\n  controlStateIconClass,\n  controlStateIconColors,\n  controlStateTextKey,\n} from '../shared/controlState'\n\nexport interface GrTextareaProps {\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  /** Только для чтения: значение видно и уходит в форму, но не редактируется. */\n  readonly?: boolean\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). Складывается с `required` у `GrFormField`. */\n  required?: boolean\n  /** Доступное имя вне `GrFormField`. */\n  ariaLabel?: string\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n  size?: GrTextareaSize\n  /** Ограничение длины + основа для счётчика символов. */\n  maxlength?: number\n  /** Показывать счётчик символов (`len` или `len/maxlength`). */\n  showCount?: boolean\n  /**\n   * Показывать счётчик строк. Считаются **логические** строки (переводы строки), а\n   * не визуальные переносы: при `autosize` число не меняется от ширины поля.\n   */\n  showLineCount?: boolean\n  /**\n   * Ориентир по числу строк для счётчика (`3 / 10`). Ввод не ограничивает: обрезать\n   * набранный текст за пользователя компонент не вправе.\n   */\n  maxLines?: number\n  /** Подгонять высоту под содержимое (директива `v-autosize`). */\n  autosize?: boolean\n  /** Кнопка очистки значения. Настраивается через `GrConfigProvider`. */\n  clearable?: boolean\n  /** A11y-подпись кнопки очистки. */\n  clearLabel?: string\n  /** Ручное изменение размера пользователем. */\n  resize?: GrTextareaResize\n}\n\nexport interface GrTextareaEmits {\n  (e: 'update:modelValue', value: string): void\n  /** Значение зафиксировано нативным `change` — по `blur`. */\n  (e: 'change', value: string): void\n  /** Значение стёрто кнопкой очистки. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrTextareaProps>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  ariaLabel: undefined,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n  size: undefined,\n  maxlength: undefined,\n  showCount: false,\n  autosize: false,\n  clearable: undefined,\n  clearLabel: undefined,\n  resize: 'vertical',\n})\n\ndefineOptions({\n  // Иначе атрибуты потребителя (`data-*`, `aria-*`, `name`) садятся на корень,\n  // а корень со `showCount` — обёртка счётчика, а не само поле.\n  inheritAttrs: false,\n})\n\nconst emit = defineEmits<GrTextareaEmits>()\n\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required).\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => props.id ?? field?.id.value)\n\n// Счётчик обязан быть частью описания поля: иначе «12 / 60» видно глазами, но\n// не слышно — при том что ограничение длины и есть его смысл.\nconst countId = useId()\nconst lineCountId = useId()\nconst stateTextId = useId()\n\n/** Обёртка нужна любому из счётчиков — и кнопке очистки. */\nconst hasCounters = computed(() => props.showCount || props.showLineCount)\n\nconst lineCount = computed(() => props.modelValue.split('\\n').length)\n\nconst countText = computed(() =>\n  props.maxlength !== undefined ? `${props.modelValue.length} / ${props.maxlength}` : String(props.modelValue.length),\n)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\n\n/**\n * Небуквенный признак состояния: иконка для глаз, скрытая подпись для\n * скринридера. Разбор — `shared/controlState`.\n */\nconst signalState = computed(() => controlSignalState(props.state, isInvalid.value))\nconst stateIcon = computed(() => (signalState.value === 'success' ? IconCheckCircle : IconAlertTriangle))\nconst stateIconClass = computed(() => (signalState.value\n  ? `${controlStateIconClass} ${controlStateIconColors[signalState.value]}`\n  : ''))\n\nconst describedBy = computed(() =>\n  [\n    field?.describedById.value,\n    props.showCount ? countId : undefined,\n    props.showLineCount ? lineCountId : undefined,\n    signalState.value ? stateTextId : undefined,\n  ]\n    .filter(Boolean)\n    .join(' ') || undefined,\n)\n\nconst textareaEl = ref<HTMLTextAreaElement | null>(null)\n\nfunction focus(): void {\n  textareaEl.value?.focus()\n}\n\nfunction blur(): void {\n  textareaEl.value?.blur()\n}\n\ndefineExpose({ focus, blur })\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTextarea' })\nconst resolvedClearable = useGrComponentProp('GrTextarea', 'clearable', () => props.clearable, false)\n\nconst { t } = useGranularityTranslations()\n\nconst stateText = computed(() => (signalState.value\n  ? t(controlStateTextKey[signalState.value], controlStateFallbackText[signalState.value])\n  : ''))\nconst resolvedClearLabel = computed(() => props.clearLabel ?? t('gr.input.clear', 'Clear'))\n\n/** С `maxLines` — «3 / 10», без него — локализованная подпись с формой числа. */\nconst lineCountText = computed(() => (\n  props.maxLines !== undefined\n    ? `${lineCount.value} / ${props.maxLines}`\n    : t('gr.textarea.lines', '{n} lines', { n: lineCount.value })\n))\n\nconst showClear = computed(() =>\n  resolvedClearable.value && !isDisabled.value && !isReadonly.value && props.modelValue !== '',\n)\n\nfunction clear(): void {\n  emit('update:modelValue', '')\n  emit('change', '')\n  emit('clear')\n  focus()\n}\n\nconst baseClass = 'w-full rounded-[var(--gr-radius-control)] border text-[var(--gr-fg)] placeholder:text-[var(--gr-muted-fg)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed'\n\nconst className = computed(() => [\n  sizes[resolvedSize.value],\n  resizeClass[props.resize],\n  isDisabled.value ? disabledSurfaceClass : enabledSurfaceClass,\n  grTextareaClass({\n    state: props.state,\n    invalid: isInvalid.value,\n  }),\n].join(' '))\n\n// Обе ветки шаблона (со счётчиком и без) рендерят одно и то же поле, поэтому\n// атрибуты живут одним объектом: двадцать строк копипасты расходятся молча.\nconst textareaAttrs = computed(() => ({\n  'id': resolvedId.value,\n  'data-gr-textarea': '',\n  'name': props.name,\n  'rows': props.rows,\n  'maxlength': props.maxlength,\n  'autocomplete': props.autocomplete,\n  'placeholder': props.placeholder,\n  'disabled': isDisabled.value,\n  'value': props.modelValue,\n  'aria-invalid': isInvalid.value ? ('true' as const) : undefined,\n  'aria-describedby': describedBy.value,\n  'aria-required': isRequired.value ? ('true' as const) : undefined,\n  'aria-readonly': isReadonly.value ? ('true' as const) : undefined,\n  'aria-label': props.ariaLabel,\n  'readonly': isReadonly.value,\n  'class': [baseClass, className.value],\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n\n// Объявленный emit уходит из `$attrs`, поэтому нативные события переизлучаем\n// руками — иначе `@change`/`@focus`/`@blur` у потребителя перестали бы работать.\nfunction onChange(e: Event): void {\n  emit('change', (e.target as HTMLTextAreaElement).value)\n}\n\nfunction onFocus(e: FocusEvent): void {\n  emit('focus', e)\n}\n\nfunction onBlur(e: FocusEvent): void {\n  emit('blur', e)\n}\n</script>\n\n<template>\n  <div v-if=\"hasCounters\" data-gr-textarea-wrap class=\"relative w-full\">\n    <textarea\n      ref=\"textareaEl\"\n      v-autosize=\"autosize\"\n      v-bind=\"{ ...textareaAttrs, ...$attrs }\"\n      @input=\"onInput\"\n      @change=\"onChange\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n    />\n\n    <button\n      v-if=\"showClear\"\n      type=\"button\"\n      data-gr-textarea-clear\n      :aria-label=\"resolvedClearLabel\"\n      class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n      @click=\"clear\"\n    >\n      <IconX class=\"h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <span\n      v-if=\"signalState\"\n      data-gr-textarea-state\n      class=\"absolute top-2\" :class=\"[stateIconClass, showClear ? 'right-10' : 'right-2']\"\n      aria-hidden=\"true\"\n    >\n      <component :is=\"stateIcon\" class=\"h-4 w-4\" />\n    </span>\n\n    <span v-if=\"signalState\" :id=\"stateTextId\" data-gr-textarea-state-text class=\"sr-only\">{{ stateText }}</span>\n\n    <div :class=\"countRowClass\">\n      <div\n        v-if=\"showLineCount\"\n        :id=\"lineCountId\"\n        data-gr-textarea-line-count\n        :class=\"lineCountClass\"\n      >\n        {{ lineCountText }}\n      </div>\n\n      <!-- Символьный счётчик всегда прижат вправо: без счётчика строк он остаётся\n           единственным в ряду, и `justify-between` его туда и отправляет. -->\n      <div\n        v-if=\"showCount\"\n        :id=\"countId\"\n        data-gr-textarea-count\n        class=\"ml-auto\"\n        :class=\"countClass\"\n      >\n        {{ countText }}\n      </div>\n    </div>\n  </div>\n\n  <!-- Обёртка появляется под кнопку очистки и под признак состояния: без них\n       поле остаётся корневым элементом — на этом стоит контракт\n       fallthrough-атрибутов. -->\n  <div v-else-if=\"resolvedClearable || signalState\" class=\"relative w-full\">\n    <textarea\n      ref=\"textareaEl\"\n      v-autosize=\"autosize\"\n      v-bind=\"{ ...textareaAttrs, ...$attrs }\"\n      @input=\"onInput\"\n      @change=\"onChange\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n    />\n\n    <button\n      v-if=\"showClear\"\n      type=\"button\"\n      data-gr-textarea-clear\n      :aria-label=\"resolvedClearLabel\"\n      class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n      @click=\"clear\"\n    >\n      <IconX class=\"h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <span\n      v-if=\"signalState\"\n      data-gr-textarea-state\n      class=\"absolute top-2\" :class=\"[stateIconClass, showClear ? 'right-10' : 'right-2']\"\n      aria-hidden=\"true\"\n    >\n      <component :is=\"stateIcon\" class=\"h-4 w-4\" />\n    </span>\n\n    <span v-if=\"signalState\" :id=\"stateTextId\" data-gr-textarea-state-text class=\"sr-only\">{{ stateText }}</span>\n  </div>\n\n  <textarea\n    v-else\n    ref=\"textareaEl\"\n    v-autosize=\"autosize\"\n    v-bind=\"{ ...textareaAttrs, ...$attrs }\"\n    @input=\"onInput\"\n    @change=\"onChange\"\n    @focus=\"onFocus\"\n    @blur=\"onBlur\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTextarea — многострочное поле ввода GR-примитива.\n *\n * Состояния:\n * - `state`: визуальный оттенок рамки (`default | success | warning | danger`).\n * - `invalid`: форсирует `danger`-состояние и проставляет `aria-invalid=\"true\"`.\n */\nimport { computed, ref, useId } from 'vue'\nimport {\n  countClass,\n  countRowClass,\n  lineCountClass,\n  disabledSurfaceClass,\n  enabledSurfaceClass,\n  grTextareaClass,\n  resizeClass,\n  sizes,\n  type GrTextareaResize,\n  type GrTextareaSize,\n  type GrTextareaState,\n} from './grTextareaStyles'\nimport IconX from '~icons/lucide/x'\nimport IconCheckCircle from '~icons/lucide/check-circle'\nimport IconAlertTriangle from '~icons/lucide/alert-triangle'\nimport { vAutosize } from '../../directives'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  controlSignalState,\n  controlStateFallbackText,\n  controlStateIconClass,\n  controlStateIconColors,\n  controlStateTextKey,\n} from '../shared/controlState'\n\nexport interface GrTextareaProps {\n  modelValue: string\n  placeholder?: string\n  autocomplete?: string\n  disabled?: boolean\n  /** Только для чтения: значение видно и уходит в форму, но не редактируется. */\n  readonly?: boolean\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). Складывается с `required` у `GrFormField`. */\n  required?: boolean\n  /** Доступное имя вне `GrFormField`. */\n  ariaLabel?: string\n  state?: GrTextareaState\n  name?: string\n  id?: string\n  rows?: number\n  size?: GrTextareaSize\n  /** Ограничение длины + основа для счётчика символов. */\n  maxlength?: number\n  /** Показывать счётчик символов (`len` или `len/maxlength`). */\n  showCount?: boolean\n  /**\n   * Показывать счётчик строк. Считаются **логические** строки (переводы строки), а\n   * не визуальные переносы: при `autosize` число не меняется от ширины поля.\n   */\n  showLineCount?: boolean\n  /**\n   * Ориентир по числу строк для счётчика (`3 / 10`). Ввод не ограничивает: обрезать\n   * набранный текст за пользователя компонент не вправе.\n   */\n  maxLines?: number\n  /** Подгонять высоту под содержимое (директива `v-autosize`). */\n  autosize?: boolean\n  /** Кнопка очистки значения. Настраивается через `GrConfigProvider`. */\n  clearable?: boolean\n  /** A11y-подпись кнопки очистки. */\n  clearLabel?: string\n  /** Ручное изменение размера пользователем. */\n  resize?: GrTextareaResize\n}\n\nexport interface GrTextareaEmits {\n  (e: 'update:modelValue', value: string): void\n  /** Значение зафиксировано нативным `change` — по `blur`. */\n  (e: 'change', value: string): void\n  /** Значение стёрто кнопкой очистки. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrTextareaProps>(), {\n  placeholder: undefined,\n  autocomplete: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  ariaLabel: undefined,\n  state: 'default',\n  name: undefined,\n  id: undefined,\n  rows: 4,\n  size: undefined,\n  maxlength: undefined,\n  showCount: false,\n  autosize: false,\n  clearable: undefined,\n  clearLabel: undefined,\n  resize: 'vertical',\n})\n\ndefineOptions({\n  // Иначе атрибуты потребителя (`data-*`, `aria-*`, `name`) садятся на корень,\n  // а корень со `showCount` — обёртка счётчика, а не само поле.\n  inheritAttrs: false,\n})\n\nconst emit = defineEmits<GrTextareaEmits>()\n\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required).\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => props.id ?? field?.id.value)\n\n// Счётчик обязан быть частью описания поля: иначе «12 / 60» видно глазами, но\n// не слышно — при том что ограничение длины и есть его смысл.\nconst countId = useId()\nconst lineCountId = useId()\nconst stateTextId = useId()\n\n/** Обёртка нужна любому из счётчиков — и кнопке очистки. */\nconst hasCounters = computed(() => props.showCount || props.showLineCount)\n\nconst lineCount = computed(() => props.modelValue.split('\\n').length)\n\nconst countText = computed(() =>\n  props.maxlength !== undefined ? `${props.modelValue.length} / ${props.maxlength}` : String(props.modelValue.length),\n)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\n\n/**\n * Небуквенный признак состояния: иконка для глаз, скрытая подпись для\n * скринридера. Разбор — `shared/controlState`.\n */\nconst signalState = computed(() => controlSignalState(props.state, isInvalid.value))\nconst stateIcon = computed(() => (signalState.value === 'success' ? IconCheckCircle : IconAlertTriangle))\nconst stateIconClass = computed(() => (signalState.value\n  ? `${controlStateIconClass} ${controlStateIconColors[signalState.value]}`\n  : ''))\n\nconst describedBy = computed(() =>\n  [\n    field?.describedById.value,\n    props.showCount ? countId : undefined,\n    props.showLineCount ? lineCountId : undefined,\n    signalState.value ? stateTextId : undefined,\n  ]\n    .filter(Boolean)\n    .join(' ') || undefined,\n)\n\nconst textareaEl = ref<HTMLTextAreaElement | null>(null)\n\nfunction focus(): void {\n  textareaEl.value?.focus()\n}\n\nfunction blur(): void {\n  textareaEl.value?.blur()\n}\n\ndefineExpose({ focus, blur })\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTextarea' })\nconst resolvedClearable = useGrComponentProp('GrTextarea', 'clearable', () => props.clearable, false)\n\nconst { t } = useGranularityTranslations()\n\nconst stateText = computed(() => (signalState.value\n  ? t(controlStateTextKey[signalState.value], controlStateFallbackText[signalState.value])\n  : ''))\nconst resolvedClearLabel = computed(() => props.clearLabel ?? t('gr.input.clear', 'Clear'))\n\n/** С `maxLines` — «3 / 10», без него — локализованная подпись с формой числа. */\nconst lineCountText = computed(() => (\n  props.maxLines !== undefined\n    ? `${lineCount.value} / ${props.maxLines}`\n    : t('gr.textarea.lines', '{n} lines', { n: lineCount.value })\n))\n\nconst showClear = computed(() =>\n  resolvedClearable.value && !isDisabled.value && !isReadonly.value && props.modelValue !== '',\n)\n\nfunction clear(): void {\n  emit('update:modelValue', '')\n  emit('change', '')\n  emit('clear')\n  focus()\n}\n\nconst baseClass = 'w-full rounded-[var(--gr-radius-control)] border text-[var(--gr-fg)] placeholder:text-[var(--gr-muted-fg)] transition-colors duration-[var(--gr-duration-fast)] focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)] disabled:cursor-not-allowed'\n\nconst className = computed(() => [\n  sizes[resolvedSize.value],\n  resizeClass[props.resize],\n  isDisabled.value ? disabledSurfaceClass : enabledSurfaceClass,\n  grTextareaClass({\n    state: props.state,\n    invalid: isInvalid.value,\n  }),\n].join(' '))\n\n// Обе ветки шаблона (со счётчиком и без) рендерят одно и то же поле, поэтому\n// атрибуты живут одним объектом: двадцать строк копипасты расходятся молча.\nconst textareaAttrs = computed(() => ({\n  'id': resolvedId.value,\n  'data-gr-textarea': '',\n  'name': props.name,\n  'rows': props.rows,\n  'maxlength': props.maxlength,\n  'autocomplete': props.autocomplete,\n  'placeholder': props.placeholder,\n  'disabled': isDisabled.value,\n  'value': props.modelValue,\n  'aria-invalid': isInvalid.value ? ('true' as const) : undefined,\n  'aria-describedby': describedBy.value,\n  'aria-required': isRequired.value ? ('true' as const) : undefined,\n  'aria-readonly': isReadonly.value ? ('true' as const) : undefined,\n  'aria-label': props.ariaLabel,\n  'readonly': isReadonly.value,\n  'class': [baseClass, className.value],\n}))\n\nfunction onInput(e: Event): void {\n  emit('update:modelValue', (e.target as HTMLTextAreaElement).value)\n}\n\n// Объявленный emit уходит из `$attrs`, поэтому нативные события переизлучаем\n// руками — иначе `@change`/`@focus`/`@blur` у потребителя перестали бы работать.\nfunction onChange(e: Event): void {\n  emit('change', (e.target as HTMLTextAreaElement).value)\n}\n\nfunction onFocus(e: FocusEvent): void {\n  emit('focus', e)\n}\n\nfunction onBlur(e: FocusEvent): void {\n  emit('blur', e)\n}\n</script>\n\n<template>\n  <div v-if=\"hasCounters\" data-gr-textarea-wrap class=\"relative w-full\">\n    <textarea\n      ref=\"textareaEl\"\n      v-autosize=\"autosize\"\n      v-bind=\"{ ...textareaAttrs, ...$attrs }\"\n      @input=\"onInput\"\n      @change=\"onChange\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n    />\n\n    <button\n      v-if=\"showClear\"\n      type=\"button\"\n      data-gr-textarea-clear\n      :aria-label=\"resolvedClearLabel\"\n      class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n      @click=\"clear\"\n    >\n      <IconX class=\"h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <span\n      v-if=\"signalState\"\n      data-gr-textarea-state\n      class=\"absolute top-2\" :class=\"[stateIconClass, showClear ? 'right-10' : 'right-2']\"\n      aria-hidden=\"true\"\n    >\n      <component :is=\"stateIcon\" class=\"h-4 w-4\" />\n    </span>\n\n    <span v-if=\"signalState\" :id=\"stateTextId\" data-gr-textarea-state-text class=\"sr-only\">{{ stateText }}</span>\n\n    <div :class=\"countRowClass\">\n      <div\n        v-if=\"showLineCount\"\n        :id=\"lineCountId\"\n        data-gr-textarea-line-count\n        :class=\"lineCountClass\"\n      >\n        {{ lineCountText }}\n      </div>\n\n      <!-- Символьный счётчик всегда прижат вправо: без счётчика строк он остаётся\n           единственным в ряду, и `justify-between` его туда и отправляет. -->\n      <div\n        v-if=\"showCount\"\n        :id=\"countId\"\n        data-gr-textarea-count\n        class=\"ml-auto\"\n        :class=\"countClass\"\n      >\n        {{ countText }}\n      </div>\n    </div>\n  </div>\n\n  <!-- Обёртка появляется под кнопку очистки и под признак состояния: без них\n       поле остаётся корневым элементом — на этом стоит контракт\n       fallthrough-атрибутов. -->\n  <div v-else-if=\"resolvedClearable || signalState\" class=\"relative w-full\">\n    <textarea\n      ref=\"textareaEl\"\n      v-autosize=\"autosize\"\n      v-bind=\"{ ...textareaAttrs, ...$attrs }\"\n      @input=\"onInput\"\n      @change=\"onChange\"\n      @focus=\"onFocus\"\n      @blur=\"onBlur\"\n    />\n\n    <button\n      v-if=\"showClear\"\n      type=\"button\"\n      data-gr-textarea-clear\n      :aria-label=\"resolvedClearLabel\"\n      class=\"absolute right-2 top-2 flex h-6 w-6 items-center justify-center rounded-[var(--gr-radius-sm)] text-[var(--gr-muted-fg)] transition-colors hover:bg-[var(--gr-muted)] hover:text-[var(--gr-fg)] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--gr-ring)]\"\n      @click=\"clear\"\n    >\n      <IconX class=\"h-4 w-4\" aria-hidden=\"true\" />\n    </button>\n\n    <span\n      v-if=\"signalState\"\n      data-gr-textarea-state\n      class=\"absolute top-2\" :class=\"[stateIconClass, showClear ? 'right-10' : 'right-2']\"\n      aria-hidden=\"true\"\n    >\n      <component :is=\"stateIcon\" class=\"h-4 w-4\" />\n    </span>\n\n    <span v-if=\"signalState\" :id=\"stateTextId\" data-gr-textarea-state-text class=\"sr-only\">{{ stateText }}</span>\n  </div>\n\n  <textarea\n    v-else\n    ref=\"textareaEl\"\n    v-autosize=\"autosize\"\n    v-bind=\"{ ...textareaAttrs, ...$attrs }\"\n    @input=\"onInput\"\n    @change=\"onChange\"\n    @focus=\"onFocus\"\n    @blur=\"onBlur\"\n  />\n</template>\n"],"mappings":"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"}

package/dist/components/GrToaster/chunks/GrToaster-CZixNk0l.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrToaster-CZixNk0l.js","names":[],"sources":["../../../../src/components/GrToaster/GrToaster.vue","../../../../src/components/GrToaster/GrToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrToaster — GR-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast`, поэтому в приложении предполагается\n * **один активный `GrToaster`** на корень (или app-scoped через плагин).\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - объявляет каждый тост сам собой: `role=\"status\"`, а критичные\n *   (`warning`/`danger`) — ассертивный `role=\"alert\"`. Обёртки-live-region над\n *   ними нет намеренно: вложение регионов с разной ассертивностью\n *   спецификацией не определено, браузеры и SR расходятся вплоть до потери\n *   объявления;\n * - стек достижим с клавиатуры по `focusHotkey` (по умолчанию `F6`) — тосты\n *   телепортированы в конец `body`, и без хоткея кнопка «Отменить» лежала бы\n *   за пределами разумного числа нажатий `Tab`.\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, nextTick, ref, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\nimport type { Component } from 'vue'\n\nimport { useDragGesture } from '../../composables/useDragGesture'\nimport { useToast } from '../../composables/useToast'\nimport { vHotkey } from '../../directives'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone, Toast, ToastAction } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport {\n  PLACEMENT_CLASS,\n  SWIPE_DIRECTION,\n  SWIPE_FLY_OUT_PX,\n  SWIPE_RESISTANCE,\n  SWIPE_THRESHOLD_MIN_PX,\n  SWIPE_THRESHOLD_RATIO,\n  swipeOpacity,\n  type GrToasterPlacement,\n} from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type { GrToasterPlacement }\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль. На уровне модуля —\n// чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: { icon: IconInfo, color: 'var(--gr-primary)', role: 'status' },\n  neutral: { icon: IconInfo, color: 'var(--gr-muted-fg)', role: 'status' },\n  info: { icon: IconInfo, color: 'var(--gr-info)', role: 'status' },\n  success: { icon: IconCheck, color: 'var(--gr-success)', role: 'status' },\n  warning: { icon: IconWarning, color: 'var(--gr-warning)', role: 'alert' },\n  danger: { icon: IconError, color: 'var(--gr-danger)', role: 'alert' },\n  slate: { icon: IconInfo, color: 'var(--gr-slate)', role: 'status' },\n  azure: { icon: IconInfo, color: 'var(--gr-azure)', role: 'status' },\n}\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** Максимум одновременно видимых тостов; остальные ждут в очереди. По умолчанию `4`. */\n  maxVisible?: number\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n  /**\n   * Ширина стека. Число — пиксели, строка — любая CSS-длина. Уезжает в\n   * `--gr-toaster-width`, поэтому то же самое можно задать и темой.\n   */\n  width?: string | number\n  /**\n   * Клавиша перевода фокуса в стек уведомлений; `false` отключает хоткей.\n   * `F6` — рекомендация APG для перехода между «регионами» страницы.\n   */\n  focusHotkey?: string | false\n  /**\n   * Смахивание тоста к своему краю экрана. Клавиатурный эквивалент — `Delete`\n   * и `Backspace` на сфокусированном тосте — остаётся и при выключенном жесте.\n   */\n  swipeDismiss?: boolean\n}\n\nimport { useGrThemeAttrs } from '../GrConfigProvider/context'\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n  width: undefined,\n  focusHotkey: 'F6',\n  swipeDismiss: true,\n})\n\n/**\n * Слот `actions` полностью заменяет дефолтные action-кнопки тоста. Получает сам\n * `toast` и `dismiss` — функцию, закрывающую именно этот тост.\n */\ndefineSlots<{\n  actions?: (props: { toast: Toast, dismiss: () => void }) => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\nconst slots = useSlots()\nconst resolvedDismissLabel = computed(() => props.dismissLabel ?? t('gr.toaster.dismiss', 'Dismiss'))\nconst resolvedRegionLabel = computed(() => props.regionLabel ?? t('gr.toaster.region', 'Notifications'))\n\nconst { list, dismiss, pause, resume } = useToast()\n\n// Единый список кнопок тоста: `action` (шорткат) + массив `actions`.\nfunction toastActions(toast: Toast): ToastAction[] {\n  return [...(toast.action ? [toast.action] : []), ...(toast.actions ?? [])]\n}\n\n// Показываем блок действий, если есть кнопки или задан слот `actions`.\nfunction hasActions(toast: Toast): boolean {\n  return Boolean(slots.actions) || toastActions(toast).length > 0\n}\n\n// Клик по action-кнопке тоста: вызываем обработчик и (по умолчанию) закрываем тост.\nfunction onAction(toast: Toast, action: ToastAction): void {\n  action.onClick()\n  if (action.dismissOnClick !== false)\n    dismiss(toast.id)\n}\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\n// Видимые тосты (не больше `maxVisible`); остальные ждут в очереди. Список\n// хранится новейшими вперёд, поэтому «видимые дожинают, новые ждут» — это\n// хвост: старейшие N. Взяв голову, стек показывал бы новейшие, и каждый пуш\n// вытеснял бы с экрана тост, который пользователь ещё читает.\nconst visibleToasts = computed(() => list.value.slice(-Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Флага два и они независимы: один\n// `paused` терялся на «фокус внутри + мышь прошла насквозь» — `mouseleave`\n// возобновлял отсчёт под клавиатурным фокусом.\nconst hovered = ref(false)\nconst focusWithin = ref(false)\n\n// Контейнер стека: по нему ищутся тосты — и для фокуса, и для жеста.\nconst containerEl = ref<HTMLElement | null>(null)\n\n// ————— Смахивание.\n\nconst swipingId = ref<string | null>(null)\nconst swipeOffset = ref(0)\nlet swipeStartX = 0\nlet swipeThreshold = SWIPE_THRESHOLD_MIN_PX\n\n// Тост, который тянут, тоже держит таймеры: иначе уведомление сгорало бы прямо\n// под пальцем, посреди жеста.\nconst paused = computed(() => hovered.value || focusWithin.value || swipingId.value !== null)\n\nfunction toastElement(id: string): HTMLElement | null {\n  return containerEl.value?.querySelector<HTMLElement>(`[data-gr-toast][data-toast-id=\"${id}\"]`) ?? null\n}\n\n/** Жест отпущен и тост закрывается: переход снова разрешён (см. `releaseSwiped`). */\nconst swipeReleased = ref(false)\n\nfunction resetSwipe(): void {\n  swipingId.value = null\n  swipeOffset.value = 0\n  swipeReleased.value = false\n}\n\n/**\n * Отпущенный тост уезжает за свой край и только потом закрывается.\n *\n * Два кадра здесь обязательны, и оба по одной причине: уходящий элемент Vue\n * больше не перерисовывает — он уезжает с тем стилем, что был на последнем\n * рендере. Значит и разрешение перехода, и конечную точку нужно успеть отдать\n * до закрытия: первый кадр снимает инлайновый `transition: none` (во время\n * жеста он нужен, иначе переходы группы борются с пальцем), второй задаёт точку\n * отлёта — с этого момента анимация уже идёт, и `leave` подхватывает её на ходу.\n *\n * Закрыв тост сразу, получили бы не отлёт, а мгновенное исчезновение: элемент\n * ушёл бы в `leave` с запрещённым переходом.\n */\nasync function releaseSwiped(id: string): Promise<void> {\n  swipeReleased.value = true\n  await nextTick()\n\n  swipeOffset.value = SWIPE_DIRECTION[props.placement] * SWIPE_FLY_OUT_PX\n  await nextTick()\n\n  dismiss(id)\n  resetSwipe()\n}\n\n/**\n * Движение к своему краю идёт один к одному, в обратную сторону — с\n * сопротивлением: тост едет за пальцем, но закрыть его «наоборот» нельзя.\n */\nfunction resistOffset(delta: number): number {\n  const toEdge = SWIPE_DIRECTION[props.placement]\n\n  return Math.sign(delta) === toEdge ? delta : delta / SWIPE_RESISTANCE\n}\n\nconst swipe = useDragGesture({\n  disabled: () => !props.swipeDismiss,\n  onStart: (event) => {\n    const target = event.target as HTMLElement | null\n    // Нажатие на кнопке — это нажатие на кнопке: закрытие и действия тоста не\n    // должны превращаться в протяжку.\n    if (target?.closest('button, a[href]'))\n      return false\n\n    const host = target?.closest<HTMLElement>('[data-gr-toast]')\n    const id = host?.dataset.toastId\n    if (!host || !id)\n      return false\n\n    swipingId.value = id\n    swipeOffset.value = 0\n    swipeStartX = event.clientX\n    swipeThreshold = Math.max(SWIPE_THRESHOLD_MIN_PX, host.getBoundingClientRect().width * SWIPE_THRESHOLD_RATIO)\n  },\n  onMove: (event) => {\n    // Против выделения текста тоста во время протяжки.\n    event.preventDefault()\n    swipeOffset.value = resistOffset(event.clientX - swipeStartX)\n  },\n  onEnd: () => {\n    const id = swipingId.value\n    const passed = id !== null\n      && Math.sign(swipeOffset.value) === SWIPE_DIRECTION[props.placement]\n      && Math.abs(swipeOffset.value) >= swipeThreshold\n\n    if (passed)\n      void releaseSwiped(id)\n    else resetSwipe()\n  },\n  // Обрыв возвращает тост на место, а не дожимает смахивание: указатель забрал\n  // браузер, а не пользователь довёл жест.\n  onCancel: resetSwipe,\n})\n\nfunction swipeStyle(toast: Toast): Record<string, string> | undefined {\n  if (swipingId.value !== toast.id)\n    return undefined\n\n  return {\n    transform: `translateX(${swipeOffset.value}px)`,\n    opacity: String(swipeOpacity(swipeOffset.value, swipeThreshold)),\n    // Переходы группы во время жеста борются с пальцем: тост едет с задержкой\n    // и «догоняет» курсор после отпускания. После отпускания запрет снимается —\n    // уходящему тосту переход нужен, иначе он не уедет вовсе.\n    ...(swipeReleased.value ? {} : { transition: 'none' }),\n  }\n}\n\n/**\n * Клавиатурный эквивалент смахивания. `Escape` намеренно не берём: тостер не\n * модальный слой, и перехват закрывал бы уведомление вместо диалога под ним.\n */\nfunction onToastKeydown(event: KeyboardEvent, toast: Toast): void {\n  if (event.key !== 'Delete' && event.key !== 'Backspace')\n    return\n\n  event.preventDefault()\n\n  const index = visibleToasts.value.findIndex(item => item.id === toast.id)\n  const next = visibleToasts.value[index + 1] ?? visibleToasts.value[index - 1]\n\n  dismiss(toast.id)\n\n  // Фокус не должен упасть на `body`: дальше по стеку есть что читать.\n  if (next)\n    void nextTick(() => toastElement(next.id)?.focus())\n}\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\n//\n// `timeoutMs` читается ради зависимости, а не ради значения: `toast.promise` и\n// `update` перезапускают таймер уже существующего тоста, не трогая ни список, ни\n// паузу. Без этой зависимости эффект не просыпался бы, и заново заведённый\n// таймер тикал бы под курсором или у тоста, который ещё ждёт в очереди, — тот\n// сгорал бы, ни разу не показавшись.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    const shouldTick = toast.timeoutMs > 0 && visibleIds.value.has(toast.id) && !paused.value\n\n    if (shouldTick)\n      resume(toast.id)\n    else\n      pause(toast.id)\n  }\n})\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n\nconst containerStyle = computed(() => {\n  if (props.width === undefined)\n    return undefined\n\n  return { '--gr-toaster-width': typeof props.width === 'number' ? `${props.width}px` : props.width }\n})\n\n/**\n * Переводит фокус на верхний тост. Тост фокусируем только программно\n * (`tabindex=\"-1\"`): собственной остановкой `Tab` стек быть не должен, иначе\n * всплывающее уведомление перехватывало бы обход страницы.\n */\nfunction focus(): boolean {\n  const target = containerEl.value?.querySelector<HTMLElement>('[data-gr-toast]')\n  if (!target)\n    return false\n\n  target.focus()\n  return true\n}\n\nconst hotkeyBinding = computed(() => ({\n  enabled: props.focusHotkey !== false && visibleToasts.value.length > 0,\n  handlers: { [props.focusHotkey || 'F6']: { handler: onFocusHotkey, allowInEditable: true } },\n}))\n\nfunction onFocusHotkey(event: KeyboardEvent): void {\n  if (focus())\n    event.preventDefault()\n}\n\ndefineExpose({ focus })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n        ref=\"containerEl\"\n        v-hotkey=\"hotkeyBinding\"\n        v-bind=\"themeAttrs\"\n        data-gr-toaster\n        data-gr-overlay-root\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[var(--gr-toaster-width,360px)] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        :style=\"containerStyle\"\n        @mouseenter=\"hovered = true\"\n        @mouseleave=\"hovered = false\"\n        @focusin=\"focusWithin = true\"\n        @focusout=\"focusWithin = false\"\n    >\n      <TransitionGroup\n          tag=\"div\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)] absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n      >\n        <div\n            v-for=\"toast in visibleToasts\"\n            :key=\"toast.id\"\n            data-gr-toast\n            :data-tone=\"toast.tone\"\n            :data-toast-id=\"toast.id\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            tabindex=\"-1\"\n            class=\"relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] px-4 py-3 shadow-[var(--gr-shadow-2)] focus-visible:outline-none focus-visible:shadow-[var(--gr-shadow-2),0_0_0_2px_var(--gr-ring)]\"\n            :class=\"swipeDismiss ? '[touch-action:pan-y]' : ''\"\n            :style=\"swipeStyle(toast)\"\n            @pointerdown=\"swipe.start\"\n            @keydown=\"onToastKeydown($event, toast)\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]\">\n                {{ toast.message }}\n              </div>\n\n              <!-- Action-кнопки тоста: например «Отменить»/«Повторить». Можно\n                   задать массивом (`actions`) или переопределить слотом. -->\n              <div v-if=\"hasActions(toast)\" class=\"mt-2 flex flex-wrap gap-2\">\n                <slot name=\"actions\" :toast=\"toast\" :dismiss=\"() => dismiss(toast.id)\">\n                  <GrButton\n                      v-for=\"(action, index) in toastActions(toast)\"\n                      :key=\"index\"\n                      :variant=\"action.variant ?? 'outline'\"\n                      :size=\"action.size ?? 'sm'\"\n                      data-gr-toast-action\n                      @click=\"onAction(toast, action)\"\n                  >\n                    {{ action.label }}\n                  </GrButton>\n                </slot>\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"resolvedDismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n\n          <!-- Прогресс до автозакрытия; замирает вместе с таймером на паузе. -->\n          <div\n              v-if=\"toast.timeoutMs > 0\"\n              data-gr-toast-progress\n              aria-hidden=\"true\"\n              class=\"gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left\"\n              :style=\"{\n                backgroundColor: metaFor(toast.tone).color,\n                animationDuration: `${toast.timeoutMs}ms`,\n                animationPlayState: paused ? 'paused' : 'running',\n              }\"\n          />\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n\n<style scoped>\n.gr-toast-progress {\n  animation-name: gr-toast-progress;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n}\n\n@keyframes gr-toast-progress {\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n}\n\n/*\n * Единственная анимация пакета, которую глобальный кламп чинит неверно.\n *\n * У полосы `animation-fill-mode: forwards`, поэтому сжатая до `0.01ms` она не\n * возвращается в исходное состояние, а фиксируется на `scaleX(0)`: таймер\n * выглядит истёкшим, пока тост ещё висит на экране. Полоса — единственный\n * носитель этого смысла, и статичной её оставить нельзя, поэтому под reduce она\n * убирается совсем. Автозакрытие ведёт JS-таймер, оно не страдает, а сам элемент\n * и так `aria-hidden`.\n */\n@media (prefers-reduced-motion: reduce) {\n  .gr-toast-progress {\n    display: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/**\n * GrToaster — GR-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast`, поэтому в приложении предполагается\n * **один активный `GrToaster`** на корень (или app-scoped через плагин).\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - объявляет каждый тост сам собой: `role=\"status\"`, а критичные\n *   (`warning`/`danger`) — ассертивный `role=\"alert\"`. Обёртки-live-region над\n *   ними нет намеренно: вложение регионов с разной ассертивностью\n *   спецификацией не определено, браузеры и SR расходятся вплоть до потери\n *   объявления;\n * - стек достижим с клавиатуры по `focusHotkey` (по умолчанию `F6`) — тосты\n *   телепортированы в конец `body`, и без хоткея кнопка «Отменить» лежала бы\n *   за пределами разумного числа нажатий `Tab`.\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, nextTick, ref, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\nimport type { Component } from 'vue'\n\nimport { useDragGesture } from '../../composables/useDragGesture'\nimport { useToast } from '../../composables/useToast'\nimport { vHotkey } from '../../directives'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone, Toast, ToastAction } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport {\n  PLACEMENT_CLASS,\n  SWIPE_DIRECTION,\n  SWIPE_FLY_OUT_PX,\n  SWIPE_RESISTANCE,\n  SWIPE_THRESHOLD_MIN_PX,\n  SWIPE_THRESHOLD_RATIO,\n  swipeOpacity,\n  type GrToasterPlacement,\n} from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type { GrToasterPlacement }\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль. На уровне модуля —\n// чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: { icon: IconInfo, color: 'var(--gr-primary)', role: 'status' },\n  neutral: { icon: IconInfo, color: 'var(--gr-muted-fg)', role: 'status' },\n  info: { icon: IconInfo, color: 'var(--gr-info)', role: 'status' },\n  success: { icon: IconCheck, color: 'var(--gr-success)', role: 'status' },\n  warning: { icon: IconWarning, color: 'var(--gr-warning)', role: 'alert' },\n  danger: { icon: IconError, color: 'var(--gr-danger)', role: 'alert' },\n  slate: { icon: IconInfo, color: 'var(--gr-slate)', role: 'status' },\n  azure: { icon: IconInfo, color: 'var(--gr-azure)', role: 'status' },\n}\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** Максимум одновременно видимых тостов; остальные ждут в очереди. По умолчанию `4`. */\n  maxVisible?: number\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n  /**\n   * Ширина стека. Число — пиксели, строка — любая CSS-длина. Уезжает в\n   * `--gr-toaster-width`, поэтому то же самое можно задать и темой.\n   */\n  width?: string | number\n  /**\n   * Клавиша перевода фокуса в стек уведомлений; `false` отключает хоткей.\n   * `F6` — рекомендация APG для перехода между «регионами» страницы.\n   */\n  focusHotkey?: string | false\n  /**\n   * Смахивание тоста к своему краю экрана. Клавиатурный эквивалент — `Delete`\n   * и `Backspace` на сфокусированном тосте — остаётся и при выключенном жесте.\n   */\n  swipeDismiss?: boolean\n}\n\nimport { useGrThemeAttrs } from '../GrConfigProvider/context'\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n  width: undefined,\n  focusHotkey: 'F6',\n  swipeDismiss: true,\n})\n\n/**\n * Слот `actions` полностью заменяет дефолтные action-кнопки тоста. Получает сам\n * `toast` и `dismiss` — функцию, закрывающую именно этот тост.\n */\ndefineSlots<{\n  actions?: (props: { toast: Toast, dismiss: () => void }) => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\nconst slots = useSlots()\nconst resolvedDismissLabel = computed(() => props.dismissLabel ?? t('gr.toaster.dismiss', 'Dismiss'))\nconst resolvedRegionLabel = computed(() => props.regionLabel ?? t('gr.toaster.region', 'Notifications'))\n\nconst { list, dismiss, pause, resume } = useToast()\n\n// Единый список кнопок тоста: `action` (шорткат) + массив `actions`.\nfunction toastActions(toast: Toast): ToastAction[] {\n  return [...(toast.action ? [toast.action] : []), ...(toast.actions ?? [])]\n}\n\n// Показываем блок действий, если есть кнопки или задан слот `actions`.\nfunction hasActions(toast: Toast): boolean {\n  return Boolean(slots.actions) || toastActions(toast).length > 0\n}\n\n// Клик по action-кнопке тоста: вызываем обработчик и (по умолчанию) закрываем тост.\nfunction onAction(toast: Toast, action: ToastAction): void {\n  action.onClick()\n  if (action.dismissOnClick !== false)\n    dismiss(toast.id)\n}\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\n// Видимые тосты (не больше `maxVisible`); остальные ждут в очереди. Список\n// хранится новейшими вперёд, поэтому «видимые дожинают, новые ждут» — это\n// хвост: старейшие N. Взяв голову, стек показывал бы новейшие, и каждый пуш\n// вытеснял бы с экрана тост, который пользователь ещё читает.\nconst visibleToasts = computed(() => list.value.slice(-Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Флага два и они независимы: один\n// `paused` терялся на «фокус внутри + мышь прошла насквозь» — `mouseleave`\n// возобновлял отсчёт под клавиатурным фокусом.\nconst hovered = ref(false)\nconst focusWithin = ref(false)\n\n// Контейнер стека: по нему ищутся тосты — и для фокуса, и для жеста.\nconst containerEl = ref<HTMLElement | null>(null)\n\n// ————— Смахивание.\n\nconst swipingId = ref<string | null>(null)\nconst swipeOffset = ref(0)\nlet swipeStartX = 0\nlet swipeThreshold = SWIPE_THRESHOLD_MIN_PX\n\n// Тост, который тянут, тоже держит таймеры: иначе уведомление сгорало бы прямо\n// под пальцем, посреди жеста.\nconst paused = computed(() => hovered.value || focusWithin.value || swipingId.value !== null)\n\nfunction toastElement(id: string): HTMLElement | null {\n  return containerEl.value?.querySelector<HTMLElement>(`[data-gr-toast][data-toast-id=\"${id}\"]`) ?? null\n}\n\n/** Жест отпущен и тост закрывается: переход снова разрешён (см. `releaseSwiped`). */\nconst swipeReleased = ref(false)\n\nfunction resetSwipe(): void {\n  swipingId.value = null\n  swipeOffset.value = 0\n  swipeReleased.value = false\n}\n\n/**\n * Отпущенный тост уезжает за свой край и только потом закрывается.\n *\n * Два кадра здесь обязательны, и оба по одной причине: уходящий элемент Vue\n * больше не перерисовывает — он уезжает с тем стилем, что был на последнем\n * рендере. Значит и разрешение перехода, и конечную точку нужно успеть отдать\n * до закрытия: первый кадр снимает инлайновый `transition: none` (во время\n * жеста он нужен, иначе переходы группы борются с пальцем), второй задаёт точку\n * отлёта — с этого момента анимация уже идёт, и `leave` подхватывает её на ходу.\n *\n * Закрыв тост сразу, получили бы не отлёт, а мгновенное исчезновение: элемент\n * ушёл бы в `leave` с запрещённым переходом.\n */\nasync function releaseSwiped(id: string): Promise<void> {\n  swipeReleased.value = true\n  await nextTick()\n\n  swipeOffset.value = SWIPE_DIRECTION[props.placement] * SWIPE_FLY_OUT_PX\n  await nextTick()\n\n  dismiss(id)\n  resetSwipe()\n}\n\n/**\n * Движение к своему краю идёт один к одному, в обратную сторону — с\n * сопротивлением: тост едет за пальцем, но закрыть его «наоборот» нельзя.\n */\nfunction resistOffset(delta: number): number {\n  const toEdge = SWIPE_DIRECTION[props.placement]\n\n  return Math.sign(delta) === toEdge ? delta : delta / SWIPE_RESISTANCE\n}\n\nconst swipe = useDragGesture({\n  disabled: () => !props.swipeDismiss,\n  onStart: (event) => {\n    const target = event.target as HTMLElement | null\n    // Нажатие на кнопке — это нажатие на кнопке: закрытие и действия тоста не\n    // должны превращаться в протяжку.\n    if (target?.closest('button, a[href]'))\n      return false\n\n    const host = target?.closest<HTMLElement>('[data-gr-toast]')\n    const id = host?.dataset.toastId\n    if (!host || !id)\n      return false\n\n    swipingId.value = id\n    swipeOffset.value = 0\n    swipeStartX = event.clientX\n    swipeThreshold = Math.max(SWIPE_THRESHOLD_MIN_PX, host.getBoundingClientRect().width * SWIPE_THRESHOLD_RATIO)\n  },\n  onMove: (event) => {\n    // Против выделения текста тоста во время протяжки.\n    event.preventDefault()\n    swipeOffset.value = resistOffset(event.clientX - swipeStartX)\n  },\n  onEnd: () => {\n    const id = swipingId.value\n    const passed = id !== null\n      && Math.sign(swipeOffset.value) === SWIPE_DIRECTION[props.placement]\n      && Math.abs(swipeOffset.value) >= swipeThreshold\n\n    if (passed)\n      void releaseSwiped(id)\n    else resetSwipe()\n  },\n  // Обрыв возвращает тост на место, а не дожимает смахивание: указатель забрал\n  // браузер, а не пользователь довёл жест.\n  onCancel: resetSwipe,\n})\n\nfunction swipeStyle(toast: Toast): Record<string, string> | undefined {\n  if (swipingId.value !== toast.id)\n    return undefined\n\n  return {\n    transform: `translateX(${swipeOffset.value}px)`,\n    opacity: String(swipeOpacity(swipeOffset.value, swipeThreshold)),\n    // Переходы группы во время жеста борются с пальцем: тост едет с задержкой\n    // и «догоняет» курсор после отпускания. После отпускания запрет снимается —\n    // уходящему тосту переход нужен, иначе он не уедет вовсе.\n    ...(swipeReleased.value ? {} : { transition: 'none' }),\n  }\n}\n\n/**\n * Клавиатурный эквивалент смахивания. `Escape` намеренно не берём: тостер не\n * модальный слой, и перехват закрывал бы уведомление вместо диалога под ним.\n */\nfunction onToastKeydown(event: KeyboardEvent, toast: Toast): void {\n  if (event.key !== 'Delete' && event.key !== 'Backspace')\n    return\n\n  event.preventDefault()\n\n  const index = visibleToasts.value.findIndex(item => item.id === toast.id)\n  const next = visibleToasts.value[index + 1] ?? visibleToasts.value[index - 1]\n\n  dismiss(toast.id)\n\n  // Фокус не должен упасть на `body`: дальше по стеку есть что читать.\n  if (next)\n    void nextTick(() => toastElement(next.id)?.focus())\n}\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\n//\n// `timeoutMs` читается ради зависимости, а не ради значения: `toast.promise` и\n// `update` перезапускают таймер уже существующего тоста, не трогая ни список, ни\n// паузу. Без этой зависимости эффект не просыпался бы, и заново заведённый\n// таймер тикал бы под курсором или у тоста, который ещё ждёт в очереди, — тот\n// сгорал бы, ни разу не показавшись.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    const shouldTick = toast.timeoutMs > 0 && visibleIds.value.has(toast.id) && !paused.value\n\n    if (shouldTick)\n      resume(toast.id)\n    else\n      pause(toast.id)\n  }\n})\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n\nconst containerStyle = computed(() => {\n  if (props.width === undefined)\n    return undefined\n\n  return { '--gr-toaster-width': typeof props.width === 'number' ? `${props.width}px` : props.width }\n})\n\n/**\n * Переводит фокус на верхний тост. Тост фокусируем только программно\n * (`tabindex=\"-1\"`): собственной остановкой `Tab` стек быть не должен, иначе\n * всплывающее уведомление перехватывало бы обход страницы.\n */\nfunction focus(): boolean {\n  const target = containerEl.value?.querySelector<HTMLElement>('[data-gr-toast]')\n  if (!target)\n    return false\n\n  target.focus()\n  return true\n}\n\nconst hotkeyBinding = computed(() => ({\n  enabled: props.focusHotkey !== false && visibleToasts.value.length > 0,\n  handlers: { [props.focusHotkey || 'F6']: { handler: onFocusHotkey, allowInEditable: true } },\n}))\n\nfunction onFocusHotkey(event: KeyboardEvent): void {\n  if (focus())\n    event.preventDefault()\n}\n\ndefineExpose({ focus })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n        ref=\"containerEl\"\n        v-hotkey=\"hotkeyBinding\"\n        v-bind=\"themeAttrs\"\n        data-gr-toaster\n        data-gr-overlay-root\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[var(--gr-toaster-width,360px)] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        :style=\"containerStyle\"\n        @mouseenter=\"hovered = true\"\n        @mouseleave=\"hovered = false\"\n        @focusin=\"focusWithin = true\"\n        @focusout=\"focusWithin = false\"\n    >\n      <TransitionGroup\n          tag=\"div\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)] absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]\"\n      >\n        <div\n            v-for=\"toast in visibleToasts\"\n            :key=\"toast.id\"\n            data-gr-toast\n            :data-tone=\"toast.tone\"\n            :data-toast-id=\"toast.id\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            tabindex=\"-1\"\n            class=\"relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] px-4 py-3 shadow-[var(--gr-shadow-2)] focus-visible:outline-none focus-visible:shadow-[var(--gr-shadow-2),0_0_0_2px_var(--gr-ring)]\"\n            :class=\"swipeDismiss ? '[touch-action:pan-y]' : ''\"\n            :style=\"swipeStyle(toast)\"\n            @pointerdown=\"swipe.start\"\n            @keydown=\"onToastKeydown($event, toast)\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]\">\n                {{ toast.message }}\n              </div>\n\n              <!-- Action-кнопки тоста: например «Отменить»/«Повторить». Можно\n                   задать массивом (`actions`) или переопределить слотом. -->\n              <div v-if=\"hasActions(toast)\" class=\"mt-2 flex flex-wrap gap-2\">\n                <slot name=\"actions\" :toast=\"toast\" :dismiss=\"() => dismiss(toast.id)\">\n                  <GrButton\n                      v-for=\"(action, index) in toastActions(toast)\"\n                      :key=\"index\"\n                      :variant=\"action.variant ?? 'outline'\"\n                      :size=\"action.size ?? 'sm'\"\n                      data-gr-toast-action\n                      @click=\"onAction(toast, action)\"\n                  >\n                    {{ action.label }}\n                  </GrButton>\n                </slot>\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"resolvedDismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n\n          <!-- Прогресс до автозакрытия; замирает вместе с таймером на паузе. -->\n          <div\n              v-if=\"toast.timeoutMs > 0\"\n              data-gr-toast-progress\n              aria-hidden=\"true\"\n              class=\"gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left\"\n              :style=\"{\n                backgroundColor: metaFor(toast.tone).color,\n                animationDuration: `${toast.timeoutMs}ms`,\n                animationPlayState: paused ? 'paused' : 'running',\n              }\"\n          />\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n\n<style scoped>\n.gr-toast-progress {\n  animation-name: gr-toast-progress;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n}\n\n@keyframes gr-toast-progress {\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n}\n\n/*\n * Единственная анимация пакета, которую глобальный кламп чинит неверно.\n *\n * У полосы `animation-fill-mode: forwards`, поэтому сжатая до `0.01ms` она не\n * возвращается в исходное состояние, а фиксируется на `scaleX(0)`: таймер\n * выглядит истёкшим, пока тост ещё висит на экране. Полоса — единственный\n * носитель этого смысла, и статичной её оставить нельзя, поэтому под reduce она\n * убирается совсем. Автозакрытие ведёт JS-таймер, оно не страдает, а сам элемент\n * и так `aria-hidden`.\n */\n@media (prefers-reduced-motion: reduce) {\n  .gr-toast-progress {\n    display: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrTooltip/chunks/GrTooltip-DkMMM0uq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTooltip-DkMMM0uq.js","names":[],"sources":["../../../../src/components/GrTooltip/GrTooltip.vue","../../../../src/components/GrTooltip/GrTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * `placement` задаёт предпочтительную сторону, `flip` переворачивает подсказку,\n * если места не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onMounted, onUnmounted, onUpdated, ref, useId, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport GrIcon from '../GrIcon'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useDismissible } from '../../composables/useDismissible'\nimport { useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { type GrTooltipSize, panelSizes, panelWidths, triggerIconSizes } from './grTooltipStyles'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport type GrTooltipPlacement = UseFloatingPlacement\n\nexport interface GrTooltipProps {\n  /** Текст подсказки. Разметка вместо текста — слот `#content`. */\n  text?: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`. */\n  iconColor?: string\n  /** Размер панели и дефолтной триггер-иконки. */\n  size?: GrTooltipSize\n  /** Предпочтительная сторона панели; `flip` может её изменить. */\n  placement?: GrTooltipPlacement\n  /** Зазор между триггером и панелью, px. */\n  offsetPx?: number\n  /** Задержка перед показом, мс. Спасает от мигания при проведении курсором по панели кнопок. */\n  openDelay?: number\n  /** Задержка перед скрытием, мс. */\n  closeDelay?: number\n  /** Подсказка не показывается ничем — ни курсором, ни фокусом, ни `v-model:open`. */\n  disabled?: boolean\n  /** Управляемая видимость. Без неё компонент ведёт видимость сам. */\n  open?: boolean\n}\n\nexport interface GrTooltipEmits {\n  (e: 'update:open', value: boolean): void\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  text: undefined,\n  iconColor: 'var(--gr-muted-fg)',\n  size: undefined,\n  placement: 'top',\n  offsetPx: undefined,\n  openDelay: 0,\n  closeDelay: 0,\n  disabled: false,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrTooltipEmits>()\n\ndefineSlots<{\n  /** Триггер. По умолчанию — иконка info. */\n  default?: () => unknown\n  /** Содержимое подсказки; заменяет проп `text`. */\n  content?: () => unknown\n}>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTooltip' })\n\nconst panelClass = computed(() => [\n  panelSizes[resolvedSize.value],\n  panelWidths[resolvedSize.value],\n].join(' '))\nconst triggerIconSize = computed(() => triggerIconSizes[resolvedSize.value])\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\nconst uncontrolledOpen = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Показывать нечего — пустая панель хуже отсутствующей. */\nconst hasContent = computed(() => Boolean(slots.content) || Boolean(props.text))\n\nconst open = computed<boolean>({\n  get: () => {\n    if (props.disabled || !hasContent.value)\n      return false\n    return props.open ?? uncontrolledOpen.value\n  },\n  set: (next) => {\n    uncontrolledOpen.value = next\n    emit('update:open', next)\n  },\n})\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: () => props.placement,\n  // Геттер, а не значение: `useFloating` читает опцию на каждом пересчёте, и\n  // так проп остаётся живым, а не замирает на моменте setup.\n  get offsetPx() { return props.offsetPx },\n  zIndexVar: '--gr-z-tooltip',\n})\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction schedule(next: boolean, delayMs: number): void {\n  clearTimeout(delayTimer)\n\n  if (delayMs <= 0) {\n    open.value = next\n    return\n  }\n\n  delayTimer = setTimeout(() => {\n    open.value = next\n  }, delayMs)\n}\n\nfunction show(): void {\n  if (props.disabled)\n    return\n  schedule(true, props.openDelay)\n}\n\nfunction hide(): void {\n  schedule(false, props.closeDelay)\n}\n\n/** Escape и клик вне закрывают мгновенно: задержка тут читалась бы как залипание. */\nfunction dismiss(): void {\n  clearTimeout(delayTimer)\n  if (open.value)\n    open.value = false\n}\n\n// Нужен только тач-режиму: курсор и фокус закрывают подсказку сами.\nconst dismissOnOutside = computed(() => ({ handler: dismiss, enabled: open.value }))\n\n/**\n * На тач-устройствах hover не существует, а фокус по тапу не гарантирован —\n * без этого подсказка там недоступна вовсе. Тап по триггеру переключает\n * панель, тап вне — закрывает (`vClickOutside`).\n */\nfunction onTouch(): void {\n  if (open.value)\n    dismiss()\n  else show()\n}\n\nonUnmounted(() => clearTimeout(delayTimer))\n\nuseDismissible(open, dismiss)\n\nconst FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex=\"-1\"])'\n\n/**\n * Типовое употребление — подсказка у кнопки. Фокусируемая обёртка вокруг\n * фокусируемого контрола дала бы два таб-стопа на один визуальный элемент,\n * поэтому обёртка забирает `tabindex` только когда в слоте фокусироваться\n * нечему (текст, иконка). Разметку слота пишет потребитель, привязать к ней\n * `aria-describedby` из шаблона нельзя — отсюда единственная точка, где атрибут\n * ставится вручную.\n */\nconst slotFocusableEl = ref<HTMLElement | null>(null)\n\nfunction syncSlotFocusable(): void {\n  slotFocusableEl.value = slots.default\n    ? triggerEl.value?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? null\n    : null\n}\n\nonMounted(syncSlotFocusable)\nonUpdated(syncSlotFocusable)\n\nwatchEffect((onCleanup) => {\n  const el = slotFocusableEl.value\n  if (!el)\n    return\n\n  el.setAttribute('aria-describedby', tooltipId)\n  onCleanup(() => el.removeAttribute('aria-describedby'))\n})\n\nconst wrapperTabindex = computed(() => (slotFocusableEl.value ? undefined : 0))\nconst wrapperDescribedBy = computed(() => (slotFocusableEl.value ? undefined : tooltipId))\n</script>\n\n<template>\n  <span\n    v-click-outside=\"dismissOnOutside\"\n    data-gr-tooltip\n    class=\"relative inline-flex\"\n  >\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      :tabindex=\"wrapperTabindex\"\n      :aria-describedby=\"wrapperDescribedBy\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focusin=\"show\"\n      @focusout=\"hide\"\n      @touchstart.passive=\"onTouch\"\n    >\n      <slot>\n        <GrIcon :size=\"triggerIconSize\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <!--\n        Свой набор, а не общий `panelPopTransition`: подсказка появляется фейдом\n        без масштабирования — она догоняет курсор, и рост от 95% читался бы как\n        второй, лишний жест. В общей карте живут наборы с двумя и более\n        потребителями, у этого он один.\n      -->\n      <transition\n        enter-active-class=\"transition-opacity ease-[var(--gr-ease-out)] duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity ease-[var(--gr-ease-in)] duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          v-bind=\"themeAttrs\"\n          data-gr-tooltip-panel\n          data-gr-overlay-root\n          class=\"pointer-events-none rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :class=\"panelClass\"\n          :style=\"floatingStyle\"\n        >\n          <slot name=\"content\">{{ text }}</slot>\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * `placement` задаёт предпочтительную сторону, `flip` переворачивает подсказку,\n * если места не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onMounted, onUnmounted, onUpdated, ref, useId, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\n\nimport { vClickOutside } from '../../directives'\nimport GrIcon from '../GrIcon'\nimport { useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { useDismissible } from '../../composables/useDismissible'\nimport { useGrComponentSize, useGrThemeAttrs } from '../GrConfigProvider/context'\nimport { type GrTooltipSize, panelSizes, panelWidths, triggerIconSizes } from './grTooltipStyles'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport type GrTooltipPlacement = UseFloatingPlacement\n\nexport interface GrTooltipProps {\n  /** Текст подсказки. Разметка вместо текста — слот `#content`. */\n  text?: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`. */\n  iconColor?: string\n  /** Размер панели и дефолтной триггер-иконки. */\n  size?: GrTooltipSize\n  /** Предпочтительная сторона панели; `flip` может её изменить. */\n  placement?: GrTooltipPlacement\n  /** Зазор между триггером и панелью, px. */\n  offsetPx?: number\n  /** Задержка перед показом, мс. Спасает от мигания при проведении курсором по панели кнопок. */\n  openDelay?: number\n  /** Задержка перед скрытием, мс. */\n  closeDelay?: number\n  /** Подсказка не показывается ничем — ни курсором, ни фокусом, ни `v-model:open`. */\n  disabled?: boolean\n  /** Управляемая видимость. Без неё компонент ведёт видимость сам. */\n  open?: boolean\n}\n\nexport interface GrTooltipEmits {\n  (e: 'update:open', value: boolean): void\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  text: undefined,\n  iconColor: 'var(--gr-muted-fg)',\n  size: undefined,\n  placement: 'top',\n  offsetPx: undefined,\n  openDelay: 0,\n  closeDelay: 0,\n  disabled: false,\n  open: undefined,\n})\n\nconst emit = defineEmits<GrTooltipEmits>()\n\ndefineSlots<{\n  /** Триггер. По умолчанию — иконка info. */\n  default?: () => unknown\n  /** Содержимое подсказки; заменяет проп `text`. */\n  content?: () => unknown\n}>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrTooltip' })\n\nconst panelClass = computed(() => [\n  panelSizes[resolvedSize.value],\n  panelWidths[resolvedSize.value],\n].join(' '))\nconst triggerIconSize = computed(() => triggerIconSizes[resolvedSize.value])\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\nconst uncontrolledOpen = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\n/** Показывать нечего — пустая панель хуже отсутствующей. */\nconst hasContent = computed(() => Boolean(slots.content) || Boolean(props.text))\n\nconst open = computed<boolean>({\n  get: () => {\n    if (props.disabled || !hasContent.value)\n      return false\n    return props.open ?? uncontrolledOpen.value\n  },\n  set: (next) => {\n    uncontrolledOpen.value = next\n    emit('update:open', next)\n  },\n})\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: () => props.placement,\n  // Геттер, а не значение: `useFloating` читает опцию на каждом пересчёте, и\n  // так проп остаётся живым, а не замирает на моменте setup.\n  get offsetPx() { return props.offsetPx },\n  zIndexVar: '--gr-z-tooltip',\n})\n\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\n\nfunction schedule(next: boolean, delayMs: number): void {\n  clearTimeout(delayTimer)\n\n  if (delayMs <= 0) {\n    open.value = next\n    return\n  }\n\n  delayTimer = setTimeout(() => {\n    open.value = next\n  }, delayMs)\n}\n\nfunction show(): void {\n  if (props.disabled)\n    return\n  schedule(true, props.openDelay)\n}\n\nfunction hide(): void {\n  schedule(false, props.closeDelay)\n}\n\n/** Escape и клик вне закрывают мгновенно: задержка тут читалась бы как залипание. */\nfunction dismiss(): void {\n  clearTimeout(delayTimer)\n  if (open.value)\n    open.value = false\n}\n\n// Нужен только тач-режиму: курсор и фокус закрывают подсказку сами.\nconst dismissOnOutside = computed(() => ({ handler: dismiss, enabled: open.value }))\n\n/**\n * На тач-устройствах hover не существует, а фокус по тапу не гарантирован —\n * без этого подсказка там недоступна вовсе. Тап по триггеру переключает\n * панель, тап вне — закрывает (`vClickOutside`).\n */\nfunction onTouch(): void {\n  if (open.value)\n    dismiss()\n  else show()\n}\n\nonUnmounted(() => clearTimeout(delayTimer))\n\nuseDismissible(open, dismiss)\n\nconst FOCUSABLE_SELECTOR = 'a[href],button,input,select,textarea,[tabindex]:not([tabindex=\"-1\"])'\n\n/**\n * Типовое употребление — подсказка у кнопки. Фокусируемая обёртка вокруг\n * фокусируемого контрола дала бы два таб-стопа на один визуальный элемент,\n * поэтому обёртка забирает `tabindex` только когда в слоте фокусироваться\n * нечему (текст, иконка). Разметку слота пишет потребитель, привязать к ней\n * `aria-describedby` из шаблона нельзя — отсюда единственная точка, где атрибут\n * ставится вручную.\n */\nconst slotFocusableEl = ref<HTMLElement | null>(null)\n\nfunction syncSlotFocusable(): void {\n  slotFocusableEl.value = slots.default\n    ? triggerEl.value?.querySelector<HTMLElement>(FOCUSABLE_SELECTOR) ?? null\n    : null\n}\n\nonMounted(syncSlotFocusable)\nonUpdated(syncSlotFocusable)\n\nwatchEffect((onCleanup) => {\n  const el = slotFocusableEl.value\n  if (!el)\n    return\n\n  el.setAttribute('aria-describedby', tooltipId)\n  onCleanup(() => el.removeAttribute('aria-describedby'))\n})\n\nconst wrapperTabindex = computed(() => (slotFocusableEl.value ? undefined : 0))\nconst wrapperDescribedBy = computed(() => (slotFocusableEl.value ? undefined : tooltipId))\n</script>\n\n<template>\n  <span\n    v-click-outside=\"dismissOnOutside\"\n    data-gr-tooltip\n    class=\"relative inline-flex\"\n  >\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      :tabindex=\"wrapperTabindex\"\n      :aria-describedby=\"wrapperDescribedBy\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focusin=\"show\"\n      @focusout=\"hide\"\n      @touchstart.passive=\"onTouch\"\n    >\n      <slot>\n        <GrIcon :size=\"triggerIconSize\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <!--\n        Свой набор, а не общий `panelPopTransition`: подсказка появляется фейдом\n        без масштабирования — она догоняет курсор, и рост от 95% читался бы как\n        второй, лишний жест. В общей карте живут наборы с двумя и более\n        потребителями, у этого он один.\n      -->\n      <transition\n        enter-active-class=\"transition-opacity ease-[var(--gr-ease-out)] duration-[var(--gr-duration-fast)]\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity ease-[var(--gr-ease-in)] duration-[var(--gr-duration-fast)]\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          v-bind=\"themeAttrs\"\n          data-gr-tooltip-panel\n          data-gr-overlay-root\n          class=\"pointer-events-none rounded-[var(--gr-radius-control)] border border-[var(--gr-brd)] bg-[var(--gr-popover)] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :class=\"panelClass\"\n          :style=\"floatingStyle\"\n        >\n          <slot name=\"content\">{{ text }}</slot>\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n"],"mappings":"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"}