@feugene/granularity 0.23.0 → 0.24.1

package/dist/components/GrDelta/chunks/GrDelta-NE5HhXoo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDelta-NE5HhXoo.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) return cached\n\n  const created = create()\n  if (cache.size >= CACHE_LIMIT) cache.clear()\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())) 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) return { sign: '', value: resolvedEmptyText.value }\n\n  const parts = formatNumberToParts(resolvedLocale.value, props.value as number, formatOptions.value)\n\n  if (!props.prefix) 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') return IconTrendingUp\n  if (direction.value === 'down') 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) return { sign: '', value: resolvedEmptyText.value }\n\n  const parts = formatNumberToParts(resolvedLocale.value, props.value as number, formatOptions.value)\n\n  if (!props.prefix) 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') return IconTrendingUp\n  if (direction.value === 'down') 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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"}

package/dist/components/GrDelta/index.js

@@ -1,4 +1,4 @@
-import { t as GrDelta_default } from "./chunks/GrDelta-DFvxNpmN.js";
+import { t as GrDelta_default } from "./chunks/GrDelta-NE5HhXoo.js";
 import { n as deltaTone, t as deltaDirection } from "../../chunks/deltaTone-B5OoS1vo.js";
-import { n as grDeltaSafelist, t as grDeltaConfig } from "../../chunks/config-DBQQT-WP.js";
+import { n as grDeltaSafelist, t as grDeltaConfig } from "../../chunks/config-BIa3ilQm.js";
 export { GrDelta_default as GrDelta, GrDelta_default as default, deltaDirection, deltaTone, grDeltaConfig, grDeltaSafelist };

package/dist/components/GrDescriptionList/chunks/{GrDescriptionList-2zFXzX83.js → GrDescriptionList-C6Pxjjbh.js}

@@ -1,5 +1,5 @@
 import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
-import { a as descriptionDividedClass, c as descriptionPairFlowClass, d as descriptionRootClass, f as descriptionRootFlowClass, g as descriptionValueToneClass, h as descriptionValueClass, i as descriptionDensityClass, l as descriptionPairInlineClass, m as descriptionSizeClass, o as descriptionLabelInlineClass, p as descriptionRootGridClass, r as descriptionColumnsClass, s as descriptionLabelStackedClass, u as descriptionPairStackedClass } from "../../../chunks/config-DCwQBMmJ.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-rkcKArZQ2.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
@@ -57,13 +57,16 @@ var GrDescriptionList_default = /* @__PURE__ */ defineComponent({
 		const effectiveLayout = computed(() => narrow.value && resolvedLayout.value === "inline" ? "stacked" : resolvedLayout.value);
 		const isInline = computed(() => effectiveLayout.value === "inline");
 		const isFlow = computed(() => effectiveLayout.value === "flow");
+		const isSingleColumn = computed(() => isFlow.value || resolvedColumns.value === 1);
 		const rootClass = computed(() => [
 			descriptionRootClass,
 			isFlow.value ? descriptionRootFlowClass : descriptionRootGridClass,
-			isFlow.value ? "" : descriptionColumnsClass[resolvedColumns.value],
+			!isFlow.value && resolvedColumns.value === 1 ? descriptionSingleColumnClass : "",
 			descriptionSizeClass[resolvedSize.value],
 			descriptionDensityClass[resolvedDensity.value]
 		].filter(Boolean).join(" "));
+		/** Сетку колонок считает CSS по ширине контейнера — см. `descriptionColumnsStyle`. */
+		const rootStyle = computed(() => isSingleColumn.value ? void 0 : descriptionColumnsStyle(resolvedColumns.value, isInline.value ? resolvedLabelWidth.value : void 0));
 		const pairClass = computed(() => {
 			if (isFlow.value) return descriptionPairFlowClass;
 			return [isInline.value ? descriptionPairInlineClass : descriptionPairStackedClass, resolvedDivided.value ? descriptionDividedClass : ""].filter(Boolean).join(" ");
@@ -92,7 +95,8 @@ var GrDescriptionList_default = /* @__PURE__ */ defineComponent({
 				ref_key: "rootEl",
 				ref: rootEl,
 				"data-gr-description-list": "",
-				class: normalizeClass(rootClass.value)
+				class: normalizeClass(rootClass.value),
+				style: normalizeStyle(rootStyle.value)
 			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item, index) => {
 				return openBlock(), createElementBlock("div", {
 					key: pairKey(item, index),
@@ -106,7 +110,7 @@ var GrDescriptionList_default = /* @__PURE__ */ defineComponent({
 					"data-gr-description-value": "",
 					class: normalizeClass(valueClass(item))
 				}, [item.name && hasSlot(`value-${item.name}`) ? renderSlot(_ctx.$slots, `value-${item.name}`, { item }, void 0, void 0, 0) : isEmptyValue(item) ? renderSlot(_ctx.$slots, "empty", { item }, () => [createTextVNode(toDisplayString(unref(resolvedEmptyText)), 1)], void 0, 1) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [createTextVNode(toDisplayString(item.value), 1)], 64))], 2)], 2);
-			}), 128))], 2);
+			}), 128))], 6);
 		};
 	}
 });

package/dist/components/GrDescriptionList/chunks/GrDescriptionList-C6Pxjjbh.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDescriptionList-C6Pxjjbh.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') return\n\n  observer = new ResizeObserver(([entry]) => {\n    narrow.value = entry.contentRect.width < (props.stackBelow as number)\n  })\n  if (rootEl.value) 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) 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</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') return\n\n  observer = new ResizeObserver(([entry]) => {\n    narrow.value = entry.contentRect.width < (props.stackBelow as number)\n  })\n  if (rootEl.value) 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) 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</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-DCwQBMmJ.js";
-import { t as GrDescriptionList_default } from "./chunks/GrDescriptionList-2zFXzX83.js";
+import { n as grDescriptionListSafelist, t as grDescriptionListConfig } from "../../chunks/config-rkcKArZQ2.js";
+import { t as GrDescriptionList_default } from "./chunks/GrDescriptionList-C6Pxjjbh.js";
 export { GrDescriptionList_default as GrDescriptionList, GrDescriptionList_default as default, grDescriptionListConfig, grDescriptionListSafelist };

package/dist/components/GrDropdown/index.js

@@ -1,3 +1,3 @@
 import { t as GrDropdown_default } from "./chunks/GrDropdown-BSfFOcDx.js";
-import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-BViooYNv.js";
+import { n as grDropdownSafelist, t as grDropdownConfig } from "../../chunks/config-BViooYNv2.js";
 export { GrDropdown_default as GrDropdown, GrDropdown_default as default, grDropdownConfig, grDropdownSafelist };

package/dist/components/GrEmptyState/chunks/{GrEmptyState-CS9do8eM.js → GrEmptyState-BGUX8O0U.js}

@@ -1,7 +1,7 @@
 import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-bQwtZtYT.js";
