@feugene/granularity 0.26.0 → 0.27.0

package/dist/components/GrRating/chunks/{GrRating-BSEtaibx.js.map → GrRating-IEiTOdnF.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrRating-BSEtaibx.js","names":["$slots"],"sources":["../../../../src/components/GrRating/GrRating.vue","../../../../src/components/GrRating/GrRating.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, type Component } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { iconClass, iconTag } from '../shared/icon'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (Vue-компонент или класс иконки) либо слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /**\n   * Символ вместо встроенной звезды: Vue-компонент либо класс иконки вашей\n   * UnoCSS-сборки (`'i-lucide-heart'` — тогда нужен ваш `presetIcons`,\n   * см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value)) return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0) return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText) return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf) return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value) return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared) emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value) return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null) return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value) return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, type Component } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { iconClass, iconTag } from '../shared/icon'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (Vue-компонент или класс иконки) либо слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /**\n   * Символ вместо встроенной звезды: Vue-компонент либо класс иконки вашей\n   * UnoCSS-сборки (`'i-lucide-heart'` — тогда нужен ваш `presetIcons`,\n   * см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value)) return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0) return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText) return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf) return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value) return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared) emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value) return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null) return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value) return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrRating-IEiTOdnF.js","names":["$slots"],"sources":["../../../../src/components/GrRating/GrRating.vue","../../../../src/components/GrRating/GrRating.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, ref, type Component } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { iconClass, iconTag } from '../shared/icon'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (Vue-компонент или класс иконки) либо слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /**\n   * Символ вместо встроенной звезды: Vue-компонент либо класс иконки вашей\n   * UnoCSS-сборки (`'i-lucide-heart'` — тогда нужен ваш `presetIcons`,\n   * см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value)) return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0) return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText) return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf) return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value) return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared) emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value) return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null) return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value) return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, ref, type Component } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { iconClass, iconTag } from '../shared/icon'\n\nimport {\n  ratingFillClassByTone,\n  ratingRootClass,\n  ratingSymbolClass,\n  ratingTextSizeBySize,\n  ratingVoidClass,\n  type GrRatingSize,\n  type GrRatingTone,\n} from './grRatingStyles'\n\nexport type {\n  GrRatingSize,\n  GrRatingTone,\n} from './grRatingStyles'\n\n/**\n * Публичный GR-примитив «Rating» — шкала оценки символами (по умолчанию звёзды).\n *\n * Интерактивный режим реализует WAI-ARIA slider pattern (`role=\"slider\"`,\n * `aria-valuemin/max/now/valuetext`, стрелки / Home / End), режим только для\n * чтения — `role=\"img\"` с текстовой подписью, чтобы скринридер озвучил оценку\n * одной фразой, а не набором элементов.\n *\n * Символ по умолчанию рисуется инлайновым SVG (звезда с `fill=\"currentColor\"`) —\n * иконочные шрифты-маски `i-lucide-star` дают только контур. Свой символ\n * задаётся пропом `icon` (Vue-компонент или класс иконки) либо слотом `#symbol`.\n */\nexport interface GrRatingProps {\n  /** Текущая оценка. Дробная (`3.5`) поддерживается при `allowHalf`. */\n  modelValue: number\n  /** Количество символов шкалы. */\n  max?: number\n  size?: GrRatingSize\n  /** Тон заливки; точечно перекрывается переменной `--gr-rating-color`. */\n  tone?: GrRatingTone\n  /** Половинчатые оценки: клик по левой половине символа даёт `.5`. */\n  allowHalf?: boolean\n  /** Только показ: без ввода и фокуса. */\n  readonly?: boolean\n  disabled?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Повторный клик по текущей оценке сбрасывает её в `0`. */\n  clearable?: boolean\n  /**\n   * Символ вместо встроенной звезды: Vue-компонент либо класс иконки вашей\n   * UnoCSS-сборки (`'i-lucide-heart'` — тогда нужен ваш `presetIcons`,\n   * см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  /** Показывать числовую подпись справа от шкалы. */\n  showText?: boolean\n  /** Формат подписи. По умолчанию — само значение. Сильнее `texts`. */\n  formatText?: (value: number) => string\n  /**\n   * Подписи по делениям: «3 из 5, нормально» вместо «3 из 5». Уходят и в\n   * видимый текст, и в `aria-valuetext` — ради этого рейтинг и существует.\n   * Массив короче `max` оставляет верхние деления без подписи.\n   */\n  texts?: string[]\n  /**\n   * Компактный вид: рисуются только заполненные символы. Осмысленно вместе с\n   * `readonly` — в списках и таблицах пять звёзд в каждой строке съедают ширину.\n   */\n  compact?: boolean\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input со значением; `0` — «не выбрано», input не рендерится. */\n  name?: string\n}\n\nexport interface GrRatingEmits {\n  (e: 'update:modelValue', value: number): void\n  /** Оценка зафиксирована (клик / клавиша). */\n  (e: 'change', value: number): void\n  /** Значение под курсором; `null` — курсор ушёл со шкалы. */\n  (e: 'hoverChange', value: number | null): void\n  /** Оценка снята повторным кликом; только при `clearable`. */\n  (e: 'clear'): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrRatingProps>(),\n  {\n    max: 5,\n    size: undefined,\n    tone: 'warning',\n    allowHalf: false,\n    readonly: false,\n    disabled: false,\n    invalid: false,\n    required: false,\n    clearable: false,\n    icon: undefined,\n    showText: false,\n    formatText: undefined,\n    texts: undefined,\n    compact: false,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, {\n  component: 'GrRating',\n  supported: ['xs', 'sm', 'md', 'lg'],\n})\n\nconst emit = defineEmits<GrRatingEmits>()\ndefineSlots<{\n  /** Свой символ вместо звезды. `filled` — закрашенная половина символа. */\n  symbol?: (props: { index: number, filled: boolean }) => any\n  /** Подпись рядом с оценкой. */\n  text?: (props: { value: number }) => any\n}>()\n\n\nconst { t } = useGranularityTranslations()\n\n// Контекст `GrFormField`: id/aria-describedby/invalid/required как fallback.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\nconst describedBy = computed(() => field?.describedById.value)\n\nconst rootEl = ref<HTMLElement | null>(null)\n\nfunction focus(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.focus()\n}\n\nfunction blur(): void {\n  rootEl.value?.querySelector<HTMLElement>('[data-gr-rating-scale]')?.blur()\n}\n\ndefineExpose({ focus, blur })\n\n/** Ввод возможен: не readonly и не disabled. */\nconst interactive = computed(() => !isReadonly.value && !isDisabled.value)\n\n/**\n * `aria-readonly`, `aria-invalid` и `aria-required` вешаются только в\n * slider-режиме: на `role=\"img\"` они не разрешены и дают critical в axe.\n *\n * Роль контрола (`slider`) сохраняется и в `disabled` — отключённый слайдер это\n * штатный ARIA-паттерн. А вот `readonly` — это уже не контрол, а картинка с\n * подписью: на `role=\"img\"` атрибуты `aria-value*`/`aria-disabled` запрещены\n * (axe: `aria-allowed-attr`), поэтому там их не выводим вовсе.\n */\nconst asSlider = computed(() => !props.readonly)\nconst step = computed(() => (props.allowHalf ? 0.5 : 1))\n\n// Значение под курсором имеет приоритет над моделью — это «предпросмотр» оценки.\nconst hoverValue = ref<number | null>(null)\nconst displayValue = computed(() => hoverValue.value ?? clamp(props.modelValue))\n\nfunction clamp(value: number): number {\n  if (!Number.isFinite(value)) return 0\n  return Math.min(props.max, Math.max(0, value))\n}\n\n/** Доля заливки символа с индексом `index` (0..1). */\nfunction fillRatio(index: number): number {\n  return Math.min(1, Math.max(0, displayValue.value - index))\n}\n\nconst symbols = computed(() => {\n  // Компактный вид показывает только заполненную часть шкалы; половинка\n  // считается символом — иначе «2.5» потеряло бы половину звезды.\n  const length = props.compact ? Math.ceil(clamp(props.modelValue)) : props.max\n  return Array.from({ length }, (_, index) => index)\n})\n\n/** Подпись деления под текущим значением: половинки округляются вверх. */\nconst currentLabel = computed(() => {\n  if (!props.texts?.length || displayValue.value <= 0) return undefined\n  return props.texts[Math.ceil(displayValue.value) - 1]\n})\n\nconst valueText = computed(() => {\n  const params = { value: displayValue.value, max: props.max }\n\n  // Порядок слов задаёт локаль, а не конкатенация в коде.\n  return currentLabel.value\n    ? t('gr.rating.valueTextWithLabel', '{value} of {max}, {label}', { ...params, label: currentLabel.value })\n    : t('gr.rating.valueText', '{value} of {max}', params)\n})\n\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.rating.label', 'Rating'))\n\nconst text = computed(() => {\n  if (props.formatText) return props.formatText(displayValue.value)\n  return currentLabel.value ?? String(displayValue.value)\n})\n\n/** Значение, соответствующее позиции курсора внутри символа `index`. */\nfunction valueAt(index: number, event: MouseEvent): number {\n  if (!props.allowHalf) return index + 1\n  const rect = (event.currentTarget as HTMLElement).getBoundingClientRect()\n  return rect.width > 0 && event.clientX - rect.left < rect.width / 2 ? index + 0.5 : index + 1\n}\n\nfunction onScaleBlur(event: FocusEvent): void {\n  resetHover()\n  emit('blur', event)\n}\n\nfunction commit(value: number): void {\n  const next = clamp(value)\n  if (next !== props.modelValue) emit('update:modelValue', next)\n  emit('change', next)\n}\n\nfunction onSymbolClick(index: number, event: MouseEvent): void {\n  if (!interactive.value) return\n  const next = valueAt(index, event)\n  const cleared = props.clearable && next === props.modelValue\n\n  commit(cleared ? 0 : next)\n  if (cleared) emit('clear')\n}\n\nfunction onSymbolMouseMove(index: number, event: MouseEvent): void {\n  if (!interactive.value) {\n    // Режим сменился под курсором — оставлять подсветку от прошлого состояния нельзя.\n    resetHover()\n    return\n  }\n  const next = valueAt(index, event)\n  if (next === hoverValue.value) return\n  hoverValue.value = next\n  emit('hoverChange', next)\n}\n\nfunction resetHover(): void {\n  if (hoverValue.value === null) return\n  hoverValue.value = null\n  emit('hoverChange', null)\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (!interactive.value) return\n  const current = clamp(props.modelValue)\n  let next: number | null = null\n\n  switch (event.key) {\n    case 'ArrowRight':\n    case 'ArrowUp':\n      next = current + step.value\n      break\n    case 'ArrowLeft':\n    case 'ArrowDown':\n      next = current - step.value\n      break\n    case 'Home':\n      next = 0\n      break\n    case 'End':\n      next = props.max\n      break\n    default:\n      return\n  }\n\n  event.preventDefault()\n  commit(next)\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-rating\n    class=\"inline-flex items-center gap-2\"\n  >\n    <!-- Нативная форма: роль-виджет не labelable и в submit не попадает. -->\n    <input\n      v-if=\"name && modelValue > 0\"\n      type=\"hidden\"\n      :name=\"name\"\n      :value=\"String(modelValue)\"\n    >\n    <div\n      :id=\"resolvedId\"\n      data-gr-rating-scale\n      data-testid=\"gr-rating-scale\"\n      :class=\"ratingRootClass({ size: resolvedSize, disabled, interactive })\"\n      :role=\"asSlider ? 'slider' : 'img'\"\n      :tabindex=\"asSlider ? (disabled ? -1 : 0) : undefined\"\n      :aria-label=\"asSlider ? resolvedAriaLabel : `${resolvedAriaLabel}: ${valueText}`\"\n      :aria-valuemin=\"asSlider ? 0 : undefined\"\n      :aria-valuemax=\"asSlider ? max : undefined\"\n      :aria-valuenow=\"asSlider ? displayValue : undefined\"\n      :aria-valuetext=\"asSlider ? valueText : undefined\"\n      :aria-orientation=\"asSlider ? 'horizontal' : undefined\"\n      :aria-disabled=\"asSlider && disabled ? 'true' : undefined\"\n      :aria-invalid=\"asSlider && isInvalid ? 'true' : undefined\"\n      :aria-describedby=\"asSlider ? describedBy : undefined\"\n      :aria-required=\"asSlider && isRequired ? 'true' : undefined\"\n      :aria-readonly=\"asSlider && isReadonly ? 'true' : undefined\"\n      @keydown=\"onKeydown\"\n      @mouseleave=\"resetHover\"\n      @focus=\"emit('focus', $event)\"\n      @blur=\"onScaleBlur\"\n    >\n      <span\n        v-for=\"index in symbols\"\n        :key=\"index\"\n        data-gr-rating-symbol\n        :data-testid=\"`gr-rating-symbol-${index}`\"\n        :class=\"ratingSymbolClass(resolvedSize)\"\n        @click=\"onSymbolClick(index, $event)\"\n        @mousemove=\"onSymbolMouseMove(index, $event)\"\n      >\n        <!-- Нижний слой — «пустой» символ, поверх него обрезанный по ширине «залитый». -->\n        <span class=\"block h-full w-full\" :class=\"ratingVoidClass\" aria-hidden=\"true\">\n          <slot name=\"symbol\" :index=\"index\" :filled=\"false\">\n            <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n            <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n              <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n            </svg>\n          </slot>\n        </span>\n\n        <span\n          data-gr-rating-fill\n          class=\"pointer-events-none absolute inset-y-0 left-0 overflow-hidden\"\n          :class=\"ratingFillClassByTone[tone]\"\n          :style=\"{ width: `${fillRatio(index) * 100}%` }\"\n          aria-hidden=\"true\"\n        >\n          <span :class=\"ratingSymbolClass(resolvedSize)\">\n            <slot name=\"symbol\" :index=\"index\" :filled=\"true\">\n              <component :is=\"iconTag(icon)\" v-if=\"icon\" class=\"block h-full w-full\" :class=\"iconClass(icon)\" />\n              <svg v-else viewBox=\"0 0 24 24\" fill=\"currentColor\" class=\"block h-full w-full\">\n                <path d=\"M12 2.5l2.9 6.1 6.6.9-4.8 4.7 1.2 6.6L12 17.7 6.1 20.8l1.2-6.6L2.5 9.5l6.6-.9z\" />\n              </svg>\n            </slot>\n          </span>\n        </span>\n      </span>\n    </div>\n\n    <span\n      v-if=\"showText || $slots.text\"\n      data-gr-rating-text\n      class=\"text-[var(--gr-muted-fg)] tabular-nums\"\n      :class=\"ratingTextSizeBySize[resolvedSize]\"\n    >\n      <slot name=\"text\" :value=\"displayValue\">{{ text }}</slot>\n    </span>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrRating/index.js

@@ -1,3 +1,3 @@
-import { n as grRatingSafelist, t as grRatingConfig } from "../../chunks/config-Baj7Wvx-.js";
-import { t as GrRating_default } from "./chunks/GrRating-BSEtaibx.js";
+import { n as grRatingSafelist, t as grRatingConfig } from "../../chunks/config-DRbojEzO.js";
+import { t as GrRating_default } from "./chunks/GrRating-IEiTOdnF.js";
 export { GrRating_default as GrRating, GrRating_default as default, grRatingConfig, grRatingSafelist };

package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-DA4q90Zt.js → GrResponseErrorBanner-C_skObtv.js}

