@feugene/granularity 0.31.0 → 0.32.0

package/dist/components/GrList/chunks/GrList-DmT4qzLO.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrList-DmT4qzLO.js","names":["$slots"],"sources":["../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrListItem.vue","../../../../src/components/GrList/GrListItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T = unknown\">\nimport { computed, onMounted, onUpdated, ref, useSlots, watch } from 'vue'\n\nimport GrCard from '../GrCard'\nimport type { GrCardVariant } from '../GrCard/grCardStyles'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useVirtualList, type GrVirtualAlign } from '../../composables/useVirtualList'\n\nimport { dividedClass, emptyClass, listSurfaceClass, loadingRowClass } from './grListStyles'\n\nexport interface GrListProps<TItem = unknown> {\n  /**\n   * Поверхность списка — вариант карточки под ним. `ghost` убирает рамку и\n   * тень: список внутри уже существующей карточки не должен давать вторую.\n   */\n  variant?: GrCardVariant\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n  /** Идёт загрузка: вместо пунктов — строки-скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /**\n   * Список пуст. По умолчанию определяется сам — по содержимому слота; проп\n   * нужен там, где потребитель знает лучше (например, слот заполнен\n   * заголовками групп, а данных в них нет).\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /**\n   * Данные списка. С ними пункты рисует слот `#item`, а не слот по умолчанию, —\n   * и только так список знает размер набора, то есть может его виртуализировать.\n   */\n  items?: TItem[]\n  /** Ключ пункта для `v-for`: имя поля или функция. Без него — индекс. */\n  itemKey?: string | ((item: TItem, index: number) => string | number)\n  /** Высота видимой части: контейнер становится скроллером. Число — пиксели. */\n  maxHeight?: number | string\n  /** Держать в DOM только окно вокруг вьюпорта. Требует `items` и `maxHeight`. */\n  virtual?: boolean\n  /** Оценка высоты пункта до замера. Уточняется по факту при первом рендере. */\n  estimatedItemSize?: number\n}\n\nconst props = withDefaults(defineProps<GrListProps<T>>(), {\n  // Дефолт живёт в `GrCard` (и его резолвере `GrConfigProvider`), поэтому здесь\n  // остаётся `undefined` — иначе список перебивал бы настройку карточки.\n  variant: undefined,\n  divided: true,\n  loading: false,\n  loadingRows: 3,\n  empty: undefined,\n  emptyText: undefined,\n  items: undefined,\n  itemKey: undefined,\n  maxHeight: undefined,\n  virtual: false,\n  // Строка обычной плотности с заголовком и описанием.\n  estimatedItemSize: 56,\n})\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst listEl = ref<HTMLElement | null>(null)\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.list.empty', 'Nothing here yet'))\n\nconst dataMode = computed(() => props.items !== undefined)\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое пунктом списка не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  if (dataMode.value)\n    return props.items!.length === 0\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showItems = computed(() => !props.loading && !isEmpty.value)\n\n// Разделители нужны только между пунктами: в пустой и загрузочной ветках они\n// оставили бы висящую линию. Клип по радиусу карточки — безусловный.\nconst listClass = computed(() => [\n  listSurfaceClass,\n  props.divided && showItems.value ? dividedClass : '',\n].filter(Boolean).join(' '))\n\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\n\nconst virtualEnabled = computed(() => props.virtual && dataMode.value && props.maxHeight !== undefined)\n\nconst virtualizer = useVirtualList({\n  container: listEl,\n  count: () => (virtualEnabled.value && showItems.value ? props.items!.length : 0),\n  // Замена массива сбрасывает замеры; append в тот же массив их сохраняет.\n  source: () => props.items,\n  itemSize: () => props.estimatedItemSize,\n  // Первый рендер обязан совпасть с серверным: контейнера ещё нет, и окно\n  // считается от объявленной высоты, а не от измеренной.\n  viewportSize: () => (typeof props.maxHeight === 'number' ? props.maxHeight : undefined),\n})\n\n/** Окно к отрисовке: при выключенной виртуализации — весь набор. */\nconst renderedItems = computed(() => {\n  const items = props.items ?? []\n  if (!virtualEnabled.value) return items.map((item, index) => ({ item, index }))\n\n  const { start, end } = virtualizer.range.value\n  return items.slice(start, end).map((item, offset) => ({ item, index: start + offset }))\n})\n\nfunction keyOf(item: T, index: number): string | number {\n  const key = props.itemKey\n  if (typeof key === 'function') return key(item, index)\n  if (typeof key === 'string') return (item as Record<string, unknown>)[key] as string | number\n\n  return index\n}\n\n/**\n * ARIA-набор для пункта.\n *\n * Только в виртуальном режиме: в DOM тогда неполный набор, и без этих атрибутов\n * диктор объявил бы «7 из 20» на списке в пять тысяч. Когда набор в DOM целиком,\n * его размер и позицию браузер считает сам, а руками проставленные атрибуты\n * начинают расходиться с разметкой при любой фильтрации.\n */\nfunction ariaOf(index: number): Record<string, number> {\n  if (!virtualEnabled.value) return {}\n\n  return { 'aria-setsize': props.items!.length, 'aria-posinset': index + 1 }\n}\n\nconst maxHeightStyle = computed(() => {\n  const value = props.maxHeight\n  if (value == null) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n})\n\nconst listStyle = computed(() => {\n  if (props.maxHeight === undefined) return undefined\n\n  const scroller = { overflowY: 'auto' as const, maxHeight: maxHeightStyle.value }\n  if (!virtualEnabled.value) return scroller\n\n  return { ...scroller, ...virtualizer.spacerStyle.value }\n})\n\n/**\n * Замер отрисованных пунктов.\n *\n * Идёт по детям контейнера, а не по `ref` на элементе: пункт рисует слот\n * потребителя, привязать к нему `ref` неоткуда. В виртуальном режиме прямые\n * дети контейнера — ровно окно (распорки живут псевдоэлементами и детьми не\n * считаются), поэтому сопоставление по позиции однозначно.\n */\nfunction measureRendered(): void {\n  if (!virtualEnabled.value) return\n  // В состояниях loading/empty дети контейнера — скелетоны и заглушки: их\n  // высоты записались бы в замеры под индексами будущих строк данных.\n  if (!showItems.value) return\n\n  const container = listEl.value\n  if (!container) return\n\n  const { start } = virtualizer.range.value\n  const children = container.children\n  for (let offset = 0; offset < children.length; offset++) {\n    virtualizer.measure(start + offset, children[offset])\n  }\n}\n\nonMounted(measureRendered)\nonUpdated(measureRendered)\n\nfunction scrollToIndex(index: number, align?: GrVirtualAlign): void {\n  virtualizer.scrollToIndex(index, align)\n}\n\ndefineExpose({ scrollToIndex })\n\nif (__GR_DEV__) {\n  watch(\n    () => [props.virtual, dataMode.value, props.maxHeight] as const,\n    ([virtual, hasItems, maxHeight]) => {\n      if (!virtual) return\n\n      if (!hasItems) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `items` — пункты из слота по умолчанию '\n          + 'список не считает и резать окно ему не из чего.',\n        )\n      }\n      else if (maxHeight === undefined) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `maxHeight` — без ограничения высоты '\n          + 'вьюпорта нет, и в окно попадает весь набор.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => [dataMode.value, Boolean(slots.item)] as const,\n    ([hasItems, hasSlot]) => {\n      if (hasItems && !hasSlot) {\n        console.warn(\n          '[granularity] GrList: с `items` пункты рисует слот `#item` — без него список пуст.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  onMounted(() => {\n    if (!virtualEnabled.value) return\n\n    const first = listEl.value?.firstElementChild\n    if (first && !first.hasAttribute('aria-posinset')) {\n      console.warn(\n        '[granularity] GrList: при `virtual` пункты обязаны нести `aria-setsize`/`aria-posinset` — '\n        + 'пробросьте `aria` из слота `#item`: <GrListItem v-bind=\"aria\" … />. Иначе диктор '\n        + 'посчитает набор по отрисованному окну.',\n      )\n    }\n  })\n}\n\ndefineSlots<{\n  /** Пункты списка, когда разметка пишется руками вместо `items`. */\n  default?: () => any\n  /**\n   * Пункт в data-режиме.\n   *\n   * `aria` проставляется только в виртуальном режиме — когда набор в DOM\n   * неполный и размер списка браузеру взять неоткуда.\n   */\n  item?: (props: { item: T, index: number, aria: Record<string, number> }) => any\n  /** Содержимое, пока едут данные. */\n  loading?: () => any\n  /** Пустое состояние вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\n</script>\n\n<template>\n  <GrCard :variant=\"variant\">\n    <div\n      ref=\"listEl\"\n      data-gr-list\n      role=\"list\"\n      :class=\"listClass\"\n      :style=\"listStyle\"\n      :tabindex=\"maxHeight === undefined ? undefined : 0\"\n      :data-gr-virtual=\"virtualEnabled ? '' : undefined\"\n      :aria-busy=\"loading ? 'true' : undefined\"\n    >\n      <template v-if=\"loading\">\n        <slot name=\"loading\">\n          <div\n            v-for=\"row in loadingRowCount\"\n            :key=\"row\"\n            data-gr-list-loading-row\n            :class=\"loadingRowClass\"\n          >\n            <GrSkeleton />\n          </div>\n        </slot>\n      </template>\n\n      <div\n        v-else-if=\"isEmpty\"\n        data-gr-list-empty\n        :class=\"emptyClass\"\n      >\n        <slot name=\"empty\">\n          {{ resolvedEmptyText }}\n        </slot>\n      </div>\n\n      <template v-else-if=\"dataMode\">\n        <template\n          v-for=\"entry in renderedItems\"\n          :key=\"keyOf(entry.item, entry.index)\"\n        >\n          <slot\n            name=\"item\"\n            :item=\"entry.item\"\n            :index=\"entry.index\"\n            :aria=\"ariaOf(entry.index)\"\n          />\n        </template>\n      </template>\n\n      <slot v-else />\n    </div>\n  </GrCard>\n</template>\n\n<style scoped>\n/* Срезанное сверху и снизу держат псевдоэлементы контейнера: их не за что\n   размонтировать, в дереве доступности их нет, а высота приезжает переменными\n   в том же патче, что и пункты. Почему не отступы контейнера и не поля крайних\n   пунктов — `docs/virtual-list.md`. */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T = unknown\">\nimport { computed, onMounted, onUpdated, ref, useSlots, watch } from 'vue'\n\nimport GrCard from '../GrCard'\nimport type { GrCardVariant } from '../GrCard/grCardStyles'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useVirtualList, type GrVirtualAlign } from '../../composables/useVirtualList'\n\nimport { dividedClass, emptyClass, listSurfaceClass, loadingRowClass } from './grListStyles'\n\nexport interface GrListProps<TItem = unknown> {\n  /**\n   * Поверхность списка — вариант карточки под ним. `ghost` убирает рамку и\n   * тень: список внутри уже существующей карточки не должен давать вторую.\n   */\n  variant?: GrCardVariant\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n  /** Идёт загрузка: вместо пунктов — строки-скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /**\n   * Список пуст. По умолчанию определяется сам — по содержимому слота; проп\n   * нужен там, где потребитель знает лучше (например, слот заполнен\n   * заголовками групп, а данных в них нет).\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /**\n   * Данные списка. С ними пункты рисует слот `#item`, а не слот по умолчанию, —\n   * и только так список знает размер набора, то есть может его виртуализировать.\n   */\n  items?: TItem[]\n  /** Ключ пункта для `v-for`: имя поля или функция. Без него — индекс. */\n  itemKey?: string | ((item: TItem, index: number) => string | number)\n  /** Высота видимой части: контейнер становится скроллером. Число — пиксели. */\n  maxHeight?: number | string\n  /** Держать в DOM только окно вокруг вьюпорта. Требует `items` и `maxHeight`. */\n  virtual?: boolean\n  /** Оценка высоты пункта до замера. Уточняется по факту при первом рендере. */\n  estimatedItemSize?: number\n}\n\nconst props = withDefaults(defineProps<GrListProps<T>>(), {\n  // Дефолт живёт в `GrCard` (и его резолвере `GrConfigProvider`), поэтому здесь\n  // остаётся `undefined` — иначе список перебивал бы настройку карточки.\n  variant: undefined,\n  divided: true,\n  loading: false,\n  loadingRows: 3,\n  empty: undefined,\n  emptyText: undefined,\n  items: undefined,\n  itemKey: undefined,\n  maxHeight: undefined,\n  virtual: false,\n  // Строка обычной плотности с заголовком и описанием.\n  estimatedItemSize: 56,\n})\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst listEl = ref<HTMLElement | null>(null)\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.list.empty', 'Nothing here yet'))\n\nconst dataMode = computed(() => props.items !== undefined)\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое пунктом списка не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  if (dataMode.value)\n    return props.items!.length === 0\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showItems = computed(() => !props.loading && !isEmpty.value)\n\n// Разделители нужны только между пунктами: в пустой и загрузочной ветках они\n// оставили бы висящую линию. Клип по радиусу карточки — безусловный.\nconst listClass = computed(() => [\n  listSurfaceClass,\n  props.divided && showItems.value ? dividedClass : '',\n].filter(Boolean).join(' '))\n\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\n\nconst virtualEnabled = computed(() => props.virtual && dataMode.value && props.maxHeight !== undefined)\n\nconst virtualizer = useVirtualList({\n  container: listEl,\n  count: () => (virtualEnabled.value && showItems.value ? props.items!.length : 0),\n  // Замена массива сбрасывает замеры; append в тот же массив их сохраняет.\n  source: () => props.items,\n  itemSize: () => props.estimatedItemSize,\n  // Первый рендер обязан совпасть с серверным: контейнера ещё нет, и окно\n  // считается от объявленной высоты, а не от измеренной.\n  viewportSize: () => (typeof props.maxHeight === 'number' ? props.maxHeight : undefined),\n})\n\n/** Окно к отрисовке: при выключенной виртуализации — весь набор. */\nconst renderedItems = computed(() => {\n  const items = props.items ?? []\n  if (!virtualEnabled.value) return items.map((item, index) => ({ item, index }))\n\n  const { start, end } = virtualizer.range.value\n  return items.slice(start, end).map((item, offset) => ({ item, index: start + offset }))\n})\n\nfunction keyOf(item: T, index: number): string | number {\n  const key = props.itemKey\n  if (typeof key === 'function') return key(item, index)\n  if (typeof key === 'string') return (item as Record<string, unknown>)[key] as string | number\n\n  return index\n}\n\n/**\n * ARIA-набор для пункта.\n *\n * Только в виртуальном режиме: в DOM тогда неполный набор, и без этих атрибутов\n * диктор объявил бы «7 из 20» на списке в пять тысяч. Когда набор в DOM целиком,\n * его размер и позицию браузер считает сам, а руками проставленные атрибуты\n * начинают расходиться с разметкой при любой фильтрации.\n */\nfunction ariaOf(index: number): Record<string, number> {\n  if (!virtualEnabled.value) return {}\n\n  return { 'aria-setsize': props.items!.length, 'aria-posinset': index + 1 }\n}\n\nconst maxHeightStyle = computed(() => {\n  const value = props.maxHeight\n  if (value == null) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n})\n\nconst listStyle = computed(() => {\n  if (props.maxHeight === undefined) return undefined\n\n  const scroller = { overflowY: 'auto' as const, maxHeight: maxHeightStyle.value }\n  if (!virtualEnabled.value) return scroller\n\n  return { ...scroller, ...virtualizer.spacerStyle.value }\n})\n\n/**\n * Замер отрисованных пунктов.\n *\n * Идёт по детям контейнера, а не по `ref` на элементе: пункт рисует слот\n * потребителя, привязать к нему `ref` неоткуда. В виртуальном режиме прямые\n * дети контейнера — ровно окно (распорки живут псевдоэлементами и детьми не\n * считаются), поэтому сопоставление по позиции однозначно.\n */\nfunction measureRendered(): void {\n  if (!virtualEnabled.value) return\n  // В состояниях loading/empty дети контейнера — скелетоны и заглушки: их\n  // высоты записались бы в замеры под индексами будущих строк данных.\n  if (!showItems.value) return\n\n  const container = listEl.value\n  if (!container) return\n\n  const { start } = virtualizer.range.value\n  const children = container.children\n  for (let offset = 0; offset < children.length; offset++) {\n    virtualizer.measure(start + offset, children[offset])\n  }\n}\n\nonMounted(measureRendered)\nonUpdated(measureRendered)\n\nfunction scrollToIndex(index: number, align?: GrVirtualAlign): void {\n  virtualizer.scrollToIndex(index, align)\n}\n\ndefineExpose({ scrollToIndex })\n\nif (__GR_DEV__) {\n  watch(\n    () => [props.virtual, dataMode.value, props.maxHeight] as const,\n    ([virtual, hasItems, maxHeight]) => {\n      if (!virtual) return\n\n      if (!hasItems) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `items` — пункты из слота по умолчанию '\n          + 'список не считает и резать окно ему не из чего.',\n        )\n      }\n      else if (maxHeight === undefined) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `maxHeight` — без ограничения высоты '\n          + 'вьюпорта нет, и в окно попадает весь набор.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => [dataMode.value, Boolean(slots.item)] as const,\n    ([hasItems, hasSlot]) => {\n      if (hasItems && !hasSlot) {\n        console.warn(\n          '[granularity] GrList: с `items` пункты рисует слот `#item` — без него список пуст.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  onMounted(() => {\n    if (!virtualEnabled.value) return\n\n    const first = listEl.value?.firstElementChild\n    if (first && !first.hasAttribute('aria-posinset')) {\n      console.warn(\n        '[granularity] GrList: при `virtual` пункты обязаны нести `aria-setsize`/`aria-posinset` — '\n        + 'пробросьте `aria` из слота `#item`: <GrListItem v-bind=\"aria\" … />. Иначе диктор '\n        + 'посчитает набор по отрисованному окну.',\n      )\n    }\n  })\n}\n\ndefineSlots<{\n  /** Пункты списка, когда разметка пишется руками вместо `items`. */\n  default?: () => any\n  /**\n   * Пункт в data-режиме.\n   *\n   * `aria` проставляется только в виртуальном режиме — когда набор в DOM\n   * неполный и размер списка браузеру взять неоткуда.\n   */\n  item?: (props: { item: T, index: number, aria: Record<string, number> }) => any\n  /** Содержимое, пока едут данные. */\n  loading?: () => any\n  /** Пустое состояние вместо текста по умолчанию. */\n  empty?: () => any\n}>()\n\n</script>\n\n<template>\n  <GrCard :variant=\"variant\">\n    <div\n      ref=\"listEl\"\n      data-gr-list\n      role=\"list\"\n      :class=\"listClass\"\n      :style=\"listStyle\"\n      :tabindex=\"maxHeight === undefined ? undefined : 0\"\n      :data-gr-virtual=\"virtualEnabled ? '' : undefined\"\n      :aria-busy=\"loading ? 'true' : undefined\"\n    >\n      <template v-if=\"loading\">\n        <slot name=\"loading\">\n          <div\n            v-for=\"row in loadingRowCount\"\n            :key=\"row\"\n            data-gr-list-loading-row\n            :class=\"loadingRowClass\"\n          >\n            <GrSkeleton />\n          </div>\n        </slot>\n      </template>\n\n      <div\n        v-else-if=\"isEmpty\"\n        data-gr-list-empty\n        :class=\"emptyClass\"\n      >\n        <slot name=\"empty\">\n          {{ resolvedEmptyText }}\n        </slot>\n      </div>\n\n      <template v-else-if=\"dataMode\">\n        <template\n          v-for=\"entry in renderedItems\"\n          :key=\"keyOf(entry.item, entry.index)\"\n        >\n          <slot\n            name=\"item\"\n            :item=\"entry.item\"\n            :index=\"entry.index\"\n            :aria=\"ariaOf(entry.index)\"\n          />\n        </template>\n      </template>\n\n      <slot v-else />\n    </div>\n  </GrCard>\n</template>\n\n<style scoped>\n/* Срезанное сверху и снизу держат псевдоэлементы контейнера: их не за что\n   размонтировать, в дереве доступности их нет, а высота приезжает переменными\n   в том же патче, что и пункты. Почему не отступы контейнера и не поля крайних\n   пунктов — `docs/virtual-list.md`. */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, useSlots, watch, type Component } from 'vue'\n\nimport {\n  grListItemPaddingClass,\n  itemDescriptionClass,\n  itemDisabledClass,\n  itemHoverClass,\n  itemInteractiveClass,\n  itemLayoutClass,\n  itemTitleClass,\n  type GrListItemDensity,\n} from './grListStyles'\n\nexport type { GrListItemDensity } from './grListStyles'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n  /** Ссылка: строка становится `<a>`. */\n  href?: string\n  /** Свой корневой тег строки (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Кликабельная строка без ссылки — `<button>` с событием `click`. */\n  clickable?: boolean\n  /** Подсветка при наведении без интерактивности. */\n  hoverable?: boolean\n  disabled?: boolean\n}\n\nexport interface GrListItemEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  hoverable: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<GrListItemEmits>()\n\nconst slots = useSlots()\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href || props.clickable))\n\n/**\n * `role=\"listitem\"` остаётся на обёртке, а строка целиком — вложенный элемент:\n * `<a role=\"listitem\">` потерял бы роль ссылки, а интерактив снаружи разорвал бы\n * связку `list` → `listitem`. Обычная строка идёт по той же схеме, чтобы\n * разметка содержимого была написана один раз, а не по копии на ветку.\n */\nconst rowTag = computed<string | Component>(() => {\n  if (!isInteractive.value)\n    return 'div'\n\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  return props.href ? 'a' : 'button'\n})\n\nconst rowClass = computed(() => [\n  itemLayoutClass,\n  grListItemPaddingClass(props.density),\n  isInteractive.value ? `${itemInteractiveClass} ${itemHoverClass}` : '',\n  !isInteractive.value && props.hoverable && !props.disabled ? itemHoverClass : '',\n  props.disabled ? itemDisabledClass : '',\n].filter(Boolean).join(' '))\n\nfunction onClick(event: MouseEvent): void {\n  // `disabled` сюда попадает вместе с обычной строкой: и то и другое —\n  // не-интерактив, а кликов не эмитит ни один.\n  if (!isInteractive.value)\n    return\n\n  emit('click', event)\n}\n\n/** Теги, попадающие в таб-порядок сами. `<a>` — только со ссылкой. */\nfunction isFocusableTag(tag: string): boolean {\n  return tag === 'button' || (tag === 'a' && !!props.href)\n}\n\nif (__GR_DEV__) {\n  watch(\n    () => [isInteractive.value, props.as] as const,\n    ([interactive, as]) => {\n      // Компонент из `as` (`RouterLink`, Inertia `Link`) рендерит `<a>`, но узнать\n      // это до рендера нельзя — предупреждаем только по явно названному тегу.\n      if (!interactive || typeof as !== 'string' || isFocusableTag(as)) return\n\n      console.warn(\n        `[granularity] GrListItem: as=\"${as}\" не попадает в таб-порядок — строка кликается `\n        + 'мышью, но не с клавиатуры. Возьмите тег, умеющий фокус (`button`, `a` со ссылкой), '\n        + 'или компонент роутера.',\n      )\n    },\n    { immediate: true },\n  )\n}\n\ndefineSlots<{\n  /** Содержимое пункта вместо пары «заголовок и описание». */\n  default?: () => any\n  /** Аддон слева: иконка, аватар, чекбокс. */\n  prefix?: () => any\n  /** Заголовок пункта вместо пропа `title`. */\n  title?: () => any\n  /** Описание под заголовком вместо пропа `description`. */\n  description?: () => any\n}>()\n\n</script>\n\n<template>\n  <div\n    data-gr-list-item\n    role=\"listitem\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <component\n      :is=\"rowTag\"\n      :data-gr-list-item-action=\"isInteractive ? '' : undefined\"\n      :type=\"rowTag === 'button' ? 'button' : undefined\"\n      :href=\"isInteractive ? href : undefined\"\n      :class=\"rowClass\"\n      @click=\"onClick\"\n    >\n      <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n        <slot name=\"prefix\" />\n      </div>\n      <div class=\"min-w-0 flex-1\">\n        <div v-if=\"hasTitle\" :class=\"itemTitleClass\">\n          <slot name=\"title\">\n{{ title }}\n</slot>\n        </div>\n        <div\n          v-if=\"hasDescription\"\n          :class=\"itemDescriptionClass\"\n        >\n          <slot name=\"description\">\n{{ description }}\n</slot>\n        </div>\n      </div>\n      <div v-if=\"$slots.default\" class=\"shrink-0\">\n        <slot />\n      </div>\n    </component>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, useSlots, watch, type Component } from 'vue'\n\nimport {\n  grListItemPaddingClass,\n  itemDescriptionClass,\n  itemDisabledClass,\n  itemHoverClass,\n  itemInteractiveClass,\n  itemLayoutClass,\n  itemTitleClass,\n  type GrListItemDensity,\n} from './grListStyles'\n\nexport type { GrListItemDensity } from './grListStyles'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n  /** Ссылка: строка становится `<a>`. */\n  href?: string\n  /** Свой корневой тег строки (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Кликабельная строка без ссылки — `<button>` с событием `click`. */\n  clickable?: boolean\n  /** Подсветка при наведении без интерактивности. */\n  hoverable?: boolean\n  disabled?: boolean\n}\n\nexport interface GrListItemEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  hoverable: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<GrListItemEmits>()\n\nconst slots = useSlots()\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href || props.clickable))\n\n/**\n * `role=\"listitem\"` остаётся на обёртке, а строка целиком — вложенный элемент:\n * `<a role=\"listitem\">` потерял бы роль ссылки, а интерактив снаружи разорвал бы\n * связку `list` → `listitem`. Обычная строка идёт по той же схеме, чтобы\n * разметка содержимого была написана один раз, а не по копии на ветку.\n */\nconst rowTag = computed<string | Component>(() => {\n  if (!isInteractive.value)\n    return 'div'\n\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  return props.href ? 'a' : 'button'\n})\n\nconst rowClass = computed(() => [\n  itemLayoutClass,\n  grListItemPaddingClass(props.density),\n  isInteractive.value ? `${itemInteractiveClass} ${itemHoverClass}` : '',\n  !isInteractive.value && props.hoverable && !props.disabled ? itemHoverClass : '',\n  props.disabled ? itemDisabledClass : '',\n].filter(Boolean).join(' '))\n\nfunction onClick(event: MouseEvent): void {\n  // `disabled` сюда попадает вместе с обычной строкой: и то и другое —\n  // не-интерактив, а кликов не эмитит ни один.\n  if (!isInteractive.value)\n    return\n\n  emit('click', event)\n}\n\n/** Теги, попадающие в таб-порядок сами. `<a>` — только со ссылкой. */\nfunction isFocusableTag(tag: string): boolean {\n  return tag === 'button' || (tag === 'a' && !!props.href)\n}\n\nif (__GR_DEV__) {\n  watch(\n    () => [isInteractive.value, props.as] as const,\n    ([interactive, as]) => {\n      // Компонент из `as` (`RouterLink`, Inertia `Link`) рендерит `<a>`, но узнать\n      // это до рендера нельзя — предупреждаем только по явно названному тегу.\n      if (!interactive || typeof as !== 'string' || isFocusableTag(as)) return\n\n      console.warn(\n        `[granularity] GrListItem: as=\"${as}\" не попадает в таб-порядок — строка кликается `\n        + 'мышью, но не с клавиатуры. Возьмите тег, умеющий фокус (`button`, `a` со ссылкой), '\n        + 'или компонент роутера.',\n      )\n    },\n    { immediate: true },\n  )\n}\n\ndefineSlots<{\n  /** Содержимое пункта вместо пары «заголовок и описание». */\n  default?: () => any\n  /** Аддон слева: иконка, аватар, чекбокс. */\n  prefix?: () => any\n  /** Заголовок пункта вместо пропа `title`. */\n  title?: () => any\n  /** Описание под заголовком вместо пропа `description`. */\n  description?: () => any\n}>()\n\n</script>\n\n<template>\n  <div\n    data-gr-list-item\n    role=\"listitem\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <component\n      :is=\"rowTag\"\n      :data-gr-list-item-action=\"isInteractive ? '' : undefined\"\n      :type=\"rowTag === 'button' ? 'button' : undefined\"\n      :href=\"isInteractive ? href : undefined\"\n      :class=\"rowClass\"\n      @click=\"onClick\"\n    >\n      <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n        <slot name=\"prefix\" />\n      </div>\n      <div class=\"min-w-0 flex-1\">\n        <div v-if=\"hasTitle\" :class=\"itemTitleClass\">\n          <slot name=\"title\">\n{{ title }}\n</slot>\n        </div>\n        <div\n          v-if=\"hasDescription\"\n          :class=\"itemDescriptionClass\"\n        >\n          <slot name=\"description\">\n{{ description }}\n</slot>\n        </div>\n      </div>\n      <div v-if=\"$slots.default\" class=\"shrink-0\">\n        <slot />\n      </div>\n    </component>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrModal/chunks/GrModal-CCoWZuIl.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrModal-CCoWZuIl.js","names":["$slots"],"sources":["../../../../src/components/GrModal/context.ts","../../../../src/components/GrModal/GrModal.vue","../../../../src/components/GrModal/GrModal.vue"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport { inject, onScopeDispose, provide, watch } from 'vue'\n\nexport interface GrModalContext {\n  /** Id, который обязан оказаться на элементе заголовка окна. */\n  titleId: string\n  /** Id, который обязан оказаться на элементе описания окна. */\n  descriptionId: string\n  /** «Заголовок отрисован» — окно ставит `aria-labelledby`. Возвращает отказ от заявки. */\n  claimTitle: () => () => void\n  /** То же для описания и `aria-describedby`. */\n  claimDescription: () => () => void\n}\n\nexport const GR_MODAL_CONTEXT_KEY: InjectionKey<GrModalContext> = Symbol('GrModalContext')\n\nexport function provideGrModalContext(context: GrModalContext): void {\n  provide(GR_MODAL_CONTEXT_KEY, context)\n}\n\n/**\n * Контекст окна для его частей.\n *\n * Именно контекст, а не проп: заголовок рисует `GrDialogHeader` — внук\n * `GrModal` через слот, — а `aria-labelledby` стоит на корне окна.\n *\n * **Id принадлежит окну, а не заголовку.** Заголовок только сообщает, что\n * отрисовался. Обратный порядок (id рождается у потомка и уезжает наверх)\n * означает мутацию состояния окна во время его собственного патча: Vue уходит\n * в рекурсивный ре-рендер и монтирует заголовок заново, пока не упрётся в\n * лимит. Стабильный id этого класса ошибок не допускает по построению.\n *\n * `null` вне окна — законное состояние: `GrDialogHeader` используют и отдельно.\n */\nexport function useGrModalContext(): GrModalContext | null {\n  return inject(GR_MODAL_CONTEXT_KEY, null)\n}\n\n/**\n * Объявляет элемент заголовком окна, пока `active` истинно.\n *\n * Возвращает id для элемента — или `undefined` вне окна: тогда заголовок просто\n * рисуется без связи.\n */\nexport function useGrModalTitle(active: () => boolean): { titleId: string | undefined } {\n  const context = useGrModalContext()\n  if (!context) return { titleId: undefined }\n\n  let release: (() => void) | undefined\n\n  watch(\n    active,\n    (isActive) => {\n      release?.()\n      release = isActive ? context.claimTitle() : undefined\n    },\n    // `post`: заявка меняет состояние окна, а заголовок — его потомок, и в\n    // `pre`-фазе мутация пришлась бы на патч самого окна.\n    { immediate: true, flush: 'post' },\n  )\n\n  onScopeDispose(() => release?.())\n\n  return { titleId: context.titleId }\n}\n","<script setup lang=\"ts\">\n/**\n * GrModal — GR-примитив модального окна.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `scrollBehavior` — кто скроллится при длинном содержимом;\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — получают id и связываются с окном через\n *   `aria-labelledby` / `aria-describedby`;\n * - слоты `#header` / `#footer` — пустые layout-области вне скроллящегося тела:\n *   при `inside` они остаются на месте. Своей разметки примитив в них не\n *   добавляет — шапку и подвал рисует `GrDialog`.\n *\n * A11y: **имя у модального слоя обязательно**. Имя берётся из `#title` (или из\n * заголовка `GrDialog`, который заявляет себя тем же контекстом), иначе из\n * пропа `ariaLabel`, иначе — из i18n, чтобы безымянного окна не получилось ни\n * при каком употреблении (axe: `aria-dialog-name`).\n *\n * Механика слоя — `useModalOverlay`: стек (Esc верхнему, `inert` нижним окнам,\n * возврат фокуса), ловушка фокуса, блокировка скролла, портал и присутствие в\n * DOM до конца leave-анимации. Инварианты этой сборки описаны там же.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, useId, useSlots, watch } from 'vue'\n\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { provideGrModalContext } from './context'\n\nimport {\n  type GrModalScrollBehavior,\n  type GrModalSize,\n  getGrModalPanelClass,\n  getGrModalShellClass,\n  layoutByScroll,\n  overlay as overlayClass,\n  overlayTransition,\n  panelBodyScrollClass,\n  panelSectionClass,\n  panelTransition,\n  root as rootClass,\n} from './grModalStyles'\n\nexport type { GrModalScrollBehavior }\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n  /**\n   * Кто скроллится при длинном содержимом: весь оверлей (`outside`) или сама\n   * панель (`inside` — окно остаётся на месте, шапка и подвал на виду).\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Доступное имя окна, когда заголовка в слоте `#title` нет. Слот сильнее:\n   * при нём имя даёт `aria-labelledby`.\n   */\n  ariaLabel?: string\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — сама панель: она\n   * фокусируема программно (`tabindex=\"-1\"`), диктор объявляет окно целиком, а\n   * первый Tab приводит в начало содержимого.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrModalEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  scrollBehavior: 'outside',\n  ariaLabel: undefined,\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrModalEmits>()\n\ndefineSlots<{\n  default?: () => any\n  title?: () => any\n  description?: () => any\n  /** Закреплённая шапка: при `inside` остаётся на месте, скроллится только тело. */\n  header?: () => any\n  /** Закреплённый подвал: там же, где и шапка, — вне скроллящегося тела. */\n  footer?: () => any\n}>()\n\nconst slots = useSlots()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrModal', 'size', () => props.size, 'md')\n\nconst panelClass = computed(() => getGrModalPanelClass(resolvedSize.value, props.scrollBehavior))\nconst shellClass = computed(() => getGrModalShellClass(resolvedSize.value, props.scrollBehavior))\nconst layoutClass = computed(() => layoutByScroll[props.scrollBehavior])\n\n// Тело скроллится только при `inside`, и тогда же обязано попадать в таб-порядок:\n// длинное содержимое без единого фокусируемого элемента иначе недостижимо с\n// клавиатуры (axe: `scrollable-region-focusable`).\nconst isBodyScrollable = computed(() => props.scrollBehavior === 'inside')\n\n// Панель фокусируема программно (`tabindex=\"-1\"`) — это и приёмник фокуса по\n// умолчанию, и запасной, когда фокусировать внутри нечего.\nconst panelRef = ref<HTMLElement | null>(null)\n\nconst { t } = useGranularityTranslations()\n\n// ————— Имя и описание окна.\n// Id принадлежат окну и раздаются вниз контекстом: заголовок рисует либо слот\n// `#title`, либо `GrDialogHeader` глубже по дереву, и оба лишь заявляют, что\n// отрисовались. Обратное владение (id рождается у заголовка) мутировало бы\n// состояние окна во время его же патча — см. `context.ts`.\nconst titleId = useId()\nconst descriptionId = useId()\n\nconst hasTitle = ref(false)\nconst hasDescription = ref(false)\n\n// Счётчики намеренно не реактивные: наружу торчит только «заголовок есть».\n// Пересоздание содержимого слота меняет счётчик, но не флаг, и лишнего рендера\n// окна не случается.\nlet titleClaims = 0\nlet descriptionClaims = 0\n\nfunction claim(add: () => void, remove: () => void): () => void {\n  add()\n  let released = false\n  return () => {\n    if (released) return\n    released = true\n    remove()\n  }\n}\n\nfunction claimTitle(): () => void {\n  return claim(\n    () => { titleClaims += 1; hasTitle.value = true },\n    () => { titleClaims -= 1; hasTitle.value = titleClaims > 0 },\n  )\n}\n\nfunction claimDescription(): () => void {\n  return claim(\n    () => { descriptionClaims += 1; hasDescription.value = true },\n    () => { descriptionClaims -= 1; hasDescription.value = descriptionClaims > 0 },\n  )\n}\n\nprovideGrModalContext({ titleId, descriptionId, claimTitle, claimDescription })\n\n// Собственные слоты заявляются тем же путём, что и заголовок `GrDialog`.\nlet releaseOwnTitle: (() => void) | undefined\nlet releaseOwnDescription: (() => void) | undefined\n\nwatch(\n  () => Boolean(slots.title),\n  (has) => {\n    releaseOwnTitle?.()\n    releaseOwnTitle = has ? claimTitle() : undefined\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => Boolean(slots.description),\n  (has) => {\n    releaseOwnDescription?.()\n    releaseOwnDescription = has ? claimDescription() : undefined\n  },\n  { immediate: true },\n)\n\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst describedBy = computed(() => (hasDescription.value ? descriptionId : undefined))\n\n// Собственный `aria-label` ставим только в отсутствие заголовка: при обоих\n// атрибутах `aria-labelledby` всё равно сильнее, и второе имя было бы шумом.\nconst ariaLabelAttr = computed(() => {\n  if (labelledBy.value) return undefined\n  return props.ariaLabel || t('gr.modal.title', 'Dialog')\n})\n\n// Обобщённое имя из локали спасает от безымянного окна, но осмысленное имя\n// знает только автор. Предупреждаем при первом открытии, а не при монтировании:\n// закрытая модалка ещё ничего не нарушила, и ругаться на неё рано.\nlet missingNameWarned = false\n\nfunction warnMissingAccessibleName(): void {\n  if (missingNameWarned) return\n  if (!__GR_DEV__) return\n  if (slots.title || props.ariaLabel) return\n\n  missingNameWarned = true\n  console.warn(\n    '[GrModal] Окно без доступного имени: передайте слот #title или проп ariaLabel. '\n    + 'Пока используется обобщённое имя из локали.',\n  )\n}\n\n// Два заголовка на окно — это разъехавшийся `aria-labelledby`: диктор прочитает\n// первый, а автор будет уверен во втором.\nfunction warnDuplicateTitle(): void {\n  if (!__GR_DEV__) return\n  if (titleClaims <= 1) return\n\n  console.warn(\n    '[GrModal] На окно заявлено несколько заголовков — имя берётся от первого. '\n    + 'Оставьте один: слот #title у GrModal либо заголовок GrDialog.',\n  )\n}\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\n// ————— Модальный слой целиком: стек, ловушка фокуса, `inert`, скролл-лок,\n// портал, присутствие в DOM и guard подложки.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), close, {\n  panel: panelRef,\n  closeOnEscape: () => props.closeOnEsc,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  // Окно фокусирует саму панель, когда внутри фокусировать нечего и когда\n  // потребитель не указал цель явно.\n  initialFocus: () => props.initialFocus ?? panelRef.value,\n})\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!value) return\n    warnMissingAccessibleName()\n    warnDuplicateTitle()\n  },\n  { immediate: true },\n)\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-overlay-root\n      v-bind=\"themeAttrs\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"rootClass\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-describedby=\"describedBy\"\n      :aria-label=\"ariaLabelAttr\"\n    >\n      <div :class=\"shellClass\">\n        <div :class=\"layoutClass\">\n          <Transition\n            appear\n            :enter-active-class=\"overlayTransition.enter\"\n            :enter-from-class=\"overlayTransition.enterFrom\"\n            :enter-to-class=\"overlayTransition.enterTo\"\n            :leave-active-class=\"overlayTransition.leave\"\n            :leave-from-class=\"overlayTransition.leaveFrom\"\n            :leave-to-class=\"overlayTransition.leaveTo\"\n          >\n            <div\n              v-if=\"isVisible\"\n              data-gr-modal-overlay\n              :class=\"overlayClass\"\n              aria-hidden=\"true\"\n              v-on=\"backdrop\"\n            />\n          </Transition>\n\n          <!-- `opened`/`closed` вешаем на транзишн панели, а не на корневой:\n               анимация живёт здесь, и только её конец что-то значит для\n               потребителя, который ждёт момента для размонтирования. -->\n          <Transition\n            appear\n            :enter-active-class=\"panelTransition.enter\"\n            :enter-from-class=\"panelTransition.enterFrom\"\n            :enter-to-class=\"panelTransition.enterTo\"\n            :leave-active-class=\"panelTransition.leave\"\n            :leave-from-class=\"panelTransition.leaveFrom\"\n            :leave-to-class=\"panelTransition.leaveTo\"\n            @after-enter=\"emit('opened')\"\n            @after-leave=\"onPanelAfterLeave\"\n          >\n            <div\n              v-if=\"isVisible\"\n              ref=\"panelRef\"\n              data-gr-modal-panel\n              tabindex=\"-1\"\n              :class=\"panelClass\"\n            >\n              <div v-if=\"$slots.title\" :id=\"titleId\" data-gr-modal-title>\n                <slot name=\"title\" />\n              </div>\n              <div v-if=\"$slots.description\" :id=\"descriptionId\" data-gr-modal-description>\n                <slot name=\"description\" />\n              </div>\n\n              <div v-if=\"$slots.header\" data-gr-modal-header :class=\"panelSectionClass\">\n                <slot name=\"header\" />\n              </div>\n\n              <!-- При `inside` тело едет отдельно от шапки и подвала: иначе\n                   режим ничем не отличался бы от скролла всей панели. -->\n              <div\n                v-if=\"isBodyScrollable\"\n                data-gr-modal-body\n                tabindex=\"0\"\n                :class=\"panelBodyScrollClass\"\n              >\n                <slot />\n              </div>\n              <slot v-else />\n\n              <div v-if=\"$slots.footer\" data-gr-modal-footer :class=\"panelSectionClass\">\n                <slot name=\"footer\" />\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrModal — GR-примитив модального окна.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `scrollBehavior` — кто скроллится при длинном содержимом;\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — получают id и связываются с окном через\n *   `aria-labelledby` / `aria-describedby`;\n * - слоты `#header` / `#footer` — пустые layout-области вне скроллящегося тела:\n *   при `inside` они остаются на месте. Своей разметки примитив в них не\n *   добавляет — шапку и подвал рисует `GrDialog`.\n *\n * A11y: **имя у модального слоя обязательно**. Имя берётся из `#title` (или из\n * заголовка `GrDialog`, который заявляет себя тем же контекстом), иначе из\n * пропа `ariaLabel`, иначе — из i18n, чтобы безымянного окна не получилось ни\n * при каком употреблении (axe: `aria-dialog-name`).\n *\n * Механика слоя — `useModalOverlay`: стек (Esc верхнему, `inert` нижним окнам,\n * возврат фокуса), ловушка фокуса, блокировка скролла, портал и присутствие в\n * DOM до конца leave-анимации. Инварианты этой сборки описаны там же.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, useId, useSlots, watch } from 'vue'\n\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { provideGrModalContext } from './context'\n\nimport {\n  type GrModalScrollBehavior,\n  type GrModalSize,\n  getGrModalPanelClass,\n  getGrModalShellClass,\n  layoutByScroll,\n  overlay as overlayClass,\n  overlayTransition,\n  panelBodyScrollClass,\n  panelSectionClass,\n  panelTransition,\n  root as rootClass,\n} from './grModalStyles'\n\nexport type { GrModalScrollBehavior }\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n  /**\n   * Кто скроллится при длинном содержимом: весь оверлей (`outside`) или сама\n   * панель (`inside` — окно остаётся на месте, шапка и подвал на виду).\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Доступное имя окна, когда заголовка в слоте `#title` нет. Слот сильнее:\n   * при нём имя даёт `aria-labelledby`.\n   */\n  ariaLabel?: string\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — сама панель: она\n   * фокусируема программно (`tabindex=\"-1\"`), диктор объявляет окно целиком, а\n   * первый Tab приводит в начало содержимого.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrModalEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  scrollBehavior: 'outside',\n  ariaLabel: undefined,\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrModalEmits>()\n\ndefineSlots<{\n  default?: () => any\n  title?: () => any\n  description?: () => any\n  /** Закреплённая шапка: при `inside` остаётся на месте, скроллится только тело. */\n  header?: () => any\n  /** Закреплённый подвал: там же, где и шапка, — вне скроллящегося тела. */\n  footer?: () => any\n}>()\n\nconst slots = useSlots()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrModal', 'size', () => props.size, 'md')\n\nconst panelClass = computed(() => getGrModalPanelClass(resolvedSize.value, props.scrollBehavior))\nconst shellClass = computed(() => getGrModalShellClass(resolvedSize.value, props.scrollBehavior))\nconst layoutClass = computed(() => layoutByScroll[props.scrollBehavior])\n\n// Тело скроллится только при `inside`, и тогда же обязано попадать в таб-порядок:\n// длинное содержимое без единого фокусируемого элемента иначе недостижимо с\n// клавиатуры (axe: `scrollable-region-focusable`).\nconst isBodyScrollable = computed(() => props.scrollBehavior === 'inside')\n\n// Панель фокусируема программно (`tabindex=\"-1\"`) — это и приёмник фокуса по\n// умолчанию, и запасной, когда фокусировать внутри нечего.\nconst panelRef = ref<HTMLElement | null>(null)\n\nconst { t } = useGranularityTranslations()\n\n// ————— Имя и описание окна.\n// Id принадлежат окну и раздаются вниз контекстом: заголовок рисует либо слот\n// `#title`, либо `GrDialogHeader` глубже по дереву, и оба лишь заявляют, что\n// отрисовались. Обратное владение (id рождается у заголовка) мутировало бы\n// состояние окна во время его же патча — см. `context.ts`.\nconst titleId = useId()\nconst descriptionId = useId()\n\nconst hasTitle = ref(false)\nconst hasDescription = ref(false)\n\n// Счётчики намеренно не реактивные: наружу торчит только «заголовок есть».\n// Пересоздание содержимого слота меняет счётчик, но не флаг, и лишнего рендера\n// окна не случается.\nlet titleClaims = 0\nlet descriptionClaims = 0\n\nfunction claim(add: () => void, remove: () => void): () => void {\n  add()\n  let released = false\n  return () => {\n    if (released) return\n    released = true\n    remove()\n  }\n}\n\nfunction claimTitle(): () => void {\n  return claim(\n    () => { titleClaims += 1; hasTitle.value = true },\n    () => { titleClaims -= 1; hasTitle.value = titleClaims > 0 },\n  )\n}\n\nfunction claimDescription(): () => void {\n  return claim(\n    () => { descriptionClaims += 1; hasDescription.value = true },\n    () => { descriptionClaims -= 1; hasDescription.value = descriptionClaims > 0 },\n  )\n}\n\nprovideGrModalContext({ titleId, descriptionId, claimTitle, claimDescription })\n\n// Собственные слоты заявляются тем же путём, что и заголовок `GrDialog`.\nlet releaseOwnTitle: (() => void) | undefined\nlet releaseOwnDescription: (() => void) | undefined\n\nwatch(\n  () => Boolean(slots.title),\n  (has) => {\n    releaseOwnTitle?.()\n    releaseOwnTitle = has ? claimTitle() : undefined\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => Boolean(slots.description),\n  (has) => {\n    releaseOwnDescription?.()\n    releaseOwnDescription = has ? claimDescription() : undefined\n  },\n  { immediate: true },\n)\n\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst describedBy = computed(() => (hasDescription.value ? descriptionId : undefined))\n\n// Собственный `aria-label` ставим только в отсутствие заголовка: при обоих\n// атрибутах `aria-labelledby` всё равно сильнее, и второе имя было бы шумом.\nconst ariaLabelAttr = computed(() => {\n  if (labelledBy.value) return undefined\n  return props.ariaLabel || t('gr.modal.title', 'Dialog')\n})\n\n// Обобщённое имя из локали спасает от безымянного окна, но осмысленное имя\n// знает только автор. Предупреждаем при первом открытии, а не при монтировании:\n// закрытая модалка ещё ничего не нарушила, и ругаться на неё рано.\nlet missingNameWarned = false\n\nfunction warnMissingAccessibleName(): void {\n  if (missingNameWarned) return\n  if (!__GR_DEV__) return\n  if (slots.title || props.ariaLabel) return\n\n  missingNameWarned = true\n  console.warn(\n    '[GrModal] Окно без доступного имени: передайте слот #title или проп ariaLabel. '\n    + 'Пока используется обобщённое имя из локали.',\n  )\n}\n\n// Два заголовка на окно — это разъехавшийся `aria-labelledby`: диктор прочитает\n// первый, а автор будет уверен во втором.\nfunction warnDuplicateTitle(): void {\n  if (!__GR_DEV__) return\n  if (titleClaims <= 1) return\n\n  console.warn(\n    '[GrModal] На окно заявлено несколько заголовков — имя берётся от первого. '\n    + 'Оставьте один: слот #title у GrModal либо заголовок GrDialog.',\n  )\n}\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\n// ————— Модальный слой целиком: стек, ловушка фокуса, `inert`, скролл-лок,\n// портал, присутствие в DOM и guard подложки.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), close, {\n  panel: panelRef,\n  closeOnEscape: () => props.closeOnEsc,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  // Окно фокусирует саму панель, когда внутри фокусировать нечего и когда\n  // потребитель не указал цель явно.\n  initialFocus: () => props.initialFocus ?? panelRef.value,\n})\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!value) return\n    warnMissingAccessibleName()\n    warnDuplicateTitle()\n  },\n  { immediate: true },\n)\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-overlay-root\n      v-bind=\"themeAttrs\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"rootClass\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-describedby=\"describedBy\"\n      :aria-label=\"ariaLabelAttr\"\n    >\n      <div :class=\"shellClass\">\n        <div :class=\"layoutClass\">\n          <Transition\n            appear\n            :enter-active-class=\"overlayTransition.enter\"\n            :enter-from-class=\"overlayTransition.enterFrom\"\n            :enter-to-class=\"overlayTransition.enterTo\"\n            :leave-active-class=\"overlayTransition.leave\"\n            :leave-from-class=\"overlayTransition.leaveFrom\"\n            :leave-to-class=\"overlayTransition.leaveTo\"\n          >\n            <div\n              v-if=\"isVisible\"\n              data-gr-modal-overlay\n              :class=\"overlayClass\"\n              aria-hidden=\"true\"\n              v-on=\"backdrop\"\n            />\n          </Transition>\n\n          <!-- `opened`/`closed` вешаем на транзишн панели, а не на корневой:\n               анимация живёт здесь, и только её конец что-то значит для\n               потребителя, который ждёт момента для размонтирования. -->\n          <Transition\n            appear\n            :enter-active-class=\"panelTransition.enter\"\n            :enter-from-class=\"panelTransition.enterFrom\"\n            :enter-to-class=\"panelTransition.enterTo\"\n            :leave-active-class=\"panelTransition.leave\"\n            :leave-from-class=\"panelTransition.leaveFrom\"\n            :leave-to-class=\"panelTransition.leaveTo\"\n            @after-enter=\"emit('opened')\"\n            @after-leave=\"onPanelAfterLeave\"\n          >\n            <div\n              v-if=\"isVisible\"\n              ref=\"panelRef\"\n              data-gr-modal-panel\n              tabindex=\"-1\"\n              :class=\"panelClass\"\n            >\n              <div v-if=\"$slots.title\" :id=\"titleId\" data-gr-modal-title>\n                <slot name=\"title\" />\n              </div>\n              <div v-if=\"$slots.description\" :id=\"descriptionId\" data-gr-modal-description>\n                <slot name=\"description\" />\n              </div>\n\n              <div v-if=\"$slots.header\" data-gr-modal-header :class=\"panelSectionClass\">\n                <slot name=\"header\" />\n              </div>\n\n              <!-- При `inside` тело едет отдельно от шапки и подвала: иначе\n                   режим ничем не отличался бы от скролла всей панели. -->\n              <div\n                v-if=\"isBodyScrollable\"\n                data-gr-modal-body\n                tabindex=\"0\"\n                :class=\"panelBodyScrollClass\"\n              >\n                <slot />\n              </div>\n              <slot v-else />\n\n              <div v-if=\"$slots.footer\" data-gr-modal-footer :class=\"panelSectionClass\">\n                <slot name=\"footer\" />\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </teleport>\n</template>\n"],"mappings":"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"}

package/dist/components/GrPopover/chunks/GrPopover-CofG-Tfe.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrPopover-CofG-Tfe.js","names":[],"sources":["../../../../src/components/GrPopover/GrPopover.vue","../../../../src/components/GrPopover/GrPopover.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrPopover — якорный немодальный оверлей с произвольным содержимым.\n *\n * Роль «универсального поповера» до сих пор насильно исполнял `GrDropdown`, но\n * он про меню: жёстко объявляет `role=\"menu\"`, `aria-haspopup=\"menu\"` и водит\n * фокус по пунктам. Для формы, подтверждения или палитры это неверная семантика.\n *\n * Здесь наоборот: позиционирование, слой и закрытие берёт на себя примитив, а\n * клавиатурный паттерн внутри панели остаётся за потребителем — поэтому `role`\n * задаётся пропом. На этом собираются `GrMenu` / `GrContextMenu` /\n * `GrColorPicker` / Popconfirm.\n *\n * A11y:\n * - триггер получает `aria-haspopup`/`aria-expanded`/`aria-controls` через\n *   `triggerProps` (биндится на реальный фокусируемый элемент в слоте);\n * - панель — `role=\"dialog\"` по умолчанию и обязательное доступное имя\n *   (`ariaLabel` либо `aria-labelledby` через `labelledBy`);\n * - Esc закрывает верхний слой стека, клик вне — закрывает по точке попадания;\n * - **по умолчанию фокус-ловушки нет намеренно**: Tab обязан уводить фокус\n *   наружу, иначе немодальный слой запирает пользователя на странице, которая\n *   не заблокирована. Проп `modal` включает второй режим — см. ниже.\n */\nimport { computed, nextTick, ref, useId, useSlots, watch } from 'vue'\n\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport { createFloatingAnchor, type GrFloatingAnchorRect, useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { vClickOutside } from '../../directives'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport {\n  type GrPopoverPadding,\n  type GrPopoverRole,\n  type GrPopoverSize,\n  grPopoverPanelClass,\n} from './grPopoverStyles'\n\nexport interface GrPopoverProps {\n  /**\n   * Открыт ли поповер. Без этого пропа компонент ведёт состояние сам\n   * (uncontrolled), с ним — слушайте `update:open`.\n   */\n  open?: boolean\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offsetPx?: number\n  size?: GrPopoverSize\n  /** Роль панели. Меняется теми, кто строит поверх примитива своё меню/список. */\n  role?: GrPopoverRole\n  /**\n   * Модальный режим: фон уходит в `inert`, Tab ходит по кругу внутри панели,\n   * скролл страницы блокируется, а слой встаёт в стек модальным — как окно.\n   * Нужен поповеру с формой или подтверждением внутри: без изоляции фона\n   * пользователь уводит фокус на страницу, к которой поповер и относится.\n   *\n   * В этом режиме фокус переносится в панель независимо от `autoFocus`: фон\n   * недоступен, и слой без фокуса внутри стал бы клавиатурной ловушкой.\n   */\n  modal?: boolean\n  /** Доступное имя панели. Обязательно для `role=\"dialog\"` без видимого заголовка. */\n  ariaLabel?: string\n  /** `id` видимого заголовка внутри панели — альтернатива `ariaLabel`. */\n  labelledBy?: string\n  /**\n   * `manual` — открывать только программно (через `v-model:open`). Нужно для\n   * контекстного меню и подтверждений, где момент открытия решает потребитель.\n   */\n  trigger?: 'click' | 'manual'\n  closeOnEsc?: boolean\n  closeOnClickOutside?: boolean\n  /** Закрывать по клику внутри панели — удобно для меню, вредно для формы. */\n  closeOnContentClick?: boolean\n  /**\n   * Переносить фокус на панель при открытии. Именно на панель, а не на первый\n   * контрол внутри: сфокусировать поле ввода за пользователя — решение\n   * содержимого, а не оболочки.\n   */\n  autoFocus?: boolean\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  contentClass?: string\n  disabled?: boolean\n  /**\n   * Якорь-прямоугольник в координатах вьюпорта вместо обёртки слота `#trigger`:\n   * панель встаёт у точки курсора или у строки списка. Нужен контекстному меню,\n   * у которого триггера-элемента нет вовсе.\n   *\n   * `triggerProps` в этом режиме некому потребить, и своих ARIA-атрибутов\n   * поповер никуда не вешает: `aria-haspopup` невалиден вне интерактивного\n   * элемента, а `aria-expanded` без хозяина — шум. Связь с содержимым страницы\n   * объявляет тот, кто открывает.\n   */\n  anchor?: GrFloatingAnchorRect | null\n  /** Поле панели. `none` — содержимое рисует своё (меню, список опций). */\n  padding?: GrPopoverPadding\n}\n\nexport interface GrPopoverEmits {\n  (e: 'update:open', value: boolean): void\n}\n\nconst props = withDefaults(defineProps<GrPopoverProps>(), {\n  open: undefined,\n  placement: 'bottom-start',\n  offsetPx: 8,\n  size: undefined,\n  role: 'dialog',\n  modal: false,\n  ariaLabel: undefined,\n  labelledBy: undefined,\n  trigger: 'click',\n  closeOnEsc: true,\n  closeOnClickOutside: true,\n  closeOnContentClick: false,\n  autoFocus: true,\n  teleportTo: undefined,\n  contentClass: undefined,\n  disabled: false,\n  anchor: undefined,\n  padding: 'default',\n})\n\nconst emit = defineEmits<GrPopoverEmits>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrPopover' })\n\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst panelId = useId()\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nfunction open(): void {\n  if (props.disabled) return\n  setOpen(true)\n}\n\nfunction close(): void {\n  setOpen(false)\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\n}\n\n/**\n * Якорь создаётся один раз и читает координаты геттером: `useFloating`\n * пересоздаёт подписку при смене самой ссылки, а точка меняется на каждый\n * вызов — новый объект рвал бы `autoUpdate` без нужды.\n */\nconst anchorEl = createFloatingAnchor(() => props.anchor)\n\n/** Обёртка триггера существует только вместе со слотом — см. проп `anchor`. */\nconst hasTrigger = computed(() => Boolean(slots.trigger))\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  () => (props.anchor ? anchorEl : rootEl.value),\n  panelEl,\n  isOpen,\n  {\n    placement: () => props.placement,\n    offsetPx: props.offsetPx,\n    // Своего слоя у поповера нет намеренно: он и дропдаун — один класс якорных\n    // немодальных оверлеев и обязаны лежать на одной высоте, иначе начнут\n    // перекрывать друг друга в зависимости от порядка открытия.\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nwatch(() => props.placement, () => {\n  if (isOpen.value) updateFloatingPosition()\n})\n\n// Объект якоря стабилен, поэтому смену координат `useFloating` сам не заметит:\n// повторный вызов у другой точки — это пересчёт позиции, а не переоткрытие.\nwatch(() => props.anchor, () => {\n  if (isOpen.value) updateFloatingPosition()\n}, { deep: true })\n\n/**\n * Слой стека оверлеев: очередь Esc общая с модалками, поэтому поповер, открытый\n * внутри модалки, по Esc закрывает себя, а не её. Возврат фокуса на триггер\n * тоже отсюда — по правилу «только если на момент закрытия фокус ещё внутри».\n *\n * Модальность включается пропом и приходит той же сборкой, что у окна и drawer'а\n * (`useModalOverlay`): ловушка фокуса, `inert` фона, блокировка скролла. При\n * `modal: false` не включается ничего из этого — дефолтный поповер немодален.\n *\n * Корень слоя и панель здесь один элемент: якорный оверлей уезжает в портал сам,\n * без обёртки.\n */\nconst { inertAttr, portalTarget, teleportEnabled, themeAttrs } = useModalOverlay(isOpen, close, {\n  modal: () => props.modal,\n  closeOnEscape: () => props.closeOnEsc,\n  panel: panelEl,\n  root: panelEl,\n  teleportTo: () => props.teleportTo,\n  initialFocus: () => panelEl.value,\n})\n\n// Фокус переносим после отрисовки панели: до `nextTick` её ещё нет в DOM.\n// В модальном режиме перенос обязателен: фон в `inert`, и фокус, оставленный\n// снаружи, попал бы в недоступное поддерево.\nwatch(isOpen, async (next) => {\n  if (!next || !(props.autoFocus || props.modal)) return\n\n  await nextTick()\n  panelEl.value?.focus()\n})\n\n/** Роли, которые `aria-haspopup` действительно понимает. */\nconst HASPOPUP_ROLES = ['dialog', 'menu', 'listbox', 'grid'] as const\n\n/**\n * Пропсы для реального фокусируемого триггера: `<button v-bind=\"triggerProps\">`.\n * Клик вешается на обёртку, а ARIA — сюда, потому что `aria-expanded` обязан\n * жить на самом интерактивном элементе, а не на `div` вокруг него.\n */\nconst triggerProps = computed(() => ({\n  // `aria-haspopup` принимает не любую роль: `group` в его списке нет, и\n  // объявленный им триггер отдавал бы невалидный атрибут, который AT просто\n  // отбрасывает. Роли вне списка сообщают о панели только через `aria-expanded`.\n  'aria-haspopup': HASPOPUP_ROLES.includes(props.role as (typeof HASPOPUP_ROLES)[number])\n    ? (props.role as (typeof HASPOPUP_ROLES)[number])\n    : undefined,\n  'aria-expanded': isOpen.value,\n  'aria-controls': isOpen.value ? panelId : undefined,\n  'disabled': props.disabled || undefined,\n}))\n\nfunction onTriggerClick(): void {\n  if (props.trigger === 'click') toggle()\n}\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) close()\n}\n\nconst panelClasses = computed(() =>\n  grPopoverPanelClass(resolvedSize.value, resolvedPlacement.value, props.contentClass, props.padding),\n)\n\ndefineExpose({ open, close, toggle })\n\ndefineSlots<{\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n  /** Содержимое панели. */\n  content?: (props: { close: () => void }) => any\n}>()\n\n</script>\n\n<template>\n  <div data-gr-popover>\n    <div\n      v-if=\"hasTrigger\"\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: isOpen && closeOnClickOutside, exclude: clickOutsideExclude }\"\n      data-gr-popover-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"onTriggerClick\"\n    >\n      <slot\n        name=\"trigger\"\n        :open=\"isOpen\"\n        :toggle=\"toggle\"\n        :close=\"close\"\n        :trigger-props=\"triggerProps\"\n      />\n    </div>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        :enter-active-class=\"panelPopTransition.enter\"\n        :enter-from-class=\"panelPopTransition.enterFrom\"\n        :enter-to-class=\"panelPopTransition.enterTo\"\n        :leave-active-class=\"panelPopTransition.leave\"\n        :leave-from-class=\"panelPopTransition.leaveFrom\"\n        :leave-to-class=\"panelPopTransition.leaveTo\"\n      >\n        <div\n          v-show=\"isOpen\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          v-click-outside=\"{ handler: close, enabled: isOpen && closeOnClickOutside && !hasTrigger }\"\n          v-bind=\"themeAttrs\"\n          data-gr-popover-panel\n          data-gr-overlay-root\n          :role=\"role === 'none' ? undefined : role\"\n          :aria-modal=\"modal ? 'true' : undefined\"\n          :inert=\"inertAttr\"\n          :aria-label=\"labelledBy ? undefined : ariaLabel\"\n          :aria-labelledby=\"labelledBy\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n        >\n          <slot name=\"content\" :close=\"close\" />\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrPopover — якорный немодальный оверлей с произвольным содержимым.\n *\n * Роль «универсального поповера» до сих пор насильно исполнял `GrDropdown`, но\n * он про меню: жёстко объявляет `role=\"menu\"`, `aria-haspopup=\"menu\"` и водит\n * фокус по пунктам. Для формы, подтверждения или палитры это неверная семантика.\n *\n * Здесь наоборот: позиционирование, слой и закрытие берёт на себя примитив, а\n * клавиатурный паттерн внутри панели остаётся за потребителем — поэтому `role`\n * задаётся пропом. На этом собираются `GrMenu` / `GrContextMenu` /\n * `GrColorPicker` / Popconfirm.\n *\n * A11y:\n * - триггер получает `aria-haspopup`/`aria-expanded`/`aria-controls` через\n *   `triggerProps` (биндится на реальный фокусируемый элемент в слоте);\n * - панель — `role=\"dialog\"` по умолчанию и обязательное доступное имя\n *   (`ariaLabel` либо `aria-labelledby` через `labelledBy`);\n * - Esc закрывает верхний слой стека, клик вне — закрывает по точке попадания;\n * - **по умолчанию фокус-ловушки нет намеренно**: Tab обязан уводить фокус\n *   наружу, иначе немодальный слой запирает пользователя на странице, которая\n *   не заблокирована. Проп `modal` включает второй режим — см. ниже.\n */\nimport { computed, nextTick, ref, useId, useSlots, watch } from 'vue'\n\nimport { useControlledOpen } from '../../composables/internal/useControlledOpen'\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport { createFloatingAnchor, type GrFloatingAnchorRect, useFloating, type UseFloatingPlacement } from '../../composables/useFloating'\nimport { vClickOutside } from '../../directives'\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { panelPopTransition } from '../shared/overlayTransition'\nimport {\n  type GrPopoverPadding,\n  type GrPopoverRole,\n  type GrPopoverSize,\n  grPopoverPanelClass,\n} from './grPopoverStyles'\n\nexport interface GrPopoverProps {\n  /**\n   * Открыт ли поповер. Без этого пропа компонент ведёт состояние сам\n   * (uncontrolled), с ним — слушайте `update:open`.\n   */\n  open?: boolean\n  placement?: UseFloatingPlacement\n  /** Зазор между триггером и панелью, px. */\n  offsetPx?: number\n  size?: GrPopoverSize\n  /** Роль панели. Меняется теми, кто строит поверх примитива своё меню/список. */\n  role?: GrPopoverRole\n  /**\n   * Модальный режим: фон уходит в `inert`, Tab ходит по кругу внутри панели,\n   * скролл страницы блокируется, а слой встаёт в стек модальным — как окно.\n   * Нужен поповеру с формой или подтверждением внутри: без изоляции фона\n   * пользователь уводит фокус на страницу, к которой поповер и относится.\n   *\n   * В этом режиме фокус переносится в панель независимо от `autoFocus`: фон\n   * недоступен, и слой без фокуса внутри стал бы клавиатурной ловушкой.\n   */\n  modal?: boolean\n  /** Доступное имя панели. Обязательно для `role=\"dialog\"` без видимого заголовка. */\n  ariaLabel?: string\n  /** `id` видимого заголовка внутри панели — альтернатива `ariaLabel`. */\n  labelledBy?: string\n  /**\n   * `manual` — открывать только программно (через `v-model:open`). Нужно для\n   * контекстного меню и подтверждений, где момент открытия решает потребитель.\n   */\n  trigger?: 'click' | 'manual'\n  closeOnEsc?: boolean\n  closeOnClickOutside?: boolean\n  /** Закрывать по клику внутри панели — удобно для меню, вредно для формы. */\n  closeOnContentClick?: boolean\n  /**\n   * Переносить фокус на панель при открытии. Именно на панель, а не на первый\n   * контрол внутри: сфокусировать поле ввода за пользователя — решение\n   * содержимого, а не оболочки.\n   */\n  autoFocus?: boolean\n  /**\n   * Точечное переопределение точки монтирования. По умолчанию — общий портал\n   * оверлеев (`#gr-portal` либо `portalTarget` из `GrConfigProvider`).\n   */\n  teleportTo?: string | HTMLElement\n  contentClass?: string\n  disabled?: boolean\n  /**\n   * Якорь-прямоугольник в координатах вьюпорта вместо обёртки слота `#trigger`:\n   * панель встаёт у точки курсора или у строки списка. Нужен контекстному меню,\n   * у которого триггера-элемента нет вовсе.\n   *\n   * `triggerProps` в этом режиме некому потребить, и своих ARIA-атрибутов\n   * поповер никуда не вешает: `aria-haspopup` невалиден вне интерактивного\n   * элемента, а `aria-expanded` без хозяина — шум. Связь с содержимым страницы\n   * объявляет тот, кто открывает.\n   */\n  anchor?: GrFloatingAnchorRect | null\n  /** Поле панели. `none` — содержимое рисует своё (меню, список опций). */\n  padding?: GrPopoverPadding\n}\n\nexport interface GrPopoverEmits {\n  (e: 'update:open', value: boolean): void\n}\n\nconst props = withDefaults(defineProps<GrPopoverProps>(), {\n  open: undefined,\n  placement: 'bottom-start',\n  offsetPx: 8,\n  size: undefined,\n  role: 'dialog',\n  modal: false,\n  ariaLabel: undefined,\n  labelledBy: undefined,\n  trigger: 'click',\n  closeOnEsc: true,\n  closeOnClickOutside: true,\n  closeOnContentClick: false,\n  autoFocus: true,\n  teleportTo: undefined,\n  contentClass: undefined,\n  disabled: false,\n  anchor: undefined,\n  padding: 'default',\n})\n\nconst emit = defineEmits<GrPopoverEmits>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrPopover' })\n\nconst { open: isOpen, setOpen } = useControlledOpen(\n  () => props.open,\n  next => emit('update:open', next),\n)\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\nconst panelId = useId()\n\nconst clickOutsideExclude = [() => panelEl.value]\n\nfunction open(): void {\n  if (props.disabled) return\n  setOpen(true)\n}\n\nfunction close(): void {\n  setOpen(false)\n}\n\nfunction toggle(): void {\n  isOpen.value ? close() : open()\n}\n\n/**\n * Якорь создаётся один раз и читает координаты геттером: `useFloating`\n * пересоздаёт подписку при смене самой ссылки, а точка меняется на каждый\n * вызов — новый объект рвал бы `autoUpdate` без нужды.\n */\nconst anchorEl = createFloatingAnchor(() => props.anchor)\n\n/** Обёртка триггера существует только вместе со слотом — см. проп `anchor`. */\nconst hasTrigger = computed(() => Boolean(slots.trigger))\n\nconst { floatingStyle, resolvedPlacement, update: updateFloatingPosition } = useFloating(\n  () => (props.anchor ? anchorEl : rootEl.value),\n  panelEl,\n  isOpen,\n  {\n    placement: () => props.placement,\n    offsetPx: props.offsetPx,\n    // Своего слоя у поповера нет намеренно: он и дропдаун — один класс якорных\n    // немодальных оверлеев и обязаны лежать на одной высоте, иначе начнут\n    // перекрывать друг друга в зависимости от порядка открытия.\n    zIndexVar: '--gr-z-dropdown',\n  },\n)\n\nwatch(() => props.placement, () => {\n  if (isOpen.value) updateFloatingPosition()\n})\n\n// Объект якоря стабилен, поэтому смену координат `useFloating` сам не заметит:\n// повторный вызов у другой точки — это пересчёт позиции, а не переоткрытие.\nwatch(() => props.anchor, () => {\n  if (isOpen.value) updateFloatingPosition()\n}, { deep: true })\n\n/**\n * Слой стека оверлеев: очередь Esc общая с модалками, поэтому поповер, открытый\n * внутри модалки, по Esc закрывает себя, а не её. Возврат фокуса на триггер\n * тоже отсюда — по правилу «только если на момент закрытия фокус ещё внутри».\n *\n * Модальность включается пропом и приходит той же сборкой, что у окна и drawer'а\n * (`useModalOverlay`): ловушка фокуса, `inert` фона, блокировка скролла. При\n * `modal: false` не включается ничего из этого — дефолтный поповер немодален.\n *\n * Корень слоя и панель здесь один элемент: якорный оверлей уезжает в портал сам,\n * без обёртки.\n */\nconst { inertAttr, portalTarget, teleportEnabled, themeAttrs } = useModalOverlay(isOpen, close, {\n  modal: () => props.modal,\n  closeOnEscape: () => props.closeOnEsc,\n  panel: panelEl,\n  root: panelEl,\n  teleportTo: () => props.teleportTo,\n  initialFocus: () => panelEl.value,\n})\n\n// Фокус переносим после отрисовки панели: до `nextTick` её ещё нет в DOM.\n// В модальном режиме перенос обязателен: фон в `inert`, и фокус, оставленный\n// снаружи, попал бы в недоступное поддерево.\nwatch(isOpen, async (next) => {\n  if (!next || !(props.autoFocus || props.modal)) return\n\n  await nextTick()\n  panelEl.value?.focus()\n})\n\n/** Роли, которые `aria-haspopup` действительно понимает. */\nconst HASPOPUP_ROLES = ['dialog', 'menu', 'listbox', 'grid'] as const\n\n/**\n * Пропсы для реального фокусируемого триггера: `<button v-bind=\"triggerProps\">`.\n * Клик вешается на обёртку, а ARIA — сюда, потому что `aria-expanded` обязан\n * жить на самом интерактивном элементе, а не на `div` вокруг него.\n */\nconst triggerProps = computed(() => ({\n  // `aria-haspopup` принимает не любую роль: `group` в его списке нет, и\n  // объявленный им триггер отдавал бы невалидный атрибут, который AT просто\n  // отбрасывает. Роли вне списка сообщают о панели только через `aria-expanded`.\n  'aria-haspopup': HASPOPUP_ROLES.includes(props.role as (typeof HASPOPUP_ROLES)[number])\n    ? (props.role as (typeof HASPOPUP_ROLES)[number])\n    : undefined,\n  'aria-expanded': isOpen.value,\n  'aria-controls': isOpen.value ? panelId : undefined,\n  'disabled': props.disabled || undefined,\n}))\n\nfunction onTriggerClick(): void {\n  if (props.trigger === 'click') toggle()\n}\n\nfunction onContentClick(): void {\n  if (props.closeOnContentClick) close()\n}\n\nconst panelClasses = computed(() =>\n  grPopoverPanelClass(resolvedSize.value, resolvedPlacement.value, props.contentClass, props.padding),\n)\n\ndefineExpose({ open, close, toggle })\n\ndefineSlots<{\n  /**\n   * Триггер панели. `triggerProps` обязаны попасть на сам интерактивный\n   * элемент, а не на обёртку вокруг него: `aria-expanded` и `aria-controls`\n   * читаются с того узла, который получает фокус.\n   */\n  trigger?: (props: {\n    open: boolean\n    toggle: () => void\n    close: () => void\n    triggerProps: Record<string, unknown>\n  }) => any\n  /** Содержимое панели. */\n  content?: (props: { close: () => void }) => any\n}>()\n\n</script>\n\n<template>\n  <div data-gr-popover>\n    <div\n      v-if=\"hasTrigger\"\n      ref=\"rootEl\"\n      v-click-outside=\"{ handler: close, enabled: isOpen && closeOnClickOutside, exclude: clickOutsideExclude }\"\n      data-gr-popover-trigger\n      class=\"inline-block max-w-full\"\n      @click=\"onTriggerClick\"\n    >\n      <slot\n        name=\"trigger\"\n        :open=\"isOpen\"\n        :toggle=\"toggle\"\n        :close=\"close\"\n        :trigger-props=\"triggerProps\"\n      />\n    </div>\n\n    <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n      <transition\n        :enter-active-class=\"panelPopTransition.enter\"\n        :enter-from-class=\"panelPopTransition.enterFrom\"\n        :enter-to-class=\"panelPopTransition.enterTo\"\n        :leave-active-class=\"panelPopTransition.leave\"\n        :leave-from-class=\"panelPopTransition.leaveFrom\"\n        :leave-to-class=\"panelPopTransition.leaveTo\"\n      >\n        <div\n          v-show=\"isOpen\"\n          :id=\"panelId\"\n          ref=\"panelEl\"\n          v-click-outside=\"{ handler: close, enabled: isOpen && closeOnClickOutside && !hasTrigger }\"\n          v-bind=\"themeAttrs\"\n          data-gr-popover-panel\n          data-gr-overlay-root\n          :role=\"role === 'none' ? undefined : role\"\n          :aria-modal=\"modal ? 'true' : undefined\"\n          :inert=\"inertAttr\"\n          :aria-label=\"labelledBy ? undefined : ariaLabel\"\n          :aria-labelledby=\"labelledBy\"\n          tabindex=\"-1\"\n          :class=\"panelClasses\"\n          :style=\"floatingStyle\"\n          @click=\"onContentClick\"\n        >\n          <slot name=\"content\" :close=\"close\" />\n        </div>\n      </transition>\n    </teleport>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrPromptDialog/chunks/GrPromptDialog-DLcl1xiq.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrPromptDialog-DLcl1xiq.js","names":[],"sources":["../../../../src/components/GrPromptDialog/GrPromptDialog.vue","../../../../src/components/GrPromptDialog/GrPromptDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrPromptDialog — GR-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n *\n * Проверки сверх `required` описываются пропом `rules` — тем же движком, что и\n * у `GrForm`: третий частный случай валидации в пакете заводить незачем.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTextarea from '../GrTextarea/GrTextarea.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Именованные импорты чистых функций: разметки не тянут, поэтому в\n// `config.dependencies` не объявляются (см. правило про зависимости).\nimport { createGrFormMessageResolver, rulesForTrigger, runFieldRules } from '../GrForm/validation'\nimport type { GrFormRule, GrFormTrigger } from '../GrForm/validation'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\n/**\n * Тип поля выводим из самого `GrInput`, а не заводим ему именованный алиас:\n * алиас в пропе `GrInput` заменил бы в таблице API витрины список допустимых\n * значений на своё имя — документация стала бы беднее ради удобства обёртки.\n */\ntype GrInputType = NonNullable<InstanceType<typeof GrInput>['$props']['type']>\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\nimport type { InputHTMLAttributes } from 'vue'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /** Тип однострочного поля. В многострочном режиме не применяется. */\n  inputType?: GrInputType\n  /** Программная клавиатура на мобильных. */\n  inputmode?: InputHTMLAttributes['inputmode']\n  /** Ограничение длины; со `showCount` рисуется счётчик. */\n  maxlength?: number\n  showCount?: boolean\n  /** Многострочный ввод: вместо `GrInput` рисуется `GrTextarea`. */\n  multiline?: boolean\n  /** Высота многострочного поля в строках. */\n  rows?: number\n  /** Автоподбор высоты многострочного поля под содержимое. */\n  autosize?: boolean\n  /**\n   * Правила проверки значения — те же, что у `GrForm` (`required`, `type`,\n   * `min`/`max`/`len`, `pattern`, свой в т.ч. асинхронный `validator`).\n   * Прогоняются на blur (после первого касания) и на подтверждении.\n   */\n  rules?: GrFormRule | GrFormRule[]\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n   * подтверждение или проверка `rules`. Кнопка закрытия и «Отмена» остаются:\n   * окно без единого выхода — ловушка.\n   */\n  persistent?: boolean\n}\n\nexport interface GrPromptDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  label: undefined,\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  requiredErrorText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  inputType: 'text',\n  inputmode: undefined,\n  maxlength: undefined,\n  showCount: false,\n  multiline: false,\n  rows: undefined,\n  autosize: false,\n  rules: undefined,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n  persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrPromptDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrPromptDialogEmits>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.prompt.title', 'Prompt'))\nconst resolvedLabel = computed(() => props.label ?? t('gr.dialog.prompt.label', 'Value'))\nconst resolvedRequiredErrorText = computed(() => props.requiredErrorText ?? t('gr.dialog.prompt.required', 'Enter a value.'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst textareaRef = ref<InstanceType<typeof GrTextarea> | null>(null)\n\n/** Ошибка последнего прогона `rules`; `required` считается отдельно и мгновенно. */\nconst ruleError = ref<string | undefined>(undefined)\nconst validating = ref(false)\n\n// Сторож устаревших прогонов: асинхронное правило может ответить после того,\n// как значение уже сменилось, и дописать чужую ошибку.\nlet validationRun = 0\n\nwatch(\n  () => props.modelValue,\n  (isOpen) => {\n    if (!isOpen) return\n\n    touched.value = false\n    ruleError.value = undefined\n    validationRun += 1\n  },\n)\n\nconst resolveMessage = createGrFormMessageResolver(t)\n\nconst normalizedRules = computed<GrFormRule[]>(() => {\n  if (!props.rules) return []\n  return Array.isArray(props.rules) ? props.rules : [props.rules]\n})\n\nconst requiredError = computed(() => {\n  if (!props.required) return undefined\n  return valueModel.value.trim().length > 0 ? undefined : resolvedRequiredErrorText.value\n})\n\nconst canConfirm = computed(() => !requiredError.value)\n\nconst validationError = computed(() => {\n  if (!touched.value) return undefined\n  return requiredError.value ?? ruleError.value\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\n/**\n * Прогоняет `rules` для триггера. Возвращает сообщение или `undefined`.\n * `required` здесь не участвует: он синхронный и считается отдельно, чтобы\n * пустое поле блокировало кнопку без похода в асинхронный движок.\n */\nasync function runRules(trigger: GrFormTrigger): Promise<string | undefined> {\n  const rules = rulesForTrigger(normalizedRules.value, trigger)\n  if (!rules.length) return undefined\n\n  const run = ++validationRun\n  validating.value = true\n  try {\n    const message = await runFieldRules(valueModel.value, rules, { value: valueModel.value }, resolveMessage)\n    // Ответ устарел — значение или сам диалог успели смениться.\n    if (run !== validationRun) return undefined\n\n    ruleError.value = message\n    return message\n  }\n  finally {\n    if (run === validationRun) validating.value = false\n  }\n}\n\nfunction onBlur(): void {\n  touched.value = true\n  void runRules('blur')\n}\n\n// Пока подтверждение или проверка в полёте, случайное движение не должно\n// оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && (props.confirmLoading || validating.value))\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction focusField(): void {\n  if (props.multiline) textareaRef.value?.focus()\n  else inputRef.value?.focus()\n}\n\nasync function onConfirm(): Promise<void> {\n  touched.value = true\n\n  if (!canConfirm.value) {\n    focusField()\n    return\n  }\n\n  if (await runRules('submit')) {\n    focusField()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n\n/**\n * `Enter` подтверждает — базовое ожидание от окна, единственный смысл которого\n * ввести одно значение. В многострочном режиме `Enter` остаётся переводом\n * строки, поэтому обработчик висит только на однострочном поле.\n */\nfunction onEnter(): void {\n  void onConfirm()\n}\n\n// Фокус в поле, а не на панель: диалог существует ровно ради ввода.\n//\n// Через `initialFocus` у `GrModal` это не решается: элемент рождается внутри\n// поддерева диалога, и возврат его же пропом наверх замыкает рендер в цикл\n// («Maximum recursive updates» — проверено). Поэтому фокус ставит содержимое,\n// после отрисовки (`flush: 'post'` + кадр), то есть заведомо позже, чем\n// ловушка фокуса `GrModal` переводит фокус на панель.\n// Источник — не только `modelValue`, но и само поле: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n  [() => props.modelValue, inputRef, textareaRef],\n  () => {\n    if (!props.modelValue) return\n    focusField()\n  },\n  // `immediate`: окно могут смонтировать уже открытым — тогда смены пропа не\n  // будет вовсе, и без этого фокус остался бы на панели.\n  { immediate: true, flush: 'post' },\n)\n\ndefineSlots<{\n  /** Содержимое диалога вместо пропа `message`. */\n  default?: () => any\n  /** Разбор ошибки вместо встроенного баннера. */\n  error?: (props: { error: ResponseErrorInfo | null }) => any\n  /** Кнопки диалога вместо пары «отмена и подтверждение». */\n  footer?: () => any\n}>()\n\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"resolvedSize\"\n    :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n    :close-on-esc=\"resolvedCloseOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] text-[var(--gr-muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <!-- `id` полю не задаём: `GrFormField` генерирует его сам, а поле читает\n           из контекста. Литеральный id ломал два открытых диалога сразу. -->\n      <GrFormField :label=\"resolvedLabel\" :error=\"fieldErrorMessage\">\n        <GrTextarea\n          v-if=\"multiline\"\n          ref=\"textareaRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :placeholder=\"placeholder\"\n          :rows=\"rows\"\n          :autosize=\"autosize\"\n          :maxlength=\"maxlength\"\n          :show-count=\"showCount\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"onBlur\"\n        />\n        <GrInput\n          v-else\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :type=\"inputType\"\n          :inputmode=\"inputmode\"\n          :placeholder=\"placeholder\"\n          :maxlength=\"maxlength\"\n          :show-count=\"showCount\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"onBlur\"\n          @keydown.enter=\"onEnter\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading || validating\"\n            :disabled=\"confirmDisabled || (touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrPromptDialog — GR-примитив диалога ввода значения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Поведение `required=true` (по умолчанию): пустое значение подсвечивается\n * ошибкой только после первого «касания» (blur или попытка confirm),\n * чтобы не шуметь при открытии.\n *\n * Проверки сверх `required` описываются пропом `rules` — тем же движком, что и\n * у `GrForm`: третий частный случай валидации в пакете заводить незачем.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, watch } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrFormField from '../GrFormField/GrFormField.vue'\nimport GrInput from '../GrInput/GrInput.vue'\nimport GrTextarea from '../GrTextarea/GrTextarea.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n// Именованные импорты чистых функций: разметки не тянут, поэтому в\n// `config.dependencies` не объявляются (см. правило про зависимости).\nimport { createGrFormMessageResolver, rulesForTrigger, runFieldRules } from '../GrForm/validation'\nimport type { GrFormRule, GrFormTrigger } from '../GrForm/validation'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\n\n/**\n * Тип поля выводим из самого `GrInput`, а не заводим ему именованный алиас:\n * алиас в пропе `GrInput` заменил бы в таблице API витрины список допустимых\n * значений на своё имя — документация стала бы беднее ради удобства обёртки.\n */\ntype GrInputType = NonNullable<InstanceType<typeof GrInput>['$props']['type']>\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\nimport type { InputHTMLAttributes } from 'vue'\n\nexport interface GrPromptDialogProps {\n  modelValue: boolean\n  value: string\n  title?: string\n  description?: string\n  label?: string\n  placeholder?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  /** Текст ошибки для пустого значения при `required=true` (i18n). */\n  requiredErrorText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  required?: boolean\n  /** Тип однострочного поля. В многострочном режиме не применяется. */\n  inputType?: GrInputType\n  /** Программная клавиатура на мобильных. */\n  inputmode?: InputHTMLAttributes['inputmode']\n  /** Ограничение длины; со `showCount` рисуется счётчик. */\n  maxlength?: number\n  showCount?: boolean\n  /** Многострочный ввод: вместо `GrInput` рисуется `GrTextarea`. */\n  multiline?: boolean\n  /** Высота многострочного поля в строках. */\n  rows?: number\n  /** Автоподбор высоты многострочного поля под содержимое. */\n  autosize?: boolean\n  /**\n   * Правила проверки значения — те же, что у `GrForm` (`required`, `type`,\n   * `min`/`max`/`len`, `pattern`, свой в т.ч. асинхронный `validator`).\n   * Прогоняются на blur (после первого касания) и на подтверждении.\n   */\n  rules?: GrFormRule | GrFormRule[]\n  /**\n   * Структура ошибки ответа сервера для показа общим блоком в теле диалога\n   * (через `GrResponseErrorBanner`). `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /**\n   * Внешняя ошибка поля ввода (например, серверная валидация). Имеет приоритет\n   * над встроенной проверкой. `null`/`undefined` — нет внешней ошибки.\n   */\n  fieldError?: string | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`.\n   * `false` — отдаёт управление закрытием наружу (нужно `useDialogService`).\n   */\n  closeOnConfirm?: boolean\n  /**\n   * Запрет закрытия «мягкими» способами (Esc, клик по бэкдропу), пока идёт\n   * подтверждение или проверка `rules`. Кнопка закрытия и «Отмена» остаются:\n   * окно без единого выхода — ловушка.\n   */\n  persistent?: boolean\n}\n\nexport interface GrPromptDialogEmits {\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'update:value', value: string): void\n  (e: 'confirm', value: string): void\n  (e: 'cancel'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrPromptDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  label: undefined,\n  placeholder: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  requiredErrorText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  required: true,\n  inputType: 'text',\n  inputmode: undefined,\n  maxlength: undefined,\n  showCount: false,\n  multiline: false,\n  rows: undefined,\n  autosize: false,\n  rules: undefined,\n  error: null,\n  fieldError: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n  persistent: false,\n})\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrPromptDialog', 'size', () => props.size, 'md')\n\nconst emit = defineEmits<GrPromptDialogEmits>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.prompt.title', 'Prompt'))\nconst resolvedLabel = computed(() => props.label ?? t('gr.dialog.prompt.label', 'Value'))\nconst resolvedRequiredErrorText = computed(() => props.requiredErrorText ?? t('gr.dialog.prompt.required', 'Enter a value.'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (v: boolean) => emit('update:modelValue', v),\n})\n\nconst valueModel = computed({\n  get: () => props.value,\n  set: (v: string) => emit('update:value', v),\n})\n\nconst touched = ref(false)\nconst inputRef = ref<InstanceType<typeof GrInput> | null>(null)\nconst textareaRef = ref<InstanceType<typeof GrTextarea> | null>(null)\n\n/** Ошибка последнего прогона `rules`; `required` считается отдельно и мгновенно. */\nconst ruleError = ref<string | undefined>(undefined)\nconst validating = ref(false)\n\n// Сторож устаревших прогонов: асинхронное правило может ответить после того,\n// как значение уже сменилось, и дописать чужую ошибку.\nlet validationRun = 0\n\nwatch(\n  () => props.modelValue,\n  (isOpen) => {\n    if (!isOpen) return\n\n    touched.value = false\n    ruleError.value = undefined\n    validationRun += 1\n  },\n)\n\nconst resolveMessage = createGrFormMessageResolver(t)\n\nconst normalizedRules = computed<GrFormRule[]>(() => {\n  if (!props.rules) return []\n  return Array.isArray(props.rules) ? props.rules : [props.rules]\n})\n\nconst requiredError = computed(() => {\n  if (!props.required) return undefined\n  return valueModel.value.trim().length > 0 ? undefined : resolvedRequiredErrorText.value\n})\n\nconst canConfirm = computed(() => !requiredError.value)\n\nconst validationError = computed(() => {\n  if (!touched.value) return undefined\n  return requiredError.value ?? ruleError.value\n})\n\n// Внешняя ошибка поля (серверная валидация) имеет приоритет над встроенной.\nconst fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? undefined)\n\n/**\n * Прогоняет `rules` для триггера. Возвращает сообщение или `undefined`.\n * `required` здесь не участвует: он синхронный и считается отдельно, чтобы\n * пустое поле блокировало кнопку без похода в асинхронный движок.\n */\nasync function runRules(trigger: GrFormTrigger): Promise<string | undefined> {\n  const rules = rulesForTrigger(normalizedRules.value, trigger)\n  if (!rules.length) return undefined\n\n  const run = ++validationRun\n  validating.value = true\n  try {\n    const message = await runFieldRules(valueModel.value, rules, { value: valueModel.value }, resolveMessage)\n    // Ответ устарел — значение или сам диалог успели смениться.\n    if (run !== validationRun) return undefined\n\n    ruleError.value = message\n    return message\n  }\n  finally {\n    if (run === validationRun) validating.value = false\n  }\n}\n\nfunction onBlur(): void {\n  touched.value = true\n  void runRules('blur')\n}\n\n// Пока подтверждение или проверка в полёте, случайное движение не должно\n// оборвать операцию.\nconst softCloseBlocked = computed(() => props.persistent && (props.confirmLoading || validating.value))\nconst resolvedCloseOnBackdrop = computed(() => (softCloseBlocked.value ? false : props.closeOnBackdrop))\nconst resolvedCloseOnEsc = computed(() => (softCloseBlocked.value ? false : props.closeOnEsc))\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction focusField(): void {\n  if (props.multiline) textareaRef.value?.focus()\n  else inputRef.value?.focus()\n}\n\nasync function onConfirm(): Promise<void> {\n  touched.value = true\n\n  if (!canConfirm.value) {\n    focusField()\n    return\n  }\n\n  if (await runRules('submit')) {\n    focusField()\n    return\n  }\n\n  emit('confirm', valueModel.value)\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n\n/**\n * `Enter` подтверждает — базовое ожидание от окна, единственный смысл которого\n * ввести одно значение. В многострочном режиме `Enter` остаётся переводом\n * строки, поэтому обработчик висит только на однострочном поле.\n */\nfunction onEnter(): void {\n  void onConfirm()\n}\n\n// Фокус в поле, а не на панель: диалог существует ровно ради ввода.\n//\n// Через `initialFocus` у `GrModal` это не решается: элемент рождается внутри\n// поддерева диалога, и возврат его же пропом наверх замыкает рендер в цикл\n// («Maximum recursive updates» — проверено). Поэтому фокус ставит содержимое,\n// после отрисовки (`flush: 'post'` + кадр), то есть заведомо позже, чем\n// ловушка фокуса `GrModal` переводит фокус на панель.\n// Источник — не только `modelValue`, но и само поле: содержимое панели\n// появляется на такт позже открытия, и фокус по фиксированному `nextTick`\n// приходился на момент, когда фокусировать ещё нечего.\nwatch(\n  [() => props.modelValue, inputRef, textareaRef],\n  () => {\n    if (!props.modelValue) return\n    focusField()\n  },\n  // `immediate`: окно могут смонтировать уже открытым — тогда смены пропа не\n  // будет вовсе, и без этого фокус остался бы на панели.\n  { immediate: true, flush: 'post' },\n)\n\ndefineSlots<{\n  /** Содержимое диалога вместо пропа `message`. */\n  default?: () => any\n  /** Разбор ошибки вместо встроенного баннера. */\n  error?: (props: { error: ResponseErrorInfo | null }) => any\n  /** Кнопки диалога вместо пары «отмена и подтверждение». */\n  footer?: () => any\n}>()\n\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"resolvedSize\"\n    :close-on-backdrop=\"resolvedCloseOnBackdrop\"\n    :close-on-esc=\"resolvedCloseOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] text-[var(--gr-muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <!-- `id` полю не задаём: `GrFormField` генерирует его сам, а поле читает\n           из контекста. Литеральный id ломал два открытых диалога сразу. -->\n      <GrFormField :label=\"resolvedLabel\" :error=\"fieldErrorMessage\">\n        <GrTextarea\n          v-if=\"multiline\"\n          ref=\"textareaRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :placeholder=\"placeholder\"\n          :rows=\"rows\"\n          :autosize=\"autosize\"\n          :maxlength=\"maxlength\"\n          :show-count=\"showCount\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"onBlur\"\n        />\n        <GrInput\n          v-else\n          ref=\"inputRef\"\n          v-model=\"valueModel\"\n          data-testid=\"gr-prompt-input\"\n          :type=\"inputType\"\n          :inputmode=\"inputmode\"\n          :placeholder=\"placeholder\"\n          :maxlength=\"maxlength\"\n          :show-count=\"showCount\"\n          :invalid=\"!!fieldErrorMessage\"\n          @blur=\"onBlur\"\n          @keydown.enter=\"onEnter\"\n        />\n      </GrFormField>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-prompt-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-prompt-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading || validating\"\n            :disabled=\"confirmDisabled || (touched && !canConfirm)\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":"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"}

package/dist/components/GrRadio/chunks/GrRadio-C_rESc5g.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrRadio-C_rESc5g.js","names":[],"sources":["../../../../src/components/GrRadio/grRadioGroupContext.ts","../../../../src/components/GrRadio/GrRadio.vue","../../../../src/components/GrRadio/GrRadio.vue"],"sourcesContent":["import type { ComputedRef, InjectionKey } from 'vue'\n\nimport type { GrButtonSize } from '../GrButton/grButtonStyles'\n\n/**\n * Значение переключателя. Не только строка: перечисления в реальных формах —\n * это id числом или флаг. Объекты сюда намеренно не входят: значение уходит в\n * `data-value` и в скрытый input нативной формы, а значит должно иметь\n * однозначное строковое представление.\n */\nexport type GrRadioValue = string | number | boolean\n\nexport type GrRadioEntry = {\n  value: () => GrRadioValue\n  disabled: () => boolean\n  /**\n   * Корневой узел переключателя. Геттер, а не значение: регистрация идёт в\n   * `setup`, когда элемента ещё нет. Благодаря ему группа переносит фокус, не\n   * обходя DOM селекторами.\n   */\n  el: () => HTMLElement | null\n}\n\nexport type GrRadioGroupContext = {\n  modelValue: ComputedRef<GrRadioValue>\n  name: ComputedRef<string | undefined>\n  disabled: ComputedRef<boolean>\n  /**\n   * Только для чтения: выбор видно, но он не меняется. У роли `radio` нет\n   * `aria-readonly` — состояние объявляет сама группа, переключателю остаётся\n   * не прикидываться кликабельным.\n   */\n  readonly: ComputedRef<boolean>\n  /** Ошибка группы: до вида переключателя она доходит только через контекст. */\n  invalid: ComputedRef<boolean>\n  size: ComputedRef<GrButtonSize>\n  setValue: (value: GrRadioValue) => void\n  /**\n   * Регистрация переключателя в группе. Порядок регистрации совпадает с\n   * порядком в документе (setup детей идёт сверху вниз), поэтому группа знает\n   * состав и в slot-режиме, и на сервере — без обхода DOM.\n   */\n  register: (entry: GrRadioEntry) => () => void\n  /**\n   * Значение переключателя, который держит `tabindex=\"0\"`. Roving tabindex\n   * WAI-ARIA: группа — одна остановка Tab, внутрь попадают стрелками. Если не\n   * выбрано ничего, остановкой становится первый доступный переключатель.\n   */\n  rovingValue: ComputedRef<GrRadioValue | undefined>\n  /**\n   * Стрелки, `Home`, `End`: переносят выбор и фокус на соседний доступный\n   * переключатель. Вернул `true` — клавиша обработана (с `preventDefault`).\n   * Кольцо ведёт группа, а не переключатель: только она знает состав.\n   */\n  handleNavigationKeys: (event: KeyboardEvent) => boolean\n}\n\nexport const GR_RADIO_GROUP_CONTEXT: InjectionKey<GrRadioGroupContext> = Symbol('GR_RADIO_GROUP_CONTEXT')\n","<script setup lang=\"ts\">\nimport { computed, inject, onUnmounted, ref, useId, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\n\nimport {\n  grRadioButtonClass,\n  grRadioControlClass,\n  grRadioDescriptionSizes,\n  grRadioDotBaseClass,\n  grRadioDotClass,\n  grRadioDotSizes,\n  grRadioLabelClassFor,\n  grRadioRootClass,\n  type GrRadioVariant,\n} from './grRadioStyles'\nimport { GR_RADIO_GROUP_CONTEXT, type GrRadioValue } from './grRadioGroupContext'\n\nexport type { GrRadioValue } from './grRadioGroupContext'\n\n/**\n * GrRadio — одиночный элемент группы выбора.\n *\n * Может работать автономно (через `v-model`) либо внутри `GrRadioGroup`\n * (тогда `modelValue`/`disabled`/`size`/`name`/`invalid` приходят через `inject`).\n *\n * @prop value — значение этого элемента, сравнивается с `modelValue` группы.\n * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `GrButton`).\n *\n * Доступным контролом является сам элемент с `role=\"radio\"`: он держит фокус,\n * `aria-checked` и клавиатуру. Внутрь него ничего интерактивного не вкладывается —\n * `role=\"radio\"` объявляет потомков презентационными, и вложенный native `<input>`\n * (даже скрытый и с `tabindex=\"-1\"`) ломает виджет для скринридеров и падает\n * в axe на `nested-interactive`. Для отправки нативной формой рядом рендерится\n * `input[type=\"hidden\"]` — он не фокусируется и не является интерактивным.\n */\nexport interface GrRadioProps {\n  value: GrRadioValue\n  modelValue?: GrRadioValue\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. Складывается с `invalid` группы. */\n  invalid?: boolean\n  name?: string\n  required?: boolean\n  form?: string\n  id?: string\n  size?: GrButtonSize\n  variant?: GrRadioVariant\n  buttonVariant?: GrButtonVariant\n  buttonTone?: GrButtonTone\n  selectedButtonVariant?: GrButtonVariant\n  selectedButtonTone?: GrButtonTone\n  ariaLabel?: string\n}\n\nexport interface GrRadioEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n}\n\nconst props = withDefaults(defineProps<GrRadioProps>(), {\n  modelValue: undefined,\n  disabled: undefined,\n  invalid: false,\n  name: undefined,\n  required: false,\n  form: undefined,\n  id: undefined,\n  size: undefined,\n  variant: 'radiobox',\n  buttonVariant: 'outline',\n  buttonTone: 'neutral',\n  selectedButtonVariant: 'primary',\n  selectedButtonTone: 'primary',\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrRadioEmits>()\n\nconst slots = useSlots()\nconst group = inject(GR_RADIO_GROUP_CONTEXT, null)\n\nconst resolvedModelValue = computed(() => {\n  if (props.modelValue !== undefined)\n    return props.modelValue\n\n  return group?.modelValue.value ?? ''\n})\n\nconst resolvedDisabled = computed(() => {\n  if (props.disabled !== undefined)\n    return props.disabled\n\n  return group?.disabled.value ?? false\n})\n\nconst resolvedReadonly = computed(() => group?.readonly.value ?? false)\n\n// «Или», а не `??`: ошибку может объявить и группа, и сам переключатель.\nconst resolvedInvalid = computed(() => props.invalid || (group?.invalid.value ?? false))\n\nconst resolvedName = computed(() => {\n  if (props.name)\n    return props.name\n\n  return group?.name.value\n})\n\n// Приоритет: локальный проп → размер группы → `GrConfigProvider` → `md`.\n// Группа специфичнее конфига, поэтому её значение подаётся как «локальное».\nconst resolvedSize = useGrComponentSize(\n  () => props.size ?? group?.size.value,\n  { component: 'GrRadio' },\n)\n\nconst checked = computed(() => resolvedModelValue.value === props.value)\n\n/** В DOM значение живёт строкой: `data-value` и скрытый input иначе не умеют. */\nconst domValue = computed(() => String(props.value))\n\n// Нативная форма получает значение только от выбранного и не-disabled элемента —\n// ровно как поступил бы native radio. Без `name` отправлять нечего.\nconst submitsValue = computed(\n  () => checked.value && !resolvedDisabled.value && Boolean(resolvedName.value),\n)\n\nconst descriptionId = useId()\nconst hasDescription = computed(() => Boolean(slots.description))\n\nconst buttonClassName = computed(() => {\n  return grRadioButtonClass({\n    checked: checked.value,\n    disabled: resolvedDisabled.value,\n    readonly: resolvedReadonly.value,\n    size: resolvedSize.value,\n    buttonVariant: props.buttonVariant,\n    buttonTone: props.buttonTone,\n    selectedButtonVariant: props.selectedButtonVariant,\n    selectedButtonTone: props.selectedButtonTone,\n  })\n})\n\nconst rootClassName = computed(() => grRadioRootClass({\n  disabled: resolvedDisabled.value,\n  readonly: resolvedReadonly.value,\n}))\nconst controlClassName = computed(() => grRadioControlClass({\n  size: resolvedSize.value,\n  checked: checked.value,\n  disabled: resolvedDisabled.value,\n  invalid: resolvedInvalid.value,\n}))\nconst dotClassName = computed(() => grRadioDotClass({\n  checked: checked.value,\n  disabled: resolvedDisabled.value,\n}))\nconst labelClassName = computed(() => grRadioLabelClassFor(resolvedSize.value, checked.value))\nconst dotSizeClassName = computed(() => grRadioDotSizes[resolvedSize.value])\nconst descriptionClassName = computed(() => grRadioDescriptionSizes[resolvedSize.value])\n\nfunction setValue(next: GrRadioValue): void {\n  if (resolvedDisabled.value)\n    return\n\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', next)\n    return\n  }\n\n  group?.setValue(next)\n}\n\nfunction onButtonClick(): void {\n  setValue(props.value)\n}\n\n// Паттерн radiogroup: группа — одна остановка Tab, внутрь попадают стрелками.\n// Вне группы (одиночный `GrRadio`) переключатель остаётся обычной остановкой.\nconst rovingTabindex = computed(() => {\n  if (resolvedDisabled.value) return -1\n  if (!group) return 0\n  return group.rovingValue.value === props.value ? 0 : -1\n})\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n/** Кольцо ведёт группа: только она знает состав и порядок. */\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!group || resolvedDisabled.value) return\n\n  group.handleNavigationKeys(event)\n}\n\nconst unregister = group?.register({\n  value: () => props.value,\n  disabled: () => resolvedDisabled.value,\n  el: () => rootEl.value,\n})\n\nonUnmounted(() => unregister?.())\n\ndefineSlots<{\n  /** Подпись переключателя вместо пропа `label`. */\n  default?: () => any\n  /** Пояснение под подписью. */\n  description?: () => any\n}>()\n\n</script>\n\n<template>\n  <div\n    v-if=\"variant === 'button'\"\n    :id=\"id\"\n    ref=\"rootEl\"\n    data-gr-button\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :aria-invalid=\"resolvedInvalid ? 'true' : undefined\"\n    :aria-required=\"required ? 'true' : undefined\"\n    :data-value=\"domValue\"\n    :tabindex=\"rovingTabindex\"\n    :class=\"buttonClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n    @keydown=\"onKeydown\"\n  >\n    <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"domValue\"\n      :form=\"form\"\n    >\n\n    <slot />\n  </div>\n\n  <div\n    v-else\n    :id=\"id\"\n    ref=\"rootEl\"\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :aria-invalid=\"resolvedInvalid ? 'true' : undefined\"\n    :aria-required=\"required ? 'true' : undefined\"\n    :aria-describedby=\"hasDescription ? descriptionId : undefined\"\n    :data-value=\"domValue\"\n    :tabindex=\"rovingTabindex\"\n    class=\"inline-flex items-start gap-2 select-none focus-visible:outline-none focus-visible:rounded-[var(--gr-radius-md)] focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]\"\n    :class=\"rootClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n    @keydown=\"onKeydown\"\n  >\n    <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"domValue\"\n      :form=\"form\"\n    >\n\n    <span\n      data-gr-radio-control\n      aria-hidden=\"true\"\n      class=\"mt-0.5 shrink-0 rounded-[var(--gr-radius-full)] border flex items-center justify-center transition-colors duration-[var(--gr-duration-fast)]\"\n      :class=\"controlClassName\"\n    >\n      <span\n        data-gr-radio-dot\n        :class=\"[grRadioDotBaseClass, dotSizeClassName, dotClassName]\"\n      />\n    </span>\n\n    <span class=\"grid gap-0.5\">\n      <span data-gr-radio-label :class=\"labelClassName\">\n        <slot />\n      </span>\n\n      <span\n        v-if=\"hasDescription\"\n        :id=\"descriptionId\"\n        data-gr-radio-description\n        :class=\"descriptionClassName\"\n      >\n        <slot name=\"description\" />\n      </span>\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, inject, onUnmounted, ref, useId, useSlots } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\n\nimport {\n  grRadioButtonClass,\n  grRadioControlClass,\n  grRadioDescriptionSizes,\n  grRadioDotBaseClass,\n  grRadioDotClass,\n  grRadioDotSizes,\n  grRadioLabelClassFor,\n  grRadioRootClass,\n  type GrRadioVariant,\n} from './grRadioStyles'\nimport { GR_RADIO_GROUP_CONTEXT, type GrRadioValue } from './grRadioGroupContext'\n\nexport type { GrRadioValue } from './grRadioGroupContext'\n\n/**\n * GrRadio — одиночный элемент группы выбора.\n *\n * Может работать автономно (через `v-model`) либо внутри `GrRadioGroup`\n * (тогда `modelValue`/`disabled`/`size`/`name`/`invalid` приходят через `inject`).\n *\n * @prop value — значение этого элемента, сравнивается с `modelValue` группы.\n * @prop variant — визуальное представление: `radiobox` (круг+dot) или `button` (стиль `GrButton`).\n *\n * Доступным контролом является сам элемент с `role=\"radio\"`: он держит фокус,\n * `aria-checked` и клавиатуру. Внутрь него ничего интерактивного не вкладывается —\n * `role=\"radio\"` объявляет потомков презентационными, и вложенный native `<input>`\n * (даже скрытый и с `tabindex=\"-1\"`) ломает виджет для скринридеров и падает\n * в axe на `nested-interactive`. Для отправки нативной формой рядом рендерится\n * `input[type=\"hidden\"]` — он не фокусируется и не является интерактивным.\n */\nexport interface GrRadioProps {\n  value: GrRadioValue\n  modelValue?: GrRadioValue\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. Складывается с `invalid` группы. */\n  invalid?: boolean\n  name?: string\n  required?: boolean\n  form?: string\n  id?: string\n  size?: GrButtonSize\n  variant?: GrRadioVariant\n  buttonVariant?: GrButtonVariant\n  buttonTone?: GrButtonTone\n  selectedButtonVariant?: GrButtonVariant\n  selectedButtonTone?: GrButtonTone\n  ariaLabel?: string\n}\n\nexport interface GrRadioEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n}\n\nconst props = withDefaults(defineProps<GrRadioProps>(), {\n  modelValue: undefined,\n  disabled: undefined,\n  invalid: false,\n  name: undefined,\n  required: false,\n  form: undefined,\n  id: undefined,\n  size: undefined,\n  variant: 'radiobox',\n  buttonVariant: 'outline',\n  buttonTone: 'neutral',\n  selectedButtonVariant: 'primary',\n  selectedButtonTone: 'primary',\n  ariaLabel: undefined,\n})\n\nconst emit = defineEmits<GrRadioEmits>()\n\nconst slots = useSlots()\nconst group = inject(GR_RADIO_GROUP_CONTEXT, null)\n\nconst resolvedModelValue = computed(() => {\n  if (props.modelValue !== undefined)\n    return props.modelValue\n\n  return group?.modelValue.value ?? ''\n})\n\nconst resolvedDisabled = computed(() => {\n  if (props.disabled !== undefined)\n    return props.disabled\n\n  return group?.disabled.value ?? false\n})\n\nconst resolvedReadonly = computed(() => group?.readonly.value ?? false)\n\n// «Или», а не `??`: ошибку может объявить и группа, и сам переключатель.\nconst resolvedInvalid = computed(() => props.invalid || (group?.invalid.value ?? false))\n\nconst resolvedName = computed(() => {\n  if (props.name)\n    return props.name\n\n  return group?.name.value\n})\n\n// Приоритет: локальный проп → размер группы → `GrConfigProvider` → `md`.\n// Группа специфичнее конфига, поэтому её значение подаётся как «локальное».\nconst resolvedSize = useGrComponentSize(\n  () => props.size ?? group?.size.value,\n  { component: 'GrRadio' },\n)\n\nconst checked = computed(() => resolvedModelValue.value === props.value)\n\n/** В DOM значение живёт строкой: `data-value` и скрытый input иначе не умеют. */\nconst domValue = computed(() => String(props.value))\n\n// Нативная форма получает значение только от выбранного и не-disabled элемента —\n// ровно как поступил бы native radio. Без `name` отправлять нечего.\nconst submitsValue = computed(\n  () => checked.value && !resolvedDisabled.value && Boolean(resolvedName.value),\n)\n\nconst descriptionId = useId()\nconst hasDescription = computed(() => Boolean(slots.description))\n\nconst buttonClassName = computed(() => {\n  return grRadioButtonClass({\n    checked: checked.value,\n    disabled: resolvedDisabled.value,\n    readonly: resolvedReadonly.value,\n    size: resolvedSize.value,\n    buttonVariant: props.buttonVariant,\n    buttonTone: props.buttonTone,\n    selectedButtonVariant: props.selectedButtonVariant,\n    selectedButtonTone: props.selectedButtonTone,\n  })\n})\n\nconst rootClassName = computed(() => grRadioRootClass({\n  disabled: resolvedDisabled.value,\n  readonly: resolvedReadonly.value,\n}))\nconst controlClassName = computed(() => grRadioControlClass({\n  size: resolvedSize.value,\n  checked: checked.value,\n  disabled: resolvedDisabled.value,\n  invalid: resolvedInvalid.value,\n}))\nconst dotClassName = computed(() => grRadioDotClass({\n  checked: checked.value,\n  disabled: resolvedDisabled.value,\n}))\nconst labelClassName = computed(() => grRadioLabelClassFor(resolvedSize.value, checked.value))\nconst dotSizeClassName = computed(() => grRadioDotSizes[resolvedSize.value])\nconst descriptionClassName = computed(() => grRadioDescriptionSizes[resolvedSize.value])\n\nfunction setValue(next: GrRadioValue): void {\n  if (resolvedDisabled.value)\n    return\n\n  if (props.modelValue !== undefined) {\n    emit('update:modelValue', next)\n    return\n  }\n\n  group?.setValue(next)\n}\n\nfunction onButtonClick(): void {\n  setValue(props.value)\n}\n\n// Паттерн radiogroup: группа — одна остановка Tab, внутрь попадают стрелками.\n// Вне группы (одиночный `GrRadio`) переключатель остаётся обычной остановкой.\nconst rovingTabindex = computed(() => {\n  if (resolvedDisabled.value) return -1\n  if (!group) return 0\n  return group.rovingValue.value === props.value ? 0 : -1\n})\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n/** Кольцо ведёт группа: только она знает состав и порядок. */\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!group || resolvedDisabled.value) return\n\n  group.handleNavigationKeys(event)\n}\n\nconst unregister = group?.register({\n  value: () => props.value,\n  disabled: () => resolvedDisabled.value,\n  el: () => rootEl.value,\n})\n\nonUnmounted(() => unregister?.())\n\ndefineSlots<{\n  /** Подпись переключателя вместо пропа `label`. */\n  default?: () => any\n  /** Пояснение под подписью. */\n  description?: () => any\n}>()\n\n</script>\n\n<template>\n  <div\n    v-if=\"variant === 'button'\"\n    :id=\"id\"\n    ref=\"rootEl\"\n    data-gr-button\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :aria-invalid=\"resolvedInvalid ? 'true' : undefined\"\n    :aria-required=\"required ? 'true' : undefined\"\n    :data-value=\"domValue\"\n    :tabindex=\"rovingTabindex\"\n    :class=\"buttonClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n    @keydown=\"onKeydown\"\n  >\n    <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"domValue\"\n      :form=\"form\"\n    >\n\n    <slot />\n  </div>\n\n  <div\n    v-else\n    :id=\"id\"\n    ref=\"rootEl\"\n    data-gr-radio\n    role=\"radio\"\n    :aria-checked=\"checked ? 'true' : 'false'\"\n    :aria-label=\"ariaLabel\"\n    :aria-disabled=\"resolvedDisabled ? 'true' : undefined\"\n    :aria-invalid=\"resolvedInvalid ? 'true' : undefined\"\n    :aria-required=\"required ? 'true' : undefined\"\n    :aria-describedby=\"hasDescription ? descriptionId : undefined\"\n    :data-value=\"domValue\"\n    :tabindex=\"rovingTabindex\"\n    class=\"inline-flex items-start gap-2 select-none focus-visible:outline-none focus-visible:rounded-[var(--gr-radius-md)] focus-visible:shadow-[0_0_0_2px_var(--gr-ring),0_0_0_4px_var(--gr-bg)]\"\n    :class=\"rootClassName\"\n    @click=\"onButtonClick\"\n    @keydown.space.prevent=\"onButtonClick\"\n    @keydown.enter.prevent=\"onButtonClick\"\n    @keydown=\"onKeydown\"\n  >\n    <input\n      v-if=\"submitsValue\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"domValue\"\n      :form=\"form\"\n    >\n\n    <span\n      data-gr-radio-control\n      aria-hidden=\"true\"\n      class=\"mt-0.5 shrink-0 rounded-[var(--gr-radius-full)] border flex items-center justify-center transition-colors duration-[var(--gr-duration-fast)]\"\n      :class=\"controlClassName\"\n    >\n      <span\n        data-gr-radio-dot\n        :class=\"[grRadioDotBaseClass, dotSizeClassName, dotClassName]\"\n      />\n    </span>\n\n    <span class=\"grid gap-0.5\">\n      <span data-gr-radio-label :class=\"labelClassName\">\n        <slot />\n      </span>\n\n      <span\n        v-if=\"hasDescription\"\n        :id=\"descriptionId\"\n        data-gr-radio-description\n        :class=\"descriptionClassName\"\n      >\n        <slot name=\"description\" />\n      </span>\n    </span>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrRadioGroup/chunks/GrRadioGroup-CdQO4G-U.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrRadioGroup-CdQO4G-U.js","names":["$slots"],"sources":["../../../../src/components/GrRadioGroup/GrRadioGroup.vue","../../../../src/components/GrRadioGroup/GrRadioGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, provide, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio/grRadioGroupContext'\nimport type { GrRadioEntry, GrRadioValue } from '../GrRadio/grRadioGroupContext'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport type GrRadioGroupOrientation = 'vertical' | 'horizontal'\nexport interface GrRadioGroupOption {\n  value: GrRadioValue\n  label: string\n  /** Отключить одну опцию, не переходя на слот. */\n  disabled?: boolean\n  /** Пояснение под подписью. Рисуется только в варианте `radiobox`. */\n  description?: string\n}\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: GrRadioValue\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  variant?: GrRadioGroupVariant\n  /**\n   * Раскладка варианта `radiobox`. Кнопочный вариант всегда горизонтальный —\n   * его собирает `GrButtonGroup`.\n   */\n  orientation?: GrRadioGroupOrientation\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nexport interface GrRadioGroupEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n  (e: 'change', value: GrRadioValue): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  variant: 'radiobox',\n  orientation: 'vertical',\n  size: undefined,\n  ariaLabel: undefined,\n})\n\n// Эффективный размер группы: локальный проп → `GrConfigProvider` → `md`.\n// Дочерние `GrRadio` получают уже разрешённое значение через контекст, поэтому\n// провайдер работает и для них — без второго чтения конфига.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrRadioGroup' })\n\n// Контекст `GrFormField`. Группа — не labelable-элемент, поэтому имя приходит\n// через `aria-labelledby` на подпись поля, а не через `<label for>`.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\n\nconst emit = defineEmits<GrRadioGroupEmits>()\ndefineSlots<{\n  /** Собственная разметка переключателей вместо генерации из `options`. */\n  default?: () => any\n}>()\n\n\nfunction setValue(next: GrRadioValue): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nconst listClass = computed(() => (props.orientation === 'horizontal'\n  ? 'flex flex-wrap items-start gap-x-6 gap-y-2'\n  : 'grid gap-2'))\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Фокус ходит между радиокнопками: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\n\nconst entries = ref<GrRadioEntry[]>([])\n\nfunction register(entry: GrRadioEntry): () => void {\n  entries.value.push(entry)\n  return () => {\n    const index = entries.value.indexOf(entry)\n    if (index >= 0) entries.value.splice(index, 1)\n  }\n}\n\nfunction entryOf(value: GrRadioValue): GrRadioEntry | undefined {\n  return entries.value.find(entry => entry.value() === value)\n}\n\n/**\n * Кольцо roving-фокуса. Живёт в группе, а не в переключателе: состав знает\n * только она. Обе оси работают всегда — требование паттерна `radiogroup`,\n * стрелки зациклены, выключенные перешагиваются.\n */\nconst roving = useRovingFocus<GrRadioValue>({\n  items: () => entries.value.map(entry => entry.value()),\n  elementFor: value => entryOf(value)?.el() ?? null,\n  isDisabled: value => entryOf(value)?.disabled() ?? true,\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  // Выбранное значение держит остановку `Tab` — но только пока переключатель\n  // доступен: на выключенном `GrRadio` ставит `tabindex=\"-1\"` сам, и остановка\n  // на нём означала бы, что `Tab` не приводит никуда.\n  initialKey: () => {\n    const entry = entryOf(props.modelValue)\n    return entry && !entry.disabled() ? props.modelValue : undefined\n  },\n  // В `radiogroup` стрелка переносит выбор, а не только фокус.\n  onMove: value => setValue(value),\n  // Выбор меняет разметку: фокус ставим по перерисовке, иначе следующая\n  // стрелка отсчитывалась бы от прежнего элемента.\n  beforeFocus: () => nextTick(),\n})\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый элемент. */\nfunction rovingElement(): HTMLElement | null {\n  const value = roving.rovingKey.value\n  return value === undefined ? null : entryOf(value)?.el() ?? null\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => isDisabled.value),\n  readonly: isReadonly,\n  invalid: isInvalid,\n  size: resolvedSize,\n  setValue,\n  register,\n  rovingValue: roving.rovingKey,\n  handleNavigationKeys: roving.handleNavigationKeys,\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootEl\"\n    data-gr-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n          variant=\"button\"\n          :size=\"resolvedSize\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        >\n          {{ opt.label }}\n\n          <template v-if=\"opt.description\" #description>\n            {{ opt.description }}\n          </template>\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, provide, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { GrButtonSize } from '../GrButton'\nimport GrButtonGroup from '../GrButtonGroup/GrButtonGroup.vue'\nimport GrRadio from '../GrRadio/GrRadio.vue'\nimport { GR_RADIO_GROUP_CONTEXT } from '../GrRadio/grRadioGroupContext'\nimport type { GrRadioEntry, GrRadioValue } from '../GrRadio/grRadioGroupContext'\n\nexport type GrRadioGroupVariant = 'radiobox' | 'button'\nexport type GrRadioGroupOrientation = 'vertical' | 'horizontal'\nexport interface GrRadioGroupOption {\n  value: GrRadioValue\n  label: string\n  /** Отключить одну опцию, не переходя на слот. */\n  disabled?: boolean\n  /** Пояснение под подписью. Рисуется только в варианте `radiobox`. */\n  description?: string\n}\n\n/**\n * GrRadioGroup — контейнер группы `GrRadio`.\n *\n * Может работать как через слот (ручной рендер `GrRadio`), так и через проп `options`.\n * Предоставляет дочерним `GrRadio` общий `modelValue`/`disabled`/`size`/`name` через `inject`.\n */\nexport interface GrRadioGroupProps {\n  modelValue: GrRadioValue\n  options?: GrRadioGroupOption[]\n  name?: string\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  variant?: GrRadioGroupVariant\n  /**\n   * Раскладка варианта `radiobox`. Кнопочный вариант всегда горизонтальный —\n   * его собирает `GrButtonGroup`.\n   */\n  orientation?: GrRadioGroupOrientation\n  size?: GrButtonSize\n  ariaLabel?: string\n}\n\nexport interface GrRadioGroupEmits {\n  (e: 'update:modelValue', value: GrRadioValue): void\n  (e: 'change', value: GrRadioValue): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(defineProps<GrRadioGroupProps>(), {\n  options: undefined,\n  name: undefined,\n  disabled: false,\n  readonly: false,\n  invalid: false,\n  required: false,\n  variant: 'radiobox',\n  orientation: 'vertical',\n  size: undefined,\n  ariaLabel: undefined,\n})\n\n// Эффективный размер группы: локальный проп → `GrConfigProvider` → `md`.\n// Дочерние `GrRadio` получают уже разрешённое значение через контекст, поэтому\n// провайдер работает и для них — без второго чтения конфига.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrRadioGroup' })\n\n// Контекст `GrFormField`. Группа — не labelable-элемент, поэтому имя приходит\n// через `aria-labelledby` на подпись поля, а не через `<label for>`.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\n\nconst emit = defineEmits<GrRadioGroupEmits>()\ndefineSlots<{\n  /** Собственная разметка переключателей вместо генерации из `options`. */\n  default?: () => any\n}>()\n\n\nfunction setValue(next: GrRadioValue): void {\n  if (isDisabled.value || isReadonly.value)\n    return\n  emit('update:modelValue', next)\n  emit('change', next)\n}\n\nconst listClass = computed(() => (props.orientation === 'horizontal'\n  ? 'flex flex-wrap items-start gap-x-6 gap-y-2'\n  : 'grid gap-2'))\n\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Фокус ходит между радиокнопками: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\n\nconst entries = ref<GrRadioEntry[]>([])\n\nfunction register(entry: GrRadioEntry): () => void {\n  entries.value.push(entry)\n  return () => {\n    const index = entries.value.indexOf(entry)\n    if (index >= 0) entries.value.splice(index, 1)\n  }\n}\n\nfunction entryOf(value: GrRadioValue): GrRadioEntry | undefined {\n  return entries.value.find(entry => entry.value() === value)\n}\n\n/**\n * Кольцо roving-фокуса. Живёт в группе, а не в переключателе: состав знает\n * только она. Обе оси работают всегда — требование паттерна `radiogroup`,\n * стрелки зациклены, выключенные перешагиваются.\n */\nconst roving = useRovingFocus<GrRadioValue>({\n  items: () => entries.value.map(entry => entry.value()),\n  elementFor: value => entryOf(value)?.el() ?? null,\n  isDisabled: value => entryOf(value)?.disabled() ?? true,\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  // Выбранное значение держит остановку `Tab` — но только пока переключатель\n  // доступен: на выключенном `GrRadio` ставит `tabindex=\"-1\"` сам, и остановка\n  // на нём означала бы, что `Tab` не приводит никуда.\n  initialKey: () => {\n    const entry = entryOf(props.modelValue)\n    return entry && !entry.disabled() ? props.modelValue : undefined\n  },\n  // В `radiogroup` стрелка переносит выбор, а не только фокус.\n  onMove: value => setValue(value),\n  // Выбор меняет разметку: фокус ставим по перерисовке, иначе следующая\n  // стрелка отсчитывалась бы от прежнего элемента.\n  beforeFocus: () => nextTick(),\n})\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый элемент. */\nfunction rovingElement(): HTMLElement | null {\n  const value = roving.rovingKey.value\n  return value === undefined ? null : entryOf(value)?.el() ?? null\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nprovide(GR_RADIO_GROUP_CONTEXT, {\n  modelValue: computed(() => props.modelValue),\n  name: computed(() => props.name),\n  disabled: computed(() => isDisabled.value),\n  readonly: isReadonly,\n  invalid: isInvalid,\n  size: resolvedSize,\n  setValue,\n  register,\n  rovingValue: roving.rovingKey,\n  handleNavigationKeys: roving.handleNavigationKeys,\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootEl\"\n    data-gr-radio-group\n    role=\"radiogroup\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <template v-if=\"$slots.default\">\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <slot />\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <slot />\n      </div>\n    </template>\n    <template v-else>\n      <GrButtonGroup v-if=\"variant === 'button'\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n          variant=\"button\"\n          :size=\"resolvedSize\"\n        >\n          {{ opt.label }}\n        </GrRadio>\n      </GrButtonGroup>\n      <div v-else :class=\"listClass\">\n        <GrRadio\n          v-for=\"opt in options ?? []\"\n          :key=\"String(opt.value)\"\n          :value=\"opt.value\"\n          :disabled=\"opt.disabled\"\n        >\n          {{ opt.label }}\n\n          <template v-if=\"opt.description\" #description>\n            {{ opt.description }}\n          </template>\n        </GrRadio>\n      </div>\n    </template>\n  </div>\n</template>\n"],"mappings":"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"}