-import { a as descriptionBaseClass, c as iconBoxBaseClass, d as titleBaseClass, f as titleBySize, i as actionsBySize, l as iconBoxBySize, o as descriptionBySize, r as actionsBaseClass, s as grEmptyStateRootClass, u as iconSizeBySize } from "../../../chunks/config-vSji8w90.js";
+import { a as descriptionBaseClass, c as iconBoxBaseClass, d as titleBaseClass, f as titleBySize, i as actionsBySize, l as iconBoxBySize, o as descriptionBySize, r as actionsBaseClass, s as grEmptyStateRootClass, u as iconSizeBySize } from "../../../chunks/config-vSji8w902.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx } from "vue";
 //#region ~icons/lucide/inbox
 var _hoisted_1$1 = {

package/dist/components/GrEmptyState/chunks/{GrEmptyState-CS9do8eM.js.map → GrEmptyState-BGUX8O0U.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrEmptyState-CS9do8eM.js","names":["$slots"],"sources":["../../../../src/components/GrEmptyState/GrEmptyState.vue","../../../../src/components/GrEmptyState/GrEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  grEmptyStateRootClass,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  iconSizeBySize,\n  titleBaseClass,\n  titleBySize,\n  type GrEmptyStateHeadingLevel,\n  type GrEmptyStateSize,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateSize,\n  GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\n/**\n * GrEmptyState — карточка пустого состояния: иконка, заголовок, описание и\n * слот действий.\n *\n * Заголовок — настоящий heading: без него пустое состояние не находится\n * навигацией по заголовкам, а именно оно и объясняет, почему на экране ничего\n * нет.\n */\nexport interface GrEmptyStateProps {\n  /** Заголовок. Не задан — берётся из локали; слот `#title` сильнее обоих. */\n  title?: string\n  description?: string\n  size?: GrEmptyStateSize\n  /** `ghost` снимает рамку и фон: карточка внутри карточки рисует вторую рамку. */\n  variant?: GrEmptyStateVariant\n  headingLevel?: GrEmptyStateHeadingLevel\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Иконка вместо встроенной. */\n  icon?: () => unknown\n  /** Заголовок разметкой: ссылка, выделение, счётчик. */\n  title?: () => unknown\n  description?: () => unknown\n  /** Действия под текстом: центрируются. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrEmptyState' })\nconst resolvedVariant = useGrComponentProp('GrEmptyState', 'variant', () => props.variant, 'outlined')\nconst headingLevel = useGrComponentProp('GrEmptyState', 'headingLevel', () => props.headingLevel, 3)\n\nconst headingTag = computed(() => `h${headingLevel.value}`)\nconst resolvedTitle = computed(() => props.title ?? t('gr.emptyState.title', 'Nothing here yet'))\nconst hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description))\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    :class=\"grEmptyStateRootClass({ variant: resolvedVariant, size: resolvedSize })\"\n  >\n    <div class=\"flex justify-center\">\n      <div data-gr-empty-state-icon :class=\"[iconBoxBaseClass, iconBoxBySize[resolvedSize]]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"iconSizeBySize[resolvedSize]\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <component\n      :is=\"headingTag\"\n      data-gr-empty-state-title\n      :class=\"[titleBaseClass, titleBySize[resolvedSize]]\"\n    >\n      <slot name=\"title\">\n        {{ resolvedTitle }}\n      </slot>\n    </component>\n\n    <div\n      v-if=\"hasDescription\"\n      data-gr-empty-state-description\n      :class=\"[descriptionBaseClass, descriptionBySize[resolvedSize]]\"\n    >\n      <slot name=\"description\">\n        {{ description }}\n      </slot>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      data-gr-empty-state-actions\n      :class=\"[actionsBaseClass, actionsBySize[resolvedSize]]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  grEmptyStateRootClass,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  iconSizeBySize,\n  titleBaseClass,\n  titleBySize,\n  type GrEmptyStateHeadingLevel,\n  type GrEmptyStateSize,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateSize,\n  GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\n/**\n * GrEmptyState — карточка пустого состояния: иконка, заголовок, описание и\n * слот действий.\n *\n * Заголовок — настоящий heading: без него пустое состояние не находится\n * навигацией по заголовкам, а именно оно и объясняет, почему на экране ничего\n * нет.\n */\nexport interface GrEmptyStateProps {\n  /** Заголовок. Не задан — берётся из локали; слот `#title` сильнее обоих. */\n  title?: string\n  description?: string\n  size?: GrEmptyStateSize\n  /** `ghost` снимает рамку и фон: карточка внутри карточки рисует вторую рамку. */\n  variant?: GrEmptyStateVariant\n  headingLevel?: GrEmptyStateHeadingLevel\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Иконка вместо встроенной. */\n  icon?: () => unknown\n  /** Заголовок разметкой: ссылка, выделение, счётчик. */\n  title?: () => unknown\n  description?: () => unknown\n  /** Действия под текстом: центрируются. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrEmptyState' })\nconst resolvedVariant = useGrComponentProp('GrEmptyState', 'variant', () => props.variant, 'outlined')\nconst headingLevel = useGrComponentProp('GrEmptyState', 'headingLevel', () => props.headingLevel, 3)\n\nconst headingTag = computed(() => `h${headingLevel.value}`)\nconst resolvedTitle = computed(() => props.title ?? t('gr.emptyState.title', 'Nothing here yet'))\nconst hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description))\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    :class=\"grEmptyStateRootClass({ variant: resolvedVariant, size: resolvedSize })\"\n  >\n    <div class=\"flex justify-center\">\n      <div data-gr-empty-state-icon :class=\"[iconBoxBaseClass, iconBoxBySize[resolvedSize]]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"iconSizeBySize[resolvedSize]\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <component\n      :is=\"headingTag\"\n      data-gr-empty-state-title\n      :class=\"[titleBaseClass, titleBySize[resolvedSize]]\"\n    >\n      <slot name=\"title\">\n        {{ resolvedTitle }}\n      </slot>\n    </component>\n\n    <div\n      v-if=\"hasDescription\"\n      data-gr-empty-state-description\n      :class=\"[descriptionBaseClass, descriptionBySize[resolvedSize]]\"\n    >\n      <slot name=\"description\">\n        {{ description }}\n      </slot>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      data-gr-empty-state-actions\n      :class=\"[actionsBaseClass, actionsBySize[resolvedSize]]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,QAAQ;EAQd,MAAM,QAAQ,SAAA;EAUd,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,eAAe,CAAC;EACvF,MAAM,kBAAkB,mBAAmB,gBAAgB,iBAAiB,MAAM,SAAS,UAAU;EACrG,MAAM,eAAe,mBAAmB,gBAAgB,sBAAsB,MAAM,cAAc,CAAC;EAEnG,MAAM,aAAa,eAAe,IAAI,aAAa,OAAO;EAC1D,MAAM,gBAAgB,eAAe,MAAM,SAAS,EAAE,uBAAuB,kBAAkB,CAAC;EAChG,MAAM,iBAAiB,eAAe,QAAQ,MAAM,WAAW,KAAK,QAAQ,MAAM,WAAW,CAAC;;uBAI5F,mBAyCM,OAAA;IAxCJ,uBAAA;IACC,OAAK,eAAE,MAAA,qBAAA,CAAqB,CAAA;KAAA,SAAY,MAAA,eAAA;KAAe,MAAQ,MAAA,YAAA;IAAY,CAAA,CAAA;;IAE5E,mBAQM,OARN,YAQM,CAPJ,mBAMM,OAAA;KAND,4BAAA;KAA0B,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;QACjF,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAHL,YAES,gBAAA,EAFA,MAAM,MAAA,cAAA,CAAc,CAAC,MAAA,YAAA,GAAA,GAAA;4BACI,CAAhC,YAAgC,MAAA,aAAA,GAAA,EAArB,eAAY,OAAM,CAAA,CAAA,CAAA;;;kBAMrC,YAQY,wBAPL,WAAA,KAAU,GAAA;KACf,6BAAA;KACC,OAAK,eAAA,CAAG,MAAA,cAAA,GAAgB,MAAA,WAAA,CAAW,CAAC,MAAA,YAAA,EAAY,CAAA;;4BAI1C,CAFP,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,cAAA,KAAa,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;IAKZ,eAAA,SAAA,UAAA,GADR,mBAQM,OAAA;;KANJ,mCAAA;KACC,OAAK,eAAA,CAAG,MAAA,oBAAA,GAAsB,MAAA,iBAAA,CAAiB,CAAC,MAAA,YAAA,EAAY,CAAA;QAE7D,WAEO,KAAA,QAAA,eAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAKVA,KAAAA,OAAO,WAAA,UAAA,GADf,mBAMM,OAAA;;KAJJ,+BAAA;KACC,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;QAErD,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}
+{"version":3,"file":"GrEmptyState-BGUX8O0U.js","names":["$slots"],"sources":["../../../../src/components/GrEmptyState/GrEmptyState.vue","../../../../src/components/GrEmptyState/GrEmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  grEmptyStateRootClass,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  iconSizeBySize,\n  titleBaseClass,\n  titleBySize,\n  type GrEmptyStateHeadingLevel,\n  type GrEmptyStateSize,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateSize,\n  GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\n/**\n * GrEmptyState — карточка пустого состояния: иконка, заголовок, описание и\n * слот действий.\n *\n * Заголовок — настоящий heading: без него пустое состояние не находится\n * навигацией по заголовкам, а именно оно и объясняет, почему на экране ничего\n * нет.\n */\nexport interface GrEmptyStateProps {\n  /** Заголовок. Не задан — берётся из локали; слот `#title` сильнее обоих. */\n  title?: string\n  description?: string\n  size?: GrEmptyStateSize\n  /** `ghost` снимает рамку и фон: карточка внутри карточки рисует вторую рамку. */\n  variant?: GrEmptyStateVariant\n  headingLevel?: GrEmptyStateHeadingLevel\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Иконка вместо встроенной. */\n  icon?: () => unknown\n  /** Заголовок разметкой: ссылка, выделение, счётчик. */\n  title?: () => unknown\n  description?: () => unknown\n  /** Действия под текстом: центрируются. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrEmptyState' })\nconst resolvedVariant = useGrComponentProp('GrEmptyState', 'variant', () => props.variant, 'outlined')\nconst headingLevel = useGrComponentProp('GrEmptyState', 'headingLevel', () => props.headingLevel, 3)\n\nconst headingTag = computed(() => `h${headingLevel.value}`)\nconst resolvedTitle = computed(() => props.title ?? t('gr.emptyState.title', 'Nothing here yet'))\nconst hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description))\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    :class=\"grEmptyStateRootClass({ variant: resolvedVariant, size: resolvedSize })\"\n  >\n    <div class=\"flex justify-center\">\n      <div data-gr-empty-state-icon :class=\"[iconBoxBaseClass, iconBoxBySize[resolvedSize]]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"iconSizeBySize[resolvedSize]\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <component\n      :is=\"headingTag\"\n      data-gr-empty-state-title\n      :class=\"[titleBaseClass, titleBySize[resolvedSize]]\"\n    >\n      <slot name=\"title\">\n        {{ resolvedTitle }}\n      </slot>\n    </component>\n\n    <div\n      v-if=\"hasDescription\"\n      data-gr-empty-state-description\n      :class=\"[descriptionBaseClass, descriptionBySize[resolvedSize]]\"\n    >\n      <slot name=\"description\">\n        {{ description }}\n      </slot>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      data-gr-empty-state-actions\n      :class=\"[actionsBaseClass, actionsBySize[resolvedSize]]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconInbox from '~icons/lucide/inbox'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  actionsBaseClass,\n  actionsBySize,\n  descriptionBaseClass,\n  descriptionBySize,\n  grEmptyStateRootClass,\n  iconBoxBaseClass,\n  iconBoxBySize,\n  iconSizeBySize,\n  titleBaseClass,\n  titleBySize,\n  type GrEmptyStateHeadingLevel,\n  type GrEmptyStateSize,\n  type GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\nexport type {\n  GrEmptyStateHeadingLevel,\n  GrEmptyStateSize,\n  GrEmptyStateVariant,\n} from './grEmptyStateStyles'\n\n/**\n * GrEmptyState — карточка пустого состояния: иконка, заголовок, описание и\n * слот действий.\n *\n * Заголовок — настоящий heading: без него пустое состояние не находится\n * навигацией по заголовкам, а именно оно и объясняет, почему на экране ничего\n * нет.\n */\nexport interface GrEmptyStateProps {\n  /** Заголовок. Не задан — берётся из локали; слот `#title` сильнее обоих. */\n  title?: string\n  description?: string\n  size?: GrEmptyStateSize\n  /** `ghost` снимает рамку и фон: карточка внутри карточки рисует вторую рамку. */\n  variant?: GrEmptyStateVariant\n  headingLevel?: GrEmptyStateHeadingLevel\n}\n\nconst props = withDefaults(defineProps<GrEmptyStateProps>(), {\n  title: undefined,\n  description: undefined,\n  size: undefined,\n  variant: undefined,\n  headingLevel: undefined,\n})\n\nconst slots = defineSlots<{\n  /** Иконка вместо встроенной. */\n  icon?: () => unknown\n  /** Заголовок разметкой: ссылка, выделение, счётчик. */\n  title?: () => unknown\n  description?: () => unknown\n  /** Действия под текстом: центрируются. */\n  default?: () => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrEmptyState' })\nconst resolvedVariant = useGrComponentProp('GrEmptyState', 'variant', () => props.variant, 'outlined')\nconst headingLevel = useGrComponentProp('GrEmptyState', 'headingLevel', () => props.headingLevel, 3)\n\nconst headingTag = computed(() => `h${headingLevel.value}`)\nconst resolvedTitle = computed(() => props.title ?? t('gr.emptyState.title', 'Nothing here yet'))\nconst hasDescription = computed(() => Boolean(props.description) || Boolean(slots.description))\n</script>\n\n<template>\n  <div\n    data-gr-empty-state\n    :class=\"grEmptyStateRootClass({ variant: resolvedVariant, size: resolvedSize })\"\n  >\n    <div class=\"flex justify-center\">\n      <div data-gr-empty-state-icon :class=\"[iconBoxBaseClass, iconBoxBySize[resolvedSize]]\">\n        <slot name=\"icon\">\n          <GrIcon :size=\"iconSizeBySize[resolvedSize]\">\n            <IconInbox aria-hidden=\"true\" />\n          </GrIcon>\n        </slot>\n      </div>\n    </div>\n\n    <component\n      :is=\"headingTag\"\n      data-gr-empty-state-title\n      :class=\"[titleBaseClass, titleBySize[resolvedSize]]\"\n    >\n      <slot name=\"title\">\n        {{ resolvedTitle }}\n      </slot>\n    </component>\n\n    <div\n      v-if=\"hasDescription\"\n      data-gr-empty-state-description\n      :class=\"[descriptionBaseClass, descriptionBySize[resolvedSize]]\"\n    >\n      <slot name=\"description\">\n        {{ description }}\n      </slot>\n    </div>\n\n    <div\n      v-if=\"$slots.default\"\n      data-gr-empty-state-actions\n      :class=\"[actionsBaseClass, actionsBySize[resolvedSize]]\"\n    >\n      <slot />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiDA,MAAM,QAAQ;EAQd,MAAM,QAAQ,SAAA;EAUd,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,eAAe,CAAC;EACvF,MAAM,kBAAkB,mBAAmB,gBAAgB,iBAAiB,MAAM,SAAS,UAAU;EACrG,MAAM,eAAe,mBAAmB,gBAAgB,sBAAsB,MAAM,cAAc,CAAC;EAEnG,MAAM,aAAa,eAAe,IAAI,aAAa,OAAO;EAC1D,MAAM,gBAAgB,eAAe,MAAM,SAAS,EAAE,uBAAuB,kBAAkB,CAAC;EAChG,MAAM,iBAAiB,eAAe,QAAQ,MAAM,WAAW,KAAK,QAAQ,MAAM,WAAW,CAAC;;uBAI5F,mBAyCM,OAAA;IAxCJ,uBAAA;IACC,OAAK,eAAE,MAAA,qBAAA,CAAqB,CAAA;KAAA,SAAY,MAAA,eAAA;KAAe,MAAQ,MAAA,YAAA;IAAY,CAAA,CAAA;;IAE5E,mBAQM,OARN,YAQM,CAPJ,mBAMM,OAAA;KAND,4BAAA;KAA0B,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;QACjF,WAIO,KAAA,QAAA,QAAA,CAAA,SAAA,CAHL,YAES,gBAAA,EAFA,MAAM,MAAA,cAAA,CAAc,CAAC,MAAA,YAAA,GAAA,GAAA;4BACI,CAAhC,YAAgC,MAAA,aAAA,GAAA,EAArB,eAAY,OAAM,CAAA,CAAA,CAAA;;;kBAMrC,YAQY,wBAPL,WAAA,KAAU,GAAA;KACf,6BAAA;KACC,OAAK,eAAA,CAAG,MAAA,cAAA,GAAgB,MAAA,WAAA,CAAW,CAAC,MAAA,YAAA,EAAY,CAAA;;4BAI1C,CAFP,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,cAAA,KAAa,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;IAKZ,eAAA,SAAA,UAAA,GADR,mBAQM,OAAA;;KANJ,mCAAA;KACC,OAAK,eAAA,CAAG,MAAA,oBAAA,GAAsB,MAAA,iBAAA,CAAiB,CAAC,MAAA,YAAA,EAAY,CAAA;QAE7D,WAEO,KAAA,QAAA,eAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAKVA,KAAAA,OAAO,WAAA,UAAA,GADf,mBAMM,OAAA;;KAJJ,+BAAA;KACC,OAAK,eAAA,CAAG,MAAA,gBAAA,GAAkB,MAAA,aAAA,CAAa,CAAC,MAAA,YAAA,EAAY,CAAA;QAErD,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrEmptyState/index.js

@@ -1,3 +1,3 @@
-import { t as GrEmptyState_default } from "./chunks/GrEmptyState-CS9do8eM.js";
-import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "../../chunks/config-vSji8w90.js";
+import { t as GrEmptyState_default } from "./chunks/GrEmptyState-BGUX8O0U.js";
+import { n as grEmptyStateSafelist, t as grEmptyStateConfig } from "../../chunks/config-vSji8w902.js";
 export { GrEmptyState_default as GrEmptyState, GrEmptyState_default as default, grEmptyStateConfig, grEmptyStateSafelist };

package/dist/components/GrList/chunks/{GrList-BRYhpqIe.js → GrList-DAtzVIHh.js}

@@ -2,7 +2,7 @@ import { n as useGranularityTranslations } from "../../../chunks/granularityI18n
 import { useVirtualList } from "../../../composables/useVirtualList.js";
 import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
 import { t as GrSkeleton_default } from "../../GrSkeleton/chunks/GrSkeleton-CgfXxPQ2.js";
-import { t as GrCard_default } from "../../GrCard/chunks/GrCard-Bc7nRfbe.js";
+import { t as GrCard_default } from "../../GrCard/chunks/GrCard-gI2wA8ZZ.js";
 import { n as hasMeaningfulSlotContent } from "../../../chunks/slotNodes-DxNXpC7v.js";
 import { a as grListItemPaddingClass, c as itemHoverClass, d as itemTitleClass, f as listSurfaceClass, i as emptyClass, l as itemInteractiveClass, o as itemDescriptionClass, p as loadingRowClass, r as dividedClass, s as itemDisabledClass, u as itemLayoutClass } from "../../../chunks/config-CKULiuvc.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, normalizeStyle, onMounted, onUpdated, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx } from "vue";

package/dist/components/GrList/chunks/{GrList-BRYhpqIe.js.map → GrList-DAtzVIHh.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrList-BRYhpqIe.js","names":["$slots"],"sources":["../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrListItem.vue","../../../../src/components/GrList/GrListItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T = unknown\">\nimport { computed, onMounted, onUpdated, ref, useSlots, watch } from 'vue'\n\nimport GrCard from '../GrCard'\nimport type { GrCardVariant } from '../GrCard/grCardStyles'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useVirtualList, type GrVirtualAlign } from '../../composables/useVirtualList'\n\nimport { dividedClass, emptyClass, listSurfaceClass, loadingRowClass } from './grListStyles'\n\nexport interface GrListProps<TItem = unknown> {\n  /**\n   * Поверхность списка — вариант карточки под ним. `ghost` убирает рамку и\n   * тень: список внутри уже существующей карточки не должен давать вторую.\n   */\n  variant?: GrCardVariant\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n  /** Идёт загрузка: вместо пунктов — строки-скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /**\n   * Список пуст. По умолчанию определяется сам — по содержимому слота; проп\n   * нужен там, где потребитель знает лучше (например, слот заполнен\n   * заголовками групп, а данных в них нет).\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /**\n   * Данные списка. С ними пункты рисует слот `#item`, а не слот по умолчанию, —\n   * и только так список знает размер набора, то есть может его виртуализировать.\n   */\n  items?: TItem[]\n  /** Ключ пункта для `v-for`: имя поля или функция. Без него — индекс. */\n  itemKey?: string | ((item: TItem, index: number) => string | number)\n  /** Высота видимой части: контейнер становится скроллером. Число — пиксели. */\n  maxHeight?: number | string\n  /** Держать в DOM только окно вокруг вьюпорта. Требует `items` и `maxHeight`. */\n  virtual?: boolean\n  /** Оценка высоты пункта до замера. Уточняется по факту при первом рендере. */\n  estimatedItemSize?: number\n}\n\nconst props = withDefaults(defineProps<GrListProps<T>>(), {\n  // Дефолт живёт в `GrCard` (и его резолвере `GrConfigProvider`), поэтому здесь\n  // остаётся `undefined` — иначе список перебивал бы настройку карточки.\n  variant: undefined,\n  divided: true,\n  loading: false,\n  loadingRows: 3,\n  empty: undefined,\n  emptyText: undefined,\n  items: undefined,\n  itemKey: undefined,\n  maxHeight: undefined,\n  virtual: false,\n  // Строка обычной плотности с заголовком и описанием.\n  estimatedItemSize: 56,\n})\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst listEl = ref<HTMLElement | null>(null)\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.list.empty', 'Nothing here yet'))\n\nconst dataMode = computed(() => props.items !== undefined)\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое пунктом списка не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  if (dataMode.value)\n    return props.items!.length === 0\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showItems = computed(() => !props.loading && !isEmpty.value)\n\n// Разделители нужны только между пунктами: в пустой и загрузочной ветках они\n// оставили бы висящую линию. Клип по радиусу карточки — безусловный.\nconst listClass = computed(() => [\n  listSurfaceClass,\n  props.divided && showItems.value ? dividedClass : '',\n].filter(Boolean).join(' '))\n\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\n\nconst virtualEnabled = computed(() => props.virtual && dataMode.value && props.maxHeight !== undefined)\n\nconst virtualizer = useVirtualList({\n  container: listEl,\n  count: () => (virtualEnabled.value && showItems.value ? props.items!.length : 0),\n  // Замена массива сбрасывает замеры; append в тот же массив их сохраняет.\n  source: () => props.items,\n  itemSize: () => props.estimatedItemSize,\n  // Первый рендер обязан совпасть с серверным: контейнера ещё нет, и окно\n  // считается от объявленной высоты, а не от измеренной.\n  viewportSize: () => (typeof props.maxHeight === 'number' ? props.maxHeight : undefined),\n})\n\n/** Окно к отрисовке: при выключенной виртуализации — весь набор. */\nconst renderedItems = computed(() => {\n  const items = props.items ?? []\n  if (!virtualEnabled.value) return items.map((item, index) => ({ item, index }))\n\n  const { start, end } = virtualizer.range.value\n  return items.slice(start, end).map((item, offset) => ({ item, index: start + offset }))\n})\n\nfunction keyOf(item: T, index: number): string | number {\n  const key = props.itemKey\n  if (typeof key === 'function') return key(item, index)\n  if (typeof key === 'string') return (item as Record<string, unknown>)[key] as string | number\n\n  return index\n}\n\n/**\n * ARIA-набор для пункта.\n *\n * Только в виртуальном режиме: в DOM тогда неполный набор, и без этих атрибутов\n * диктор объявил бы «7 из 20» на списке в пять тысяч. Когда набор в DOM целиком,\n * его размер и позицию браузер считает сам, а руками проставленные атрибуты\n * начинают расходиться с разметкой при любой фильтрации.\n */\nfunction ariaOf(index: number): Record<string, number> {\n  if (!virtualEnabled.value) return {}\n\n  return { 'aria-setsize': props.items!.length, 'aria-posinset': index + 1 }\n}\n\nconst maxHeightStyle = computed(() => {\n  const value = props.maxHeight\n  if (value == null) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n})\n\nconst listStyle = computed(() => {\n  if (props.maxHeight === undefined) return undefined\n\n  const scroller = { overflowY: 'auto' as const, maxHeight: maxHeightStyle.value }\n  if (!virtualEnabled.value) return scroller\n\n  return { ...scroller, ...virtualizer.spacerStyle.value }\n})\n\n/**\n * Замер отрисованных пунктов.\n *\n * Идёт по детям контейнера, а не по `ref` на элементе: пункт рисует слот\n * потребителя, привязать к нему `ref` неоткуда. В виртуальном режиме прямые\n * дети контейнера — ровно окно (распорки живут псевдоэлементами и детьми не\n * считаются), поэтому сопоставление по позиции однозначно.\n */\nfunction measureRendered(): void {\n  if (!virtualEnabled.value) return\n  // В состояниях loading/empty дети контейнера — скелетоны и заглушки: их\n  // высоты записались бы в замеры под индексами будущих строк данных.\n  if (!showItems.value) return\n\n  const container = listEl.value\n  if (!container) return\n\n  const { start } = virtualizer.range.value\n  const children = container.children\n  for (let offset = 0; offset < children.length; offset++) {\n    virtualizer.measure(start + offset, children[offset])\n  }\n}\n\nonMounted(measureRendered)\nonUpdated(measureRendered)\n\nfunction scrollToIndex(index: number, align?: GrVirtualAlign): void {\n  virtualizer.scrollToIndex(index, align)\n}\n\ndefineExpose({ scrollToIndex })\n\nif (import.meta.env?.DEV) {\n  watch(\n    () => [props.virtual, dataMode.value, props.maxHeight] as const,\n    ([virtual, hasItems, maxHeight]) => {\n      if (!virtual) return\n\n      if (!hasItems) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `items` — пункты из слота по умолчанию '\n          + 'список не считает и резать окно ему не из чего.',\n        )\n      }\n      else if (maxHeight === undefined) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `maxHeight` — без ограничения высоты '\n          + 'вьюпорта нет, и в окно попадает весь набор.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => [dataMode.value, Boolean(slots.item)] as const,\n    ([hasItems, hasSlot]) => {\n      if (hasItems && !hasSlot) {\n        console.warn(\n          '[granularity] GrList: с `items` пункты рисует слот `#item` — без него список пуст.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  onMounted(() => {\n    if (!virtualEnabled.value) return\n\n    const first = listEl.value?.firstElementChild\n    if (first && !first.hasAttribute('aria-posinset')) {\n      console.warn(\n        '[granularity] GrList: при `virtual` пункты обязаны нести `aria-setsize`/`aria-posinset` — '\n        + 'пробросьте `aria` из слота `#item`: <GrListItem v-bind=\"aria\" … />. Иначе диктор '\n        + 'посчитает набор по отрисованному окну.',\n      )\n    }\n  })\n}\n</script>\n\n<template>\n  <GrCard :variant=\"variant\">\n    <div\n      ref=\"listEl\"\n      data-gr-list\n      role=\"list\"\n      :class=\"listClass\"\n      :style=\"listStyle\"\n      :tabindex=\"maxHeight === undefined ? undefined : 0\"\n      :data-gr-virtual=\"virtualEnabled ? '' : undefined\"\n      :aria-busy=\"loading ? 'true' : undefined\"\n    >\n      <template v-if=\"loading\">\n        <slot name=\"loading\">\n          <div\n            v-for=\"row in loadingRowCount\"\n            :key=\"row\"\n            data-gr-list-loading-row\n            :class=\"loadingRowClass\"\n          >\n            <GrSkeleton />\n          </div>\n        </slot>\n      </template>\n\n      <div\n        v-else-if=\"isEmpty\"\n        data-gr-list-empty\n        :class=\"emptyClass\"\n      >\n        <slot name=\"empty\">\n          {{ resolvedEmptyText }}\n        </slot>\n      </div>\n\n      <template v-else-if=\"dataMode\">\n        <template\n          v-for=\"entry in renderedItems\"\n          :key=\"keyOf(entry.item, entry.index)\"\n        >\n          <slot\n            name=\"item\"\n            :item=\"entry.item\"\n            :index=\"entry.index\"\n            :aria=\"ariaOf(entry.index)\"\n          />\n        </template>\n      </template>\n\n      <slot v-else />\n    </div>\n  </GrCard>\n</template>\n\n<style scoped>\n/* Срезанное сверху и снизу держат псевдоэлементы контейнера: их не за что\n   размонтировать, в дереве доступности их нет, а высота приезжает переменными\n   в том же патче, что и пункты. Почему не отступы контейнера и не поля крайних\n   пунктов — `docs/virtual-list.md`. */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T = unknown\">\nimport { computed, onMounted, onUpdated, ref, useSlots, watch } from 'vue'\n\nimport GrCard from '../GrCard'\nimport type { GrCardVariant } from '../GrCard/grCardStyles'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useVirtualList, type GrVirtualAlign } from '../../composables/useVirtualList'\n\nimport { dividedClass, emptyClass, listSurfaceClass, loadingRowClass } from './grListStyles'\n\nexport interface GrListProps<TItem = unknown> {\n  /**\n   * Поверхность списка — вариант карточки под ним. `ghost` убирает рамку и\n   * тень: список внутри уже существующей карточки не должен давать вторую.\n   */\n  variant?: GrCardVariant\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n  /** Идёт загрузка: вместо пунктов — строки-скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /**\n   * Список пуст. По умолчанию определяется сам — по содержимому слота; проп\n   * нужен там, где потребитель знает лучше (например, слот заполнен\n   * заголовками групп, а данных в них нет).\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /**\n   * Данные списка. С ними пункты рисует слот `#item`, а не слот по умолчанию, —\n   * и только так список знает размер набора, то есть может его виртуализировать.\n   */\n  items?: TItem[]\n  /** Ключ пункта для `v-for`: имя поля или функция. Без него — индекс. */\n  itemKey?: string | ((item: TItem, index: number) => string | number)\n  /** Высота видимой части: контейнер становится скроллером. Число — пиксели. */\n  maxHeight?: number | string\n  /** Держать в DOM только окно вокруг вьюпорта. Требует `items` и `maxHeight`. */\n  virtual?: boolean\n  /** Оценка высоты пункта до замера. Уточняется по факту при первом рендере. */\n  estimatedItemSize?: number\n}\n\nconst props = withDefaults(defineProps<GrListProps<T>>(), {\n  // Дефолт живёт в `GrCard` (и его резолвере `GrConfigProvider`), поэтому здесь\n  // остаётся `undefined` — иначе список перебивал бы настройку карточки.\n  variant: undefined,\n  divided: true,\n  loading: false,\n  loadingRows: 3,\n  empty: undefined,\n  emptyText: undefined,\n  items: undefined,\n  itemKey: undefined,\n  maxHeight: undefined,\n  virtual: false,\n  // Строка обычной плотности с заголовком и описанием.\n  estimatedItemSize: 56,\n})\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst listEl = ref<HTMLElement | null>(null)\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.list.empty', 'Nothing here yet'))\n\nconst dataMode = computed(() => props.items !== undefined)\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое пунктом списка не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  if (dataMode.value)\n    return props.items!.length === 0\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showItems = computed(() => !props.loading && !isEmpty.value)\n\n// Разделители нужны только между пунктами: в пустой и загрузочной ветках они\n// оставили бы висящую линию. Клип по радиусу карточки — безусловный.\nconst listClass = computed(() => [\n  listSurfaceClass,\n  props.divided && showItems.value ? dividedClass : '',\n].filter(Boolean).join(' '))\n\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\n\nconst virtualEnabled = computed(() => props.virtual && dataMode.value && props.maxHeight !== undefined)\n\nconst virtualizer = useVirtualList({\n  container: listEl,\n  count: () => (virtualEnabled.value && showItems.value ? props.items!.length : 0),\n  // Замена массива сбрасывает замеры; append в тот же массив их сохраняет.\n  source: () => props.items,\n  itemSize: () => props.estimatedItemSize,\n  // Первый рендер обязан совпасть с серверным: контейнера ещё нет, и окно\n  // считается от объявленной высоты, а не от измеренной.\n  viewportSize: () => (typeof props.maxHeight === 'number' ? props.maxHeight : undefined),\n})\n\n/** Окно к отрисовке: при выключенной виртуализации — весь набор. */\nconst renderedItems = computed(() => {\n  const items = props.items ?? []\n  if (!virtualEnabled.value) return items.map((item, index) => ({ item, index }))\n\n  const { start, end } = virtualizer.range.value\n  return items.slice(start, end).map((item, offset) => ({ item, index: start + offset }))\n})\n\nfunction keyOf(item: T, index: number): string | number {\n  const key = props.itemKey\n  if (typeof key === 'function') return key(item, index)\n  if (typeof key === 'string') return (item as Record<string, unknown>)[key] as string | number\n\n  return index\n}\n\n/**\n * ARIA-набор для пункта.\n *\n * Только в виртуальном режиме: в DOM тогда неполный набор, и без этих атрибутов\n * диктор объявил бы «7 из 20» на списке в пять тысяч. Когда набор в DOM целиком,\n * его размер и позицию браузер считает сам, а руками проставленные атрибуты\n * начинают расходиться с разметкой при любой фильтрации.\n */\nfunction ariaOf(index: number): Record<string, number> {\n  if (!virtualEnabled.value) return {}\n\n  return { 'aria-setsize': props.items!.length, 'aria-posinset': index + 1 }\n}\n\nconst maxHeightStyle = computed(() => {\n  const value = props.maxHeight\n  if (value == null) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n})\n\nconst listStyle = computed(() => {\n  if (props.maxHeight === undefined) return undefined\n\n  const scroller = { overflowY: 'auto' as const, maxHeight: maxHeightStyle.value }\n  if (!virtualEnabled.value) return scroller\n\n  return { ...scroller, ...virtualizer.spacerStyle.value }\n})\n\n/**\n * Замер отрисованных пунктов.\n *\n * Идёт по детям контейнера, а не по `ref` на элементе: пункт рисует слот\n * потребителя, привязать к нему `ref` неоткуда. В виртуальном режиме прямые\n * дети контейнера — ровно окно (распорки живут псевдоэлементами и детьми не\n * считаются), поэтому сопоставление по позиции однозначно.\n */\nfunction measureRendered(): void {\n  if (!virtualEnabled.value) return\n  // В состояниях loading/empty дети контейнера — скелетоны и заглушки: их\n  // высоты записались бы в замеры под индексами будущих строк данных.\n  if (!showItems.value) return\n\n  const container = listEl.value\n  if (!container) return\n\n  const { start } = virtualizer.range.value\n  const children = container.children\n  for (let offset = 0; offset < children.length; offset++) {\n    virtualizer.measure(start + offset, children[offset])\n  }\n}\n\nonMounted(measureRendered)\nonUpdated(measureRendered)\n\nfunction scrollToIndex(index: number, align?: GrVirtualAlign): void {\n  virtualizer.scrollToIndex(index, align)\n}\n\ndefineExpose({ scrollToIndex })\n\nif (import.meta.env?.DEV) {\n  watch(\n    () => [props.virtual, dataMode.value, props.maxHeight] as const,\n    ([virtual, hasItems, maxHeight]) => {\n      if (!virtual) return\n\n      if (!hasItems) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `items` — пункты из слота по умолчанию '\n          + 'список не считает и резать окно ему не из чего.',\n        )\n      }\n      else if (maxHeight === undefined) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `maxHeight` — без ограничения высоты '\n          + 'вьюпорта нет, и в окно попадает весь набор.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => [dataMode.value, Boolean(slots.item)] as const,\n    ([hasItems, hasSlot]) => {\n      if (hasItems && !hasSlot) {\n        console.warn(\n          '[granularity] GrList: с `items` пункты рисует слот `#item` — без него список пуст.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  onMounted(() => {\n    if (!virtualEnabled.value) return\n\n    const first = listEl.value?.firstElementChild\n    if (first && !first.hasAttribute('aria-posinset')) {\n      console.warn(\n        '[granularity] GrList: при `virtual` пункты обязаны нести `aria-setsize`/`aria-posinset` — '\n        + 'пробросьте `aria` из слота `#item`: <GrListItem v-bind=\"aria\" … />. Иначе диктор '\n        + 'посчитает набор по отрисованному окну.',\n      )\n    }\n  })\n}\n</script>\n\n<template>\n  <GrCard :variant=\"variant\">\n    <div\n      ref=\"listEl\"\n      data-gr-list\n      role=\"list\"\n      :class=\"listClass\"\n      :style=\"listStyle\"\n      :tabindex=\"maxHeight === undefined ? undefined : 0\"\n      :data-gr-virtual=\"virtualEnabled ? '' : undefined\"\n      :aria-busy=\"loading ? 'true' : undefined\"\n    >\n      <template v-if=\"loading\">\n        <slot name=\"loading\">\n          <div\n            v-for=\"row in loadingRowCount\"\n            :key=\"row\"\n            data-gr-list-loading-row\n            :class=\"loadingRowClass\"\n          >\n            <GrSkeleton />\n          </div>\n        </slot>\n      </template>\n\n      <div\n        v-else-if=\"isEmpty\"\n        data-gr-list-empty\n        :class=\"emptyClass\"\n      >\n        <slot name=\"empty\">\n          {{ resolvedEmptyText }}\n        </slot>\n      </div>\n\n      <template v-else-if=\"dataMode\">\n        <template\n          v-for=\"entry in renderedItems\"\n          :key=\"keyOf(entry.item, entry.index)\"\n        >\n          <slot\n            name=\"item\"\n            :item=\"entry.item\"\n            :index=\"entry.index\"\n            :aria=\"ariaOf(entry.index)\"\n          />\n        </template>\n      </template>\n\n      <slot v-else />\n    </div>\n  </GrCard>\n</template>\n\n<style scoped>\n/* Срезанное сверху и снизу держат псевдоэлементы контейнера: их не за что\n   размонтировать, в дереве доступности их нет, а высота приезжает переменными\n   в том же патче, что и пункты. Почему не отступы контейнера и не поля крайних\n   пунктов — `docs/virtual-list.md`. */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, useSlots, watch, type Component } from 'vue'\n\nimport {\n  grListItemPaddingClass,\n  itemDescriptionClass,\n  itemDisabledClass,\n  itemHoverClass,\n  itemInteractiveClass,\n  itemLayoutClass,\n  itemTitleClass,\n  type GrListItemDensity,\n} from './grListStyles'\n\nexport type { GrListItemDensity } from './grListStyles'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n  /** Ссылка: строка становится `<a>`. */\n  href?: string\n  /** Свой корневой тег строки (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Кликабельная строка без ссылки — `<button>` с событием `click`. */\n  clickable?: boolean\n  /** Подсветка при наведении без интерактивности. */\n  hoverable?: boolean\n  disabled?: boolean\n}\n\nexport interface GrListItemEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  hoverable: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<GrListItemEmits>()\n\nconst slots = useSlots()\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href || props.clickable))\n\n/**\n * `role=\"listitem\"` остаётся на обёртке, а строка целиком — вложенный элемент:\n * `<a role=\"listitem\">` потерял бы роль ссылки, а интерактив снаружи разорвал бы\n * связку `list` → `listitem`. Обычная строка идёт по той же схеме, чтобы\n * разметка содержимого была написана один раз, а не по копии на ветку.\n */\nconst rowTag = computed<string | Component>(() => {\n  if (!isInteractive.value)\n    return 'div'\n\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  return props.href ? 'a' : 'button'\n})\n\nconst rowClass = computed(() => [\n  itemLayoutClass,\n  grListItemPaddingClass(props.density),\n  isInteractive.value ? `${itemInteractiveClass} ${itemHoverClass}` : '',\n  !isInteractive.value && props.hoverable && !props.disabled ? itemHoverClass : '',\n  props.disabled ? itemDisabledClass : '',\n].filter(Boolean).join(' '))\n\nfunction onClick(event: MouseEvent): void {\n  // `disabled` сюда попадает вместе с обычной строкой: и то и другое —\n  // не-интерактив, а кликов не эмитит ни один.\n  if (!isInteractive.value)\n    return\n\n  emit('click', event)\n}\n\n/** Теги, попадающие в таб-порядок сами. `<a>` — только со ссылкой. */\nfunction isFocusableTag(tag: string): boolean {\n  return tag === 'button' || (tag === 'a' && !!props.href)\n}\n\nif (import.meta.env?.DEV) {\n  watch(\n    () => [isInteractive.value, props.as] as const,\n    ([interactive, as]) => {\n      // Компонент из `as` (`RouterLink`, Inertia `Link`) рендерит `<a>`, но узнать\n      // это до рендера нельзя — предупреждаем только по явно названному тегу.\n      if (!interactive || typeof as !== 'string' || isFocusableTag(as)) return\n\n      console.warn(\n        `[granularity] GrListItem: as=\"${as}\" не попадает в таб-порядок — строка кликается `\n        + 'мышью, но не с клавиатуры. Возьмите тег, умеющий фокус (`button`, `a` со ссылкой), '\n        + 'или компонент роутера.',\n      )\n    },\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <div\n    data-gr-list-item\n    role=\"listitem\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <component\n      :is=\"rowTag\"\n      :data-gr-list-item-action=\"isInteractive ? '' : undefined\"\n      :type=\"rowTag === 'button' ? 'button' : undefined\"\n      :href=\"isInteractive ? href : undefined\"\n      :class=\"rowClass\"\n      @click=\"onClick\"\n    >\n      <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n        <slot name=\"prefix\" />\n      </div>\n      <div class=\"min-w-0 flex-1\">\n        <div v-if=\"hasTitle\" :class=\"itemTitleClass\">\n          <slot name=\"title\">\n{{ title }}\n</slot>\n        </div>\n        <div\n          v-if=\"hasDescription\"\n          :class=\"itemDescriptionClass\"\n        >\n          <slot name=\"description\">\n{{ description }}\n</slot>\n        </div>\n      </div>\n      <div v-if=\"$slots.default\" class=\"shrink-0\">\n        <slot />\n      </div>\n    </component>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, useSlots, watch, type Component } from 'vue'\n\nimport {\n  grListItemPaddingClass,\n  itemDescriptionClass,\n  itemDisabledClass,\n  itemHoverClass,\n  itemInteractiveClass,\n  itemLayoutClass,\n  itemTitleClass,\n  type GrListItemDensity,\n} from './grListStyles'\n\nexport type { GrListItemDensity } from './grListStyles'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n  /** Ссылка: строка становится `<a>`. */\n  href?: string\n  /** Свой корневой тег строки (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Кликабельная строка без ссылки — `<button>` с событием `click`. */\n  clickable?: boolean\n  /** Подсветка при наведении без интерактивности. */\n  hoverable?: boolean\n  disabled?: boolean\n}\n\nexport interface GrListItemEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  hoverable: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<GrListItemEmits>()\n\nconst slots = useSlots()\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href || props.clickable))\n\n/**\n * `role=\"listitem\"` остаётся на обёртке, а строка целиком — вложенный элемент:\n * `<a role=\"listitem\">` потерял бы роль ссылки, а интерактив снаружи разорвал бы\n * связку `list` → `listitem`. Обычная строка идёт по той же схеме, чтобы\n * разметка содержимого была написана один раз, а не по копии на ветку.\n */\nconst rowTag = computed<string | Component>(() => {\n  if (!isInteractive.value)\n    return 'div'\n\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  return props.href ? 'a' : 'button'\n})\n\nconst rowClass = computed(() => [\n  itemLayoutClass,\n  grListItemPaddingClass(props.density),\n  isInteractive.value ? `${itemInteractiveClass} ${itemHoverClass}` : '',\n  !isInteractive.value && props.hoverable && !props.disabled ? itemHoverClass : '',\n  props.disabled ? itemDisabledClass : '',\n].filter(Boolean).join(' '))\n\nfunction onClick(event: MouseEvent): void {\n  // `disabled` сюда попадает вместе с обычной строкой: и то и другое —\n  // не-интерактив, а кликов не эмитит ни один.\n  if (!isInteractive.value)\n    return\n\n  emit('click', event)\n}\n\n/** Теги, попадающие в таб-порядок сами. `<a>` — только со ссылкой. */\nfunction isFocusableTag(tag: string): boolean {\n  return tag === 'button' || (tag === 'a' && !!props.href)\n}\n\nif (import.meta.env?.DEV) {\n  watch(\n    () => [isInteractive.value, props.as] as const,\n    ([interactive, as]) => {\n      // Компонент из `as` (`RouterLink`, Inertia `Link`) рендерит `<a>`, но узнать\n      // это до рендера нельзя — предупреждаем только по явно названному тегу.\n      if (!interactive || typeof as !== 'string' || isFocusableTag(as)) return\n\n      console.warn(\n        `[granularity] GrListItem: as=\"${as}\" не попадает в таб-порядок — строка кликается `\n        + 'мышью, но не с клавиатуры. Возьмите тег, умеющий фокус (`button`, `a` со ссылкой), '\n        + 'или компонент роутера.',\n      )\n    },\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <div\n    data-gr-list-item\n    role=\"listitem\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <component\n      :is=\"rowTag\"\n      :data-gr-list-item-action=\"isInteractive ? '' : undefined\"\n      :type=\"rowTag === 'button' ? 'button' : undefined\"\n      :href=\"isInteractive ? href : undefined\"\n      :class=\"rowClass\"\n      @click=\"onClick\"\n    >\n      <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n        <slot name=\"prefix\" />\n      </div>\n      <div class=\"min-w-0 flex-1\">\n        <div v-if=\"hasTitle\" :class=\"itemTitleClass\">\n          <slot name=\"title\">\n{{ title }}\n</slot>\n        </div>\n        <div\n          v-if=\"hasDescription\"\n          :class=\"itemDescriptionClass\"\n        >\n          <slot name=\"description\">\n{{ description }}\n</slot>\n        </div>\n      </div>\n      <div v-if=\"$slots.default\" class=\"shrink-0\">\n        <slot />\n      </div>\n    </component>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrList-DAtzVIHh.js","names":["$slots"],"sources":["../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrList.vue","../../../../src/components/GrList/GrListItem.vue","../../../../src/components/GrList/GrListItem.vue"],"sourcesContent":["<script setup lang=\"ts\" generic=\"T = unknown\">\nimport { computed, onMounted, onUpdated, ref, useSlots, watch } from 'vue'\n\nimport GrCard from '../GrCard'\nimport type { GrCardVariant } from '../GrCard/grCardStyles'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useVirtualList, type GrVirtualAlign } from '../../composables/useVirtualList'\n\nimport { dividedClass, emptyClass, listSurfaceClass, loadingRowClass } from './grListStyles'\n\nexport interface GrListProps<TItem = unknown> {\n  /**\n   * Поверхность списка — вариант карточки под ним. `ghost` убирает рамку и\n   * тень: список внутри уже существующей карточки не должен давать вторую.\n   */\n  variant?: GrCardVariant\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n  /** Идёт загрузка: вместо пунктов — строки-скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /**\n   * Список пуст. По умолчанию определяется сам — по содержимому слота; проп\n   * нужен там, где потребитель знает лучше (например, слот заполнен\n   * заголовками групп, а данных в них нет).\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /**\n   * Данные списка. С ними пункты рисует слот `#item`, а не слот по умолчанию, —\n   * и только так список знает размер набора, то есть может его виртуализировать.\n   */\n  items?: TItem[]\n  /** Ключ пункта для `v-for`: имя поля или функция. Без него — индекс. */\n  itemKey?: string | ((item: TItem, index: number) => string | number)\n  /** Высота видимой части: контейнер становится скроллером. Число — пиксели. */\n  maxHeight?: number | string\n  /** Держать в DOM только окно вокруг вьюпорта. Требует `items` и `maxHeight`. */\n  virtual?: boolean\n  /** Оценка высоты пункта до замера. Уточняется по факту при первом рендере. */\n  estimatedItemSize?: number\n}\n\nconst props = withDefaults(defineProps<GrListProps<T>>(), {\n  // Дефолт живёт в `GrCard` (и его резолвере `GrConfigProvider`), поэтому здесь\n  // остаётся `undefined` — иначе список перебивал бы настройку карточки.\n  variant: undefined,\n  divided: true,\n  loading: false,\n  loadingRows: 3,\n  empty: undefined,\n  emptyText: undefined,\n  items: undefined,\n  itemKey: undefined,\n  maxHeight: undefined,\n  virtual: false,\n  // Строка обычной плотности с заголовком и описанием.\n  estimatedItemSize: 56,\n})\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst listEl = ref<HTMLElement | null>(null)\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.list.empty', 'Nothing here yet'))\n\nconst dataMode = computed(() => props.items !== undefined)\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое пунктом списка не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  if (dataMode.value)\n    return props.items!.length === 0\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showItems = computed(() => !props.loading && !isEmpty.value)\n\n// Разделители нужны только между пунктами: в пустой и загрузочной ветках они\n// оставили бы висящую линию. Клип по радиусу карточки — безусловный.\nconst listClass = computed(() => [\n  listSurfaceClass,\n  props.divided && showItems.value ? dividedClass : '',\n].filter(Boolean).join(' '))\n\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\n\nconst virtualEnabled = computed(() => props.virtual && dataMode.value && props.maxHeight !== undefined)\n\nconst virtualizer = useVirtualList({\n  container: listEl,\n  count: () => (virtualEnabled.value && showItems.value ? props.items!.length : 0),\n  // Замена массива сбрасывает замеры; append в тот же массив их сохраняет.\n  source: () => props.items,\n  itemSize: () => props.estimatedItemSize,\n  // Первый рендер обязан совпасть с серверным: контейнера ещё нет, и окно\n  // считается от объявленной высоты, а не от измеренной.\n  viewportSize: () => (typeof props.maxHeight === 'number' ? props.maxHeight : undefined),\n})\n\n/** Окно к отрисовке: при выключенной виртуализации — весь набор. */\nconst renderedItems = computed(() => {\n  const items = props.items ?? []\n  if (!virtualEnabled.value) return items.map((item, index) => ({ item, index }))\n\n  const { start, end } = virtualizer.range.value\n  return items.slice(start, end).map((item, offset) => ({ item, index: start + offset }))\n})\n\nfunction keyOf(item: T, index: number): string | number {\n  const key = props.itemKey\n  if (typeof key === 'function') return key(item, index)\n  if (typeof key === 'string') return (item as Record<string, unknown>)[key] as string | number\n\n  return index\n}\n\n/**\n * ARIA-набор для пункта.\n *\n * Только в виртуальном режиме: в DOM тогда неполный набор, и без этих атрибутов\n * диктор объявил бы «7 из 20» на списке в пять тысяч. Когда набор в DOM целиком,\n * его размер и позицию браузер считает сам, а руками проставленные атрибуты\n * начинают расходиться с разметкой при любой фильтрации.\n */\nfunction ariaOf(index: number): Record<string, number> {\n  if (!virtualEnabled.value) return {}\n\n  return { 'aria-setsize': props.items!.length, 'aria-posinset': index + 1 }\n}\n\nconst maxHeightStyle = computed(() => {\n  const value = props.maxHeight\n  if (value == null) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n})\n\nconst listStyle = computed(() => {\n  if (props.maxHeight === undefined) return undefined\n\n  const scroller = { overflowY: 'auto' as const, maxHeight: maxHeightStyle.value }\n  if (!virtualEnabled.value) return scroller\n\n  return { ...scroller, ...virtualizer.spacerStyle.value }\n})\n\n/**\n * Замер отрисованных пунктов.\n *\n * Идёт по детям контейнера, а не по `ref` на элементе: пункт рисует слот\n * потребителя, привязать к нему `ref` неоткуда. В виртуальном режиме прямые\n * дети контейнера — ровно окно (распорки живут псевдоэлементами и детьми не\n * считаются), поэтому сопоставление по позиции однозначно.\n */\nfunction measureRendered(): void {\n  if (!virtualEnabled.value) return\n  // В состояниях loading/empty дети контейнера — скелетоны и заглушки: их\n  // высоты записались бы в замеры под индексами будущих строк данных.\n  if (!showItems.value) return\n\n  const container = listEl.value\n  if (!container) return\n\n  const { start } = virtualizer.range.value\n  const children = container.children\n  for (let offset = 0; offset < children.length; offset++) {\n    virtualizer.measure(start + offset, children[offset])\n  }\n}\n\nonMounted(measureRendered)\nonUpdated(measureRendered)\n\nfunction scrollToIndex(index: number, align?: GrVirtualAlign): void {\n  virtualizer.scrollToIndex(index, align)\n}\n\ndefineExpose({ scrollToIndex })\n\nif (import.meta.env?.DEV) {\n  watch(\n    () => [props.virtual, dataMode.value, props.maxHeight] as const,\n    ([virtual, hasItems, maxHeight]) => {\n      if (!virtual) return\n\n      if (!hasItems) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `items` — пункты из слота по умолчанию '\n          + 'список не считает и резать окно ему не из чего.',\n        )\n      }\n      else if (maxHeight === undefined) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `maxHeight` — без ограничения высоты '\n          + 'вьюпорта нет, и в окно попадает весь набор.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => [dataMode.value, Boolean(slots.item)] as const,\n    ([hasItems, hasSlot]) => {\n      if (hasItems && !hasSlot) {\n        console.warn(\n          '[granularity] GrList: с `items` пункты рисует слот `#item` — без него список пуст.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  onMounted(() => {\n    if (!virtualEnabled.value) return\n\n    const first = listEl.value?.firstElementChild\n    if (first && !first.hasAttribute('aria-posinset')) {\n      console.warn(\n        '[granularity] GrList: при `virtual` пункты обязаны нести `aria-setsize`/`aria-posinset` — '\n        + 'пробросьте `aria` из слота `#item`: <GrListItem v-bind=\"aria\" … />. Иначе диктор '\n        + 'посчитает набор по отрисованному окну.',\n      )\n    }\n  })\n}\n</script>\n\n<template>\n  <GrCard :variant=\"variant\">\n    <div\n      ref=\"listEl\"\n      data-gr-list\n      role=\"list\"\n      :class=\"listClass\"\n      :style=\"listStyle\"\n      :tabindex=\"maxHeight === undefined ? undefined : 0\"\n      :data-gr-virtual=\"virtualEnabled ? '' : undefined\"\n      :aria-busy=\"loading ? 'true' : undefined\"\n    >\n      <template v-if=\"loading\">\n        <slot name=\"loading\">\n          <div\n            v-for=\"row in loadingRowCount\"\n            :key=\"row\"\n            data-gr-list-loading-row\n            :class=\"loadingRowClass\"\n          >\n            <GrSkeleton />\n          </div>\n        </slot>\n      </template>\n\n      <div\n        v-else-if=\"isEmpty\"\n        data-gr-list-empty\n        :class=\"emptyClass\"\n      >\n        <slot name=\"empty\">\n          {{ resolvedEmptyText }}\n        </slot>\n      </div>\n\n      <template v-else-if=\"dataMode\">\n        <template\n          v-for=\"entry in renderedItems\"\n          :key=\"keyOf(entry.item, entry.index)\"\n        >\n          <slot\n            name=\"item\"\n            :item=\"entry.item\"\n            :index=\"entry.index\"\n            :aria=\"ariaOf(entry.index)\"\n          />\n        </template>\n      </template>\n\n      <slot v-else />\n    </div>\n  </GrCard>\n</template>\n\n<style scoped>\n/* Срезанное сверху и снизу держат псевдоэлементы контейнера: их не за что\n   размонтировать, в дереве доступности их нет, а высота приезжает переменными\n   в том же патче, что и пункты. Почему не отступы контейнера и не поля крайних\n   пунктов — `docs/virtual-list.md`. */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n","<script setup lang=\"ts\" generic=\"T = unknown\">\nimport { computed, onMounted, onUpdated, ref, useSlots, watch } from 'vue'\n\nimport GrCard from '../GrCard'\nimport type { GrCardVariant } from '../GrCard/grCardStyles'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useVirtualList, type GrVirtualAlign } from '../../composables/useVirtualList'\n\nimport { dividedClass, emptyClass, listSurfaceClass, loadingRowClass } from './grListStyles'\n\nexport interface GrListProps<TItem = unknown> {\n  /**\n   * Поверхность списка — вариант карточки под ним. `ghost` убирает рамку и\n   * тень: список внутри уже существующей карточки не должен давать вторую.\n   */\n  variant?: GrCardVariant\n  /** Показывать ли горизонтальные разделители между элементами (по умолчанию — да). */\n  divided?: boolean\n  /** Идёт загрузка: вместо пунктов — строки-скелетоны, контейнер помечен `aria-busy`. */\n  loading?: boolean\n  /** Сколько строк-заглушек показать при `loading`. */\n  loadingRows?: number\n  /**\n   * Список пуст. По умолчанию определяется сам — по содержимому слота; проп\n   * нужен там, где потребитель знает лучше (например, слот заполнен\n   * заголовками групп, а данных в них нет).\n   */\n  empty?: boolean\n  /** Текст пустого состояния. Слот `#empty` сильнее. */\n  emptyText?: string\n  /**\n   * Данные списка. С ними пункты рисует слот `#item`, а не слот по умолчанию, —\n   * и только так список знает размер набора, то есть может его виртуализировать.\n   */\n  items?: TItem[]\n  /** Ключ пункта для `v-for`: имя поля или функция. Без него — индекс. */\n  itemKey?: string | ((item: TItem, index: number) => string | number)\n  /** Высота видимой части: контейнер становится скроллером. Число — пиксели. */\n  maxHeight?: number | string\n  /** Держать в DOM только окно вокруг вьюпорта. Требует `items` и `maxHeight`. */\n  virtual?: boolean\n  /** Оценка высоты пункта до замера. Уточняется по факту при первом рендере. */\n  estimatedItemSize?: number\n}\n\nconst props = withDefaults(defineProps<GrListProps<T>>(), {\n  // Дефолт живёт в `GrCard` (и его резолвере `GrConfigProvider`), поэтому здесь\n  // остаётся `undefined` — иначе список перебивал бы настройку карточки.\n  variant: undefined,\n  divided: true,\n  loading: false,\n  loadingRows: 3,\n  empty: undefined,\n  emptyText: undefined,\n  items: undefined,\n  itemKey: undefined,\n  maxHeight: undefined,\n  virtual: false,\n  // Строка обычной плотности с заголовком и описанием.\n  estimatedItemSize: 56,\n})\n\nconst slots = useSlots()\nconst { t } = useGranularityTranslations()\n\nconst listEl = ref<HTMLElement | null>(null)\n\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.list.empty', 'Nothing here yet'))\n\nconst dataMode = computed(() => props.items !== undefined)\n\n// Пустоту видно по слоту: `v-for` по пустому массиву оставляет фрагмент без\n// узлов, `v-if` — комментарий, и ни то ни другое пунктом списка не является.\nconst isEmpty = computed(() => {\n  if (props.empty !== undefined)\n    return props.empty\n\n  if (dataMode.value)\n    return props.items!.length === 0\n\n  return !hasMeaningfulSlotContent(slots.default?.() ?? [])\n})\n\nconst showItems = computed(() => !props.loading && !isEmpty.value)\n\n// Разделители нужны только между пунктами: в пустой и загрузочной ветках они\n// оставили бы висящую линию. Клип по радиусу карточки — безусловный.\nconst listClass = computed(() => [\n  listSurfaceClass,\n  props.divided && showItems.value ? dividedClass : '',\n].filter(Boolean).join(' '))\n\nconst loadingRowCount = computed(() => Math.max(1, Math.trunc(props.loadingRows)))\n\nconst virtualEnabled = computed(() => props.virtual && dataMode.value && props.maxHeight !== undefined)\n\nconst virtualizer = useVirtualList({\n  container: listEl,\n  count: () => (virtualEnabled.value && showItems.value ? props.items!.length : 0),\n  // Замена массива сбрасывает замеры; append в тот же массив их сохраняет.\n  source: () => props.items,\n  itemSize: () => props.estimatedItemSize,\n  // Первый рендер обязан совпасть с серверным: контейнера ещё нет, и окно\n  // считается от объявленной высоты, а не от измеренной.\n  viewportSize: () => (typeof props.maxHeight === 'number' ? props.maxHeight : undefined),\n})\n\n/** Окно к отрисовке: при выключенной виртуализации — весь набор. */\nconst renderedItems = computed(() => {\n  const items = props.items ?? []\n  if (!virtualEnabled.value) return items.map((item, index) => ({ item, index }))\n\n  const { start, end } = virtualizer.range.value\n  return items.slice(start, end).map((item, offset) => ({ item, index: start + offset }))\n})\n\nfunction keyOf(item: T, index: number): string | number {\n  const key = props.itemKey\n  if (typeof key === 'function') return key(item, index)\n  if (typeof key === 'string') return (item as Record<string, unknown>)[key] as string | number\n\n  return index\n}\n\n/**\n * ARIA-набор для пункта.\n *\n * Только в виртуальном режиме: в DOM тогда неполный набор, и без этих атрибутов\n * диктор объявил бы «7 из 20» на списке в пять тысяч. Когда набор в DOM целиком,\n * его размер и позицию браузер считает сам, а руками проставленные атрибуты\n * начинают расходиться с разметкой при любой фильтрации.\n */\nfunction ariaOf(index: number): Record<string, number> {\n  if (!virtualEnabled.value) return {}\n\n  return { 'aria-setsize': props.items!.length, 'aria-posinset': index + 1 }\n}\n\nconst maxHeightStyle = computed(() => {\n  const value = props.maxHeight\n  if (value == null) return undefined\n  return typeof value === 'number' ? `${value}px` : value\n})\n\nconst listStyle = computed(() => {\n  if (props.maxHeight === undefined) return undefined\n\n  const scroller = { overflowY: 'auto' as const, maxHeight: maxHeightStyle.value }\n  if (!virtualEnabled.value) return scroller\n\n  return { ...scroller, ...virtualizer.spacerStyle.value }\n})\n\n/**\n * Замер отрисованных пунктов.\n *\n * Идёт по детям контейнера, а не по `ref` на элементе: пункт рисует слот\n * потребителя, привязать к нему `ref` неоткуда. В виртуальном режиме прямые\n * дети контейнера — ровно окно (распорки живут псевдоэлементами и детьми не\n * считаются), поэтому сопоставление по позиции однозначно.\n */\nfunction measureRendered(): void {\n  if (!virtualEnabled.value) return\n  // В состояниях loading/empty дети контейнера — скелетоны и заглушки: их\n  // высоты записались бы в замеры под индексами будущих строк данных.\n  if (!showItems.value) return\n\n  const container = listEl.value\n  if (!container) return\n\n  const { start } = virtualizer.range.value\n  const children = container.children\n  for (let offset = 0; offset < children.length; offset++) {\n    virtualizer.measure(start + offset, children[offset])\n  }\n}\n\nonMounted(measureRendered)\nonUpdated(measureRendered)\n\nfunction scrollToIndex(index: number, align?: GrVirtualAlign): void {\n  virtualizer.scrollToIndex(index, align)\n}\n\ndefineExpose({ scrollToIndex })\n\nif (import.meta.env?.DEV) {\n  watch(\n    () => [props.virtual, dataMode.value, props.maxHeight] as const,\n    ([virtual, hasItems, maxHeight]) => {\n      if (!virtual) return\n\n      if (!hasItems) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `items` — пункты из слота по умолчанию '\n          + 'список не считает и резать окно ему не из чего.',\n        )\n      }\n      else if (maxHeight === undefined) {\n        console.warn(\n          '[granularity] GrList: `virtual` требует `maxHeight` — без ограничения высоты '\n          + 'вьюпорта нет, и в окно попадает весь набор.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  watch(\n    () => [dataMode.value, Boolean(slots.item)] as const,\n    ([hasItems, hasSlot]) => {\n      if (hasItems && !hasSlot) {\n        console.warn(\n          '[granularity] GrList: с `items` пункты рисует слот `#item` — без него список пуст.',\n        )\n      }\n    },\n    { immediate: true },\n  )\n\n  onMounted(() => {\n    if (!virtualEnabled.value) return\n\n    const first = listEl.value?.firstElementChild\n    if (first && !first.hasAttribute('aria-posinset')) {\n      console.warn(\n        '[granularity] GrList: при `virtual` пункты обязаны нести `aria-setsize`/`aria-posinset` — '\n        + 'пробросьте `aria` из слота `#item`: <GrListItem v-bind=\"aria\" … />. Иначе диктор '\n        + 'посчитает набор по отрисованному окну.',\n      )\n    }\n  })\n}\n</script>\n\n<template>\n  <GrCard :variant=\"variant\">\n    <div\n      ref=\"listEl\"\n      data-gr-list\n      role=\"list\"\n      :class=\"listClass\"\n      :style=\"listStyle\"\n      :tabindex=\"maxHeight === undefined ? undefined : 0\"\n      :data-gr-virtual=\"virtualEnabled ? '' : undefined\"\n      :aria-busy=\"loading ? 'true' : undefined\"\n    >\n      <template v-if=\"loading\">\n        <slot name=\"loading\">\n          <div\n            v-for=\"row in loadingRowCount\"\n            :key=\"row\"\n            data-gr-list-loading-row\n            :class=\"loadingRowClass\"\n          >\n            <GrSkeleton />\n          </div>\n        </slot>\n      </template>\n\n      <div\n        v-else-if=\"isEmpty\"\n        data-gr-list-empty\n        :class=\"emptyClass\"\n      >\n        <slot name=\"empty\">\n          {{ resolvedEmptyText }}\n        </slot>\n      </div>\n\n      <template v-else-if=\"dataMode\">\n        <template\n          v-for=\"entry in renderedItems\"\n          :key=\"keyOf(entry.item, entry.index)\"\n        >\n          <slot\n            name=\"item\"\n            :item=\"entry.item\"\n            :index=\"entry.index\"\n            :aria=\"ariaOf(entry.index)\"\n          />\n        </template>\n      </template>\n\n      <slot v-else />\n    </div>\n  </GrCard>\n</template>\n\n<style scoped>\n/* Срезанное сверху и снизу держат псевдоэлементы контейнера: их не за что\n   размонтировать, в дереве доступности их нет, а высота приезжает переменными\n   в том же патче, что и пункты. Почему не отступы контейнера и не поля крайних\n   пунктов — `docs/virtual-list.md`. */\n[data-gr-virtual]::before,\n[data-gr-virtual]::after {\n    content: '';\n    display: block;\n    flex: none;\n}\n\n[data-gr-virtual]::before {\n    height: var(--gr-virtual-before, 0px);\n}\n\n[data-gr-virtual]::after {\n    height: var(--gr-virtual-after, 0px);\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, useSlots, watch, type Component } from 'vue'\n\nimport {\n  grListItemPaddingClass,\n  itemDescriptionClass,\n  itemDisabledClass,\n  itemHoverClass,\n  itemInteractiveClass,\n  itemLayoutClass,\n  itemTitleClass,\n  type GrListItemDensity,\n} from './grListStyles'\n\nexport type { GrListItemDensity } from './grListStyles'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n  /** Ссылка: строка становится `<a>`. */\n  href?: string\n  /** Свой корневой тег строки (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Кликабельная строка без ссылки — `<button>` с событием `click`. */\n  clickable?: boolean\n  /** Подсветка при наведении без интерактивности. */\n  hoverable?: boolean\n  disabled?: boolean\n}\n\nexport interface GrListItemEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  hoverable: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<GrListItemEmits>()\n\nconst slots = useSlots()\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href || props.clickable))\n\n/**\n * `role=\"listitem\"` остаётся на обёртке, а строка целиком — вложенный элемент:\n * `<a role=\"listitem\">` потерял бы роль ссылки, а интерактив снаружи разорвал бы\n * связку `list` → `listitem`. Обычная строка идёт по той же схеме, чтобы\n * разметка содержимого была написана один раз, а не по копии на ветку.\n */\nconst rowTag = computed<string | Component>(() => {\n  if (!isInteractive.value)\n    return 'div'\n\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  return props.href ? 'a' : 'button'\n})\n\nconst rowClass = computed(() => [\n  itemLayoutClass,\n  grListItemPaddingClass(props.density),\n  isInteractive.value ? `${itemInteractiveClass} ${itemHoverClass}` : '',\n  !isInteractive.value && props.hoverable && !props.disabled ? itemHoverClass : '',\n  props.disabled ? itemDisabledClass : '',\n].filter(Boolean).join(' '))\n\nfunction onClick(event: MouseEvent): void {\n  // `disabled` сюда попадает вместе с обычной строкой: и то и другое —\n  // не-интерактив, а кликов не эмитит ни один.\n  if (!isInteractive.value)\n    return\n\n  emit('click', event)\n}\n\n/** Теги, попадающие в таб-порядок сами. `<a>` — только со ссылкой. */\nfunction isFocusableTag(tag: string): boolean {\n  return tag === 'button' || (tag === 'a' && !!props.href)\n}\n\nif (import.meta.env?.DEV) {\n  watch(\n    () => [isInteractive.value, props.as] as const,\n    ([interactive, as]) => {\n      // Компонент из `as` (`RouterLink`, Inertia `Link`) рендерит `<a>`, но узнать\n      // это до рендера нельзя — предупреждаем только по явно названному тегу.\n      if (!interactive || typeof as !== 'string' || isFocusableTag(as)) return\n\n      console.warn(\n        `[granularity] GrListItem: as=\"${as}\" не попадает в таб-порядок — строка кликается `\n        + 'мышью, но не с клавиатуры. Возьмите тег, умеющий фокус (`button`, `a` со ссылкой), '\n        + 'или компонент роутера.',\n      )\n    },\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <div\n    data-gr-list-item\n    role=\"listitem\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <component\n      :is=\"rowTag\"\n      :data-gr-list-item-action=\"isInteractive ? '' : undefined\"\n      :type=\"rowTag === 'button' ? 'button' : undefined\"\n      :href=\"isInteractive ? href : undefined\"\n      :class=\"rowClass\"\n      @click=\"onClick\"\n    >\n      <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n        <slot name=\"prefix\" />\n      </div>\n      <div class=\"min-w-0 flex-1\">\n        <div v-if=\"hasTitle\" :class=\"itemTitleClass\">\n          <slot name=\"title\">\n{{ title }}\n</slot>\n        </div>\n        <div\n          v-if=\"hasDescription\"\n          :class=\"itemDescriptionClass\"\n        >\n          <slot name=\"description\">\n{{ description }}\n</slot>\n        </div>\n      </div>\n      <div v-if=\"$slots.default\" class=\"shrink-0\">\n        <slot />\n      </div>\n    </component>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, markRaw, useSlots, watch, type Component } from 'vue'\n\nimport {\n  grListItemPaddingClass,\n  itemDescriptionClass,\n  itemDisabledClass,\n  itemHoverClass,\n  itemInteractiveClass,\n  itemLayoutClass,\n  itemTitleClass,\n  type GrListItemDensity,\n} from './grListStyles'\n\nexport type { GrListItemDensity } from './grListStyles'\n\nexport interface GrListItemProps {\n  /** Заголовок строки. Если передан слот `#title`, проп игнорируется. */\n  title?: string\n  /** Описание под заголовком. Если передан слот `#description`, проп игнорируется. */\n  description?: string\n  /** Плотность вертикальных отступов: `regular` — 12px, `compact` — 8px. */\n  density?: GrListItemDensity\n  /** Ссылка: строка становится `<a>`. */\n  href?: string\n  /** Свой корневой тег строки (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Кликабельная строка без ссылки — `<button>` с событием `click`. */\n  clickable?: boolean\n  /** Подсветка при наведении без интерактивности. */\n  hoverable?: boolean\n  disabled?: boolean\n}\n\nexport interface GrListItemEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(defineProps<GrListItemProps>(), {\n  title: undefined,\n  description: undefined,\n  density: 'regular',\n  href: undefined,\n  as: undefined,\n  clickable: false,\n  hoverable: false,\n  disabled: false,\n})\n\nconst emit = defineEmits<GrListItemEmits>()\n\nconst slots = useSlots()\n\nconst hasTitle = computed(() => !!slots.title || !!props.title)\nconst hasDescription = computed(() => !!slots.description || !!props.description)\n\nconst isInteractive = computed(() => !props.disabled && (!!props.as || !!props.href || props.clickable))\n\n/**\n * `role=\"listitem\"` остаётся на обёртке, а строка целиком — вложенный элемент:\n * `<a role=\"listitem\">` потерял бы роль ссылки, а интерактив снаружи разорвал бы\n * связку `list` → `listitem`. Обычная строка идёт по той же схеме, чтобы\n * разметка содержимого была написана один раз, а не по копии на ветку.\n */\nconst rowTag = computed<string | Component>(() => {\n  if (!isInteractive.value)\n    return 'div'\n\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  return props.href ? 'a' : 'button'\n})\n\nconst rowClass = computed(() => [\n  itemLayoutClass,\n  grListItemPaddingClass(props.density),\n  isInteractive.value ? `${itemInteractiveClass} ${itemHoverClass}` : '',\n  !isInteractive.value && props.hoverable && !props.disabled ? itemHoverClass : '',\n  props.disabled ? itemDisabledClass : '',\n].filter(Boolean).join(' '))\n\nfunction onClick(event: MouseEvent): void {\n  // `disabled` сюда попадает вместе с обычной строкой: и то и другое —\n  // не-интерактив, а кликов не эмитит ни один.\n  if (!isInteractive.value)\n    return\n\n  emit('click', event)\n}\n\n/** Теги, попадающие в таб-порядок сами. `<a>` — только со ссылкой. */\nfunction isFocusableTag(tag: string): boolean {\n  return tag === 'button' || (tag === 'a' && !!props.href)\n}\n\nif (import.meta.env?.DEV) {\n  watch(\n    () => [isInteractive.value, props.as] as const,\n    ([interactive, as]) => {\n      // Компонент из `as` (`RouterLink`, Inertia `Link`) рендерит `<a>`, но узнать\n      // это до рендера нельзя — предупреждаем только по явно названному тегу.\n      if (!interactive || typeof as !== 'string' || isFocusableTag(as)) return\n\n      console.warn(\n        `[granularity] GrListItem: as=\"${as}\" не попадает в таб-порядок — строка кликается `\n        + 'мышью, но не с клавиатуры. Возьмите тег, умеющий фокус (`button`, `a` со ссылкой), '\n        + 'или компонент роутера.',\n      )\n    },\n    { immediate: true },\n  )\n}\n</script>\n\n<template>\n  <div\n    data-gr-list-item\n    role=\"listitem\"\n    :aria-disabled=\"disabled ? 'true' : undefined\"\n  >\n    <component\n      :is=\"rowTag\"\n      :data-gr-list-item-action=\"isInteractive ? '' : undefined\"\n      :type=\"rowTag === 'button' ? 'button' : undefined\"\n      :href=\"isInteractive ? href : undefined\"\n      :class=\"rowClass\"\n      @click=\"onClick\"\n    >\n      <div v-if=\"$slots.prefix\" class=\"shrink-0\">\n        <slot name=\"prefix\" />\n      </div>\n      <div class=\"min-w-0 flex-1\">\n        <div v-if=\"hasTitle\" :class=\"itemTitleClass\">\n          <slot name=\"title\">\n{{ title }}\n</slot>\n        </div>\n        <div\n          v-if=\"hasDescription\"\n          :class=\"itemDescriptionClass\"\n        >\n          <slot name=\"description\">\n{{ description }}\n</slot>\n        </div>\n      </div>\n      <div v-if=\"$slots.default\" class=\"shrink-0\">\n        <slot />\n      </div>\n    </component>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+CA,MAAM,QAAQ;EAiBd,MAAM,QAAQ,SAAS;EACvB,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,SAAS,IAAwB,IAAI;EAE3C,MAAM,oBAAoB,eAAe,MAAM,aAAa,EAAE,iBAAiB,kBAAkB,CAAC;EAElG,MAAM,WAAW,eAAe,MAAM,UAAU,KAAA,CAAS;EAIzD,MAAM,UAAU,eAAe;GAC7B,IAAI,MAAM,UAAU,KAAA,GAClB,OAAO,MAAM;GAEf,IAAI,SAAS,OACX,OAAO,MAAM,MAAO,WAAW;GAEjC,OAAO,CAAC,yBAAyB,MAAM,UAAU,KAAK,CAAC,CAAC;EAC1D,CAAC;EAED,MAAM,YAAY,eAAe,CAAC,MAAM,WAAW,CAAC,QAAQ,KAAK;EAIjE,MAAM,YAAY,eAAe,CAC/B,kBACA,MAAM,WAAW,UAAU,QAAQ,eAAe,EACpD,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;EAE3B,MAAM,kBAAkB,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,WAAW,CAAC,CAAC;EAEjF,MAAM,iBAAiB,eAAe,MAAM,WAAW,SAAS,SAAS,MAAM,cAAc,KAAA,CAAS;EAEtG,MAAM,cAAc,eAAe;GACjC,WAAW;GACX,aAAc,eAAe,SAAS,UAAU,QAAQ,MAAM,MAAO,SAAS;GAE9E,cAAc,MAAM;GACpB,gBAAgB,MAAM;GAGtB,oBAAqB,OAAO,MAAM,cAAc,WAAW,MAAM,YAAY,KAAA;EAC/E,CAAC;;EAGD,MAAM,gBAAgB,eAAe;GACnC,MAAM,QAAQ,MAAM,SAAS,CAAC;GAC9B,IAAI,CAAC,eAAe,OAAO,OAAO,MAAM,KAAK,MAAM,WAAW;IAAE;IAAM;GAAM,EAAE;GAE9E,MAAM,EAAE,OAAO,QAAQ,YAAY,MAAM;GACzC,OAAO,MAAM,MAAM,OAAO,GAAG,CAAC,CAAC,KAAK,MAAM,YAAY;IAAE;IAAM,OAAO,QAAQ;GAAO,EAAE;EACxF,CAAC;EAED,SAAS,MAAM,MAAS,OAAgC;GACtD,MAAM,MAAM,MAAM;GAClB,IAAI,OAAO,QAAQ,YAAY,OAAO,IAAI,MAAM,KAAK;GACrD,IAAI,OAAO,QAAQ,UAAU,OAAQ,KAAiC;GAEtE,OAAO;EACT;;;;;;;;;EAUA,SAAS,OAAO,OAAuC;GACrD,IAAI,CAAC,eAAe,OAAO,OAAO,CAAC;GAEnC,OAAO;IAAE,gBAAgB,MAAM,MAAO;IAAQ,iBAAiB,QAAQ;GAAE;EAC3E;EAEA,MAAM,iBAAiB,eAAe;GACpC,MAAM,QAAQ,MAAM;GACpB,IAAI,SAAS,MAAM,OAAO,KAAA;GAC1B,OAAO,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM;EACpD,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,IAAI,MAAM,cAAc,KAAA,GAAW,OAAO,KAAA;GAE1C,MAAM,WAAW;IAAE,WAAW;IAAiB,WAAW,eAAe;GAAM;GAC/E,IAAI,CAAC,eAAe,OAAO,OAAO;GAElC,OAAO;IAAE,GAAG;IAAU,GAAG,YAAY,YAAY;GAAM;EACzD,CAAC;;;;;;;;;EAUD,SAAS,kBAAwB;GAC/B,IAAI,CAAC,eAAe,OAAO;GAG3B,IAAI,CAAC,UAAU,OAAO;GAEtB,MAAM,YAAY,OAAO;GACzB,IAAI,CAAC,WAAW;GAEhB,MAAM,EAAE,UAAU,YAAY,MAAM;GACpC,MAAM,WAAW,UAAU;GAC3B,KAAK,IAAI,SAAS,GAAG,SAAS,SAAS,QAAQ,UAC7C,YAAY,QAAQ,QAAQ,QAAQ,SAAS,OAAO;EAExD;EAEA,UAAU,eAAe;EACzB,UAAU,eAAe;EAEzB,SAAS,cAAc,OAAe,OAA8B;GAClE,YAAY,cAAc,OAAO,KAAK;EACxC;EAEA,SAAa,EAAE,cAAc,CAAC;;uBAoD5B,YAkDS,MAAA,cAAA,GAAA,EAlDA,SAAS,QAAA,QAAO,GAAA;2BAiDjB,CAhDN,mBAgDM,OAAA;cA/CA;KAAJ,KAAI;KACJ,gBAAA;KACA,MAAK;KACJ,OAAK,eAAE,UAAA,KAAS;KAChB,OAAK,eAAE,UAAA,KAAS;KAChB,UAAU,QAAA,cAAc,KAAA,IAAY,KAAA,IAAS;KAC7C,mBAAiB,eAAA,QAAc,KAAQ,KAAA;KACvC,aAAW,QAAA,UAAO,SAAY,KAAA;QAEf,QAAA,UACd,WASO,KAAA,QAAA,WAAA,CAAA,SAAA,EAAA,UAAA,IAAA,GARL,mBAOM,UAAA,MAAA,WANU,gBAAA,QAAP,QAAG;yBADZ,mBAOM,OAAA;MALH,KAAK;MACN,4BAAA;MACC,OAAK,eAAE,MAAA,eAAA,CAAe;SAEvB,YAAc,kBAAA,CAAA,GAAA,CAAA;2BAMP,QAAA,SAAA,UAAA,GADb,mBAQM,OAAA;;KANJ,sBAAA;KACC,OAAK,eAAE,MAAA,UAAA,CAAU;QAElB,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,kBAAA,KAAiB,GAAA,CAAA,CAAA,GAAA,IAAA,CAAA,GAAA,CAAA,KAIH,SAAA,SAAA,UAAA,IAAA,GACnB,mBAUW,UAAA,EAAA,KAAA,EAAA,GAAA,WATO,cAAA,QAAT,UAAK;YAGZ,WAKE,KAAA,QAAA,QAAA;MAHC,MAAM,MAAM;MACZ,OAAO,MAAM;MACb,MAAM,OAAO,MAAM,KAAK;sBANrB,MAAM,MAAM,MAAM,MAAM,KAAK,CAAA;gBAWvC,WAAe,KAAA,QAAA,WAAA,CAAA,GAAA,KAAA,GAAA,MAAA,CAAA,CAAA,GAAA,IAAA,YAAA,CAAA,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EExPrB,MAAM,QAAQ;EAWd,MAAM,OAAO;EAEb,MAAM,QAAQ,SAAS;EAEvB,MAAM,WAAW,eAAe,CAAC,CAAC,MAAM,SAAS,CAAC,CAAC,MAAM,KAAK;EAC9D,MAAM,iBAAiB,eAAe,CAAC,CAAC,MAAM,eAAe,CAAC,CAAC,MAAM,WAAW;EAEhF,MAAM,gBAAgB,eAAe,CAAC,MAAM,aAAa,CAAC,CAAC,MAAM,MAAM,CAAC,CAAC,MAAM,QAAQ,MAAM,UAAU;;;;;;;EAQvG,MAAM,SAAS,eAAmC;GAChD,IAAI,CAAC,cAAc,OACjB,OAAO;GAET,IAAI,MAAM,IACR,OAAO,OAAO,MAAM,OAAO,WAAW,MAAM,KAAK,QAAQ,MAAM,EAAE;GAEnE,OAAO,MAAM,OAAO,MAAM;EAC5B,CAAC;EAED,MAAM,WAAW,eAAe;GAC9B;GACA,uBAAuB,MAAM,OAAO;GACpC,cAAc,QAAQ,GAAG,qBAAqB,GAAG,mBAAmB;GACpE,CAAC,cAAc,SAAS,MAAM,aAAa,CAAC,MAAM,WAAW,iBAAiB;GAC9E,MAAM,WAAW,oBAAoB;EACvC,CAAC,CAAC,OAAO,OAAO,CAAC,CAAC,KAAK,GAAG,CAAC;EAE3B,SAAS,QAAQ,OAAyB;GAGxC,IAAI,CAAC,cAAc,OACjB;GAEF,KAAK,SAAS,KAAK;EACrB;;uBA2BE,mBAmCM,OAAA;IAlCJ,qBAAA;IACA,MAAK;IACJ,iBAAe,QAAA,WAAQ,SAAY,KAAA;qBAEpC,YA6BY,wBA5BL,OAAA,KAAM,GAAA;IACV,4BAA0B,cAAA,QAAa,KAAQ,KAAA;IAC/C,MAAM,OAAA,UAAM,WAAA,WAA2B,KAAA;IACvC,MAAM,cAAA,QAAgB,QAAA,OAAO,KAAA;IAC7B,OAAK,eAAE,SAAA,KAAQ;IACR;;2BAIF;KAFKA,KAAAA,OAAO,UAAA,UAAA,GAAlB,mBAEM,OAFN,YAEM,CADJ,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAExB,mBAcM,OAdN,YAcM,CAbO,SAAA,SAAA,UAAA,GAAX,mBAIM,OAAA;;MAJgB,OAAK,eAAE,MAAA,cAAA,CAAc;SACzC,WAEH,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADJ,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAIQ,eAAA,SAAA,UAAA,GADR,mBAOM,OAAA;;MALH,OAAK,eAAE,MAAA,oBAAA,CAAoB;SAE5B,WAEH,KAAA,QAAA,eAAA,CAAA,SAAA,CAAA,gBAAA,gBADJ,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA;KAIGA,KAAAA,OAAO,WAAA,UAAA,GAAlB,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrList/index.js

@@ -1,3 +1,3 @@
 import { n as grListSafelist, t as grListConfig } from "../../chunks/config-CKULiuvc.js";
-import { n as GrList_default, t as GrListItem_default } from "./chunks/GrList-BRYhpqIe.js";
+import { n as GrList_default, t as GrListItem_default } from "./chunks/GrList-DAtzVIHh.js";
 export { GrList_default as GrList, GrList_default as default, GrListItem_default as GrListItem, grListConfig, grListSafelist };

package/dist/components/GrLoading/chunks/{GrLoading-C3DZSSuh.js → GrLoading-DeBFTvFX.js}

@@ -6,7 +6,7 @@ import { computed, createBlock, createCommentVNode, createElementBlock, createEl
 //#region src/components/GrLoading/GrLoading.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = {
 	"data-gr-loading-panel": "",
-	class: "flex flex-col items-center justify-center gap-2 text-center rounded-[var(--gr-radius-md)] bg-[var(--gr-bg)]/55 px-5 py-4 shadow-lg"
+	class: "flex flex-col items-center justify-center gap-2 text-center rounded-[var(--gr-radius-md)] bg-[var(--gr-bg)]/55 px-5 py-4 shadow-[var(--gr-shadow-2)]"
 };
 var _hoisted_2 = {
 	key: 0,

package/dist/components/GrLoading/chunks/GrLoading-DeBFTvFX.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrLoading-DeBFTvFX.js","names":[],"sources":["../../../../src/components/GrLoading/GrLoading.vue","../../../../src/components/GrLoading/GrLoading.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport type { GrIconSize, GrIconTone } from '../GrIcon/grIconStyles'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { grLoadingRootClass } from './grLoadingStyles'\n\n/**\n * Пропы {@link GrLoading}.\n *\n * Оверлей загрузки: спиннер с подписью поверх соседнего контента. `fullscreen`\n * накрывает весь экран, иначе оверлей ложится на ближайшего позиционированного\n * предка.\n */\nexport interface GrLoadingProps {\n  /** Подпись под спиннером. Пустая строка убирает её совсем. По умолчанию — из локали. */\n  text?: string\n  /** Свой компонент спиннера вместо иконки по умолчанию. */\n  spinner?: Component\n  /** Дополнительные классы обёртки спиннера. */\n  spinnerClass?: string\n  /** Размер спиннера: шкала пакета либо произвольный в пикселях. */\n  spinnerSize?: GrIconSize | number\n  /** Тон спиннера из палитры. */\n  spinnerTone?: GrIconTone\n  /** Вращение спиннера. По умолчанию включено. */\n  animated?: boolean\n  /** Свой `background-color`. Задан — дефолтный скрим `--gr-overlay-bg` снимается. */\n  background?: string\n  /** Накрыть весь экран (`position: fixed`) вместо ближайшего позиционированного предка. */\n  fullscreen?: boolean\n  /** Имя CSS-переменной слоя — escape-hatch мимо `--gr-z-loading`. */\n  zIndexVar?: string\n  /** Задержка показа в миллисекундах: короткая загрузка не мигает оверлеем. */\n  delay?: number\n  /** Дополнительные классы корня оверлея. */\n  customClass?: string\n}\n\nexport interface GrLoadingEmits {\n  /**\n   * Оверлей появился на экране — сразу или по истечении `delay`. По этому\n   * событию директива блокирует контент под оверлеем: до показа блокировать\n   * нечего, иначе быстрый запрос молча «замораживал» бы форму.\n   */\n  (e: 'show'): void\n}\n\nconst props = withDefaults(\n  defineProps<GrLoadingProps>(),\n  {\n    text: undefined,\n    spinner: undefined,\n    spinnerClass: undefined,\n    // 28px не входит в шкалу иконок (14–20): спиннер загрузки — самостоятельный\n    // акцент панели, а не иконка рядом с текстом.\n    spinnerSize: 28,\n    spinnerTone: 'neutral',\n    animated: true,\n    background: undefined,\n    fullscreen: false,\n    zIndexVar: undefined,\n    delay: 0,\n    customClass: undefined,\n  },\n)\n\nconst emit = defineEmits<GrLoadingEmits>()\n\ndefineSlots<{\n  /** Содержимое панели целиком вместо спиннера с подписью. */\n  default?: () => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst Spinner = computed(() => props.spinner ?? IconLoader)\n\nconst displayText = computed(() => props.text ?? t('gr.loading.defaultText', 'Loading...'))\n\nconst rootClass = computed(() => {\n  return grLoadingRootClass({\n    fullscreen: props.fullscreen,\n    hasBackground: props.background !== undefined,\n    customClass: props.customClass,\n  })\n})\n\nconst rootStyle = computed(() => {\n  return {\n    backgroundColor: props.background,\n    zIndex: props.zIndexVar ? `var(${props.zIndexVar})` : undefined,\n  } as Record<string, string | undefined>\n})\n\n// Оверлей на быстром запросе успевает мигнуть и раздражает сильнее, чем его\n// отсутствие. Отсчёт начинается с монтирования: компонент создаётся ровно в\n// момент старта загрузки — и в `v-if`, и в директиве.\nconst visible = ref(props.delay <= 0)\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\n\nonMounted(() => {\n  if (visible.value) {\n    emit('show')\n    return\n  }\n\n  delayTimer = setTimeout(() => {\n    visible.value = true\n    emit('show')\n  }, props.delay)\n})\n\nonBeforeUnmount(() => {\n  clearTimeout(delayTimer)\n})\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    data-gr-loading\n    class=\"flex items-center justify-center cursor-wait select-none pointer-events-auto\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div\n      data-gr-loading-panel\n      class=\"flex flex-col items-center justify-center gap-2 text-center rounded-[var(--gr-radius-md)] bg-[var(--gr-bg)]/55 px-5 py-4 shadow-[var(--gr-shadow-2)]\"\n    >\n      <slot>\n        <GrIcon\n          data-gr-loading-spinner\n          :size=\"spinnerSize\"\n          :tone=\"spinnerTone\"\n          :spin=\"animated\"\n          :class=\"spinnerClass\"\n        >\n          <component :is=\"Spinner\" />\n        </GrIcon>\n        <div v-if=\"displayText\" data-gr-loading-text class=\"text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]\">\n          {{ displayText }}\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onBeforeUnmount, onMounted, ref, type Component } from 'vue'\n\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport type { GrIconSize, GrIconTone } from '../GrIcon/grIconStyles'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { grLoadingRootClass } from './grLoadingStyles'\n\n/**\n * Пропы {@link GrLoading}.\n *\n * Оверлей загрузки: спиннер с подписью поверх соседнего контента. `fullscreen`\n * накрывает весь экран, иначе оверлей ложится на ближайшего позиционированного\n * предка.\n */\nexport interface GrLoadingProps {\n  /** Подпись под спиннером. Пустая строка убирает её совсем. По умолчанию — из локали. */\n  text?: string\n  /** Свой компонент спиннера вместо иконки по умолчанию. */\n  spinner?: Component\n  /** Дополнительные классы обёртки спиннера. */\n  spinnerClass?: string\n  /** Размер спиннера: шкала пакета либо произвольный в пикселях. */\n  spinnerSize?: GrIconSize | number\n  /** Тон спиннера из палитры. */\n  spinnerTone?: GrIconTone\n  /** Вращение спиннера. По умолчанию включено. */\n  animated?: boolean\n  /** Свой `background-color`. Задан — дефолтный скрим `--gr-overlay-bg` снимается. */\n  background?: string\n  /** Накрыть весь экран (`position: fixed`) вместо ближайшего позиционированного предка. */\n  fullscreen?: boolean\n  /** Имя CSS-переменной слоя — escape-hatch мимо `--gr-z-loading`. */\n  zIndexVar?: string\n  /** Задержка показа в миллисекундах: короткая загрузка не мигает оверлеем. */\n  delay?: number\n  /** Дополнительные классы корня оверлея. */\n  customClass?: string\n}\n\nexport interface GrLoadingEmits {\n  /**\n   * Оверлей появился на экране — сразу или по истечении `delay`. По этому\n   * событию директива блокирует контент под оверлеем: до показа блокировать\n   * нечего, иначе быстрый запрос молча «замораживал» бы форму.\n   */\n  (e: 'show'): void\n}\n\nconst props = withDefaults(\n  defineProps<GrLoadingProps>(),\n  {\n    text: undefined,\n    spinner: undefined,\n    spinnerClass: undefined,\n    // 28px не входит в шкалу иконок (14–20): спиннер загрузки — самостоятельный\n    // акцент панели, а не иконка рядом с текстом.\n    spinnerSize: 28,\n    spinnerTone: 'neutral',\n    animated: true,\n    background: undefined,\n    fullscreen: false,\n    zIndexVar: undefined,\n    delay: 0,\n    customClass: undefined,\n  },\n)\n\nconst emit = defineEmits<GrLoadingEmits>()\n\ndefineSlots<{\n  /** Содержимое панели целиком вместо спиннера с подписью. */\n  default?: () => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst Spinner = computed(() => props.spinner ?? IconLoader)\n\nconst displayText = computed(() => props.text ?? t('gr.loading.defaultText', 'Loading...'))\n\nconst rootClass = computed(() => {\n  return grLoadingRootClass({\n    fullscreen: props.fullscreen,\n    hasBackground: props.background !== undefined,\n    customClass: props.customClass,\n  })\n})\n\nconst rootStyle = computed(() => {\n  return {\n    backgroundColor: props.background,\n    zIndex: props.zIndexVar ? `var(${props.zIndexVar})` : undefined,\n  } as Record<string, string | undefined>\n})\n\n// Оверлей на быстром запросе успевает мигнуть и раздражает сильнее, чем его\n// отсутствие. Отсчёт начинается с монтирования: компонент создаётся ровно в\n// момент старта загрузки — и в `v-if`, и в директиве.\nconst visible = ref(props.delay <= 0)\nlet delayTimer: ReturnType<typeof setTimeout> | undefined\n\nonMounted(() => {\n  if (visible.value) {\n    emit('show')\n    return\n  }\n\n  delayTimer = setTimeout(() => {\n    visible.value = true\n    emit('show')\n  }, props.delay)\n})\n\nonBeforeUnmount(() => {\n  clearTimeout(delayTimer)\n})\n</script>\n\n<template>\n  <div\n    v-if=\"visible\"\n    data-gr-loading\n    class=\"flex items-center justify-center cursor-wait select-none pointer-events-auto\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n    role=\"status\"\n    aria-live=\"polite\"\n  >\n    <div\n      data-gr-loading-panel\n      class=\"flex flex-col items-center justify-center gap-2 text-center rounded-[var(--gr-radius-md)] bg-[var(--gr-bg)]/55 px-5 py-4 shadow-[var(--gr-shadow-2)]\"\n    >\n      <slot>\n        <GrIcon\n          data-gr-loading-spinner\n          :size=\"spinnerSize\"\n          :tone=\"spinnerTone\"\n          :spin=\"animated\"\n          :class=\"spinnerClass\"\n        >\n          <component :is=\"Spinner\" />\n        </GrIcon>\n        <div v-if=\"displayText\" data-gr-loading-text class=\"text-[length:var(--gr-text-sm)] leading-[var(--gr-leading-sm)] text-[var(--gr-muted-fg)]\">\n          {{ displayText }}\n        </div>\n      </slot>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmDA,MAAM,QAAQ;EAmBd,MAAM,OAAO;EAOb,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,UAAU,eAAe,MAAM,WAAW,qBAAU;EAE1D,MAAM,cAAc,eAAe,MAAM,QAAQ,EAAE,0BAA0B,YAAY,CAAC;EAE1F,MAAM,YAAY,eAAe;GAC/B,OAAO,mBAAmB;IACxB,YAAY,MAAM;IAClB,eAAe,MAAM,eAAe,KAAA;IACpC,aAAa,MAAM;GACrB,CAAC;EACH,CAAC;EAED,MAAM,YAAY,eAAe;GAC/B,OAAO;IACL,iBAAiB,MAAM;IACvB,QAAQ,MAAM,YAAY,OAAO,MAAM,UAAU,KAAK,KAAA;GACxD;EACF,CAAC;EAKD,MAAM,UAAU,IAAI,MAAM,SAAS,CAAC;EACpC,IAAI;EAEJ,gBAAgB;GACd,IAAI,QAAQ,OAAO;IACjB,KAAK,MAAM;IACX;GACF;GAEA,aAAa,iBAAiB;IAC5B,QAAQ,QAAQ;IAChB,KAAK,MAAM;GACb,GAAG,MAAM,KAAK;EAChB,CAAC;EAED,sBAAsB;GACpB,aAAa,UAAU;EACzB,CAAC;;UAKS,QAAA,SAAA,UAAA,GADR,mBA4BM,OAAA;;IA1BJ,mBAAA;IACA,OAAK,eAAA,CAAC,gFACE,UAAA,KAAS,CAAA;IAChB,OAAK,eAAE,UAAA,KAAS;IACjB,MAAK;IACL,aAAU;OAEV,mBAkBM,OAlBN,YAkBM,CAdJ,WAaO,KAAA,QAAA,WAAA,CAAA,SAAA,CAZL,YAQS,gBAAA;IAPP,2BAAA;IACC,MAAM,QAAA;IACN,MAAM,QAAA;IACN,MAAM,QAAA;IACN,OAAK,eAAE,QAAA,YAAY;;2BAEO,EAAA,UAAA,GAA3B,YAA2B,wBAAX,QAAA,KAAO,CAAA,EAAA,CAAA;;;;;;;OAEd,YAAA,SAAA,UAAA,GAAX,mBAEM,OAFN,YAEM,gBADD,YAAA,KAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrLoading/index.js

@@ -1,3 +1,3 @@
-import { t as GrLoading_default } from "./chunks/GrLoading-C3DZSSuh.js";
+import { t as GrLoading_default } from "./chunks/GrLoading-DeBFTvFX.js";
 import { n as grLoadingSafelist, t as grLoadingConfig } from "../../chunks/config-CjnbevbD.js";
 export { GrLoading_default as GrLoading, GrLoading_default as default, grLoadingConfig, grLoadingSafelist };

package/dist/components/GrPopover/index.js

@@ -1,3 +1,3 @@
 import { t as GrPopover_default } from "./chunks/GrPopover-b70bIlQ9.js";
-import { n as grPopoverSafelist, t as grPopoverConfig } from "../../chunks/config-BSyiFlbi.js";
+import { n as grPopoverSafelist, t as grPopoverConfig } from "../../chunks/config-BSyiFlbi2.js";
 export { GrPopover_default as GrPopover, GrPopover_default as default, grPopoverConfig, grPopoverSafelist };