@@ -1,5 +1,5 @@
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { c as DEFAULT_AUTO_HIDE_KINDS, i as defaultResponseErrorParsers, r as createResponseErrorClassifier, t as GrResponseErrorBanner_default } from "./GrResponseErrorBanner-BhP-xw2P.js";
+import { c as DEFAULT_AUTO_HIDE_KINDS, i as defaultResponseErrorParsers, r as createResponseErrorClassifier, t as GrResponseErrorBanner_default } from "./GrResponseErrorBanner-DudGc9LO.js";
 import { computed, createBlock, defineComponent, openBlock, shallowRef } from "vue";
 //#endregion
 //#region src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue

package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-DA4q90Zt.js.map → GrResponseErrorBanner-C_skObtv.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrResponseErrorBanner-DA4q90Zt.js","names":[],"sources":["../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/useResponseError.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrUploadErrorBannerProps {\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrUploadErrorBannerEmits {\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrUploadErrorBannerProps>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<GrUploadErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrUploadErrorBannerProps {\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrUploadErrorBannerEmits {\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrUploadErrorBannerProps>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<GrUploadErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrFormErrorBannerProps {\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrFormErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrFormErrorBannerProps>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<GrFormErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrFormErrorBannerProps {\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrFormErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrFormErrorBannerProps>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<GrFormErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","import { computed, shallowRef } from 'vue'\nimport type { ComputedRef, Ref } from 'vue'\n\nimport { createResponseErrorClassifier, defaultResponseErrorParsers } from './parsers/createResponseErrorClassifier'\nimport { DEFAULT_AUTO_HIDE_KINDS, DEFAULT_RESPONSE_ERROR_TEXTS } from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from './responseError.types'\n\n/**\n * Опции для `useResponseError`. Все поля опциональны и поддерживают\n * **реактивные геттеры** (`() => value`) — чтобы пробрасывать пропсы\n * родителя без потери реактивности.\n */\nexport type UseResponseErrorOptions = {\n  /** Цепочка парсеров. По умолчанию — `defaultResponseErrorParsers`. */\n  parsers?: () => ResponseErrorParser[] | undefined\n  /** Частичный override текстов баннера. */\n  texts?: () => Partial<ResponseErrorTexts> | undefined\n  /**\n   * `kind`'ы, которые **не** выставляются в state (баннер останется скрытым).\n   * По умолчанию пусто — `aborted` показывается info-плашкой. Передайте\n   * `['aborted']`, если хотите тихо проглатывать отмены.\n   */\n  autoHideKinds?: () => ResponseErrorKind[] | undefined\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: () => string | undefined\n  /** Контекст, который попадёт в `ctx.meta` каждого парсера (`{ files, formId, ... }`). */\n  meta?: () => Record<string, unknown> | undefined\n  /** Побочка после успешной классификации (логирование, sentry). */\n  onClassify?: (info: ResponseErrorInfo) => void\n}\n\n/** Публичный возвращаемый API. */\nexport type UseResponseErrorReturn = {\n  /** Текущее состояние ошибки. `null` — баннер скрыт. */\n  currentError: Ref<ResponseErrorInfo | null>\n  /** `currentError.value !== null`. */\n  isVisible: ComputedRef<boolean>\n  /** Последний «сырой» вход (для retry/логов). */\n  lastRaw: Ref<unknown>\n\n  /**\n   * Главное API: классифицирует raw, сохраняет в state, возвращает info\n   * (или `null`, если `kind` в `autoHideKinds`). Возвращает Promise,\n   * т.к. нормализатор поддерживает `Response.json()` (async).\n   */\n  setRaw: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo | null>\n\n  /** Установить готовый info, не пропуская через парсеры. */\n  setError: (info: ResponseErrorInfo) => void\n\n  /** Чистая классификация без записи в state — для предпросмотра. */\n  classify: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo>\n\n  /** Сбросить state (скрыть баннер). */\n  dismiss: () => void\n  /** Алиас `dismiss`. */\n  reset: () => void\n\n  /**\n   * Хелпер: вызывает `handler(currentError)`. Если handler завершился без\n   * исключения — сбрасывает state. Если кинул — оставляет state, поднимает.\n   * Удобно бинать к кнопке «Повторить».\n   */\n  retry: (handler: (info: ResponseErrorInfo) => void | Promise<void>) => Promise<void>\n}\n\n/**\n * Stateful-композабл вокруг `createResponseErrorClassifier`. Хранит\n * `currentError`, инкапсулирует setRaw/retry/dismiss. Подходит для типичного\n * сценария «поймал ошибку запроса → показал баннер → ретрай/скрыть».\n */\nexport function useResponseError(options: UseResponseErrorOptions = {}): UseResponseErrorReturn {\n  const currentError = shallowRef<ResponseErrorInfo | null>(null)\n  // `shallowRef`, а не `ref`: сырая ошибка отдаётся потребителю как есть.\n  // Глубокая реактивность обернула бы её в прокси — сравнение по ссылке\n  // перестало бы работать, а `Response` уронил бы `clone()` на чужом `this`.\n  const lastRaw = shallowRef<unknown>(null)\n\n  function getClassifier() {\n    return createResponseErrorClassifier({\n      parsers: options.parsers?.() ?? defaultResponseErrorParsers,\n      texts: options.texts?.() ?? {},\n      messageKey: options.messageKey?.(),\n    })\n  }\n\n  function isAutoHidden(kind: ResponseErrorKind): boolean {\n    const list = options.autoHideKinds?.() ?? DEFAULT_AUTO_HIDE_KINDS\n    return list.includes(kind)\n  }\n\n  async function classify(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo> {\n    const classifier = getClassifier()\n    const meta = { ...(options.meta?.() ?? {}), ...(extra ?? {}) }\n    const info = await classifier(raw, meta)\n    options.onClassify?.(info)\n    return info\n  }\n\n  async function setRaw(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo | null> {\n    lastRaw.value = raw\n    const info = await classify(raw, extra)\n    if (isAutoHidden(info.kind)) {\n      currentError.value = null\n      return null\n    }\n    currentError.value = info\n    return info\n  }\n\n  function setError(info: ResponseErrorInfo): void {\n    currentError.value = info\n  }\n\n  function dismiss(): void {\n    currentError.value = null\n  }\n\n  async function retry(handler: (info: ResponseErrorInfo) => void | Promise<void>): Promise<void> {\n    const info = currentError.value\n    if (!info) return\n    await handler(info)\n    currentError.value = null\n  }\n\n  return {\n    currentError,\n    isVisible: computed(() => currentError.value !== null),\n    lastRaw,\n    setRaw,\n    setError,\n    classify,\n    dismiss,\n    reset: dismiss,\n    retry,\n  }\n}\n\nexport { DEFAULT_RESPONSE_ERROR_TEXTS }\n"],"mappings":"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"}
+{"version":3,"file":"GrResponseErrorBanner-C_skObtv.js","names":[],"sources":["../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/useResponseError.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrUploadErrorBannerProps {\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrUploadErrorBannerEmits {\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrUploadErrorBannerProps>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<GrUploadErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrUploadErrorBannerProps {\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrUploadErrorBannerEmits {\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrUploadErrorBannerProps>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<GrUploadErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrFormErrorBannerProps {\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrFormErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrFormErrorBannerProps>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<GrFormErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrFormErrorBannerProps {\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrFormErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrFormErrorBannerProps>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<GrFormErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","import { computed, shallowRef } from 'vue'\nimport type { ComputedRef, Ref } from 'vue'\n\nimport { createResponseErrorClassifier, defaultResponseErrorParsers } from './parsers/createResponseErrorClassifier'\nimport { DEFAULT_AUTO_HIDE_KINDS, DEFAULT_RESPONSE_ERROR_TEXTS } from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from './responseError.types'\n\n/**\n * Опции для `useResponseError`. Все поля опциональны и поддерживают\n * **реактивные геттеры** (`() => value`) — чтобы пробрасывать пропсы\n * родителя без потери реактивности.\n */\nexport type UseResponseErrorOptions = {\n  /** Цепочка парсеров. По умолчанию — `defaultResponseErrorParsers`. */\n  parsers?: () => ResponseErrorParser[] | undefined\n  /** Частичный override текстов баннера. */\n  texts?: () => Partial<ResponseErrorTexts> | undefined\n  /**\n   * `kind`'ы, которые **не** выставляются в state (баннер останется скрытым).\n   * По умолчанию пусто — `aborted` показывается info-плашкой. Передайте\n   * `['aborted']`, если хотите тихо проглатывать отмены.\n   */\n  autoHideKinds?: () => ResponseErrorKind[] | undefined\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: () => string | undefined\n  /** Контекст, который попадёт в `ctx.meta` каждого парсера (`{ files, formId, ... }`). */\n  meta?: () => Record<string, unknown> | undefined\n  /** Побочка после успешной классификации (логирование, sentry). */\n  onClassify?: (info: ResponseErrorInfo) => void\n}\n\n/** Публичный возвращаемый API. */\nexport type UseResponseErrorReturn = {\n  /** Текущее состояние ошибки. `null` — баннер скрыт. */\n  currentError: Ref<ResponseErrorInfo | null>\n  /** `currentError.value !== null`. */\n  isVisible: ComputedRef<boolean>\n  /** Последний «сырой» вход (для retry/логов). */\n  lastRaw: Ref<unknown>\n\n  /**\n   * Главное API: классифицирует raw, сохраняет в state, возвращает info\n   * (или `null`, если `kind` в `autoHideKinds`). Возвращает Promise,\n   * т.к. нормализатор поддерживает `Response.json()` (async).\n   */\n  setRaw: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo | null>\n\n  /** Установить готовый info, не пропуская через парсеры. */\n  setError: (info: ResponseErrorInfo) => void\n\n  /** Чистая классификация без записи в state — для предпросмотра. */\n  classify: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo>\n\n  /** Сбросить state (скрыть баннер). */\n  dismiss: () => void\n  /** Алиас `dismiss`. */\n  reset: () => void\n\n  /**\n   * Хелпер: вызывает `handler(currentError)`. Если handler завершился без\n   * исключения — сбрасывает state. Если кинул — оставляет state, поднимает.\n   * Удобно бинать к кнопке «Повторить».\n   */\n  retry: (handler: (info: ResponseErrorInfo) => void | Promise<void>) => Promise<void>\n}\n\n/**\n * Stateful-композабл вокруг `createResponseErrorClassifier`. Хранит\n * `currentError`, инкапсулирует setRaw/retry/dismiss. Подходит для типичного\n * сценария «поймал ошибку запроса → показал баннер → ретрай/скрыть».\n */\nexport function useResponseError(options: UseResponseErrorOptions = {}): UseResponseErrorReturn {\n  const currentError = shallowRef<ResponseErrorInfo | null>(null)\n  // `shallowRef`, а не `ref`: сырая ошибка отдаётся потребителю как есть.\n  // Глубокая реактивность обернула бы её в прокси — сравнение по ссылке\n  // перестало бы работать, а `Response` уронил бы `clone()` на чужом `this`.\n  const lastRaw = shallowRef<unknown>(null)\n\n  function getClassifier() {\n    return createResponseErrorClassifier({\n      parsers: options.parsers?.() ?? defaultResponseErrorParsers,\n      texts: options.texts?.() ?? {},\n      messageKey: options.messageKey?.(),\n    })\n  }\n\n  function isAutoHidden(kind: ResponseErrorKind): boolean {\n    const list = options.autoHideKinds?.() ?? DEFAULT_AUTO_HIDE_KINDS\n    return list.includes(kind)\n  }\n\n  async function classify(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo> {\n    const classifier = getClassifier()\n    const meta = { ...(options.meta?.() ?? {}), ...(extra ?? {}) }\n    const info = await classifier(raw, meta)\n    options.onClassify?.(info)\n    return info\n  }\n\n  async function setRaw(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo | null> {\n    lastRaw.value = raw\n    const info = await classify(raw, extra)\n    if (isAutoHidden(info.kind)) {\n      currentError.value = null\n      return null\n    }\n    currentError.value = info\n    return info\n  }\n\n  function setError(info: ResponseErrorInfo): void {\n    currentError.value = info\n  }\n\n  function dismiss(): void {\n    currentError.value = null\n  }\n\n  async function retry(handler: (info: ResponseErrorInfo) => void | Promise<void>): Promise<void> {\n    const info = currentError.value\n    if (!info) return\n    await handler(info)\n    currentError.value = null\n  }\n\n  return {\n    currentError,\n    isVisible: computed(() => currentError.value !== null),\n    lastRaw,\n    setRaw,\n    setError,\n    classify,\n    dismiss,\n    reset: dismiss,\n    retry,\n  }\n}\n\nexport { DEFAULT_RESPONSE_ERROR_TEXTS }\n"],"mappings":"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"}

package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-BhP-xw2P.js → GrResponseErrorBanner-DudGc9LO.js}

@@ -1,6 +1,6 @@
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as GrAlert_default } from "../../GrAlert/chunks/GrAlert-B21QGele.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCz-Wn-V.js";
+import { t as GrAlert_default } from "../../GrAlert/chunks/GrAlert-FAVf-ksH.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-Bw2AH4uX.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderList, toDisplayString, withCtx } from "vue";
 //#region src/components/GrResponseErrorBanner/responseError.defaults.ts
 /**
@@ -741,12 +741,12 @@ var GrResponseErrorBanner_default = /* @__PURE__ */ defineComponent({
 						class: "inline-flex items-center rounded-[var(--gr-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-control-text-2xs)] font-700 leading-none",
 						"data-testid": `${props.testIdPrefix}-status`
 					}, toDisplayString(statusLabel.value), 9, _hoisted_3)) : createCommentVNode("", true), createElementVNode("span", {
-						class: "text-[length:var(--gr-control-text-sm)]",
+						class: "text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]",
 						"data-testid": `${props.testIdPrefix}-message`
 					}, toDisplayString(message.value), 9, _hoisted_4)]),
 					detailEntries.value.length ? (openBlock(), createElementBlock("ul", {
 						key: 0,
-						class: "m-0 list-disc pl-5 text-[length:var(--gr-control-text-xs)]",
+						class: "m-0 list-disc pl-5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]",
 						"data-testid": `${props.testIdPrefix}-details`
 					}, [(openBlock(true), createElementBlock(Fragment, null, renderList(detailEntries.value, (entry, idx) => {
 						return openBlock(), createElementBlock("li", { key: `${entry.field ?? ""}:${idx}` }, [props.showFieldLabels && entry.field ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [createElementVNode("strong", null, toDisplayString(fieldLabel(entry.field)) + ":", 1), _cache[0] || (_cache[0] = createTextVNode("\xA0 ", -1))], 64)) : createCommentVNode("", true), createTextVNode(toDisplayString(entry.text), 1)]);