@feugene/granularity 0.19.0 → 0.21.0

package/dist/components/GrProgressCircle/chunks/GrProgressCircle-BeUx1g1f.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrProgressCircle-BeUx1g1f.js","names":[],"sources":["../../../../src/components/GrProgressCircle/geometry.ts","../../../../src/components/GrProgressCircle/GrProgressCircle.vue","../../../../src/components/GrProgressCircle/GrProgressCircle.vue"],"sourcesContent":["/**\n * Геометрия дуги прогресса. Без Vue — проверяется без монтирования.\n *\n * Все размеры в единицах `viewBox` 100×100: разметка не зависит от того, каким\n * `size` кольцо выводится, а масштабирование остаётся делом CSS.\n */\n\nexport const GR_PROGRESS_CIRCLE_SHAPES = ['circle', 'dashboard'] as const\n\nexport type GrProgressCircleShape = typeof GR_PROGRESS_CIRCLE_SHAPES[number]\n\n/** Сторона `viewBox`; центр — в её половине. */\nexport const VIEW_BOX = 100\n\n/** Доля окружности под дугой: у «дашборда» снизу вырез в четверть. */\nconst ARC_FRACTION: Record<GrProgressCircleShape, number> = {\n  circle: 1,\n  dashboard: 0.75,\n}\n\n/**\n * Угол начала дуги. `<circle>` в SVG стартует с трёх часов и идёт по часовой:\n * кольцу нужен старт с двенадцати, «дашборду» — так, чтобы вырез сел строго\n * вниз и симметрично.\n */\nconst ROTATION: Record<GrProgressCircleShape, number> = {\n  circle: -90,\n  dashboard: 135,\n}\n\nexport interface GrArcGeometry {\n  /** Радиус с поправкой на толщину: обводка рисуется по обе стороны линии. */\n  radius: number\n  circumference: number\n  /** Длина дорожки — вся окружность либо её часть у «дашборда». */\n  arcLength: number\n  /** `stroke-dasharray` дорожки. */\n  trackDashArray: string\n  /** `stroke-dasharray` дуги значения. */\n  valueDashArray: string\n  rotation: number\n}\n\nexport function clampProgress(value: number): number {\n  if (!Number.isFinite(value))\n    return 0\n\n  return Math.min(100, Math.max(0, value))\n}\n\n/**\n * Дуга задаётся одним штрихом нужной длины и заведомо большим пробелом за ним,\n * а не парой `dasharray` + `dashoffset`: смещение пришлось бы пересчитывать под\n * каждую форму, и ошибка в нём видна только глазом на конкретной ступени.\n */\nexport function arcGeometry(\n  shape: GrProgressCircleShape,\n  thickness: number,\n  value: number,\n): GrArcGeometry {\n  const safeThickness = Math.max(1, Math.min(VIEW_BOX / 2, thickness))\n  const radius = VIEW_BOX / 2 - safeThickness / 2\n  const circumference = 2 * Math.PI * radius\n  const arcLength = circumference * ARC_FRACTION[shape]\n  const progress = clampProgress(value) / 100\n\n  return {\n    radius,\n    circumference,\n    arcLength,\n    trackDashArray: `${arcLength} ${circumference}`,\n    valueDashArray: `${arcLength * progress} ${circumference}`,\n    rotation: ROTATION[shape],\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconError from '~icons/lucide/x'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { arcGeometry, clampProgress, VIEW_BOX, type GrProgressCircleShape } from './geometry'\nimport {\n  centerClass,\n  diameterBySize,\n  grProgressCircleArcColor,\n  rootClass,\n  statusIconSizeBySize,\n  svgClass,\n  thicknessBySize,\n  valueClass,\n  valueTextSizeBySize,\n  type GrProgressCircleSize,\n  type GrProgressCircleTone,\n} from './grProgressCircleStyles'\n\nexport type { GrProgressCircleShape } from './geometry'\nexport type { GrProgressCircleSize, GrProgressCircleTone } from './grProgressCircleStyles'\n\n/**\n * Пропы {@link GrProgressCircle}.\n *\n * Круговой индикатор: определённый режим по `value`, неопределённый по\n * `indeterminate`, замкнутое кольцо или дуга-«дашборд».\n */\nexport interface GrProgressCircleProps {\n  /** Текущее значение `0..100`; выходящие за границы клампятся, `NaN` → `0`. */\n  value?: number\n  /** Прогресс неизвестен: дуга бежит по кругу, значение наружу не объявляется. */\n  indeterminate?: boolean\n  /** Замкнутое кольцо или дуга с вырезом снизу. */\n  shape?: GrProgressCircleShape\n  /** Показать значение в центре кольца. Слот по умолчанию сильнее. */\n  showValue?: boolean\n  /** Свой формат значения. Управляет и подписью, и `aria-valuetext`. */\n  formatValue?: (value: number) => string\n  /** На завершении — галочка, при `tone=\"danger\"` — крест вместо значения. */\n  statusIcon?: boolean\n  /** Метка для скринридера (обязательна, если рядом нет видимого заголовка). */\n  ariaLabel?: string\n  /** Цветовая тональность дуги. */\n  tone?: GrProgressCircleTone\n  /** Диаметр кольца по шкале пакета. */\n  size?: GrProgressCircleSize\n  /** Толщина обводки в процентах диаметра. Не задана — по ступени `size`. */\n  thickness?: number\n  /** Убрать дорожку: поверх картинки пустая часть кольца только шумит. */\n  trackless?: boolean\n}\n\nconst props = withDefaults(defineProps<GrProgressCircleProps>(), {\n  value: 0,\n  indeterminate: false,\n  showValue: false,\n  formatValue: undefined,\n  statusIcon: false,\n  ariaLabel: undefined,\n  thickness: undefined,\n  // `undefined`, а не готовые значения: иначе `componentDefaults` до них не дошли бы.\n  shape: undefined,\n  tone: undefined,\n  size: undefined,\n  trackless: undefined,\n})\n\ndefineSlots<{\n  /** Содержимое центра вместо значения: иконка, две строки, кнопка отмены. */\n  default?: (props: { value: number }) => any\n}>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrProgressCircle' })\nconst resolvedTone = useGrComponentProp('GrProgressCircle', 'tone', () => props.tone, 'primary')\nconst resolvedShape = useGrComponentProp('GrProgressCircle', 'shape', () => props.shape, 'circle')\nconst resolvedTrackless = useGrComponentProp('GrProgressCircle', 'trackless', () => props.trackless, false)\n\nconst safe = computed(() => clampProgress(props.value))\n\nconst thickness = computed(() => props.thickness ?? thicknessBySize[resolvedSize.value])\n\nconst arc = computed(() => arcGeometry(resolvedShape.value, thickness.value, safe.value))\n\nconst rootStyle = computed(() => ({\n  width: `var(--gr-progress-circle-size, ${diameterBySize[resolvedSize.value]})`,\n  height: `var(--gr-progress-circle-size, ${diameterBySize[resolvedSize.value]})`,\n}))\n\nconst arcStyle = computed(() => ({\n  transform: `rotate(${arc.value.rotation}deg)`,\n  transformOrigin: '50% 50%',\n}))\n\nconst arcColor = computed(() => grProgressCircleArcColor(resolvedTone.value))\n\n/**\n * `aria-valuetext` нужен только со своим форматом: «45» при `aria-valuemax=\"100\"`\n * диктор и так читает как проценты.\n */\nconst valueText = computed(() => (props.formatValue ? props.formatValue(safe.value) : undefined))\nconst valueLabel = computed(() => valueText.value ?? `${Math.round(safe.value)}%`)\n\nconst isComplete = computed(() => !props.indeterminate && safe.value >= 100)\nconst isFailed = computed(() => resolvedTone.value === 'danger')\n\n/**\n * Приоритет центра: слот сильнее иконки итога, иконка итога — значения.\n *\n * Считается по содержимому слота, а не по факту его передачи: слот с `v-if`\n * (кнопка отмены, живущая только на время загрузки) приходит комментарием, и\n * центр остался бы пустым вместо значения.\n */\nconst hasSlotContent = computed(() => hasMeaningfulSlotContent(slots.default?.({ value: safe.value }) ?? []))\nconst showStatusIcon = computed(() => !hasSlotContent.value && props.statusIcon && (isComplete.value || isFailed.value))\nconst showValueLabel = computed(() => !hasSlotContent.value && props.showValue && !props.indeterminate && !showStatusIcon.value)\nconst hasCenter = computed(() => hasSlotContent.value || showStatusIcon.value || showValueLabel.value)\n</script>\n\n<template>\n  <div\n    data-gr-progress-circle\n    :data-tone=\"resolvedTone\"\n    :data-shape=\"resolvedShape\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n  >\n    <div\n      data-gr-progress-circle-widget\n      :data-gr-progress-circle-indeterminate=\"indeterminate ? '' : undefined\"\n      role=\"progressbar\"\n      class=\"h-full w-full\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"indeterminate ? undefined : safe\"\n      :aria-valuetext=\"indeterminate ? undefined : valueText\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n    >\n      <svg\n        :class=\"svgClass\"\n        :viewBox=\"`0 0 ${VIEW_BOX} ${VIEW_BOX}`\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <circle\n          v-if=\"!resolvedTrackless\"\n          data-gr-progress-circle-track\n          :cx=\"VIEW_BOX / 2\"\n          :cy=\"VIEW_BOX / 2\"\n          :r=\"arc.radius\"\n          fill=\"none\"\n          :stroke-width=\"thickness\"\n          :stroke-dasharray=\"arc.trackDashArray\"\n          :style=\"arcStyle\"\n        />\n\n        <!-- Нулевая дуга при круглом торце нарисовалась бы точкой — «начали». -->\n        <circle\n          v-if=\"indeterminate || safe > 0\"\n          data-gr-progress-circle-arc\n          :cx=\"VIEW_BOX / 2\"\n          :cy=\"VIEW_BOX / 2\"\n          :r=\"arc.radius\"\n          fill=\"none\"\n          :stroke=\"arcColor\"\n          :stroke-width=\"thickness\"\n          :stroke-dasharray=\"indeterminate ? `${arc.circumference * 0.25} ${arc.circumference}` : arc.valueDashArray\"\n          :style=\"arcStyle\"\n        />\n      </svg>\n    </div>\n\n    <!--\n      Центр — сосед виджета, а не его потомок: `role=\"progressbar\"` объявляет\n      потомков презентационными, и кнопка «Отменить» внутри кольца стала бы\n      `nested-interactive`.\n    -->\n    <div\n      v-if=\"hasCenter\"\n      data-gr-progress-circle-center\n      :class=\"centerClass\"\n      :style=\"{ fontSize: `var(--gr-progress-circle-value-size, ${valueTextSizeBySize[resolvedSize]})` }\"\n    >\n      <slot v-if=\"hasSlotContent\" :value=\"safe\" />\n\n      <component\n        :is=\"isComplete ? IconCheck : IconError\"\n        v-else-if=\"showStatusIcon\"\n        data-gr-progress-circle-status\n        aria-hidden=\"true\"\n        :class=\"statusIconSizeBySize[resolvedSize]\"\n        :style=\"{ color: arcColor }\"\n      />\n\n      <span\n        v-else-if=\"showValueLabel\"\n        data-gr-progress-circle-value\n        :class=\"valueClass\"\n      >{{ valueLabel }}</span>\n    </div>\n  </div>\n</template>\n\n<style>\n[data-gr-progress-circle-track] {\n  stroke: var(--gr-progress-circle-track, var(--gr-muted));\n}\n\n[data-gr-progress-circle-arc] {\n  stroke-linecap: var(--gr-progress-circle-cap, round);\n  transition: stroke-dasharray var(--gr-duration-base) var(--gr-ease-out);\n}\n\n/* Оба кадра заданы явно: иначе стартом становится инлайновый поворот дуги, и\n   каждый оборот заканчивался бы скачком. */\n@keyframes gr-progress-circle-spin {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n[data-gr-progress-circle-indeterminate] [data-gr-progress-circle-arc] {\n  animation-name: gr-progress-circle-spin;\n  animation-duration: var(--gr-progress-indeterminate-duration, 1.4s);\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  transition: none;\n}\n\n/*\n * Замерев в исходном кадре, четверть кольца читалась бы как «прогресс 25 %».\n * Замкнутая нейтральная дорожка не притворяется ни нулём, ни завершением: она\n * говорит «работа идёт, значение неизвестно» — тот же приём, что у полосы.\n */\n@media (prefers-reduced-motion: reduce) {\n  [data-gr-progress-circle-indeterminate] [data-gr-progress-circle-arc] {\n    animation: none;\n    stroke: var(--gr-progress-indeterminate-bg, var(--gr-muted-fg));\n    stroke-dasharray: none;\n  }\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nimport IconCheck from '~icons/lucide/check'\nimport IconError from '~icons/lucide/x'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { hasMeaningfulSlotContent } from '../shared/slotNodes'\nimport { arcGeometry, clampProgress, VIEW_BOX, type GrProgressCircleShape } from './geometry'\nimport {\n  centerClass,\n  diameterBySize,\n  grProgressCircleArcColor,\n  rootClass,\n  statusIconSizeBySize,\n  svgClass,\n  thicknessBySize,\n  valueClass,\n  valueTextSizeBySize,\n  type GrProgressCircleSize,\n  type GrProgressCircleTone,\n} from './grProgressCircleStyles'\n\nexport type { GrProgressCircleShape } from './geometry'\nexport type { GrProgressCircleSize, GrProgressCircleTone } from './grProgressCircleStyles'\n\n/**\n * Пропы {@link GrProgressCircle}.\n *\n * Круговой индикатор: определённый режим по `value`, неопределённый по\n * `indeterminate`, замкнутое кольцо или дуга-«дашборд».\n */\nexport interface GrProgressCircleProps {\n  /** Текущее значение `0..100`; выходящие за границы клампятся, `NaN` → `0`. */\n  value?: number\n  /** Прогресс неизвестен: дуга бежит по кругу, значение наружу не объявляется. */\n  indeterminate?: boolean\n  /** Замкнутое кольцо или дуга с вырезом снизу. */\n  shape?: GrProgressCircleShape\n  /** Показать значение в центре кольца. Слот по умолчанию сильнее. */\n  showValue?: boolean\n  /** Свой формат значения. Управляет и подписью, и `aria-valuetext`. */\n  formatValue?: (value: number) => string\n  /** На завершении — галочка, при `tone=\"danger\"` — крест вместо значения. */\n  statusIcon?: boolean\n  /** Метка для скринридера (обязательна, если рядом нет видимого заголовка). */\n  ariaLabel?: string\n  /** Цветовая тональность дуги. */\n  tone?: GrProgressCircleTone\n  /** Диаметр кольца по шкале пакета. */\n  size?: GrProgressCircleSize\n  /** Толщина обводки в процентах диаметра. Не задана — по ступени `size`. */\n  thickness?: number\n  /** Убрать дорожку: поверх картинки пустая часть кольца только шумит. */\n  trackless?: boolean\n}\n\nconst props = withDefaults(defineProps<GrProgressCircleProps>(), {\n  value: 0,\n  indeterminate: false,\n  showValue: false,\n  formatValue: undefined,\n  statusIcon: false,\n  ariaLabel: undefined,\n  thickness: undefined,\n  // `undefined`, а не готовые значения: иначе `componentDefaults` до них не дошли бы.\n  shape: undefined,\n  tone: undefined,\n  size: undefined,\n  trackless: undefined,\n})\n\ndefineSlots<{\n  /** Содержимое центра вместо значения: иконка, две строки, кнопка отмены. */\n  default?: (props: { value: number }) => any\n}>()\n\nconst slots = useSlots()\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrProgressCircle' })\nconst resolvedTone = useGrComponentProp('GrProgressCircle', 'tone', () => props.tone, 'primary')\nconst resolvedShape = useGrComponentProp('GrProgressCircle', 'shape', () => props.shape, 'circle')\nconst resolvedTrackless = useGrComponentProp('GrProgressCircle', 'trackless', () => props.trackless, false)\n\nconst safe = computed(() => clampProgress(props.value))\n\nconst thickness = computed(() => props.thickness ?? thicknessBySize[resolvedSize.value])\n\nconst arc = computed(() => arcGeometry(resolvedShape.value, thickness.value, safe.value))\n\nconst rootStyle = computed(() => ({\n  width: `var(--gr-progress-circle-size, ${diameterBySize[resolvedSize.value]})`,\n  height: `var(--gr-progress-circle-size, ${diameterBySize[resolvedSize.value]})`,\n}))\n\nconst arcStyle = computed(() => ({\n  transform: `rotate(${arc.value.rotation}deg)`,\n  transformOrigin: '50% 50%',\n}))\n\nconst arcColor = computed(() => grProgressCircleArcColor(resolvedTone.value))\n\n/**\n * `aria-valuetext` нужен только со своим форматом: «45» при `aria-valuemax=\"100\"`\n * диктор и так читает как проценты.\n */\nconst valueText = computed(() => (props.formatValue ? props.formatValue(safe.value) : undefined))\nconst valueLabel = computed(() => valueText.value ?? `${Math.round(safe.value)}%`)\n\nconst isComplete = computed(() => !props.indeterminate && safe.value >= 100)\nconst isFailed = computed(() => resolvedTone.value === 'danger')\n\n/**\n * Приоритет центра: слот сильнее иконки итога, иконка итога — значения.\n *\n * Считается по содержимому слота, а не по факту его передачи: слот с `v-if`\n * (кнопка отмены, живущая только на время загрузки) приходит комментарием, и\n * центр остался бы пустым вместо значения.\n */\nconst hasSlotContent = computed(() => hasMeaningfulSlotContent(slots.default?.({ value: safe.value }) ?? []))\nconst showStatusIcon = computed(() => !hasSlotContent.value && props.statusIcon && (isComplete.value || isFailed.value))\nconst showValueLabel = computed(() => !hasSlotContent.value && props.showValue && !props.indeterminate && !showStatusIcon.value)\nconst hasCenter = computed(() => hasSlotContent.value || showStatusIcon.value || showValueLabel.value)\n</script>\n\n<template>\n  <div\n    data-gr-progress-circle\n    :data-tone=\"resolvedTone\"\n    :data-shape=\"resolvedShape\"\n    :class=\"rootClass\"\n    :style=\"rootStyle\"\n  >\n    <div\n      data-gr-progress-circle-widget\n      :data-gr-progress-circle-indeterminate=\"indeterminate ? '' : undefined\"\n      role=\"progressbar\"\n      class=\"h-full w-full\"\n      :aria-label=\"ariaLabel\"\n      :aria-valuenow=\"indeterminate ? undefined : safe\"\n      :aria-valuetext=\"indeterminate ? undefined : valueText\"\n      aria-valuemin=\"0\"\n      aria-valuemax=\"100\"\n    >\n      <svg\n        :class=\"svgClass\"\n        :viewBox=\"`0 0 ${VIEW_BOX} ${VIEW_BOX}`\"\n        aria-hidden=\"true\"\n        focusable=\"false\"\n      >\n        <circle\n          v-if=\"!resolvedTrackless\"\n          data-gr-progress-circle-track\n          :cx=\"VIEW_BOX / 2\"\n          :cy=\"VIEW_BOX / 2\"\n          :r=\"arc.radius\"\n          fill=\"none\"\n          :stroke-width=\"thickness\"\n          :stroke-dasharray=\"arc.trackDashArray\"\n          :style=\"arcStyle\"\n        />\n\n        <!-- Нулевая дуга при круглом торце нарисовалась бы точкой — «начали». -->\n        <circle\n          v-if=\"indeterminate || safe > 0\"\n          data-gr-progress-circle-arc\n          :cx=\"VIEW_BOX / 2\"\n          :cy=\"VIEW_BOX / 2\"\n          :r=\"arc.radius\"\n          fill=\"none\"\n          :stroke=\"arcColor\"\n          :stroke-width=\"thickness\"\n          :stroke-dasharray=\"indeterminate ? `${arc.circumference * 0.25} ${arc.circumference}` : arc.valueDashArray\"\n          :style=\"arcStyle\"\n        />\n      </svg>\n    </div>\n\n    <!--\n      Центр — сосед виджета, а не его потомок: `role=\"progressbar\"` объявляет\n      потомков презентационными, и кнопка «Отменить» внутри кольца стала бы\n      `nested-interactive`.\n    -->\n    <div\n      v-if=\"hasCenter\"\n      data-gr-progress-circle-center\n      :class=\"centerClass\"\n      :style=\"{ fontSize: `var(--gr-progress-circle-value-size, ${valueTextSizeBySize[resolvedSize]})` }\"\n    >\n      <slot v-if=\"hasSlotContent\" :value=\"safe\" />\n\n      <component\n        :is=\"isComplete ? IconCheck : IconError\"\n        v-else-if=\"showStatusIcon\"\n        data-gr-progress-circle-status\n        aria-hidden=\"true\"\n        :class=\"statusIconSizeBySize[resolvedSize]\"\n        :style=\"{ color: arcColor }\"\n      />\n\n      <span\n        v-else-if=\"showValueLabel\"\n        data-gr-progress-circle-value\n        :class=\"valueClass\"\n      >{{ valueLabel }}</span>\n    </div>\n  </div>\n</template>\n\n<style>\n[data-gr-progress-circle-track] {\n  stroke: var(--gr-progress-circle-track, var(--gr-muted));\n}\n\n[data-gr-progress-circle-arc] {\n  stroke-linecap: var(--gr-progress-circle-cap, round);\n  transition: stroke-dasharray var(--gr-duration-base) var(--gr-ease-out);\n}\n\n/* Оба кадра заданы явно: иначе стартом становится инлайновый поворот дуги, и\n   каждый оборот заканчивался бы скачком. */\n@keyframes gr-progress-circle-spin {\n  from {\n    transform: rotate(0deg);\n  }\n\n  to {\n    transform: rotate(360deg);\n  }\n}\n\n[data-gr-progress-circle-indeterminate] [data-gr-progress-circle-arc] {\n  animation-name: gr-progress-circle-spin;\n  animation-duration: var(--gr-progress-indeterminate-duration, 1.4s);\n  animation-timing-function: linear;\n  animation-iteration-count: infinite;\n  transition: none;\n}\n\n/*\n * Замерев в исходном кадре, четверть кольца читалась бы как «прогресс 25 %».\n * Замкнутая нейтральная дорожка не притворяется ни нулём, ни завершением: она\n * говорит «работа идёт, значение неизвестно» — тот же приём, что у полосы.\n */\n@media (prefers-reduced-motion: reduce) {\n  [data-gr-progress-circle-indeterminate] [data-gr-progress-circle-arc] {\n    animation: none;\n    stroke: var(--gr-progress-indeterminate-bg, var(--gr-muted-fg));\n    stroke-dasharray: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrProgressCircle/index.js

@@ -1,3 +1,3 @@
-import { i as clampProgress, n as GR_PROGRESS_CIRCLE_SHAPES, r as arcGeometry, t as GrProgressCircle_default } from "./chunks/GrProgressCircle-B8olXRo5.js";
+import { t as GrProgressCircle_default } from "./chunks/GrProgressCircle-BeUx1g1f.js";
 import { n as grProgressCircleSafelist, t as grProgressCircleConfig } from "../../chunks/config-MRvhUl-O.js";
-export { GR_PROGRESS_CIRCLE_SHAPES, GrProgressCircle_default as GrProgressCircle, GrProgressCircle_default as default, arcGeometry, clampProgress, grProgressCircleConfig, grProgressCircleSafelist };
+export { GrProgressCircle_default as GrProgressCircle, GrProgressCircle_default as default, grProgressCircleConfig, grProgressCircleSafelist };

package/dist/components/GrPromptDialog/chunks/GrPromptDialog-CEI8bf-t.js

@@ -0,0 +1,348 @@
+import { i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-Bw2AH4uX.js";
+import { t as GrInput_default } from "../../GrInput/chunks/GrInput-Bb_pxqpT.js";
+import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-D0U5iRqV.js";
+import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-CZONq8uT.js";
+import { t as GrFormField_default } from "../../GrFormField/chunks/GrFormField-kqfVY30N.js";
+import { t as GrTextarea_default } from "../../GrTextarea/chunks/GrTextarea-CNnkcIG1.js";
+import { a as runFieldRules, r as rulesForTrigger, t as createGrFormMessageResolver } from "../../../chunks/validation-DauXRIkL.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, ref, renderSlot, toDisplayString, unref, watch, withCtx, withKeys } from "vue";
+//#region src/components/GrPromptDialog/GrPromptDialog.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "grid gap-4" };
+var _hoisted_2 = {
+	key: 0,
+	class: "text-[length:var(--gr-control-text-md)] text-[var(--gr-muted-fg)]"
+};
+var _hoisted_3 = { class: "flex items-center justify-end gap-3" };
+//#endregion
+//#region src/components/GrPromptDialog/GrPromptDialog.vue
+var GrPromptDialog_default = /* @__PURE__ */ defineComponent({
+	__name: "GrPromptDialog",
+	props: {
+		modelValue: { type: Boolean },
+		value: {},
+		title: { default: void 0 },
+		description: { default: void 0 },
+		label: { default: void 0 },
+		placeholder: { default: void 0 },
+		closeOnBackdrop: {
+			type: Boolean,
+			default: true
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: true
+		},
+		showHeader: {
+			type: Boolean,
+			default: true
+		},
+		showCloseButton: {
+			type: Boolean,
+			default: true
+		},
+		size: { default: void 0 },
+		headerConfig: { default: void 0 },
+		footerConfig: { default: void 0 },
+		bodyConfig: { default: void 0 },
+		closeLabel: { default: void 0 },
+		buttonSize: { default: void 0 },
+		confirmText: { default: void 0 },
+		cancelText: { default: void 0 },
+		requiredErrorText: { default: void 0 },
+		confirmVariant: { default: "primary" },
+		confirmTone: { default: "primary" },
+		required: {
+			type: Boolean,
+			default: true
+		},
+		inputType: { default: "text" },
+		inputmode: { default: void 0 },
+		maxlength: { default: void 0 },
+		showCount: {
+			type: Boolean,
+			default: false
+		},
+		multiline: {
+			type: Boolean,
+			default: false
+		},
+		rows: { default: void 0 },
+		autosize: {
+			type: Boolean,
+			default: false
+		},
+		rules: { default: void 0 },
+		error: { default: null },
+		fieldError: { default: null },
+		confirmLoading: {
+			type: Boolean,
+			default: false
+		},
+		confirmDisabled: {
+			type: Boolean,
+			default: false
+		},
+		closeOnConfirm: {
+			type: Boolean,
+			default: true
+		},
+		persistent: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: [
+		"update:modelValue",
+		"update:value",
+		"confirm",
+		"cancel"
+	],
+	setup(__props, { emit: __emit }) {
+		/**
+		* GrPromptDialog — GR-примитив диалога ввода значения поверх `GrDialog`.
+		*
+		* Синхронизирован с `GrDialog` по набору проп-проксирования:
+		* `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,
+		* `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.
+		*
+		* Поведение `required=true` (по умолчанию): пустое значение подсвечивается
+		* ошибкой только после первого «касания» (blur или попытка confirm),
+		* чтобы не шуметь при открытии.
+		*
+		* Проверки сверх `required` описываются пропом `rules` — тем же движком, что и
+		* у `GrForm`: третий частный случай валидации в пакете заводить незачем.
+		*/
+		const props = __props;
+		const resolvedSize = useGrComponentProp("GrPromptDialog", "size", () => props.size, "md");
+		const emit = __emit;
+		const { t } = useGranularityTranslations();
+		const resolvedTitle = computed(() => props.title ?? t("gr.dialog.prompt.title", "Prompt"));
+		const resolvedLabel = computed(() => props.label ?? t("gr.dialog.prompt.label", "Value"));
+		const resolvedRequiredErrorText = computed(() => props.requiredErrorText ?? t("gr.dialog.prompt.required", "Enter a value."));
+		const resolvedCloseLabel = computed(() => props.closeLabel ?? t("gr.common.close", "Close"));
+		const resolvedConfirmText = computed(() => props.confirmText ?? t("gr.common.confirm", "Confirm"));
+		const resolvedCancelText = computed(() => props.cancelText ?? t("gr.common.cancel", "Cancel"));
+		const open = computed({
+			get: () => props.modelValue,
+			set: (v) => emit("update:modelValue", v)
+		});
+		const valueModel = computed({
+			get: () => props.value,
+			set: (v) => emit("update:value", v)
+		});
+		const touched = ref(false);
+		const inputRef = ref(null);
+		const textareaRef = ref(null);
+		/** Ошибка последнего прогона `rules`; `required` считается отдельно и мгновенно. */
+		const ruleError = ref(void 0);
+		const validating = ref(false);
+		let validationRun = 0;
+		watch(() => props.modelValue, (isOpen) => {
+			if (!isOpen) return;
+			touched.value = false;
+			ruleError.value = void 0;
+			validationRun += 1;
+		});
+		const resolveMessage = createGrFormMessageResolver(t);
+		const normalizedRules = computed(() => {
+			if (!props.rules) return [];
+			return Array.isArray(props.rules) ? props.rules : [props.rules];
+		});
+		const requiredError = computed(() => {
+			if (!props.required) return void 0;
+			return valueModel.value.trim().length > 0 ? void 0 : resolvedRequiredErrorText.value;
+		});
+		const canConfirm = computed(() => !requiredError.value);
+		const validationError = computed(() => {
+			if (!touched.value) return void 0;
+			return requiredError.value ?? ruleError.value;
+		});
+		const fieldErrorMessage = computed(() => props.fieldError ?? validationError.value ?? void 0);
+		/**
+		* Прогоняет `rules` для триггера. Возвращает сообщение или `undefined`.
+		* `required` здесь не участвует: он синхронный и считается отдельно, чтобы
+		* пустое поле блокировало кнопку без похода в асинхронный движок.
+		*/
+		async function runRules(trigger) {
+			const rules = rulesForTrigger(normalizedRules.value, trigger);
+			if (!rules.length) return void 0;
+			const run = ++validationRun;
+			validating.value = true;
+			try {
+				const message = await runFieldRules(valueModel.value, rules, { value: valueModel.value }, resolveMessage);
+				if (run !== validationRun) return void 0;
+				ruleError.value = message;
+				return message;
+			} finally {
+				if (run === validationRun) validating.value = false;
+			}
+		}
+		function onBlur() {
+			touched.value = true;
+			runRules("blur");
+		}
+		const softCloseBlocked = computed(() => props.persistent && (props.confirmLoading || validating.value));
+		const resolvedCloseOnBackdrop = computed(() => softCloseBlocked.value ? false : props.closeOnBackdrop);
+		const resolvedCloseOnEsc = computed(() => softCloseBlocked.value ? false : props.closeOnEsc);
+		function onCancel() {
+			emit("cancel");
+			emit("update:modelValue", false);
+		}
+		function focusField() {
+			if (props.multiline) textareaRef.value?.focus();
+			else inputRef.value?.focus();
+		}
+		async function onConfirm() {
+			touched.value = true;
+			if (!canConfirm.value) {
+				focusField();
+				return;
+			}
+			if (await runRules("submit")) {
+				focusField();
+				return;
+			}
+			emit("confirm", valueModel.value);
+			if (props.closeOnConfirm) emit("update:modelValue", false);
+		}
+		/**
+		* `Enter` подтверждает — базовое ожидание от окна, единственный смысл которого
+		* ввести одно значение. В многострочном режиме `Enter` остаётся переводом
+		* строки, поэтому обработчик висит только на однострочном поле.
+		*/
+		function onEnter() {
+			onConfirm();
+		}
+		watch([
+			() => props.modelValue,
+			inputRef,
+			textareaRef
+		], () => {
+			if (!props.modelValue) return;
+			focusField();
+		}, {
+			immediate: true,
+			flush: "post"
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(GrDialog_default, {
+				modelValue: open.value,
+				"onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => open.value = $event),
+				title: resolvedTitle.value,
+				size: unref(resolvedSize),
+				"close-on-backdrop": resolvedCloseOnBackdrop.value,
+				"close-on-esc": resolvedCloseOnEsc.value,
+				"show-header": __props.showHeader,
+				"show-close-button": __props.showCloseButton,
+				"header-config": __props.headerConfig,
+				"footer-config": __props.footerConfig,
+				"body-config": __props.bodyConfig,
+				"close-label": resolvedCloseLabel.value
+			}, {
+				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("div", _hoisted_3, [createVNode(GrButton_default, {
+					"data-testid": "gr-prompt-cancel",
+					variant: "outline",
+					size: __props.buttonSize,
+					onClick: onCancel
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(resolvedCancelText.value), 1)]),
+					_: 1
+				}, 8, ["size"]), createVNode(GrButton_default, {
+					"data-testid": "gr-prompt-confirm",
+					variant: __props.confirmVariant,
+					tone: __props.confirmTone,
+					size: __props.buttonSize,
+					loading: __props.confirmLoading || validating.value,
+					disabled: __props.confirmDisabled || touched.value && !canConfirm.value,
+					onClick: onConfirm
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(resolvedConfirmText.value), 1)]),
+					_: 1
+				}, 8, [
+					"variant",
+					"tone",
+					"size",
+					"loading",
+					"disabled"
+				])])])]),
+				default: withCtx(() => [createElementVNode("div", _hoisted_1, [
+					renderSlot(_ctx.$slots, "default", {}, () => [__props.description ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]),
+					createVNode(GrFormField_default, {
+						label: resolvedLabel.value,
+						error: fieldErrorMessage.value
+					}, {
+						default: withCtx(() => [__props.multiline ? (openBlock(), createBlock(GrTextarea_default, {
+							key: 0,
+							ref_key: "textareaRef",
+							ref: textareaRef,
+							modelValue: valueModel.value,
+							"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => valueModel.value = $event),
+							"data-testid": "gr-prompt-input",
+							placeholder: __props.placeholder,
+							rows: __props.rows,
+							autosize: __props.autosize,
+							maxlength: __props.maxlength,
+							"show-count": __props.showCount,
+							invalid: !!fieldErrorMessage.value,
+							onBlur
+						}, null, 8, [
+							"modelValue",
+							"placeholder",
+							"rows",
+							"autosize",
+							"maxlength",
+							"show-count",
+							"invalid"
+						])) : (openBlock(), createBlock(GrInput_default, {
+							key: 1,
+							ref_key: "inputRef",
+							ref: inputRef,
+							modelValue: valueModel.value,
+							"onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => valueModel.value = $event),
+							"data-testid": "gr-prompt-input",
+							type: __props.inputType,
+							inputmode: __props.inputmode,
+							placeholder: __props.placeholder,
+							maxlength: __props.maxlength,
+							"show-count": __props.showCount,
+							invalid: !!fieldErrorMessage.value,
+							onBlur,
+							onKeydown: withKeys(onEnter, ["enter"])
+						}, null, 8, [
+							"modelValue",
+							"type",
+							"inputmode",
+							"placeholder",
+							"maxlength",
+							"show-count",
+							"invalid"
+						]))]),
+						_: 1
+					}, 8, ["label", "error"]),
+					renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [__props.error ? (openBlock(), createBlock(GrResponseErrorBanner_default, {
+						key: 0,
+						error: __props.error,
+						"can-dismiss": false
+					}, null, 8, ["error"])) : createCommentVNode("", true)])
+				])]),
+				_: 3
+			}, 8, [
+				"modelValue",
+				"title",
+				"size",
+				"close-on-backdrop",
+				"close-on-esc",
+				"show-header",
+				"show-close-button",
+				"header-config",
+				"footer-config",
+				"body-config",
+				"close-label"
+			]);
+		};
+	}
+});
+//#endregion
+export { GrPromptDialog_default as t };

package/dist/components/GrPromptDialog/chunks/GrPromptDialog-CEI8bf-t.js.map

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

package/dist/components/GrPromptDialog/index.js

@@ -1,3 +1,3 @@
-import { t as GrPromptDialog_default } from "./chunks/GrPromptDialog-Pwr9NPxK.js";
+import { t as GrPromptDialog_default } from "./chunks/GrPromptDialog-CEI8bf-t.js";
 import { t as grPromptDialogConfig } from "../../chunks/config-C0Ea9ePP.js";
 export { GrPromptDialog_default as GrPromptDialog, GrPromptDialog_default as default, grPromptDialogConfig };