@feugene/granularity 0.35.0 → 0.37.0

package/dist/components/GrDataTable/index.js

@@ -1,3 +1,3 @@
-import { t as GrDataTable_default } from "./chunks/GrDataTable-4JAgOQ-7.js";
+import { t as GrDataTable_default } from "./chunks/GrDataTable-BYYG_XZA.js";
 import { n as grDataTableSafelist, t as grDataTableConfig } from "../../chunks/config-DeyT9dJl.js";
 export { GrDataTable_default as GrDataTable, GrDataTable_default as default, grDataTableConfig, grDataTableSafelist };

package/dist/components/GrDelta/chunks/{GrDelta-BZwkgQW-.js.map → GrDelta-BpfqebEV.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDelta-BZwkgQW-.js","names":[],"sources":["../../../../src/internal/granularityFormat.ts","../../../../src/components/GrDelta/GrDelta.vue","../../../../src/components/GrDelta/GrDelta.vue"],"sourcesContent":["/**\n * Форматирование чисел и дат по локали.\n *\n * Своё, а не из `@feugene/fint-i18n`: тот объявлен **опциональной** peer-зависимостью,\n * и пакет обязан работать без него. Под капотом всё равно `Intl`, то есть\n * результат совпадает с `useI18nFormat()` библиотеки — расхождения между\n * приложением с i18n и без него не возникает.\n *\n * Инстансы `Intl` кэшируются: их построение примерно на порядок дороже самого\n * форматирования. Кэш ограничен — иначе сгенерированные на лету опции растили\n * бы его без предела, — и вытесняет по давности чтения.\n */\n\nconst CACHE_LIMIT = 64\n\nconst numberFormats = new Map<string, Intl.NumberFormat>()\nconst dateFormats = new Map<string, Intl.DateTimeFormat>()\n\nfunction cacheKey(locale: string, options?: object): string {\n  return options ? `${locale}\u0000${JSON.stringify(options)}` : locale\n}\n\nfunction take<T>(cache: Map<string, T>, key: string, create: () => T): T {\n  const cached = cache.get(key)\n  if (cached) {\n    // Перечитанная запись уезжает в конец очереди. `Map` держит порядок\n    // вставки, и это единственный способ отличить горячую запись от давней.\n    cache.delete(key)\n    cache.set(key, cached)\n\n    return cached\n  }\n\n  const created = create()\n\n  // Вытесняется самая давняя запись, а не весь кэш разом: у таблицы с десятком\n  // колонок в нескольких локалях рабочий набор перерастает предел, и сброс\n  // целиком пересоздавал бы на каждой вставке в том числе и горячие форматтеры.\n  if (cache.size >= CACHE_LIMIT) {\n    const oldest = cache.keys().next()\n    if (!oldest.done)\n      cache.delete(oldest.value)\n  }\n\n  cache.set(key, created)\n\n  return created\n}\n\n/**\n * Локаль приходит из настроек приложения, а `Intl` бросает на некорректном\n * теге. Форматирование не имеет права уронить рендер, поэтому неизвестный тег\n * сводим к `en`.\n */\nexport function formatNumber(\n  locale: string,\n  value: number | bigint,\n  options?: Intl.NumberFormatOptions,\n): string {\n  try {\n    return take(numberFormats, cacheKey(locale, options), () => new Intl.NumberFormat(locale, options)).format(value)\n  }\n  catch {\n    return take(numberFormats, cacheKey('en', options), () => new Intl.NumberFormat('en', options)).format(value)\n  }\n}\n\n/**\n * Те же правила, что у `formatNumber`, но по частям: вызывающему нужно знать,\n * где в записи стоит знак, чтобы вынести его отдельным узлом.\n *\n * Инстанс тот же, что у `formatNumber`: `Intl.NumberFormat` умеет оба метода, а\n * второй кэш под теми же ключами разъехался бы с первым на первом вытеснении.\n */\nexport function formatNumberToParts(\n  locale: string,\n  value: number | bigint,\n  options?: Intl.NumberFormatOptions,\n): Intl.NumberFormatPart[] {\n  try {\n    return take(numberFormats, cacheKey(locale, options), () => new Intl.NumberFormat(locale, options)).formatToParts(value)\n  }\n  catch {\n    return take(numberFormats, cacheKey('en', options), () => new Intl.NumberFormat('en', options)).formatToParts(value)\n  }\n}\n\n/**\n * Ведущий знак и остаток записи.\n *\n * Нужно там, где знаку полагается свой узел разметки: валюта обязана стоять\n * после знака (`+$0,03`, а не `$+0,03`). Резать готовую строку по первому\n * символу нельзя — в RTL-локалях знаку предшествует невидимая метка\n * направления (`he-IL` — U+200E, `ar-EG` — U+061C), которой и разворачивается\n * минус относительно цифр. Метка уходит вместе со знаком: она управляет им.\n *\n * `sign` пуст, когда знака нет вовсе (ноль, положительное при `signDisplay:\n * 'auto'`, `NaN`) либо когда перед ним стоит содержательная часть. Во втором\n * случае запись не делится совсем: вернуть половину по догадке хуже, чем\n * вернуть целое.\n */\nexport function splitLeadingSign(\n  parts: readonly Intl.NumberFormatPart[],\n): { sign: string, rest: string } {\n  const join = (from: readonly Intl.NumberFormatPart[]): string => from.map(part => part.value).join('')\n  const at = parts.findIndex(part => part.type === 'minusSign' || part.type === 'plusSign')\n\n  if (at === -1 || parts.slice(0, at).some(part => part.type !== 'literal'))\n    return { sign: '', rest: join(parts) }\n\n  return { sign: join(parts.slice(0, at + 1)), rest: join(parts.slice(at + 1)) }\n}\n\nexport function formatDate(\n  locale: string,\n  value: Date | number | string,\n  options?: Intl.DateTimeFormatOptions,\n): string {\n  const date = value instanceof Date ? value : new Date(value)\n\n  // Невалидную дату возвращаем как есть: пустая или «Invalid Date» в интерфейсе\n  // хуже, чем исходное значение, но лучше, чем исключение на рендере.\n  if (Number.isNaN(date.getTime()))\n    return String(value)\n\n  try {\n    return take(dateFormats, cacheKey(locale, options), () => new Intl.DateTimeFormat(locale, options)).format(date)\n  }\n  catch {\n    return take(dateFormats, cacheKey('en', options), () => new Intl.DateTimeFormat('en', options)).format(date)\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { formatNumberToParts, splitLeadingSign } from '../../internal/granularityFormat'\nimport GrValue from '../GrValue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconMinus from '~icons/lucide/minus'\nimport IconTrendingDown from '~icons/lucide/trending-down'\nimport IconTrendingUp from '~icons/lucide/trending-up'\n\nimport { deltaDirection, deltaTone, type GrDeltaPolarity, type GrDeltaTone } from './deltaTone'\nimport {\n  deltaArrowClass,\n  deltaEmptyClass,\n  deltaRootClass,\n  deltaSizeClass,\n  deltaValueStyle,\n  deltaToneClass,\n} from './grDeltaStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrDeltaPolarity, GrDeltaTone } from './deltaTone'\n\n/**\n * Величина со знаком и тоном **внутри строки текста**: «Дельта: +$0.004».\n *\n * Компонент презентационный: дельту не считает и периоды не сравнивает —\n * «к чему сравнивать» знает приложение. Блочная плитка показателя — `GrStatistic`.\n */\nexport interface GrDeltaProps {\n  /** Величина. `null` — её нет; это не ноль. */\n  value: number | null\n  /** Знаков после запятой. Не задано — как отдаст локаль. */\n  precision?: number\n  /** Приписка перед числом: валюта, единица. */\n  prefix?: string\n  /** Приписка после числа: `%`, `мс`. */\n  suffix?: string\n  /**\n   * Что считать хорошим. Для выручки рост — успех, для себестоимости и времени\n   * отклика — наоборот; без этого компонент врал бы в половине случаев.\n   */\n  polarity?: GrDeltaPolarity\n  /** Ставить `+` у положительных. Минус подставляет `Intl` сам. */\n  showSign?: boolean\n  /** Стрелка направления. Декоративна: направление уже в знаке. */\n  showArrow?: boolean\n  /** Чем печатать отсутствующую величину. */\n  emptyText?: string\n  /** Локаль форматирования. Не задана — локаль i18n-адаптера. */\n  locale?: string\n  size?: GrComponentSize\n}\n\nconst props = withDefaults(defineProps<GrDeltaProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем\n  // компонент заглянет в `GrConfigProvider`.\n  precision: undefined,\n  prefix: undefined,\n  suffix: undefined,\n  polarity: undefined,\n  showSign: undefined,\n  showArrow: undefined,\n  emptyText: undefined,\n  locale: undefined,\n  size: undefined,\n})\n\nconst { locale } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDelta' })\nconst resolvedLocale = computed(() => props.locale ?? locale.value ?? 'en')\nconst resolvedPolarity = useGrComponentProp('GrDelta', 'polarity', () => props.polarity, 'positive-good')\nconst resolvedShowSign = useGrComponentProp('GrDelta', 'showSign', () => props.showSign, true)\nconst resolvedShowArrow = useGrComponentProp('GrDelta', 'showArrow', () => props.showArrow, false)\nconst resolvedEmptyText = useGrComponentProp('GrDelta', 'emptyText', () => props.emptyText, '—')\n\nconst isEmpty = computed(() => props.value === null || props.value === undefined)\n\nconst tone = computed<GrDeltaTone>(() => (\n  isEmpty.value ? 'neutral' : deltaTone(props.value as number, resolvedPolarity.value)\n))\n\nconst direction = computed(() => (isEmpty.value ? 'flat' : deltaDirection(props.value as number)))\n\nconst formatOptions = computed<Intl.NumberFormatOptions>(() => ({\n  signDisplay: resolvedShowSign.value ? 'exceptZero' : 'auto',\n  ...(props.precision === undefined\n    ? {}\n    : { minimumFractionDigits: props.precision, maximumFractionDigits: props.precision }),\n}))\n\n/**\n * Знак и число по отдельности.\n *\n * Знак — префикс форматирования, а не склейка строки. `'+' + value` уже ломало\n * `GrStatistic`: строка `'+10'` разбирается как число, и разряды теряются.\n * Поэтому знак не дописывают, а **вынимают** из готовых частей `Intl`.\n *\n * Делится величина только вместе с `prefix`: валюта обязана стоять после знака\n * (`+$0,0280`, а не `$+0,0280`). Без приписки делить нечего — знак остаётся\n * внутри величины, и разметка не меняется ни на байт.\n */\nconst valueNodes = computed<{ sign: string, value: string }>(() => {\n  if (isEmpty.value)\n    return { sign: '', value: resolvedEmptyText.value }\n\n  const parts = formatNumberToParts(resolvedLocale.value, props.value as number, formatOptions.value)\n\n  if (!props.prefix)\n    return { sign: '', value: parts.map(part => part.value).join('') }\n\n  const { sign, rest } = splitLeadingSign(parts)\n\n  return { sign, value: rest }\n})\n\nconst sign = computed(() => valueNodes.value.sign)\nconst formatted = computed(() => valueNodes.value.value)\n\nconst arrowIcon = computed(() => {\n  if (direction.value === 'up')\n    return IconTrendingUp\n  if (direction.value === 'down')\n    return IconTrendingDown\n  return IconMinus\n})\n\nconst rootClass = computed(() => [\n  deltaRootClass,\n  deltaSizeClass[resolvedSize.value],\n  isEmpty.value ? deltaEmptyClass : deltaToneClass[tone.value],\n].filter(Boolean).join(' '))\n</script>\n\n<template>\n  <span data-gr-delta :data-tone=\"isEmpty ? undefined : tone\" :class=\"rootClass\" :style=\"deltaValueStyle\">\n    <component\n      :is=\"arrowIcon\"\n      v-if=\"resolvedShowArrow && !isEmpty\"\n      data-gr-delta-arrow\n      :class=\"deltaArrowClass\"\n      aria-hidden=\"true\"\n    />\n\n    <!-- Запись величины рисует `GrValue`: приписки оформляются там же, где у\n         остальных величин пакета, и настраиваются теми же токенами. Знак идёт\n         в `#lead` — он обязан встать перед валютой, а не после неё. -->\n    <GrValue\n      :value=\"formatted\"\n      :prefix=\"isEmpty ? undefined : prefix\"\n      :suffix=\"isEmpty ? undefined : suffix\"\n    >\n      <template v-if=\"sign\" #lead>\n        <span data-gr-delta-sign>{{ sign }}</span>\n      </template>\n    </GrValue>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { formatNumberToParts, splitLeadingSign } from '../../internal/granularityFormat'\nimport GrValue from '../GrValue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconMinus from '~icons/lucide/minus'\nimport IconTrendingDown from '~icons/lucide/trending-down'\nimport IconTrendingUp from '~icons/lucide/trending-up'\n\nimport { deltaDirection, deltaTone, type GrDeltaPolarity, type GrDeltaTone } from './deltaTone'\nimport {\n  deltaArrowClass,\n  deltaEmptyClass,\n  deltaRootClass,\n  deltaSizeClass,\n  deltaValueStyle,\n  deltaToneClass,\n} from './grDeltaStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrDeltaPolarity, GrDeltaTone } from './deltaTone'\n\n/**\n * Величина со знаком и тоном **внутри строки текста**: «Дельта: +$0.004».\n *\n * Компонент презентационный: дельту не считает и периоды не сравнивает —\n * «к чему сравнивать» знает приложение. Блочная плитка показателя — `GrStatistic`.\n */\nexport interface GrDeltaProps {\n  /** Величина. `null` — её нет; это не ноль. */\n  value: number | null\n  /** Знаков после запятой. Не задано — как отдаст локаль. */\n  precision?: number\n  /** Приписка перед числом: валюта, единица. */\n  prefix?: string\n  /** Приписка после числа: `%`, `мс`. */\n  suffix?: string\n  /**\n   * Что считать хорошим. Для выручки рост — успех, для себестоимости и времени\n   * отклика — наоборот; без этого компонент врал бы в половине случаев.\n   */\n  polarity?: GrDeltaPolarity\n  /** Ставить `+` у положительных. Минус подставляет `Intl` сам. */\n  showSign?: boolean\n  /** Стрелка направления. Декоративна: направление уже в знаке. */\n  showArrow?: boolean\n  /** Чем печатать отсутствующую величину. */\n  emptyText?: string\n  /** Локаль форматирования. Не задана — локаль i18n-адаптера. */\n  locale?: string\n  size?: GrComponentSize\n}\n\nconst props = withDefaults(defineProps<GrDeltaProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем\n  // компонент заглянет в `GrConfigProvider`.\n  precision: undefined,\n  prefix: undefined,\n  suffix: undefined,\n  polarity: undefined,\n  showSign: undefined,\n  showArrow: undefined,\n  emptyText: undefined,\n  locale: undefined,\n  size: undefined,\n})\n\nconst { locale } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDelta' })\nconst resolvedLocale = computed(() => props.locale ?? locale.value ?? 'en')\nconst resolvedPolarity = useGrComponentProp('GrDelta', 'polarity', () => props.polarity, 'positive-good')\nconst resolvedShowSign = useGrComponentProp('GrDelta', 'showSign', () => props.showSign, true)\nconst resolvedShowArrow = useGrComponentProp('GrDelta', 'showArrow', () => props.showArrow, false)\nconst resolvedEmptyText = useGrComponentProp('GrDelta', 'emptyText', () => props.emptyText, '—')\n\nconst isEmpty = computed(() => props.value === null || props.value === undefined)\n\nconst tone = computed<GrDeltaTone>(() => (\n  isEmpty.value ? 'neutral' : deltaTone(props.value as number, resolvedPolarity.value)\n))\n\nconst direction = computed(() => (isEmpty.value ? 'flat' : deltaDirection(props.value as number)))\n\nconst formatOptions = computed<Intl.NumberFormatOptions>(() => ({\n  signDisplay: resolvedShowSign.value ? 'exceptZero' : 'auto',\n  ...(props.precision === undefined\n    ? {}\n    : { minimumFractionDigits: props.precision, maximumFractionDigits: props.precision }),\n}))\n\n/**\n * Знак и число по отдельности.\n *\n * Знак — префикс форматирования, а не склейка строки. `'+' + value` уже ломало\n * `GrStatistic`: строка `'+10'` разбирается как число, и разряды теряются.\n * Поэтому знак не дописывают, а **вынимают** из готовых частей `Intl`.\n *\n * Делится величина только вместе с `prefix`: валюта обязана стоять после знака\n * (`+$0,0280`, а не `$+0,0280`). Без приписки делить нечего — знак остаётся\n * внутри величины, и разметка не меняется ни на байт.\n */\nconst valueNodes = computed<{ sign: string, value: string }>(() => {\n  if (isEmpty.value)\n    return { sign: '', value: resolvedEmptyText.value }\n\n  const parts = formatNumberToParts(resolvedLocale.value, props.value as number, formatOptions.value)\n\n  if (!props.prefix)\n    return { sign: '', value: parts.map(part => part.value).join('') }\n\n  const { sign, rest } = splitLeadingSign(parts)\n\n  return { sign, value: rest }\n})\n\nconst sign = computed(() => valueNodes.value.sign)\nconst formatted = computed(() => valueNodes.value.value)\n\nconst arrowIcon = computed(() => {\n  if (direction.value === 'up')\n    return IconTrendingUp\n  if (direction.value === 'down')\n    return IconTrendingDown\n  return IconMinus\n})\n\nconst rootClass = computed(() => [\n  deltaRootClass,\n  deltaSizeClass[resolvedSize.value],\n  isEmpty.value ? deltaEmptyClass : deltaToneClass[tone.value],\n].filter(Boolean).join(' '))\n</script>\n\n<template>\n  <span data-gr-delta :data-tone=\"isEmpty ? undefined : tone\" :class=\"rootClass\" :style=\"deltaValueStyle\">\n    <component\n      :is=\"arrowIcon\"\n      v-if=\"resolvedShowArrow && !isEmpty\"\n      data-gr-delta-arrow\n      :class=\"deltaArrowClass\"\n      aria-hidden=\"true\"\n    />\n\n    <!-- Запись величины рисует `GrValue`: приписки оформляются там же, где у\n         остальных величин пакета, и настраиваются теми же токенами. Знак идёт\n         в `#lead` — он обязан встать перед валютой, а не после неё. -->\n    <GrValue\n      :value=\"formatted\"\n      :prefix=\"isEmpty ? undefined : prefix\"\n      :suffix=\"isEmpty ? undefined : suffix\"\n    >\n      <template v-if=\"sign\" #lead>\n        <span data-gr-delta-sign>{{ sign }}</span>\n      </template>\n    </GrValue>\n  </span>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDelta-BpfqebEV.js","names":[],"sources":["../../../../src/internal/granularityFormat.ts","../../../../src/components/GrDelta/GrDelta.vue","../../../../src/components/GrDelta/GrDelta.vue"],"sourcesContent":["/**\n * Форматирование чисел и дат по локали.\n *\n * Своё, а не из `@feugene/fint-i18n`: тот объявлен **опциональной** peer-зависимостью,\n * и пакет обязан работать без него. Под капотом всё равно `Intl`, то есть\n * результат совпадает с `useI18nFormat()` библиотеки — расхождения между\n * приложением с i18n и без него не возникает.\n *\n * Инстансы `Intl` кэшируются: их построение примерно на порядок дороже самого\n * форматирования. Кэш ограничен — иначе сгенерированные на лету опции растили\n * бы его без предела, — и вытесняет по давности чтения.\n */\n\nconst CACHE_LIMIT = 64\n\nconst numberFormats = new Map<string, Intl.NumberFormat>()\nconst dateFormats = new Map<string, Intl.DateTimeFormat>()\n\nfunction cacheKey(locale: string, options?: object): string {\n  return options ? `${locale}\u0000${JSON.stringify(options)}` : locale\n}\n\nfunction take<T>(cache: Map<string, T>, key: string, create: () => T): T {\n  const cached = cache.get(key)\n  if (cached) {\n    // Перечитанная запись уезжает в конец очереди. `Map` держит порядок\n    // вставки, и это единственный способ отличить горячую запись от давней.\n    cache.delete(key)\n    cache.set(key, cached)\n\n    return cached\n  }\n\n  const created = create()\n\n  // Вытесняется самая давняя запись, а не весь кэш разом: у таблицы с десятком\n  // колонок в нескольких локалях рабочий набор перерастает предел, и сброс\n  // целиком пересоздавал бы на каждой вставке в том числе и горячие форматтеры.\n  if (cache.size >= CACHE_LIMIT) {\n    const oldest = cache.keys().next()\n    if (!oldest.done)\n      cache.delete(oldest.value)\n  }\n\n  cache.set(key, created)\n\n  return created\n}\n\n/**\n * Локаль приходит из настроек приложения, а `Intl` бросает на некорректном\n * теге. Форматирование не имеет права уронить рендер, поэтому неизвестный тег\n * сводим к `en`.\n */\nexport function formatNumber(\n  locale: string,\n  value: number | bigint,\n  options?: Intl.NumberFormatOptions,\n): string {\n  try {\n    return take(numberFormats, cacheKey(locale, options), () => new Intl.NumberFormat(locale, options)).format(value)\n  }\n  catch {\n    return take(numberFormats, cacheKey('en', options), () => new Intl.NumberFormat('en', options)).format(value)\n  }\n}\n\n/**\n * Те же правила, что у `formatNumber`, но по частям: вызывающему нужно знать,\n * где в записи стоит знак, чтобы вынести его отдельным узлом.\n *\n * Инстанс тот же, что у `formatNumber`: `Intl.NumberFormat` умеет оба метода, а\n * второй кэш под теми же ключами разъехался бы с первым на первом вытеснении.\n */\nexport function formatNumberToParts(\n  locale: string,\n  value: number | bigint,\n  options?: Intl.NumberFormatOptions,\n): Intl.NumberFormatPart[] {\n  try {\n    return take(numberFormats, cacheKey(locale, options), () => new Intl.NumberFormat(locale, options)).formatToParts(value)\n  }\n  catch {\n    return take(numberFormats, cacheKey('en', options), () => new Intl.NumberFormat('en', options)).formatToParts(value)\n  }\n}\n\n/**\n * Ведущий знак и остаток записи.\n *\n * Нужно там, где знаку полагается свой узел разметки: валюта обязана стоять\n * после знака (`+$0,03`, а не `$+0,03`). Резать готовую строку по первому\n * символу нельзя — в RTL-локалях знаку предшествует невидимая метка\n * направления (`he-IL` — U+200E, `ar-EG` — U+061C), которой и разворачивается\n * минус относительно цифр. Метка уходит вместе со знаком: она управляет им.\n *\n * `sign` пуст, когда знака нет вовсе (ноль, положительное при `signDisplay:\n * 'auto'`, `NaN`) либо когда перед ним стоит содержательная часть. Во втором\n * случае запись не делится совсем: вернуть половину по догадке хуже, чем\n * вернуть целое.\n */\nexport function splitLeadingSign(\n  parts: readonly Intl.NumberFormatPart[],\n): { sign: string, rest: string } {\n  const join = (from: readonly Intl.NumberFormatPart[]): string => from.map(part => part.value).join('')\n  const at = parts.findIndex(part => part.type === 'minusSign' || part.type === 'plusSign')\n\n  if (at === -1 || parts.slice(0, at).some(part => part.type !== 'literal'))\n    return { sign: '', rest: join(parts) }\n\n  return { sign: join(parts.slice(0, at + 1)), rest: join(parts.slice(at + 1)) }\n}\n\nexport function formatDate(\n  locale: string,\n  value: Date | number | string,\n  options?: Intl.DateTimeFormatOptions,\n): string {\n  const date = value instanceof Date ? value : new Date(value)\n\n  // Невалидную дату возвращаем как есть: пустая или «Invalid Date» в интерфейсе\n  // хуже, чем исходное значение, но лучше, чем исключение на рендере.\n  if (Number.isNaN(date.getTime()))\n    return String(value)\n\n  try {\n    return take(dateFormats, cacheKey(locale, options), () => new Intl.DateTimeFormat(locale, options)).format(date)\n  }\n  catch {\n    return take(dateFormats, cacheKey('en', options), () => new Intl.DateTimeFormat('en', options)).format(date)\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { formatNumberToParts, splitLeadingSign } from '../../internal/granularityFormat'\nimport GrValue from '../GrValue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconMinus from '~icons/lucide/minus'\nimport IconTrendingDown from '~icons/lucide/trending-down'\nimport IconTrendingUp from '~icons/lucide/trending-up'\n\nimport { deltaDirection, deltaTone, type GrDeltaPolarity, type GrDeltaTone } from './deltaTone'\nimport {\n  deltaArrowClass,\n  deltaEmptyClass,\n  deltaRootClass,\n  deltaSizeClass,\n  deltaValueStyle,\n  deltaToneClass,\n} from './grDeltaStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrDeltaPolarity, GrDeltaTone } from './deltaTone'\n\n/**\n * Величина со знаком и тоном **внутри строки текста**: «Дельта: +$0.004».\n *\n * Компонент презентационный: дельту не считает и периоды не сравнивает —\n * «к чему сравнивать» знает приложение. Блочная плитка показателя — `GrStatistic`.\n */\nexport interface GrDeltaProps {\n  /** Величина. `null` — её нет; это не ноль. */\n  value: number | null\n  /** Знаков после запятой. Не задано — как отдаст локаль. */\n  precision?: number\n  /** Приписка перед числом: валюта, единица. */\n  prefix?: string\n  /** Приписка после числа: `%`, `мс`. */\n  suffix?: string\n  /**\n   * Что считать хорошим. Для выручки рост — успех, для себестоимости и времени\n   * отклика — наоборот; без этого компонент врал бы в половине случаев.\n   */\n  polarity?: GrDeltaPolarity\n  /** Ставить `+` у положительных. Минус подставляет `Intl` сам. */\n  showSign?: boolean\n  /** Стрелка направления. Декоративна: направление уже в знаке. */\n  showArrow?: boolean\n  /** Чем печатать отсутствующую величину. */\n  emptyText?: string\n  /** Локаль форматирования. Не задана — локаль i18n-адаптера. */\n  locale?: string\n  size?: GrComponentSize\n}\n\nconst props = withDefaults(defineProps<GrDeltaProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем\n  // компонент заглянет в `GrConfigProvider`.\n  precision: undefined,\n  prefix: undefined,\n  suffix: undefined,\n  polarity: undefined,\n  showSign: undefined,\n  showArrow: undefined,\n  emptyText: undefined,\n  locale: undefined,\n  size: undefined,\n})\n\nconst { locale } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDelta' })\nconst resolvedLocale = computed(() => props.locale ?? locale.value ?? 'en')\nconst resolvedPolarity = useGrComponentProp('GrDelta', 'polarity', () => props.polarity, 'positive-good')\nconst resolvedShowSign = useGrComponentProp('GrDelta', 'showSign', () => props.showSign, true)\nconst resolvedShowArrow = useGrComponentProp('GrDelta', 'showArrow', () => props.showArrow, false)\nconst resolvedEmptyText = useGrComponentProp('GrDelta', 'emptyText', () => props.emptyText, '—')\n\nconst isEmpty = computed(() => props.value === null || props.value === undefined)\n\nconst tone = computed<GrDeltaTone>(() => (\n  isEmpty.value ? 'neutral' : deltaTone(props.value as number, resolvedPolarity.value)\n))\n\nconst direction = computed(() => (isEmpty.value ? 'flat' : deltaDirection(props.value as number)))\n\nconst formatOptions = computed<Intl.NumberFormatOptions>(() => ({\n  signDisplay: resolvedShowSign.value ? 'exceptZero' : 'auto',\n  ...(props.precision === undefined\n    ? {}\n    : { minimumFractionDigits: props.precision, maximumFractionDigits: props.precision }),\n}))\n\n/**\n * Знак и число по отдельности.\n *\n * Знак — префикс форматирования, а не склейка строки. `'+' + value` уже ломало\n * `GrStatistic`: строка `'+10'` разбирается как число, и разряды теряются.\n * Поэтому знак не дописывают, а **вынимают** из готовых частей `Intl`.\n *\n * Делится величина только вместе с `prefix`: валюта обязана стоять после знака\n * (`+$0,0280`, а не `$+0,0280`). Без приписки делить нечего — знак остаётся\n * внутри величины, и разметка не меняется ни на байт.\n */\nconst valueNodes = computed<{ sign: string, value: string }>(() => {\n  if (isEmpty.value)\n    return { sign: '', value: resolvedEmptyText.value }\n\n  const parts = formatNumberToParts(resolvedLocale.value, props.value as number, formatOptions.value)\n\n  if (!props.prefix)\n    return { sign: '', value: parts.map(part => part.value).join('') }\n\n  const { sign, rest } = splitLeadingSign(parts)\n\n  return { sign, value: rest }\n})\n\nconst sign = computed(() => valueNodes.value.sign)\nconst formatted = computed(() => valueNodes.value.value)\n\nconst arrowIcon = computed(() => {\n  if (direction.value === 'up')\n    return IconTrendingUp\n  if (direction.value === 'down')\n    return IconTrendingDown\n  return IconMinus\n})\n\nconst rootClass = computed(() => [\n  deltaRootClass,\n  deltaSizeClass[resolvedSize.value],\n  isEmpty.value ? deltaEmptyClass : deltaToneClass[tone.value],\n].filter(Boolean).join(' '))\n</script>\n\n<template>\n  <span data-gr-delta :data-tone=\"isEmpty ? undefined : tone\" :class=\"rootClass\" :style=\"deltaValueStyle\">\n    <component\n      :is=\"arrowIcon\"\n      v-if=\"resolvedShowArrow && !isEmpty\"\n      data-gr-delta-arrow\n      :class=\"deltaArrowClass\"\n      aria-hidden=\"true\"\n    />\n\n    <!-- Запись величины рисует `GrValue`: приписки оформляются там же, где у\n         остальных величин пакета, и настраиваются теми же токенами. Знак идёт\n         в `#lead` — он обязан встать перед валютой, а не после неё. -->\n    <GrValue\n      :value=\"formatted\"\n      :prefix=\"isEmpty ? undefined : prefix\"\n      :suffix=\"isEmpty ? undefined : suffix\"\n    >\n      <template v-if=\"sign\" #lead>\n        <span data-gr-delta-sign>{{ sign }}</span>\n      </template>\n    </GrValue>\n  </span>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { formatNumberToParts, splitLeadingSign } from '../../internal/granularityFormat'\nimport GrValue from '../GrValue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport IconMinus from '~icons/lucide/minus'\nimport IconTrendingDown from '~icons/lucide/trending-down'\nimport IconTrendingUp from '~icons/lucide/trending-up'\n\nimport { deltaDirection, deltaTone, type GrDeltaPolarity, type GrDeltaTone } from './deltaTone'\nimport {\n  deltaArrowClass,\n  deltaEmptyClass,\n  deltaRootClass,\n  deltaSizeClass,\n  deltaValueStyle,\n  deltaToneClass,\n} from './grDeltaStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\n\nexport type { GrDeltaPolarity, GrDeltaTone } from './deltaTone'\n\n/**\n * Величина со знаком и тоном **внутри строки текста**: «Дельта: +$0.004».\n *\n * Компонент презентационный: дельту не считает и периоды не сравнивает —\n * «к чему сравнивать» знает приложение. Блочная плитка показателя — `GrStatistic`.\n */\nexport interface GrDeltaProps {\n  /** Величина. `null` — её нет; это не ноль. */\n  value: number | null\n  /** Знаков после запятой. Не задано — как отдаст локаль. */\n  precision?: number\n  /** Приписка перед числом: валюта, единица. */\n  prefix?: string\n  /** Приписка после числа: `%`, `мс`. */\n  suffix?: string\n  /**\n   * Что считать хорошим. Для выручки рост — успех, для себестоимости и времени\n   * отклика — наоборот; без этого компонент врал бы в половине случаев.\n   */\n  polarity?: GrDeltaPolarity\n  /** Ставить `+` у положительных. Минус подставляет `Intl` сам. */\n  showSign?: boolean\n  /** Стрелка направления. Декоративна: направление уже в знаке. */\n  showArrow?: boolean\n  /** Чем печатать отсутствующую величину. */\n  emptyText?: string\n  /** Локаль форматирования. Не задана — локаль i18n-адаптера. */\n  locale?: string\n  size?: GrComponentSize\n}\n\nconst props = withDefaults(defineProps<GrDeltaProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем\n  // компонент заглянет в `GrConfigProvider`.\n  precision: undefined,\n  prefix: undefined,\n  suffix: undefined,\n  polarity: undefined,\n  showSign: undefined,\n  showArrow: undefined,\n  emptyText: undefined,\n  locale: undefined,\n  size: undefined,\n})\n\nconst { locale } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDelta' })\nconst resolvedLocale = computed(() => props.locale ?? locale.value ?? 'en')\nconst resolvedPolarity = useGrComponentProp('GrDelta', 'polarity', () => props.polarity, 'positive-good')\nconst resolvedShowSign = useGrComponentProp('GrDelta', 'showSign', () => props.showSign, true)\nconst resolvedShowArrow = useGrComponentProp('GrDelta', 'showArrow', () => props.showArrow, false)\nconst resolvedEmptyText = useGrComponentProp('GrDelta', 'emptyText', () => props.emptyText, '—')\n\nconst isEmpty = computed(() => props.value === null || props.value === undefined)\n\nconst tone = computed<GrDeltaTone>(() => (\n  isEmpty.value ? 'neutral' : deltaTone(props.value as number, resolvedPolarity.value)\n))\n\nconst direction = computed(() => (isEmpty.value ? 'flat' : deltaDirection(props.value as number)))\n\nconst formatOptions = computed<Intl.NumberFormatOptions>(() => ({\n  signDisplay: resolvedShowSign.value ? 'exceptZero' : 'auto',\n  ...(props.precision === undefined\n    ? {}\n    : { minimumFractionDigits: props.precision, maximumFractionDigits: props.precision }),\n}))\n\n/**\n * Знак и число по отдельности.\n *\n * Знак — префикс форматирования, а не склейка строки. `'+' + value` уже ломало\n * `GrStatistic`: строка `'+10'` разбирается как число, и разряды теряются.\n * Поэтому знак не дописывают, а **вынимают** из готовых частей `Intl`.\n *\n * Делится величина только вместе с `prefix`: валюта обязана стоять после знака\n * (`+$0,0280`, а не `$+0,0280`). Без приписки делить нечего — знак остаётся\n * внутри величины, и разметка не меняется ни на байт.\n */\nconst valueNodes = computed<{ sign: string, value: string }>(() => {\n  if (isEmpty.value)\n    return { sign: '', value: resolvedEmptyText.value }\n\n  const parts = formatNumberToParts(resolvedLocale.value, props.value as number, formatOptions.value)\n\n  if (!props.prefix)\n    return { sign: '', value: parts.map(part => part.value).join('') }\n\n  const { sign, rest } = splitLeadingSign(parts)\n\n  return { sign, value: rest }\n})\n\nconst sign = computed(() => valueNodes.value.sign)\nconst formatted = computed(() => valueNodes.value.value)\n\nconst arrowIcon = computed(() => {\n  if (direction.value === 'up')\n    return IconTrendingUp\n  if (direction.value === 'down')\n    return IconTrendingDown\n  return IconMinus\n})\n\nconst rootClass = computed(() => [\n  deltaRootClass,\n  deltaSizeClass[resolvedSize.value],\n  isEmpty.value ? deltaEmptyClass : deltaToneClass[tone.value],\n].filter(Boolean).join(' '))\n</script>\n\n<template>\n  <span data-gr-delta :data-tone=\"isEmpty ? undefined : tone\" :class=\"rootClass\" :style=\"deltaValueStyle\">\n    <component\n      :is=\"arrowIcon\"\n      v-if=\"resolvedShowArrow && !isEmpty\"\n      data-gr-delta-arrow\n      :class=\"deltaArrowClass\"\n      aria-hidden=\"true\"\n    />\n\n    <!-- Запись величины рисует `GrValue`: приписки оформляются там же, где у\n         остальных величин пакета, и настраиваются теми же токенами. Знак идёт\n         в `#lead` — он обязан встать перед валютой, а не после неё. -->\n    <GrValue\n      :value=\"formatted\"\n      :prefix=\"isEmpty ? undefined : prefix\"\n      :suffix=\"isEmpty ? undefined : suffix\"\n    >\n      <template v-if=\"sign\" #lead>\n        <span data-gr-delta-sign>{{ sign }}</span>\n      </template>\n    </GrValue>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAaA,IAAM,cAAc;AAEpB,IAAM,gCAAgB,IAAI,IAA+B;AAGzD,SAAS,SAAS,QAAgB,SAA0B;CAC1D,OAAO,UAAU,GAAG,OAAO,GAAG,KAAK,UAAU,OAAO,MAAM;AAC5D;AAEA,SAAS,KAAQ,OAAuB,KAAa,QAAoB;CACvE,MAAM,SAAS,MAAM,IAAI,GAAG;CAC5B,IAAI,QAAQ;EAGV,MAAM,OAAO,GAAG;EAChB,MAAM,IAAI,KAAK,MAAM;EAErB,OAAO;CACT;CAEA,MAAM,UAAU,OAAO;CAKvB,IAAI,MAAM,QAAQ,aAAa;EAC7B,MAAM,SAAS,MAAM,KAAK,CAAC,CAAC,KAAK;EACjC,IAAI,CAAC,OAAO,MACV,MAAM,OAAO,OAAO,KAAK;CAC7B;CAEA,MAAM,IAAI,KAAK,OAAO;CAEtB,OAAO;AACT;;;;;;;;AA2BA,SAAgB,oBACd,QACA,OACA,SACyB;CACzB,IAAI;EACF,OAAO,KAAK,eAAe,SAAS,QAAQ,OAAO,SAAS,IAAI,KAAK,aAAa,QAAQ,OAAO,CAAC,CAAC,CAAC,cAAc,KAAK;CACzH,QACM;EACJ,OAAO,KAAK,eAAe,SAAS,MAAM,OAAO,SAAS,IAAI,KAAK,aAAa,MAAM,OAAO,CAAC,CAAC,CAAC,cAAc,KAAK;CACrH;AACF;;;;;;;;;;;;;;;AAgBA,SAAgB,iBACd,OACgC;CAChC,MAAM,QAAQ,SAAmD,KAAK,KAAI,SAAQ,KAAK,KAAK,CAAC,CAAC,KAAK,EAAE;CACrG,MAAM,KAAK,MAAM,WAAU,SAAQ,KAAK,SAAS,eAAe,KAAK,SAAS,UAAU;CAExF,IAAI,OAAO,MAAM,MAAM,MAAM,GAAG,EAAE,CAAC,CAAC,MAAK,SAAQ,KAAK,SAAS,SAAS,GACtE,OAAO;EAAE,MAAM;EAAI,MAAM,KAAK,KAAK;CAAE;CAEvC,OAAO;EAAE,MAAM,KAAK,MAAM,MAAM,GAAG,KAAK,CAAC,CAAC;EAAG,MAAM,KAAK,MAAM,MAAM,KAAK,CAAC,CAAC;CAAE;AAC/E;;;;;;;;;;;;;;;;;;;;;;;;;;;;ECtDA,MAAM,QAAQ;EAcd,MAAM,EAAE,WAAW,2BAA2B;EAE9C,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,UAAU,CAAC;EAClF,MAAM,iBAAiB,eAAe,MAAM,UAAU,OAAO,SAAS,IAAI;EAC1E,MAAM,mBAAmB,mBAAmB,WAAW,kBAAkB,MAAM,UAAU,eAAe;EACxG,MAAM,mBAAmB,mBAAmB,WAAW,kBAAkB,MAAM,UAAU,IAAI;EAC7F,MAAM,oBAAoB,mBAAmB,WAAW,mBAAmB,MAAM,WAAW,KAAK;EACjG,MAAM,oBAAoB,mBAAmB,WAAW,mBAAmB,MAAM,WAAW,GAAG;EAE/F,MAAM,UAAU,eAAe,MAAM,UAAU,QAAQ,MAAM,UAAU,KAAA,CAAS;EAEhF,MAAM,OAAO,eACX,QAAQ,QAAQ,YAAY,UAAU,MAAM,OAAiB,iBAAiB,KAAK,CACpF;EAED,MAAM,YAAY,eAAgB,QAAQ,QAAQ,SAAS,eAAe,MAAM,KAAe,CAAE;EAEjG,MAAM,gBAAgB,gBAA0C;GAC9D,aAAa,iBAAiB,QAAQ,eAAe;GACrD,GAAI,MAAM,cAAc,KAAA,IACpB,CAAC,IACD;IAAE,uBAAuB,MAAM;IAAW,uBAAuB,MAAM;GAAU;EACvF,EAAE;;;;;;;;;;;;EAaF,MAAM,aAAa,eAAgD;GACjE,IAAI,QAAQ,OACV,OAAO;IAAE,MAAM;IAAI,OAAO,kBAAkB;GAAM;GAEpD,MAAM,QAAQ,oBAAoB,eAAe,OAAO,MAAM,OAAiB,cAAc,KAAK;GAElG,IAAI,CAAC,MAAM,QACT,OAAO;IAAE,MAAM;IAAI,OAAO,MAAM,KAAI,SAAQ,KAAK,KAAK,CAAC,CAAC,KAAK,EAAE;GAAE;GAEnE,MAAM,EAAE,MAAM,SAAS,iBAAiB,KAAK;GAE7C,OAAO;IAAE;IAAM,OAAO;GAAK;EAC7B,CAAC;EAED,MAAM,OAAO,eAAe,WAAW,MAAM,IAAI;EACjD,MAAM,YAAY,eAAe,WAAW,MAAM,KAAK;EAEvD,MAAM,YAAY,eAAe;GAC/B,IAAI,UAAU,UAAU,MACtB,OAAO;GACT,IAAI,UAAU,UAAU,QACtB,OAAO;GACT,OAAO;EACT,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B;GACA,eAAe,aAAa;GAC5B,QAAQ,QAAQ,kBAAkB,eAAe,KAAK;EACxD,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;;GAIzB,OAAA,UAAA,GAAA,mBAqBO,QAAA;IArBD,iBAAA;IAAe,aAAW,QAAA,QAAU,KAAA,IAAY,KAAA;IAAO,OAAK,eAAE,UAAA,KAAS;IAAG,OAAK,eAAE,MAAA,eAAA,CAAe;GAG5F,GAAA,CAAA,MAAA,iBAAA,KAAiB,CAAK,QAAA,SAF9B,UAAA,GAAA,YAME,wBALK,UAAA,KAAS,GAAA;;IAEd,uBAAA;IACC,OAAK,eAAE,MAAA,eAAA,CAAe;IACvB,eAAY;GAMd,GAAA,MAAA,GAAA,CAAA,OAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAAA,YAQU,MAAA,eAAA,GAAA;IAPP,OAAO,UAAA;IACP,QAAQ,QAAA,QAAU,KAAA,IAAY,QAAA;IAC9B,QAAQ,QAAA,QAAU,KAAA,IAAY,QAAA;GAEf,GAAA,YAAA,EAAA,GAAA,EAAA,GAAA,CAAA,KAAA,QAAA;IAAO,MAAA;IACrB,IAAA,cAA0C,CAA1C,mBAA0C,QAA1C,YAA0C,gBAAd,KAAA,KAAI,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/GrDelta/index.js

@@ -1,4 +1,4 @@
-import { t as GrDelta_default } from "./chunks/GrDelta-BZwkgQW-.js";
+import { t as GrDelta_default } from "./chunks/GrDelta-BpfqebEV.js";
 import { n as deltaTone, t as deltaDirection } from "../../chunks/deltaTone-B5OoS1vo.js";
 import { n as grDeltaSafelist, t as grDeltaConfig } from "../../chunks/config-CjWOTgLL.js";
 export { GrDelta_default as GrDelta, GrDelta_default as default, deltaDirection, deltaTone, grDeltaConfig, grDeltaSafelist };

package/dist/components/GrDescriptionList/chunks/{GrDescriptionList-BMeCgFV3.js → GrDescriptionList-D8ANFpn_.js}

@@ -1,5 +1,5 @@
-import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
-import { _ as descriptionValueToneClass, a as descriptionDividedClass, c as descriptionPairFlowClass, d as descriptionRootClass, f as descriptionRootFlowClass, g as descriptionValueClass, h as descriptionSizeClass, i as descriptionDensityClass, l as descriptionPairInlineClass, m as descriptionSingleColumnClass, o as descriptionLabelInlineClass, p as descriptionRootGridClass, r as descriptionColumnsStyle, s as descriptionLabelStackedClass, u as descriptionPairStackedClass } from "../../../chunks/config-CnYdE3HZ2.js";
+import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CPMRfwVr.js";
+import { _ as descriptionValueToneClass, a as descriptionDividedClass, c as descriptionPairFlowClass, d as descriptionRootClass, f as descriptionRootFlowClass, g as descriptionValueClass, h as descriptionSizeClass, i as descriptionDensityClass, l as descriptionPairInlineClass, m as descriptionSingleColumnClass, o as descriptionLabelInlineClass, p as descriptionRootGridClass, r as descriptionColumnsStyle, s as descriptionLabelStackedClass, u as descriptionPairStackedClass } from "../../../chunks/config-CnYdE3HZ.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useSlots } from "vue";
 //#endregion
 //#region src/components/GrDescriptionList/GrDescriptionList.vue

package/dist/components/GrDescriptionList/chunks/{GrDescriptionList-BMeCgFV3.js.map → GrDescriptionList-D8ANFpn_.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDescriptionList-BMeCgFV3.js","names":[],"sources":["../../../../src/components/GrDescriptionList/GrDescriptionList.vue","../../../../src/components/GrDescriptionList/GrDescriptionList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, useSlots } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport {\n  descriptionColumnsStyle,\n  descriptionDensityClass,\n  descriptionDividedClass,\n  descriptionLabelInlineClass,\n  descriptionLabelStackedClass,\n  descriptionPairFlowClass,\n  descriptionPairInlineClass,\n  descriptionPairStackedClass,\n  descriptionRootClass,\n  descriptionRootFlowClass,\n  descriptionRootGridClass,\n  descriptionSingleColumnClass,\n  descriptionSizeClass,\n  descriptionValueClass,\n  descriptionValueToneClass,\n  type GrDescriptionColumns,\n  type GrDescriptionDensity,\n  type GrDescriptionLayout,\n} from './grDescriptionListStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\nimport type { GrTone } from '../shared/tones'\n\nexport type {\n  GrDescriptionColumns,\n  GrDescriptionDensity,\n  GrDescriptionLayout,\n} from './grDescriptionListStyles'\n\nexport interface GrDescriptionItem {\n  label: string\n  /** Значение. `null` и `''` печатаются прочерком — строка не исчезает. */\n  value?: string | number | null\n  /** Ключ слотов `#value-<name>` и `#label-<name>`. */\n  name?: string\n  /** Тон значения. Подпись остаётся нейтральной всегда. */\n  tone?: GrTone\n}\n\n/**\n * Список пар «характеристика → значение»: настоящий `<dl>` с выравниванием\n * значений в колонку.\n *\n * В отличие от `GrList`, где пункт — это «заголовок с подзаголовком», здесь\n * два разных по роли элемента: термин и его значение.\n */\nexport interface GrDescriptionListProps {\n  items: readonly GrDescriptionItem[]\n  /**\n   * `inline` — подпись слева колонкой; `stacked` — над значением; `flow` —\n   * пары текут по строке с переносом (метаданные внутри пункта списка).\n   */\n  layout?: GrDescriptionLayout\n  /** Ширина колонки подписей при `inline`. */\n  labelWidth?: string\n  /**\n   * Ниже какой ширины контейнера (px) `inline` переключается на `stacked`.\n   * В узкой колонке фиксированная подпись выжимает значение в букву на строку.\n   */\n  stackBelow?: number\n  density?: GrDescriptionDensity\n  /** Отбивать пары линиями. В `flow` не применяется. */\n  divided?: boolean\n  /** Колонки сетки. В `flow` не применяются: строка колонок не имеет. */\n  columns?: GrDescriptionColumns\n  /** Чем печатать пустое значение. */\n  emptyText?: string\n  size?: GrComponentSize\n}\n\nconst props = withDefaults(defineProps<GrDescriptionListProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем\n  // компонент заглянет в `GrConfigProvider`.\n  layout: undefined,\n  labelWidth: undefined,\n  stackBelow: undefined,\n  density: undefined,\n  divided: undefined,\n  columns: undefined,\n  emptyText: undefined,\n  size: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDescriptionList' })\nconst resolvedLayout = useGrComponentProp('GrDescriptionList', 'layout', () => props.layout, 'inline')\nconst resolvedDensity = useGrComponentProp('GrDescriptionList', 'density', () => props.density, 'regular')\nconst resolvedDivided = useGrComponentProp('GrDescriptionList', 'divided', () => props.divided, false)\nconst resolvedColumns = useGrComponentProp('GrDescriptionList', 'columns', () => props.columns, 1)\nconst resolvedLabelWidth = useGrComponentProp('GrDescriptionList', 'labelWidth', () => props.labelWidth, '11rem')\nconst resolvedEmptyText = useGrComponentProp('GrDescriptionList', 'emptyText', () => props.emptyText, '—')\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst narrow = ref(false)\n\n/**\n * `stackBelow` меряет контейнер, а не вьюпорт: пары живут и в узкой карточке\n * на широком экране. Container query здесь не подходит — порог приходит числом\n * в пропе, а `var()` в условии запроса не работает.\n */\nlet observer: ResizeObserver | null = null\n\nonMounted(() => {\n  if (props.stackBelow === undefined || typeof ResizeObserver === 'undefined')\n    return\n\n  observer = new ResizeObserver(([entry]) => {\n    narrow.value = entry.contentRect.width < (props.stackBelow as number)\n  })\n  if (rootEl.value)\n    observer.observe(rootEl.value)\n})\n\nonBeforeUnmount(() => {\n  observer?.disconnect()\n  observer = null\n})\n\n/**\n * До монтирования действует заданная раскладка — это же и есть серверный рендер.\n *\n * Порог спасает только `inline`: колонка подписей в узком контейнере выжимает\n * значение в букву на строку. `flow` переносится сам, и подменять его нечем.\n */\nconst effectiveLayout = computed<GrDescriptionLayout>(() => (\n  narrow.value && resolvedLayout.value === 'inline' ? 'stacked' : resolvedLayout.value\n))\n\nconst isInline = computed(() => effectiveLayout.value === 'inline')\nconst isFlow = computed(() => effectiveLayout.value === 'flow')\n\nconst isSingleColumn = computed(() => isFlow.value || resolvedColumns.value === 1)\n\nconst rootClass = computed(() => [\n  descriptionRootClass,\n  isFlow.value ? descriptionRootFlowClass : descriptionRootGridClass,\n  // Колонки принадлежат сетке: в строчной раскладке их задавать нечему.\n  !isFlow.value && resolvedColumns.value === 1 ? descriptionSingleColumnClass : '',\n  descriptionSizeClass[resolvedSize.value],\n  descriptionDensityClass[resolvedDensity.value],\n].filter(Boolean).join(' '))\n\n/** Сетку колонок считает CSS по ширине контейнера — см. `descriptionColumnsStyle`. */\nconst rootStyle = computed(() => (\n  isSingleColumn.value\n    ? undefined\n    : descriptionColumnsStyle(resolvedColumns.value, isInline.value ? resolvedLabelWidth.value : undefined)\n))\n\nconst pairClass = computed(() => {\n  if (isFlow.value)\n    return descriptionPairFlowClass\n\n  return [\n    isInline.value ? descriptionPairInlineClass : descriptionPairStackedClass,\n    resolvedDivided.value ? descriptionDividedClass : '',\n  ].filter(Boolean).join(' ')\n})\n\nconst labelClass = computed(() => (\n  isInline.value ? descriptionLabelInlineClass : descriptionLabelStackedClass\n))\n\nconst labelStyle = computed(() => (isInline.value ? { width: resolvedLabelWidth.value } : undefined))\n\n/**\n * Пустое значение печатается прочерком, а не пропускается: «поле есть, значения\n * нет» и «поля нет» — разные утверждения, и выпавшая строка ломает и\n * выравнивание, и чтение.\n */\nfunction isEmptyValue(item: GrDescriptionItem): boolean {\n  return item.value === null || item.value === undefined || item.value === ''\n}\n\nfunction valueClass(item: GrDescriptionItem): string {\n  return [\n    descriptionValueClass,\n    item.tone ? descriptionValueToneClass[item.tone] : '',\n  ].filter(Boolean).join(' ')\n}\n\nfunction pairKey(item: GrDescriptionItem, index: number): string {\n  return item.name ?? `${item.label}-${index}`\n}\n\nfunction hasSlot(name: string): boolean {\n  return Boolean(slots[name])\n}\n\ndefineSlots<{\n  /** Пустое состояние значения — когда у пункта нечего показать. */\n  empty?: (props: { item: GrDescriptionItem }) => any\n  /**\n   * Подпись пункта: `#label-email`. Имя собирается из `name` пункта, поэтому\n   * тип задан шаблоном — перечислить их заранее нельзя.\n   */\n  [label: `label-${string}`]: (props: { item: GrDescriptionItem }) => any\n  /** Значение пункта: `#value-email`. */\n  [value: `value-${string}`]: (props: { item: GrDescriptionItem }) => any\n}>()\n</script>\n\n<template>\n  <dl ref=\"rootEl\" data-gr-description-list :class=\"rootClass\" :style=\"rootStyle\">\n    <!-- Пара оборачивается в `<div>`: `dl > div > dt + dd` валиден по HTML5 и\n         нужен для раскладки. Голые `<div>` вместо `dt`/`dd` — то, ради чего\n         компонент и заводится. -->\n    <div\n      v-for=\"(item, index) in items\"\n      :key=\"pairKey(item, index)\"\n      data-gr-description-pair\n      :class=\"pairClass\"\n    >\n      <dt data-gr-description-label :class=\"labelClass\" :style=\"labelStyle\">\n        <slot v-if=\"item.name && hasSlot(`label-${item.name}`)\" :name=\"`label-${item.name}`\" :item=\"item\" />\n        <template v-else>\n          {{ item.label }}\n        </template>\n      </dt>\n\n      <dd data-gr-description-value :class=\"valueClass(item)\">\n        <slot v-if=\"item.name && hasSlot(`value-${item.name}`)\" :name=\"`value-${item.name}`\" :item=\"item\" />\n        <template v-else-if=\"isEmptyValue(item)\">\n          <slot name=\"empty\" :item=\"item\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </template>\n        <template v-else>\n          {{ item.value }}\n        </template>\n      </dd>\n    </div>\n  </dl>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, useSlots } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport {\n  descriptionColumnsStyle,\n  descriptionDensityClass,\n  descriptionDividedClass,\n  descriptionLabelInlineClass,\n  descriptionLabelStackedClass,\n  descriptionPairFlowClass,\n  descriptionPairInlineClass,\n  descriptionPairStackedClass,\n  descriptionRootClass,\n  descriptionRootFlowClass,\n  descriptionRootGridClass,\n  descriptionSingleColumnClass,\n  descriptionSizeClass,\n  descriptionValueClass,\n  descriptionValueToneClass,\n  type GrDescriptionColumns,\n  type GrDescriptionDensity,\n  type GrDescriptionLayout,\n} from './grDescriptionListStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\nimport type { GrTone } from '../shared/tones'\n\nexport type {\n  GrDescriptionColumns,\n  GrDescriptionDensity,\n  GrDescriptionLayout,\n} from './grDescriptionListStyles'\n\nexport interface GrDescriptionItem {\n  label: string\n  /** Значение. `null` и `''` печатаются прочерком — строка не исчезает. */\n  value?: string | number | null\n  /** Ключ слотов `#value-<name>` и `#label-<name>`. */\n  name?: string\n  /** Тон значения. Подпись остаётся нейтральной всегда. */\n  tone?: GrTone\n}\n\n/**\n * Список пар «характеристика → значение»: настоящий `<dl>` с выравниванием\n * значений в колонку.\n *\n * В отличие от `GrList`, где пункт — это «заголовок с подзаголовком», здесь\n * два разных по роли элемента: термин и его значение.\n */\nexport interface GrDescriptionListProps {\n  items: readonly GrDescriptionItem[]\n  /**\n   * `inline` — подпись слева колонкой; `stacked` — над значением; `flow` —\n   * пары текут по строке с переносом (метаданные внутри пункта списка).\n   */\n  layout?: GrDescriptionLayout\n  /** Ширина колонки подписей при `inline`. */\n  labelWidth?: string\n  /**\n   * Ниже какой ширины контейнера (px) `inline` переключается на `stacked`.\n   * В узкой колонке фиксированная подпись выжимает значение в букву на строку.\n   */\n  stackBelow?: number\n  density?: GrDescriptionDensity\n  /** Отбивать пары линиями. В `flow` не применяется. */\n  divided?: boolean\n  /** Колонки сетки. В `flow` не применяются: строка колонок не имеет. */\n  columns?: GrDescriptionColumns\n  /** Чем печатать пустое значение. */\n  emptyText?: string\n  size?: GrComponentSize\n}\n\nconst props = withDefaults(defineProps<GrDescriptionListProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем\n  // компонент заглянет в `GrConfigProvider`.\n  layout: undefined,\n  labelWidth: undefined,\n  stackBelow: undefined,\n  density: undefined,\n  divided: undefined,\n  columns: undefined,\n  emptyText: undefined,\n  size: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDescriptionList' })\nconst resolvedLayout = useGrComponentProp('GrDescriptionList', 'layout', () => props.layout, 'inline')\nconst resolvedDensity = useGrComponentProp('GrDescriptionList', 'density', () => props.density, 'regular')\nconst resolvedDivided = useGrComponentProp('GrDescriptionList', 'divided', () => props.divided, false)\nconst resolvedColumns = useGrComponentProp('GrDescriptionList', 'columns', () => props.columns, 1)\nconst resolvedLabelWidth = useGrComponentProp('GrDescriptionList', 'labelWidth', () => props.labelWidth, '11rem')\nconst resolvedEmptyText = useGrComponentProp('GrDescriptionList', 'emptyText', () => props.emptyText, '—')\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst narrow = ref(false)\n\n/**\n * `stackBelow` меряет контейнер, а не вьюпорт: пары живут и в узкой карточке\n * на широком экране. Container query здесь не подходит — порог приходит числом\n * в пропе, а `var()` в условии запроса не работает.\n */\nlet observer: ResizeObserver | null = null\n\nonMounted(() => {\n  if (props.stackBelow === undefined || typeof ResizeObserver === 'undefined')\n    return\n\n  observer = new ResizeObserver(([entry]) => {\n    narrow.value = entry.contentRect.width < (props.stackBelow as number)\n  })\n  if (rootEl.value)\n    observer.observe(rootEl.value)\n})\n\nonBeforeUnmount(() => {\n  observer?.disconnect()\n  observer = null\n})\n\n/**\n * До монтирования действует заданная раскладка — это же и есть серверный рендер.\n *\n * Порог спасает только `inline`: колонка подписей в узком контейнере выжимает\n * значение в букву на строку. `flow` переносится сам, и подменять его нечем.\n */\nconst effectiveLayout = computed<GrDescriptionLayout>(() => (\n  narrow.value && resolvedLayout.value === 'inline' ? 'stacked' : resolvedLayout.value\n))\n\nconst isInline = computed(() => effectiveLayout.value === 'inline')\nconst isFlow = computed(() => effectiveLayout.value === 'flow')\n\nconst isSingleColumn = computed(() => isFlow.value || resolvedColumns.value === 1)\n\nconst rootClass = computed(() => [\n  descriptionRootClass,\n  isFlow.value ? descriptionRootFlowClass : descriptionRootGridClass,\n  // Колонки принадлежат сетке: в строчной раскладке их задавать нечему.\n  !isFlow.value && resolvedColumns.value === 1 ? descriptionSingleColumnClass : '',\n  descriptionSizeClass[resolvedSize.value],\n  descriptionDensityClass[resolvedDensity.value],\n].filter(Boolean).join(' '))\n\n/** Сетку колонок считает CSS по ширине контейнера — см. `descriptionColumnsStyle`. */\nconst rootStyle = computed(() => (\n  isSingleColumn.value\n    ? undefined\n    : descriptionColumnsStyle(resolvedColumns.value, isInline.value ? resolvedLabelWidth.value : undefined)\n))\n\nconst pairClass = computed(() => {\n  if (isFlow.value)\n    return descriptionPairFlowClass\n\n  return [\n    isInline.value ? descriptionPairInlineClass : descriptionPairStackedClass,\n    resolvedDivided.value ? descriptionDividedClass : '',\n  ].filter(Boolean).join(' ')\n})\n\nconst labelClass = computed(() => (\n  isInline.value ? descriptionLabelInlineClass : descriptionLabelStackedClass\n))\n\nconst labelStyle = computed(() => (isInline.value ? { width: resolvedLabelWidth.value } : undefined))\n\n/**\n * Пустое значение печатается прочерком, а не пропускается: «поле есть, значения\n * нет» и «поля нет» — разные утверждения, и выпавшая строка ломает и\n * выравнивание, и чтение.\n */\nfunction isEmptyValue(item: GrDescriptionItem): boolean {\n  return item.value === null || item.value === undefined || item.value === ''\n}\n\nfunction valueClass(item: GrDescriptionItem): string {\n  return [\n    descriptionValueClass,\n    item.tone ? descriptionValueToneClass[item.tone] : '',\n  ].filter(Boolean).join(' ')\n}\n\nfunction pairKey(item: GrDescriptionItem, index: number): string {\n  return item.name ?? `${item.label}-${index}`\n}\n\nfunction hasSlot(name: string): boolean {\n  return Boolean(slots[name])\n}\n\ndefineSlots<{\n  /** Пустое состояние значения — когда у пункта нечего показать. */\n  empty?: (props: { item: GrDescriptionItem }) => any\n  /**\n   * Подпись пункта: `#label-email`. Имя собирается из `name` пункта, поэтому\n   * тип задан шаблоном — перечислить их заранее нельзя.\n   */\n  [label: `label-${string}`]: (props: { item: GrDescriptionItem }) => any\n  /** Значение пункта: `#value-email`. */\n  [value: `value-${string}`]: (props: { item: GrDescriptionItem }) => any\n}>()\n</script>\n\n<template>\n  <dl ref=\"rootEl\" data-gr-description-list :class=\"rootClass\" :style=\"rootStyle\">\n    <!-- Пара оборачивается в `<div>`: `dl > div > dt + dd` валиден по HTML5 и\n         нужен для раскладки. Голые `<div>` вместо `dt`/`dd` — то, ради чего\n         компонент и заводится. -->\n    <div\n      v-for=\"(item, index) in items\"\n      :key=\"pairKey(item, index)\"\n      data-gr-description-pair\n      :class=\"pairClass\"\n    >\n      <dt data-gr-description-label :class=\"labelClass\" :style=\"labelStyle\">\n        <slot v-if=\"item.name && hasSlot(`label-${item.name}`)\" :name=\"`label-${item.name}`\" :item=\"item\" />\n        <template v-else>\n          {{ item.label }}\n        </template>\n      </dt>\n\n      <dd data-gr-description-value :class=\"valueClass(item)\">\n        <slot v-if=\"item.name && hasSlot(`value-${item.name}`)\" :name=\"`value-${item.name}`\" :item=\"item\" />\n        <template v-else-if=\"isEmptyValue(item)\">\n          <slot name=\"empty\" :item=\"item\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </template>\n        <template v-else>\n          {{ item.value }}\n        </template>\n      </dd>\n    </div>\n  </dl>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDescriptionList-D8ANFpn_.js","names":[],"sources":["../../../../src/components/GrDescriptionList/GrDescriptionList.vue","../../../../src/components/GrDescriptionList/GrDescriptionList.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, useSlots } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport {\n  descriptionColumnsStyle,\n  descriptionDensityClass,\n  descriptionDividedClass,\n  descriptionLabelInlineClass,\n  descriptionLabelStackedClass,\n  descriptionPairFlowClass,\n  descriptionPairInlineClass,\n  descriptionPairStackedClass,\n  descriptionRootClass,\n  descriptionRootFlowClass,\n  descriptionRootGridClass,\n  descriptionSingleColumnClass,\n  descriptionSizeClass,\n  descriptionValueClass,\n  descriptionValueToneClass,\n  type GrDescriptionColumns,\n  type GrDescriptionDensity,\n  type GrDescriptionLayout,\n} from './grDescriptionListStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\nimport type { GrTone } from '../shared/tones'\n\nexport type {\n  GrDescriptionColumns,\n  GrDescriptionDensity,\n  GrDescriptionLayout,\n} from './grDescriptionListStyles'\n\nexport interface GrDescriptionItem {\n  label: string\n  /** Значение. `null` и `''` печатаются прочерком — строка не исчезает. */\n  value?: string | number | null\n  /** Ключ слотов `#value-<name>` и `#label-<name>`. */\n  name?: string\n  /** Тон значения. Подпись остаётся нейтральной всегда. */\n  tone?: GrTone\n}\n\n/**\n * Список пар «характеристика → значение»: настоящий `<dl>` с выравниванием\n * значений в колонку.\n *\n * В отличие от `GrList`, где пункт — это «заголовок с подзаголовком», здесь\n * два разных по роли элемента: термин и его значение.\n */\nexport interface GrDescriptionListProps {\n  items: readonly GrDescriptionItem[]\n  /**\n   * `inline` — подпись слева колонкой; `stacked` — над значением; `flow` —\n   * пары текут по строке с переносом (метаданные внутри пункта списка).\n   */\n  layout?: GrDescriptionLayout\n  /** Ширина колонки подписей при `inline`. */\n  labelWidth?: string\n  /**\n   * Ниже какой ширины контейнера (px) `inline` переключается на `stacked`.\n   * В узкой колонке фиксированная подпись выжимает значение в букву на строку.\n   */\n  stackBelow?: number\n  density?: GrDescriptionDensity\n  /** Отбивать пары линиями. В `flow` не применяется. */\n  divided?: boolean\n  /** Колонки сетки. В `flow` не применяются: строка колонок не имеет. */\n  columns?: GrDescriptionColumns\n  /** Чем печатать пустое значение. */\n  emptyText?: string\n  size?: GrComponentSize\n}\n\nconst props = withDefaults(defineProps<GrDescriptionListProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем\n  // компонент заглянет в `GrConfigProvider`.\n  layout: undefined,\n  labelWidth: undefined,\n  stackBelow: undefined,\n  density: undefined,\n  divided: undefined,\n  columns: undefined,\n  emptyText: undefined,\n  size: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDescriptionList' })\nconst resolvedLayout = useGrComponentProp('GrDescriptionList', 'layout', () => props.layout, 'inline')\nconst resolvedDensity = useGrComponentProp('GrDescriptionList', 'density', () => props.density, 'regular')\nconst resolvedDivided = useGrComponentProp('GrDescriptionList', 'divided', () => props.divided, false)\nconst resolvedColumns = useGrComponentProp('GrDescriptionList', 'columns', () => props.columns, 1)\nconst resolvedLabelWidth = useGrComponentProp('GrDescriptionList', 'labelWidth', () => props.labelWidth, '11rem')\nconst resolvedEmptyText = useGrComponentProp('GrDescriptionList', 'emptyText', () => props.emptyText, '—')\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst narrow = ref(false)\n\n/**\n * `stackBelow` меряет контейнер, а не вьюпорт: пары живут и в узкой карточке\n * на широком экране. Container query здесь не подходит — порог приходит числом\n * в пропе, а `var()` в условии запроса не работает.\n */\nlet observer: ResizeObserver | null = null\n\nonMounted(() => {\n  if (props.stackBelow === undefined || typeof ResizeObserver === 'undefined')\n    return\n\n  observer = new ResizeObserver(([entry]) => {\n    narrow.value = entry.contentRect.width < (props.stackBelow as number)\n  })\n  if (rootEl.value)\n    observer.observe(rootEl.value)\n})\n\nonBeforeUnmount(() => {\n  observer?.disconnect()\n  observer = null\n})\n\n/**\n * До монтирования действует заданная раскладка — это же и есть серверный рендер.\n *\n * Порог спасает только `inline`: колонка подписей в узком контейнере выжимает\n * значение в букву на строку. `flow` переносится сам, и подменять его нечем.\n */\nconst effectiveLayout = computed<GrDescriptionLayout>(() => (\n  narrow.value && resolvedLayout.value === 'inline' ? 'stacked' : resolvedLayout.value\n))\n\nconst isInline = computed(() => effectiveLayout.value === 'inline')\nconst isFlow = computed(() => effectiveLayout.value === 'flow')\n\nconst isSingleColumn = computed(() => isFlow.value || resolvedColumns.value === 1)\n\nconst rootClass = computed(() => [\n  descriptionRootClass,\n  isFlow.value ? descriptionRootFlowClass : descriptionRootGridClass,\n  // Колонки принадлежат сетке: в строчной раскладке их задавать нечему.\n  !isFlow.value && resolvedColumns.value === 1 ? descriptionSingleColumnClass : '',\n  descriptionSizeClass[resolvedSize.value],\n  descriptionDensityClass[resolvedDensity.value],\n].filter(Boolean).join(' '))\n\n/** Сетку колонок считает CSS по ширине контейнера — см. `descriptionColumnsStyle`. */\nconst rootStyle = computed(() => (\n  isSingleColumn.value\n    ? undefined\n    : descriptionColumnsStyle(resolvedColumns.value, isInline.value ? resolvedLabelWidth.value : undefined)\n))\n\nconst pairClass = computed(() => {\n  if (isFlow.value)\n    return descriptionPairFlowClass\n\n  return [\n    isInline.value ? descriptionPairInlineClass : descriptionPairStackedClass,\n    resolvedDivided.value ? descriptionDividedClass : '',\n  ].filter(Boolean).join(' ')\n})\n\nconst labelClass = computed(() => (\n  isInline.value ? descriptionLabelInlineClass : descriptionLabelStackedClass\n))\n\nconst labelStyle = computed(() => (isInline.value ? { width: resolvedLabelWidth.value } : undefined))\n\n/**\n * Пустое значение печатается прочерком, а не пропускается: «поле есть, значения\n * нет» и «поля нет» — разные утверждения, и выпавшая строка ломает и\n * выравнивание, и чтение.\n */\nfunction isEmptyValue(item: GrDescriptionItem): boolean {\n  return item.value === null || item.value === undefined || item.value === ''\n}\n\nfunction valueClass(item: GrDescriptionItem): string {\n  return [\n    descriptionValueClass,\n    item.tone ? descriptionValueToneClass[item.tone] : '',\n  ].filter(Boolean).join(' ')\n}\n\nfunction pairKey(item: GrDescriptionItem, index: number): string {\n  return item.name ?? `${item.label}-${index}`\n}\n\nfunction hasSlot(name: string): boolean {\n  return Boolean(slots[name])\n}\n\ndefineSlots<{\n  /** Пустое состояние значения — когда у пункта нечего показать. */\n  empty?: (props: { item: GrDescriptionItem }) => any\n  /**\n   * Подпись пункта: `#label-email`. Имя собирается из `name` пункта, поэтому\n   * тип задан шаблоном — перечислить их заранее нельзя.\n   */\n  [label: `label-${string}`]: (props: { item: GrDescriptionItem }) => any\n  /** Значение пункта: `#value-email`. */\n  [value: `value-${string}`]: (props: { item: GrDescriptionItem }) => any\n}>()\n</script>\n\n<template>\n  <dl ref=\"rootEl\" data-gr-description-list :class=\"rootClass\" :style=\"rootStyle\">\n    <!-- Пара оборачивается в `<div>`: `dl > div > dt + dd` валиден по HTML5 и\n         нужен для раскладки. Голые `<div>` вместо `dt`/`dd` — то, ради чего\n         компонент и заводится. -->\n    <div\n      v-for=\"(item, index) in items\"\n      :key=\"pairKey(item, index)\"\n      data-gr-description-pair\n      :class=\"pairClass\"\n    >\n      <dt data-gr-description-label :class=\"labelClass\" :style=\"labelStyle\">\n        <slot v-if=\"item.name && hasSlot(`label-${item.name}`)\" :name=\"`label-${item.name}`\" :item=\"item\" />\n        <template v-else>\n          {{ item.label }}\n        </template>\n      </dt>\n\n      <dd data-gr-description-value :class=\"valueClass(item)\">\n        <slot v-if=\"item.name && hasSlot(`value-${item.name}`)\" :name=\"`value-${item.name}`\" :item=\"item\" />\n        <template v-else-if=\"isEmptyValue(item)\">\n          <slot name=\"empty\" :item=\"item\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </template>\n        <template v-else>\n          {{ item.value }}\n        </template>\n      </dd>\n    </div>\n  </dl>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, useSlots } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport {\n  descriptionColumnsStyle,\n  descriptionDensityClass,\n  descriptionDividedClass,\n  descriptionLabelInlineClass,\n  descriptionLabelStackedClass,\n  descriptionPairFlowClass,\n  descriptionPairInlineClass,\n  descriptionPairStackedClass,\n  descriptionRootClass,\n  descriptionRootFlowClass,\n  descriptionRootGridClass,\n  descriptionSingleColumnClass,\n  descriptionSizeClass,\n  descriptionValueClass,\n  descriptionValueToneClass,\n  type GrDescriptionColumns,\n  type GrDescriptionDensity,\n  type GrDescriptionLayout,\n} from './grDescriptionListStyles'\n\nimport type { GrComponentSize } from '../shared/sizes'\nimport type { GrTone } from '../shared/tones'\n\nexport type {\n  GrDescriptionColumns,\n  GrDescriptionDensity,\n  GrDescriptionLayout,\n} from './grDescriptionListStyles'\n\nexport interface GrDescriptionItem {\n  label: string\n  /** Значение. `null` и `''` печатаются прочерком — строка не исчезает. */\n  value?: string | number | null\n  /** Ключ слотов `#value-<name>` и `#label-<name>`. */\n  name?: string\n  /** Тон значения. Подпись остаётся нейтральной всегда. */\n  tone?: GrTone\n}\n\n/**\n * Список пар «характеристика → значение»: настоящий `<dl>` с выравниванием\n * значений в колонку.\n *\n * В отличие от `GrList`, где пункт — это «заголовок с подзаголовком», здесь\n * два разных по роли элемента: термин и его значение.\n */\nexport interface GrDescriptionListProps {\n  items: readonly GrDescriptionItem[]\n  /**\n   * `inline` — подпись слева колонкой; `stacked` — над значением; `flow` —\n   * пары текут по строке с переносом (метаданные внутри пункта списка).\n   */\n  layout?: GrDescriptionLayout\n  /** Ширина колонки подписей при `inline`. */\n  labelWidth?: string\n  /**\n   * Ниже какой ширины контейнера (px) `inline` переключается на `stacked`.\n   * В узкой колонке фиксированная подпись выжимает значение в букву на строку.\n   */\n  stackBelow?: number\n  density?: GrDescriptionDensity\n  /** Отбивать пары линиями. В `flow` не применяется. */\n  divided?: boolean\n  /** Колонки сетки. В `flow` не применяются: строка колонок не имеет. */\n  columns?: GrDescriptionColumns\n  /** Чем печатать пустое значение. */\n  emptyText?: string\n  size?: GrComponentSize\n}\n\nconst props = withDefaults(defineProps<GrDescriptionListProps>(), {\n  // Дефолты живут в резолверах ниже: Vue подставил бы свой раньше, чем\n  // компонент заглянет в `GrConfigProvider`.\n  layout: undefined,\n  labelWidth: undefined,\n  stackBelow: undefined,\n  density: undefined,\n  divided: undefined,\n  columns: undefined,\n  emptyText: undefined,\n  size: undefined,\n})\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrDescriptionList' })\nconst resolvedLayout = useGrComponentProp('GrDescriptionList', 'layout', () => props.layout, 'inline')\nconst resolvedDensity = useGrComponentProp('GrDescriptionList', 'density', () => props.density, 'regular')\nconst resolvedDivided = useGrComponentProp('GrDescriptionList', 'divided', () => props.divided, false)\nconst resolvedColumns = useGrComponentProp('GrDescriptionList', 'columns', () => props.columns, 1)\nconst resolvedLabelWidth = useGrComponentProp('GrDescriptionList', 'labelWidth', () => props.labelWidth, '11rem')\nconst resolvedEmptyText = useGrComponentProp('GrDescriptionList', 'emptyText', () => props.emptyText, '—')\n\nconst rootEl = ref<HTMLElement | null>(null)\nconst narrow = ref(false)\n\n/**\n * `stackBelow` меряет контейнер, а не вьюпорт: пары живут и в узкой карточке\n * на широком экране. Container query здесь не подходит — порог приходит числом\n * в пропе, а `var()` в условии запроса не работает.\n */\nlet observer: ResizeObserver | null = null\n\nonMounted(() => {\n  if (props.stackBelow === undefined || typeof ResizeObserver === 'undefined')\n    return\n\n  observer = new ResizeObserver(([entry]) => {\n    narrow.value = entry.contentRect.width < (props.stackBelow as number)\n  })\n  if (rootEl.value)\n    observer.observe(rootEl.value)\n})\n\nonBeforeUnmount(() => {\n  observer?.disconnect()\n  observer = null\n})\n\n/**\n * До монтирования действует заданная раскладка — это же и есть серверный рендер.\n *\n * Порог спасает только `inline`: колонка подписей в узком контейнере выжимает\n * значение в букву на строку. `flow` переносится сам, и подменять его нечем.\n */\nconst effectiveLayout = computed<GrDescriptionLayout>(() => (\n  narrow.value && resolvedLayout.value === 'inline' ? 'stacked' : resolvedLayout.value\n))\n\nconst isInline = computed(() => effectiveLayout.value === 'inline')\nconst isFlow = computed(() => effectiveLayout.value === 'flow')\n\nconst isSingleColumn = computed(() => isFlow.value || resolvedColumns.value === 1)\n\nconst rootClass = computed(() => [\n  descriptionRootClass,\n  isFlow.value ? descriptionRootFlowClass : descriptionRootGridClass,\n  // Колонки принадлежат сетке: в строчной раскладке их задавать нечему.\n  !isFlow.value && resolvedColumns.value === 1 ? descriptionSingleColumnClass : '',\n  descriptionSizeClass[resolvedSize.value],\n  descriptionDensityClass[resolvedDensity.value],\n].filter(Boolean).join(' '))\n\n/** Сетку колонок считает CSS по ширине контейнера — см. `descriptionColumnsStyle`. */\nconst rootStyle = computed(() => (\n  isSingleColumn.value\n    ? undefined\n    : descriptionColumnsStyle(resolvedColumns.value, isInline.value ? resolvedLabelWidth.value : undefined)\n))\n\nconst pairClass = computed(() => {\n  if (isFlow.value)\n    return descriptionPairFlowClass\n\n  return [\n    isInline.value ? descriptionPairInlineClass : descriptionPairStackedClass,\n    resolvedDivided.value ? descriptionDividedClass : '',\n  ].filter(Boolean).join(' ')\n})\n\nconst labelClass = computed(() => (\n  isInline.value ? descriptionLabelInlineClass : descriptionLabelStackedClass\n))\n\nconst labelStyle = computed(() => (isInline.value ? { width: resolvedLabelWidth.value } : undefined))\n\n/**\n * Пустое значение печатается прочерком, а не пропускается: «поле есть, значения\n * нет» и «поля нет» — разные утверждения, и выпавшая строка ломает и\n * выравнивание, и чтение.\n */\nfunction isEmptyValue(item: GrDescriptionItem): boolean {\n  return item.value === null || item.value === undefined || item.value === ''\n}\n\nfunction valueClass(item: GrDescriptionItem): string {\n  return [\n    descriptionValueClass,\n    item.tone ? descriptionValueToneClass[item.tone] : '',\n  ].filter(Boolean).join(' ')\n}\n\nfunction pairKey(item: GrDescriptionItem, index: number): string {\n  return item.name ?? `${item.label}-${index}`\n}\n\nfunction hasSlot(name: string): boolean {\n  return Boolean(slots[name])\n}\n\ndefineSlots<{\n  /** Пустое состояние значения — когда у пункта нечего показать. */\n  empty?: (props: { item: GrDescriptionItem }) => any\n  /**\n   * Подпись пункта: `#label-email`. Имя собирается из `name` пункта, поэтому\n   * тип задан шаблоном — перечислить их заранее нельзя.\n   */\n  [label: `label-${string}`]: (props: { item: GrDescriptionItem }) => any\n  /** Значение пункта: `#value-email`. */\n  [value: `value-${string}`]: (props: { item: GrDescriptionItem }) => any\n}>()\n</script>\n\n<template>\n  <dl ref=\"rootEl\" data-gr-description-list :class=\"rootClass\" :style=\"rootStyle\">\n    <!-- Пара оборачивается в `<div>`: `dl > div > dt + dd` валиден по HTML5 и\n         нужен для раскладки. Голые `<div>` вместо `dt`/`dd` — то, ради чего\n         компонент и заводится. -->\n    <div\n      v-for=\"(item, index) in items\"\n      :key=\"pairKey(item, index)\"\n      data-gr-description-pair\n      :class=\"pairClass\"\n    >\n      <dt data-gr-description-label :class=\"labelClass\" :style=\"labelStyle\">\n        <slot v-if=\"item.name && hasSlot(`label-${item.name}`)\" :name=\"`label-${item.name}`\" :item=\"item\" />\n        <template v-else>\n          {{ item.label }}\n        </template>\n      </dt>\n\n      <dd data-gr-description-value :class=\"valueClass(item)\">\n        <slot v-if=\"item.name && hasSlot(`value-${item.name}`)\" :name=\"`value-${item.name}`\" :item=\"item\" />\n        <template v-else-if=\"isEmptyValue(item)\">\n          <slot name=\"empty\" :item=\"item\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </template>\n        <template v-else>\n          {{ item.value }}\n        </template>\n      </dd>\n    </div>\n  </dl>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDescriptionList/index.js

@@ -1,3 +1,3 @@
-import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "../../chunks/config-CnYdE3HZ2.js";
-import { t as GrDescriptionList_default } from "./chunks/GrDescriptionList-BMeCgFV3.js";
+import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "../../chunks/config-CnYdE3HZ.js";
+import { t as GrDescriptionList_default } from "./chunks/GrDescriptionList-D8ANFpn_.js";
 export { GrDescriptionList_default as GrDescriptionList, GrDescriptionList_default as default, grDescriptionListConfig, grDescriptionListSafelist };

package/dist/components/GrDialog/chunks/{GrDialog-C01Hhk6G.js → GrDialog-CeJubnKJ.js}

@@ -1,8 +1,8 @@
 import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
-import { i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { i as useGrComponentProp } from "../../../chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-7GP0zObj.js";
-import { n as useGrModalTitle, t as GrModal_default } from "../../GrModal/chunks/GrModal-_JrDhon-.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CS4TqMtG.js";
+import { n as useGrModalTitle, t as GrModal_default } from "../../GrModal/chunks/GrModal-xIWaJozo.js";
 import { a as resolveGrDialogTitle, i as resolveGrDialogSectionConfig, n as DEFAULT_GR_DIALOG_FOOTER_CONFIG, r as DEFAULT_GR_DIALOG_HEADER_CONFIG, t as DEFAULT_GR_DIALOG_BODY_CONFIG } from "../../../chunks/dialogShared-CxW62PQE.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, guardReactiveProps, mergeProps, normalizeClass, normalizeProps, openBlock, renderSlot, toDisplayString, unref, useAttrs, useSlots, withCtx } from "vue";
 //#endregion

package/dist/components/GrDialog/chunks/{GrDialog-C01Hhk6G.js.map → GrDialog-CeJubnKJ.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrDialog-C01Hhk6G.js","names":["$emit","$emit"],"sources":["../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialog.vue","../../../../src/components/GrDialog/GrDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--gr-brd)]' : '',\n])\n\ndefineSlots<{\n  /** Действия диалога. */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--gr-brd)]' : '',\n])\n\ndefineSlots<{\n  /** Действия диалога. */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport interface GrDialogCloseButtonEmits {\n  (e: 'click'): void\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst { t } = useGranularityTranslations()\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем i18n-дефолт. Не хардкодим английское \"Close\" — GR должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? t('gr.common.close', 'Close'))\n\ndefineEmits<GrDialogCloseButtonEmits>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-gr-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport interface GrDialogCloseButtonEmits {\n  (e: 'click'): void\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst { t } = useGranularityTranslations()\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем i18n-дефолт. Не хардкодим английское \"Close\" — GR должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? t('gr.common.close', 'Close'))\n\ndefineEmits<GrDialogCloseButtonEmits>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-gr-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport { useGrModalTitle } from '../GrModal/context'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nexport interface GrDialogHeaderEmits {\n  (e: 'close'): void\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<GrDialogHeaderEmits>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--gr-brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый заголовок рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n\n// Имя окна: заголовок объявляет себя окну, и `GrModal` ставит на него\n// `aria-labelledby`. Вне `GrModal` регистрация — no-op, шапку можно\n// использовать и отдельно.\nconst { titleId } = useGrModalTitle(() => showVisibleTitle.value)\n</script>\n\n<template>\n  <div data-gr-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <div\n      v-else-if=\"showVisibleTitle\"\n      :id=\"titleId\"\n      data-gr-dialog-title\n      class=\"flex-1 min-w-0 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] font-700\"\n    >\n      {{ resolvedTitle }}\n    </div>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport { useGrModalTitle } from '../GrModal/context'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nexport interface GrDialogHeaderEmits {\n  (e: 'close'): void\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<GrDialogHeaderEmits>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--gr-brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый заголовок рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n\n// Имя окна: заголовок объявляет себя окну, и `GrModal` ставит на него\n// `aria-labelledby`. Вне `GrModal` регистрация — no-op, шапку можно\n// использовать и отдельно.\nconst { titleId } = useGrModalTitle(() => showVisibleTitle.value)\n</script>\n\n<template>\n  <div data-gr-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <div\n      v-else-if=\"showVisibleTitle\"\n      :id=\"titleId\"\n      data-gr-dialog-title\n      class=\"flex-1 min-w-0 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] font-700\"\n    >\n      {{ resolvedTitle }}\n    </div>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — GR-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   `GrModal` корректно проставил `aria-labelledby` на корень окна.\n * - `aria-label` вниз уходит всегда: `GrModal` иначе не отличил бы «заголовок\n *   рисует `GrDialogHeader`» от «имени нет вовсе» и подставил бы обобщённое.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport type { GrModalScrollBehavior } from '../GrModal/grModalStyles'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: 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  /**\n   * Доступное имя окна, когда заголовка нет вовсе: `showHeader: false` без\n   * `title` и без слота `#header` оставил бы окно безымянным.\n   */\n  ariaLabel?: string\n  /**\n   * Кто скроллится при длинном содержимом. При `inside` шапка и подвал\n   * закреплены, а едет только тело.\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — панель окна.\n   * Элемент **из самого диалога** сюда передавать нельзя: проп, возвращающий\n   * наверх то, что рождено внутри поддерева, замыкает рендер в цикл. Фокус на\n   * своём содержимом ставится из содержимого — так это сделано в\n   * `GrPromptDialog`.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrDialogEmits {\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<GrDialogProps>(), {\n  title: 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  ariaLabel: undefined,\n  scrollBehavior: 'outside',\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrDialogEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\n// Резолвим здесь, а не полагаемся на `GrModal`: иначе дефолт диалога затенил бы\n// конфиг раньше, чем примитив успел бы в него заглянуть.\nconst resolvedSize = useGrComponentProp('GrDialog', 'size', () => props.size, 'md')\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём окну a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\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\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"resolvedSize\"\n    :scroll-behavior=\"scrollBehavior\"\n    :initial-focus=\"initialFocus\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :aria-label=\"ariaLabel ?? resolvedTitle\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @opened=\"emit('opened')\"\n    @closed=\"emit('closed')\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <!-- Шапка и подвал уходят в layout-слоты `GrModal`: при `inside` они\n         остаются вне скроллящегося тела. -->\n    <template v-if=\"showHeader\" #header>\n      <GrDialogHeader\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n    </template>\n\n    <div :class=\"bodyClass\">\n      <slot />\n    </div>\n\n    <template v-if=\"slots.footer\" #footer>\n      <GrDialogFooter :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </template>\n  </GrModal>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — GR-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   `GrModal` корректно проставил `aria-labelledby` на корень окна.\n * - `aria-label` вниз уходит всегда: `GrModal` иначе не отличил бы «заголовок\n *   рисует `GrDialogHeader`» от «имени нет вовсе» и подставил бы обобщённое.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport type { GrModalScrollBehavior } from '../GrModal/grModalStyles'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: 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  /**\n   * Доступное имя окна, когда заголовка нет вовсе: `showHeader: false` без\n   * `title` и без слота `#header` оставил бы окно безымянным.\n   */\n  ariaLabel?: string\n  /**\n   * Кто скроллится при длинном содержимом. При `inside` шапка и подвал\n   * закреплены, а едет только тело.\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — панель окна.\n   * Элемент **из самого диалога** сюда передавать нельзя: проп, возвращающий\n   * наверх то, что рождено внутри поддерева, замыкает рендер в цикл. Фокус на\n   * своём содержимом ставится из содержимого — так это сделано в\n   * `GrPromptDialog`.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrDialogEmits {\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<GrDialogProps>(), {\n  title: 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  ariaLabel: undefined,\n  scrollBehavior: 'outside',\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrDialogEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\n// Резолвим здесь, а не полагаемся на `GrModal`: иначе дефолт диалога затенил бы\n// конфиг раньше, чем примитив успел бы в него заглянуть.\nconst resolvedSize = useGrComponentProp('GrDialog', 'size', () => props.size, 'md')\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём окну a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\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\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"resolvedSize\"\n    :scroll-behavior=\"scrollBehavior\"\n    :initial-focus=\"initialFocus\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :aria-label=\"ariaLabel ?? resolvedTitle\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @opened=\"emit('opened')\"\n    @closed=\"emit('closed')\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <!-- Шапка и подвал уходят в layout-слоты `GrModal`: при `inside` они\n         остаются вне скроллящегося тела. -->\n    <template v-if=\"showHeader\" #header>\n      <GrDialogHeader\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n    </template>\n\n    <div :class=\"bodyClass\">\n      <slot />\n    </div>\n\n    <template v-if=\"slots.footer\" #footer>\n      <GrDialogFooter :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </template>\n  </GrModal>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrDialog-CeJubnKJ.js","names":["$emit","$emit"],"sources":["../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogFooter.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogCloseButton.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialogHeader.vue","../../../../src/components/GrDialog/GrDialog.vue","../../../../src/components/GrDialog/GrDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--gr-brd)]' : '',\n])\n\ndefineSlots<{\n  /** Действия диалога. */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport {\n  DEFAULT_GR_DIALOG_FOOTER_CONFIG,\n  resolveGrDialogSectionConfig,\n  type GrDialogSectionConfig,\n} from './dialogShared'\n\nexport interface GrDialogFooterProps {\n  config?: GrDialogSectionConfig\n}\n\nconst props = withDefaults(defineProps<GrDialogFooterProps>(), {\n  config: undefined,\n})\n\nconst resolvedConfig = computed(() => resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_FOOTER_CONFIG))\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-t border-[var(--gr-brd)]' : '',\n])\n\ndefineSlots<{\n  /** Действия диалога. */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <div data-gr-dialog-footer :class=\"rootClass\">\n    <slot />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport interface GrDialogCloseButtonEmits {\n  (e: 'click'): void\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst { t } = useGranularityTranslations()\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем i18n-дефолт. Не хардкодим английское \"Close\" — GR должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? t('gr.common.close', 'Close'))\n\ndefineEmits<GrDialogCloseButtonEmits>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-gr-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useAttrs } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport IconClose from '~icons/lucide/x'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nexport interface GrDialogCloseButtonEmits {\n  (e: 'click'): void\n}\n\ndefineOptions({\n  inheritAttrs: false,\n})\n\nconst { t } = useGranularityTranslations()\n\n// A11y-лейбл: берём из атрибутов (родитель прокидывает `:aria-label=\"closeLabel\"`)\n// или используем i18n-дефолт. Не хардкодим английское \"Close\" — GR должен быть i18n-friendly.\nconst attrs = useAttrs()\nconst ariaLabel = computed(() => (attrs['aria-label'] as string | undefined) ?? t('gr.common.close', 'Close'))\n\ndefineEmits<GrDialogCloseButtonEmits>()\n</script>\n\n<template>\n  <GrButton\n    v-bind=\"attrs\"\n    data-gr-dialog-close\n    variant=\"ghost\"\n    size=\"sm\"\n    square\n    :aria-label=\"ariaLabel\"\n    @click=\"$emit('click')\"\n  >\n    <IconClose class=\"h-4 w-4\" aria-hidden=\"true\" />\n  </GrButton>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport { useGrModalTitle } from '../GrModal/context'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nexport interface GrDialogHeaderEmits {\n  (e: 'close'): void\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<GrDialogHeaderEmits>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--gr-brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый заголовок рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n\n// Имя окна: заголовок объявляет себя окну, и `GrModal` ставит на него\n// `aria-labelledby`. Вне `GrModal` регистрация — no-op, шапку можно\n// использовать и отдельно.\nconst { titleId } = useGrModalTitle(() => showVisibleTitle.value)\n</script>\n\n<template>\n  <div data-gr-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <div\n      v-else-if=\"showVisibleTitle\"\n      :id=\"titleId\"\n      data-gr-dialog-title\n      class=\"flex-1 min-w-0 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] font-700\"\n    >\n      {{ resolvedTitle }}\n    </div>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport GrDialogCloseButton from './GrDialogCloseButton.vue'\nimport { useGrModalTitle } from '../GrModal/context'\nimport {\n  DEFAULT_GR_DIALOG_HEADER_CONFIG,\n  type GrDialogSectionConfig,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogHeaderProps {\n  title?: string\n  showCloseButton?: boolean\n  config?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n}\n\nexport interface GrDialogHeaderEmits {\n  (e: 'close'): void\n}\n\nconst props = withDefaults(defineProps<GrDialogHeaderProps>(), {\n  title: undefined,\n  showCloseButton: true,\n  config: undefined,\n  closeLabel: undefined,\n})\n\nconst slots = defineSlots<{\n  default?: (props: { title?: string }) => any\n}>()\n\ndefineEmits<GrDialogHeaderEmits>()\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst resolvedConfig = computed(() =>\n  resolveGrDialogSectionConfig(props.config, DEFAULT_GR_DIALOG_HEADER_CONFIG),\n)\n\nconst rootClass = computed(() => [\n  resolvedConfig.value.paddingX,\n  resolvedConfig.value.paddingY,\n  resolvedConfig.value.bordered ? 'border-b border-[var(--gr-brd)]' : '',\n  'flex items-center justify-between gap-4',\n])\n\n// Видимый заголовок рендерим только когда нет пользовательского слота:\n// если слот `#header` задан, a11y-title отдаётся через `GrModal #title`\n// на уровне `GrDialog` (см. JSDoc у `GrDialog.vue`).\nconst showVisibleTitle = computed(() => !slots.default && !!resolvedTitle.value)\n\n// Имя окна: заголовок объявляет себя окну, и `GrModal` ставит на него\n// `aria-labelledby`. Вне `GrModal` регистрация — no-op, шапку можно\n// использовать и отдельно.\nconst { titleId } = useGrModalTitle(() => showVisibleTitle.value)\n</script>\n\n<template>\n  <div data-gr-dialog-header :class=\"rootClass\">\n    <template v-if=\"slots.default\">\n      <div class=\"flex-1 min-w-0 flex items-center\">\n        <slot :title=\"resolvedTitle\" />\n      </div>\n    </template>\n    <div\n      v-else-if=\"showVisibleTitle\"\n      :id=\"titleId\"\n      data-gr-dialog-title\n      class=\"flex-1 min-w-0 text-[length:var(--gr-control-text-md)] leading-[var(--gr-control-leading-md)] font-700\"\n    >\n      {{ resolvedTitle }}\n    </div>\n    <div v-else class=\"flex-1 min-w-0\" />\n    <GrDialogCloseButton\n      v-if=\"showCloseButton\"\n      :aria-label=\"closeLabel\"\n      @click=\"$emit('close')\"\n    />\n  </div>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — GR-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   `GrModal` корректно проставил `aria-labelledby` на корень окна.\n * - `aria-label` вниз уходит всегда: `GrModal` иначе не отличил бы «заголовок\n *   рисует `GrDialogHeader`» от «имени нет вовсе» и подставил бы обобщённое.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport type { GrModalScrollBehavior } from '../GrModal/grModalStyles'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: 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  /**\n   * Доступное имя окна, когда заголовка нет вовсе: `showHeader: false` без\n   * `title` и без слота `#header` оставил бы окно безымянным.\n   */\n  ariaLabel?: string\n  /**\n   * Кто скроллится при длинном содержимом. При `inside` шапка и подвал\n   * закреплены, а едет только тело.\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — панель окна.\n   * Элемент **из самого диалога** сюда передавать нельзя: проп, возвращающий\n   * наверх то, что рождено внутри поддерева, замыкает рендер в цикл. Фокус на\n   * своём содержимом ставится из содержимого — так это сделано в\n   * `GrPromptDialog`.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrDialogEmits {\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<GrDialogProps>(), {\n  title: 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  ariaLabel: undefined,\n  scrollBehavior: 'outside',\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrDialogEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\n// Резолвим здесь, а не полагаемся на `GrModal`: иначе дефолт диалога затенил бы\n// конфиг раньше, чем примитив успел бы в него заглянуть.\nconst resolvedSize = useGrComponentProp('GrDialog', 'size', () => props.size, 'md')\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём окну a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\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\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"resolvedSize\"\n    :scroll-behavior=\"scrollBehavior\"\n    :initial-focus=\"initialFocus\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :aria-label=\"ariaLabel ?? resolvedTitle\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @opened=\"emit('opened')\"\n    @closed=\"emit('closed')\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <!-- Шапка и подвал уходят в layout-слоты `GrModal`: при `inside` они\n         остаются вне скроллящегося тела. -->\n    <template v-if=\"showHeader\" #header>\n      <GrDialogHeader\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n    </template>\n\n    <div :class=\"bodyClass\">\n      <slot />\n    </div>\n\n    <template v-if=\"slots.footer\" #footer>\n      <GrDialogFooter :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </template>\n  </GrModal>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialog — GR-примитив диалога поверх `GrModal`.\n *\n * Архитектурно:\n * - ширина/радиус/скролл-лок/Esc/бэкдроп — ответственность `GrModal`;\n * - заголовок/подвал/кнопка закрытия/паддинги секций — ответственность `GrDialog`.\n *\n * A11y: ровно один `DialogTitle` на открытое окно.\n * - Если хедер отображается без слота `#header` — видимый `DialogTitle` рендерит\n *   `GrDialogHeader`.\n * - В остальных случаях (`!showHeader`, либо `showHeader` со слотом `#header`)\n *   `GrDialog` отдаёт sr-only title в слот `#title` у `GrModal`, чтобы\n *   `GrModal` корректно проставил `aria-labelledby` на корень окна.\n * - `aria-label` вниз уходит всегда: `GrModal` иначе не отличил бы «заголовок\n *   рисует `GrDialogHeader`» от «имени нет вовсе» и подставил бы обобщённое.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed } from 'vue'\n\nimport GrModal from '../GrModal/GrModal.vue'\nimport type { GrModalScrollBehavior } from '../GrModal/grModalStyles'\nimport GrDialogFooter from './GrDialogFooter.vue'\nimport GrDialogHeader from './GrDialogHeader.vue'\nimport {\n  DEFAULT_GR_DIALOG_BODY_CONFIG,\n  type GrDialogSectionConfig,\n  type GrDialogSize,\n  resolveGrDialogSectionConfig,\n  resolveGrDialogTitle,\n} from './dialogShared'\n\nexport interface GrDialogProps {\n  modelValue: boolean\n  title?: 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  /**\n   * Доступное имя окна, когда заголовка нет вовсе: `showHeader: false` без\n   * `title` и без слота `#header` оставил бы окно безымянным.\n   */\n  ariaLabel?: string\n  /**\n   * Кто скроллится при длинном содержимом. При `inside` шапка и подвал\n   * закреплены, а едет только тело.\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — панель окна.\n   * Элемент **из самого диалога** сюда передавать нельзя: проп, возвращающий\n   * наверх то, что рождено внутри поддерева, замыкает рендер в цикл. Фокус на\n   * своём содержимом ставится из содержимого — так это сделано в\n   * `GrPromptDialog`.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrDialogEmits {\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<GrDialogProps>(), {\n  title: 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  ariaLabel: undefined,\n  scrollBehavior: 'outside',\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrDialogEmits>()\n\nconst slots = defineSlots<{\n  default?: () => any\n  header?: (props: { title?: string }) => any\n  footer?: () => any\n}>()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\n// Резолвим здесь, а не полагаемся на `GrModal`: иначе дефолт диалога затенил бы\n// конфиг раньше, чем примитив успел бы в него заглянуть.\nconst resolvedSize = useGrComponentProp('GrDialog', 'size', () => props.size, 'md')\n\nconst resolvedTitle = computed(() => resolveGrDialogTitle(props.title))\n\nconst bodyClass = computed(() => {\n  const cfg = resolveGrDialogSectionConfig(props.bodyConfig, DEFAULT_GR_DIALOG_BODY_CONFIG)\n  return [cfg.paddingX, cfg.paddingY]\n})\n\n// Нужен ли sr-only title через `GrModal #title`:\n// - `!showHeader` — вообще нет заголовка в разметке;\n// - `showHeader && $slots.header` — кастомный хедер не обязан содержать DialogTitle.\n// В обоих случаях даём окну a11y-title, не дублируя его визуально.\nconst useModalSrOnlyTitle = computed(\n  () => !!resolvedTitle.value && (!props.showHeader || !!slots.header),\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\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"resolvedSize\"\n    :scroll-behavior=\"scrollBehavior\"\n    :initial-focus=\"initialFocus\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :aria-label=\"ariaLabel ?? resolvedTitle\"\n    @update:model-value=\"emit('update:modelValue', $event)\"\n    @opened=\"emit('opened')\"\n    @closed=\"emit('closed')\"\n  >\n    <template v-if=\"useModalSrOnlyTitle\" #title>\n      <span class=\"sr-only\">{{ resolvedTitle }}</span>\n    </template>\n\n    <!-- Шапка и подвал уходят в layout-слоты `GrModal`: при `inside` они\n         остаются вне скроллящегося тела. -->\n    <template v-if=\"showHeader\" #header>\n      <GrDialogHeader\n        :title=\"resolvedTitle\"\n        :show-close-button=\"showCloseButton\"\n        :config=\"headerConfig\"\n        :close-label=\"closeLabel\"\n        @close=\"close\"\n      >\n        <template v-if=\"slots.header\" #default=\"slotProps\">\n          <slot name=\"header\" v-bind=\"slotProps\" />\n        </template>\n      </GrDialogHeader>\n    </template>\n\n    <div :class=\"bodyClass\">\n      <slot />\n    </div>\n\n    <template v-if=\"slots.footer\" #footer>\n      <GrDialogFooter :config=\"footerConfig\">\n        <slot name=\"footer\" />\n      </GrDialogFooter>\n    </template>\n  </GrModal>\n</template>\n"],"mappings":"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"}

package/dist/components/GrDialog/index.js

@@ -1,3 +1,3 @@
-import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./chunks/GrDialog-C01Hhk6G.js";
+import { i as GrDialogFooter_default, n as GrDialogHeader_default, r as GrDialogCloseButton_default, t as GrDialog_default } from "./chunks/GrDialog-CeJubnKJ.js";
 import { t as grDialogSafelist } from "../../chunks/safelist-Y3zrlhOa.js";
 export { GrDialog_default as GrDialog, GrDialog_default as default, GrDialogCloseButton_default as GrDialogCloseButton, GrDialogFooter_default as GrDialogFooter, GrDialogHeader_default as GrDialogHeader, grDialogSafelist };

package/dist/components/GrDialogService/chunks/{GrDialogService-CmsJNUmM.js → GrDialogService-BArvw1DV.js}

@@ -1,11 +1,11 @@
-import { o as useGrConfig, t as GR_CONFIG_KEY } from "../../../chunks/context-CTbuwcYs.js";
+import { o as useGrConfig, t as GR_CONFIG_KEY } from "../../../chunks/context-CPMRfwVr.js";
 import { t as GRANULARITY_I18N_KEY } from "../../../chunks/adapter-CAOxmn2G.js";
 import { n as useGranularityTranslations, t as resolveGranularityI18n } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as ensurePortalRoot } from "../../../chunks/portalRoot-CVhCgdG6.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-7GP0zObj.js";
-import { n as coreResponseErrorParsers, o as responseErrorParserPresets, r as createResponseErrorClassifier } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-DMeOWlzj.js";
-import { t as GrConfirmDialog_default } from "../../GrConfirmDialog/chunks/GrConfirmDialog-jRDs_E6C.js";
-import { t as GrPromptDialog_default } from "../../GrPromptDialog/chunks/GrPromptDialog-CailXSqW.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CS4TqMtG.js";
+import { n as coreResponseErrorParsers, o as responseErrorParserPresets, r as createResponseErrorClassifier } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-NEEJZ8zi.js";
+import { t as GrConfirmDialog_default } from "../../GrConfirmDialog/chunks/GrConfirmDialog-K5ht2cYq.js";
+import { t as GrPromptDialog_default } from "../../GrPromptDialog/chunks/GrPromptDialog-C9Y1ifE_.js";
 import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, inject, markRaw, mergeProps, nextTick, onBeforeUnmount, onMounted, openBlock, provide, reactive, ref, render, renderList, shallowRef, toDisplayString, withCtx } from "vue";
 //#region src/components/GrDialogService/store.ts
 function createDialogServiceState() {
@@ -136,7 +136,7 @@ function getModuleState() {
 var ambiguousStateWarned = false;
 function warnAmbiguousState() {
 	if (ambiguousStateWarned) return;
-	if (!(typeof process !== "undefined" && process.env.NODE_ENV !== "production")) return;
+	if (!(process.env.NODE_ENV !== "production")) return;
 	ambiguousStateWarned = true;
 	console.warn("[granularity] useDialogService: плагин установлен в нескольких приложениях, а сервис запрошен вне `setup` — какое из них имелось в виду, знать неоткуда. Используется модульное состояние. Вызовите `useDialogService()` внутри `setup` нужного приложения.");
 }
@@ -169,7 +169,7 @@ function ensureMounted(state, appContext) {
 }
 function warnIfContextless(state, context) {
 	if (state.contextlessWarned || context?.config || context?.i18n) return;
-	if (!(typeof process !== "undefined" && process.env.NODE_ENV !== "production")) return;
+	if (!(process.env.NODE_ENV !== "production")) return;
 	state.contextlessWarned = true;
 	console.warn("[granularity] useDialogService: диалог открыт без контекста приложения — ни `GrConfigProvider`, ни адаптер i18n не найдены, будут использованы дефолты. Вызовите `useDialogService()` внутри `setup` хотя бы один раз или передайте `setAppContext`.");
 }
@@ -373,8 +373,9 @@ var GrDialogServiceItem_default = /* @__PURE__ */ defineComponent({
 		let externalAbortCleanup = null;
 		function buildClassifier() {
 			const opts = props.request.options;
+			const parsers = typeof opts.errorParsers === "function" ? opts.errorParsers(responseErrorParserPresets) : opts.errorParsers ?? coreResponseErrorParsers;
 			return createResponseErrorClassifier({
-				parsers: typeof opts.errorParsers === "function" ? opts.errorParsers(responseErrorParserPresets) : opts.errorParsers ?? coreResponseErrorParsers,
+				parsers,
 				texts: opts.errorTexts,
 				messageKey: opts.errorMessageKey
 			});