@feugene/granularity 0.19.0 → 0.21.0

package/dist/components/GrSplitter/chunks/GrSplitter-B9_JrT7q.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrSplitter-B9_JrT7q.js","names":[],"sources":["../../../../src/components/GrSplitter/splitterGeometry.ts","../../../../src/components/GrSplitter/GrSplitter.vue","../../../../src/components/GrSplitter/GrSplitter.vue"],"sourcesContent":["/**\n * Арифметика раздвижных панелей. Без Vue — проверяется без монтирования.\n *\n * Всё считается в процентах ширины (или высоты) контейнера: клавиатура,\n * границы и сворачивание работают без единого замера DOM, а серверный рендер\n * совпадает с клиентским. Замер нужен ровно в одном месте — перевод координаты\n * указателя в проценты.\n */\n\nexport const GR_SPLITTER_ORIENTATIONS = ['horizontal', 'vertical'] as const\n\nexport type GrSplitterOrientation = typeof GR_SPLITTER_ORIENTATIONS[number]\n\nexport interface GrSplitterBounds {\n  /** Минимум первой панели. */\n  min: number\n  /** Максимум первой панели. */\n  max: number\n  /** Минимум второй панели: без него её можно задавить в ноль. */\n  minEnd: number\n}\n\nfunction toFinite(value: number, fallback: number): number {\n  return Number.isFinite(value) ? value : fallback\n}\n\n/**\n * Приводит долю первой панели к допустимой.\n *\n * При конфликте `min` и `minEnd` побеждает `min`: первая панель не должна\n * уезжать под свой минимум, даже если вторая при этом окажется уже своего.\n * Обратный порядок дал бы панель, которую пользователь не может вернуть.\n */\nexport function clampSize(value: number, bounds: GrSplitterBounds): number {\n  const min = Math.min(100, Math.max(0, toFinite(bounds.min, 0)))\n  const max = Math.min(100, Math.max(min, toFinite(bounds.max, 100)))\n  const minEnd = Math.min(100, Math.max(0, toFinite(bounds.minEnd, 0)))\n\n  const upper = Math.max(min, Math.min(max, 100 - minEnd))\n\n  return Math.min(upper, Math.max(min, toFinite(value, min)))\n}\n\n/** Доля, соответствующая позиции указателя. Вне контейнера — его края. */\nexport function sizeFromPointer(\n  rect: { left: number, top: number, width: number, height: number },\n  clientX: number,\n  clientY: number,\n  orientation: GrSplitterOrientation,\n): number {\n  const total = orientation === 'horizontal' ? rect.width : rect.height\n  // Схлопнутый контейнер (ещё не в раскладке, `display: none`) — делить не на что.\n  if (!(total > 0)) return 0\n\n  const offset = orientation === 'horizontal' ? clientX - rect.left : clientY - rect.top\n\n  return Math.min(100, Math.max(0, (offset / total) * 100))\n}\n\n/**\n * Тянуть панель ниже половины её минимума пользователь может только с одним\n * намерением — убрать её совсем. Это единственный способ свернуть панель\n * мышью: двойной клик занят сбросом к дефолту, `Enter` — клавиатурой.\n */\nexport function shouldCollapse(value: number, bounds: GrSplitterBounds): boolean {\n  const min = Math.min(100, Math.max(0, toFinite(bounds.min, 0)))\n  if (min <= 0) return false\n\n  return toFinite(value, min) < min / 2\n}\n","<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useDragGesture } from '../../composables/useDragGesture'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport { paneClass, rootClass, separatorClass } from './grSplitterStyles'\nimport {\n  clampSize,\n  shouldCollapse,\n  sizeFromPointer,\n  type GrSplitterBounds,\n  type GrSplitterOrientation,\n} from './splitterGeometry'\n\nexport type { GrSplitterOrientation } from './splitterGeometry'\n\n/**\n * Пропы {@link GrSplitter}.\n *\n * Две панели и разделитель между ними. Размер первой панели — доля контейнера\n * в процентах: она переживает смену ширины окна и рендерится на сервере без\n * замеров.\n */\nexport interface GrSplitterProps {\n  /** Доля первой панели в процентах. Поддерживает `v-model`; без него компонент помнит размер сам. */\n  modelValue?: number\n  /** Стартовая доля и точка возврата по двойному клику. */\n  defaultSize?: number\n  /** `horizontal` — панели рядом, `vertical` — одна над другой. */\n  orientation?: GrSplitterOrientation\n  /** Минимум первой панели в процентах. */\n  min?: number\n  /** Максимум первой панели в процентах. */\n  max?: number\n  /** Минимум второй панели: без него её можно задавить в ноль. */\n  minEnd?: number\n  /** Шаг стрелок. */\n  step?: number\n  /** Шаг стрелок с `Shift`. */\n  bigStep?: number\n  /** Разрешить сворачивание первой панели. */\n  collapsible?: boolean\n  /** Первая панель свёрнута. Поддерживает `v-model:collapsed`. */\n  collapsed?: boolean\n  /** Разделитель не тянется, не фокусируется и не отвечает на клавиши. */\n  disabled?: boolean\n  /** Имя разделителя для скринридера. Не задано — из локали. */\n  ariaLabel?: string\n}\n\nexport interface GrSplitterEmits {\n  (e: 'update:modelValue', value: number): void\n  (e: 'update:collapsed', value: boolean): void\n  /** Конец жеста и каждый шаг с клавиатуры: сюда вешают сохранение раскладки. */\n  (e: 'change', value: number): void\n}\n\nconst props = withDefaults(defineProps<GrSplitterProps>(), {\n  modelValue: undefined,\n  defaultSize: 50,\n  min: 10,\n  max: 90,\n  minEnd: 10,\n  step: 1,\n  bigStep: 10,\n  collapsed: false,\n  disabled: false,\n  ariaLabel: undefined,\n  // `undefined`, а не готовые значения: иначе `componentDefaults` до них не дошли бы.\n  orientation: undefined,\n  collapsible: undefined,\n})\n\nconst emit = defineEmits<GrSplitterEmits>()\n\ndefineSlots<{\n  /** Первая панель — та, чей размер задаёт модель. */\n  start?: () => any\n  /** Вторая панель: занимает остаток. */\n  end?: () => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst orientation = useGrComponentProp('GrSplitter', 'orientation', () => props.orientation, 'horizontal')\nconst collapsible = useGrComponentProp('GrSplitter', 'collapsible', () => props.collapsible, false)\n\nconst startId = useId()\nconst rootEl = ref<HTMLElement | null>(null)\n\nconst bounds = computed<GrSplitterBounds>(() => ({\n  min: props.min,\n  max: props.max,\n  minEnd: props.minEnd,\n}))\n\n/**\n * Локальное состояние с синхронизацией из пропа — поддерживает и controlled\n * (`v-model`), и uncontrolled (сплиттер помнит размер сам), как `collapsed`\n * у `GrSidebar`.\n */\nconst sizeState = ref(clampSize(props.modelValue ?? props.defaultSize, bounds.value))\nwatch(() => props.modelValue, (value) => {\n  if (value !== undefined) sizeState.value = clampSize(value, bounds.value)\n})\n\nconst collapsedState = ref(props.collapsed)\nwatch(() => props.collapsed, value => (collapsedState.value = value))\n\n/** Размер, к которому возвращает `Enter`: свёрнутость не должна его терять. */\nconst restoreSize = ref(sizeState.value)\n\n/** Значение до начала жеста: `pointercancel` откатывает к нему. */\nlet sizeBeforeDrag = sizeState.value\nlet collapsedBeforeDrag = false\n\nconst isCollapsed = computed(() => collapsible.value && collapsedState.value)\n\n/** Что видно на экране: свёрнутая панель — это ноль в треке, но не ноль в модели. */\nconst renderedSize = computed(() => (isCollapsed.value ? 0 : clampSize(sizeState.value, bounds.value)))\n\nconst gridStyle = computed(() => {\n  const track = `${renderedSize.value}% var(--gr-splitter-size, 6px) 1fr`\n\n  return orientation.value === 'horizontal'\n    ? { gridTemplateColumns: track }\n    : { gridTemplateRows: track }\n})\n\n/**\n * `aria-orientation` описывает **сам разделитель**, а не раскладку: панели,\n * стоящие рядом, разделяет вертикальная полоса.\n */\nconst separatorOrientation = computed(() => (orientation.value === 'horizontal' ? 'vertical' : 'horizontal'))\n\nconst label = computed(() => props.ariaLabel ?? t('gr.splitter.label', 'Resize panels'))\n\nfunction setSize(next: number, commit: boolean): void {\n  const value = clampSize(next, bounds.value)\n  const changed = value !== sizeState.value\n\n  sizeState.value = value\n  if (changed) emit('update:modelValue', value)\n  if (commit) emit('change', value)\n}\n\nfunction setCollapsed(value: boolean): void {\n  if (collapsedState.value === value) return\n\n  collapsedState.value = value\n  emit('update:collapsed', value)\n}\n\n/**\n * Шаг размера. Свёрнутая панель на первое нажатие возвращается — двигать\n * то, чего не видно, значит менять раскладку вслепую.\n */\nfunction moveBy(delta: number): void {\n  if (isCollapsed.value) {\n    setCollapsed(false)\n    setSize(restoreSize.value, true)\n    return\n  }\n\n  restoreSize.value = clampSize(sizeState.value + delta, bounds.value)\n  setSize(sizeState.value + delta, true)\n}\n\nfunction toggleCollapsed(): void {\n  if (!collapsible.value) return\n\n  if (isCollapsed.value) {\n    setCollapsed(false)\n    setSize(restoreSize.value, true)\n    return\n  }\n\n  restoreSize.value = sizeState.value\n  setCollapsed(true)\n  emit('change', 0)\n}\n\nfunction reset(): void {\n  setCollapsed(false)\n  restoreSize.value = clampSize(props.defaultSize, bounds.value)\n  setSize(props.defaultSize, true)\n}\n\n// ————— Указатель.\nfunction onPointerMove(event: PointerEvent): void {\n  const rect = rootEl.value?.getBoundingClientRect()\n  if (!rect) return\n\n  // Против выделения текста под курсором во время жеста.\n  event.preventDefault()\n\n  const raw = sizeFromPointer(rect, event.clientX, event.clientY, orientation.value)\n\n  if (collapsible.value && shouldCollapse(raw, bounds.value)) {\n    if (!collapsedState.value) restoreSize.value = sizeState.value\n    setCollapsed(true)\n    return\n  }\n\n  setCollapsed(false)\n  restoreSize.value = clampSize(raw, bounds.value)\n  setSize(raw, false)\n}\n\nconst { isDragging, start: onPointerDown } = useDragGesture({\n  disabled: () => props.disabled,\n  onStart: () => {\n    sizeBeforeDrag = sizeState.value\n    collapsedBeforeDrag = collapsedState.value\n  },\n  onMove: onPointerMove,\n  onEnd: () => emit('change', renderedSize.value),\n  // Оборванный жест (браузер забрал указатель) не коммитит ничего: раскладка\n  // возвращается к той, что была до нажатия.\n  onCancel: () => {\n    setCollapsed(collapsedBeforeDrag)\n    setSize(sizeBeforeDrag, false)\n  },\n})\n\n// ————— Клавиатура.\nconst decreaseKey = computed(() => (orientation.value === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'))\nconst increaseKey = computed(() => (orientation.value === 'horizontal' ? 'ArrowRight' : 'ArrowDown'))\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n\n  const step = event.shiftKey ? props.bigStep : props.step\n\n  if (event.key === decreaseKey.value) moveBy(-step)\n  else if (event.key === increaseKey.value) moveBy(step)\n  else if (event.key === 'Home') moveBy(-100)\n  else if (event.key === 'End') moveBy(100)\n  else if (event.key === 'Enter') toggleCollapsed()\n  else return\n\n  // Дошли сюда — клавиша наша: страница не должна ещё и прокрутиться.\n  event.preventDefault()\n}\n\nfunction onDoubleClick(): void {\n  if (props.disabled) return\n\n  reset()\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-splitter\n    :data-orientation=\"orientation\"\n    :data-dragging=\"isDragging ? '' : undefined\"\n    :data-collapsed=\"isCollapsed ? '' : undefined\"\n    :class=\"rootClass\"\n    :style=\"gridStyle\"\n  >\n    <div\n      :id=\"startId\"\n      data-gr-splitter-pane=\"start\"\n      :class=\"paneClass\"\n    >\n      <slot name=\"start\" />\n    </div>\n\n    <div\n      data-gr-splitter-separator\n      role=\"separator\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-orientation=\"separatorOrientation\"\n      :aria-label=\"label\"\n      :aria-controls=\"startId\"\n      :aria-valuenow=\"Math.round(renderedSize)\"\n      :aria-valuemin=\"Math.round(min)\"\n      :aria-valuemax=\"Math.round(max)\"\n      :aria-disabled=\"disabled ? 'true' : undefined\"\n      :class=\"separatorClass\"\n      @pointerdown=\"onPointerDown\"\n      @keydown=\"onKeydown\"\n      @dblclick=\"onDoubleClick\"\n    />\n\n    <div\n      data-gr-splitter-pane=\"end\"\n      :class=\"paneClass\"\n    >\n      <slot name=\"end\" />\n    </div>\n  </div>\n</template>\n\n<style>\n[data-gr-splitter-separator] {\n  background-color: var(--gr-splitter-color, var(--gr-brd));\n}\n\n/*\n * Зона захвата шире видимой полосы: шесть пикселей мышью не берутся, а делать\n * ради этого полосу толще — значит красить раскладку под удобство мыши.\n */\n[data-gr-splitter-separator]::before {\n  content: '';\n  position: absolute;\n  inset: calc(-1 * var(--gr-splitter-hit, 4px));\n}\n\n/* Насечка: короткая полоса посередине — единственный видимый намёк, что это ручка. */\n[data-gr-splitter-separator]::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  border-radius: var(--gr-radius-full);\n  background-color: var(--gr-splitter-hover-color, var(--gr-muted-fg));\n  opacity: 0;\n  transform: translate(-50%, -50%);\n  transition: opacity var(--gr-duration-fast) var(--gr-ease-out);\n}\n\n[data-gr-splitter][data-orientation='horizontal'] [data-gr-splitter-separator] {\n  cursor: col-resize;\n}\n\n[data-gr-splitter][data-orientation='horizontal'] [data-gr-splitter-separator]::after {\n  width: 2px;\n  height: var(--gr-splitter-grip, 24px);\n}\n\n[data-gr-splitter][data-orientation='vertical'] [data-gr-splitter-separator] {\n  cursor: row-resize;\n}\n\n[data-gr-splitter][data-orientation='vertical'] [data-gr-splitter-separator]::after {\n  width: var(--gr-splitter-grip, 24px);\n  height: 2px;\n}\n\n[data-gr-splitter-separator]:hover {\n  background-color: var(--gr-splitter-hover-color, var(--gr-muted-fg));\n}\n\n[data-gr-splitter-separator]:hover::after,\n[data-gr-splitter-separator]:focus-visible::after {\n  opacity: 1;\n}\n\n/* На залитой полосе насечка читается только вырезом — цветом страницы. */\n[data-gr-splitter-separator]:hover::after,\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator]::after {\n  background-color: var(--gr-bg);\n}\n\n/* Во время жеста полоса подсвечена, даже если курсор ушёл с неё. */\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator] {\n  background-color: var(--gr-splitter-active-color, var(--gr-primary));\n}\n\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator]::after {\n  opacity: 1;\n}\n\n/* Жест не должен попутно выделять текст в панелях. */\n[data-gr-splitter][data-dragging] {\n  user-select: none;\n}\n\n[data-gr-splitter-separator][aria-disabled='true'] {\n  cursor: default;\n}\n\n[data-gr-splitter-separator][aria-disabled='true']::after {\n  display: none;\n}\n</style>\n","<script setup lang=\"ts\">\nimport { computed, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { useDragGesture } from '../../composables/useDragGesture'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport { paneClass, rootClass, separatorClass } from './grSplitterStyles'\nimport {\n  clampSize,\n  shouldCollapse,\n  sizeFromPointer,\n  type GrSplitterBounds,\n  type GrSplitterOrientation,\n} from './splitterGeometry'\n\nexport type { GrSplitterOrientation } from './splitterGeometry'\n\n/**\n * Пропы {@link GrSplitter}.\n *\n * Две панели и разделитель между ними. Размер первой панели — доля контейнера\n * в процентах: она переживает смену ширины окна и рендерится на сервере без\n * замеров.\n */\nexport interface GrSplitterProps {\n  /** Доля первой панели в процентах. Поддерживает `v-model`; без него компонент помнит размер сам. */\n  modelValue?: number\n  /** Стартовая доля и точка возврата по двойному клику. */\n  defaultSize?: number\n  /** `horizontal` — панели рядом, `vertical` — одна над другой. */\n  orientation?: GrSplitterOrientation\n  /** Минимум первой панели в процентах. */\n  min?: number\n  /** Максимум первой панели в процентах. */\n  max?: number\n  /** Минимум второй панели: без него её можно задавить в ноль. */\n  minEnd?: number\n  /** Шаг стрелок. */\n  step?: number\n  /** Шаг стрелок с `Shift`. */\n  bigStep?: number\n  /** Разрешить сворачивание первой панели. */\n  collapsible?: boolean\n  /** Первая панель свёрнута. Поддерживает `v-model:collapsed`. */\n  collapsed?: boolean\n  /** Разделитель не тянется, не фокусируется и не отвечает на клавиши. */\n  disabled?: boolean\n  /** Имя разделителя для скринридера. Не задано — из локали. */\n  ariaLabel?: string\n}\n\nexport interface GrSplitterEmits {\n  (e: 'update:modelValue', value: number): void\n  (e: 'update:collapsed', value: boolean): void\n  /** Конец жеста и каждый шаг с клавиатуры: сюда вешают сохранение раскладки. */\n  (e: 'change', value: number): void\n}\n\nconst props = withDefaults(defineProps<GrSplitterProps>(), {\n  modelValue: undefined,\n  defaultSize: 50,\n  min: 10,\n  max: 90,\n  minEnd: 10,\n  step: 1,\n  bigStep: 10,\n  collapsed: false,\n  disabled: false,\n  ariaLabel: undefined,\n  // `undefined`, а не готовые значения: иначе `componentDefaults` до них не дошли бы.\n  orientation: undefined,\n  collapsible: undefined,\n})\n\nconst emit = defineEmits<GrSplitterEmits>()\n\ndefineSlots<{\n  /** Первая панель — та, чей размер задаёт модель. */\n  start?: () => any\n  /** Вторая панель: занимает остаток. */\n  end?: () => any\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst orientation = useGrComponentProp('GrSplitter', 'orientation', () => props.orientation, 'horizontal')\nconst collapsible = useGrComponentProp('GrSplitter', 'collapsible', () => props.collapsible, false)\n\nconst startId = useId()\nconst rootEl = ref<HTMLElement | null>(null)\n\nconst bounds = computed<GrSplitterBounds>(() => ({\n  min: props.min,\n  max: props.max,\n  minEnd: props.minEnd,\n}))\n\n/**\n * Локальное состояние с синхронизацией из пропа — поддерживает и controlled\n * (`v-model`), и uncontrolled (сплиттер помнит размер сам), как `collapsed`\n * у `GrSidebar`.\n */\nconst sizeState = ref(clampSize(props.modelValue ?? props.defaultSize, bounds.value))\nwatch(() => props.modelValue, (value) => {\n  if (value !== undefined) sizeState.value = clampSize(value, bounds.value)\n})\n\nconst collapsedState = ref(props.collapsed)\nwatch(() => props.collapsed, value => (collapsedState.value = value))\n\n/** Размер, к которому возвращает `Enter`: свёрнутость не должна его терять. */\nconst restoreSize = ref(sizeState.value)\n\n/** Значение до начала жеста: `pointercancel` откатывает к нему. */\nlet sizeBeforeDrag = sizeState.value\nlet collapsedBeforeDrag = false\n\nconst isCollapsed = computed(() => collapsible.value && collapsedState.value)\n\n/** Что видно на экране: свёрнутая панель — это ноль в треке, но не ноль в модели. */\nconst renderedSize = computed(() => (isCollapsed.value ? 0 : clampSize(sizeState.value, bounds.value)))\n\nconst gridStyle = computed(() => {\n  const track = `${renderedSize.value}% var(--gr-splitter-size, 6px) 1fr`\n\n  return orientation.value === 'horizontal'\n    ? { gridTemplateColumns: track }\n    : { gridTemplateRows: track }\n})\n\n/**\n * `aria-orientation` описывает **сам разделитель**, а не раскладку: панели,\n * стоящие рядом, разделяет вертикальная полоса.\n */\nconst separatorOrientation = computed(() => (orientation.value === 'horizontal' ? 'vertical' : 'horizontal'))\n\nconst label = computed(() => props.ariaLabel ?? t('gr.splitter.label', 'Resize panels'))\n\nfunction setSize(next: number, commit: boolean): void {\n  const value = clampSize(next, bounds.value)\n  const changed = value !== sizeState.value\n\n  sizeState.value = value\n  if (changed) emit('update:modelValue', value)\n  if (commit) emit('change', value)\n}\n\nfunction setCollapsed(value: boolean): void {\n  if (collapsedState.value === value) return\n\n  collapsedState.value = value\n  emit('update:collapsed', value)\n}\n\n/**\n * Шаг размера. Свёрнутая панель на первое нажатие возвращается — двигать\n * то, чего не видно, значит менять раскладку вслепую.\n */\nfunction moveBy(delta: number): void {\n  if (isCollapsed.value) {\n    setCollapsed(false)\n    setSize(restoreSize.value, true)\n    return\n  }\n\n  restoreSize.value = clampSize(sizeState.value + delta, bounds.value)\n  setSize(sizeState.value + delta, true)\n}\n\nfunction toggleCollapsed(): void {\n  if (!collapsible.value) return\n\n  if (isCollapsed.value) {\n    setCollapsed(false)\n    setSize(restoreSize.value, true)\n    return\n  }\n\n  restoreSize.value = sizeState.value\n  setCollapsed(true)\n  emit('change', 0)\n}\n\nfunction reset(): void {\n  setCollapsed(false)\n  restoreSize.value = clampSize(props.defaultSize, bounds.value)\n  setSize(props.defaultSize, true)\n}\n\n// ————— Указатель.\nfunction onPointerMove(event: PointerEvent): void {\n  const rect = rootEl.value?.getBoundingClientRect()\n  if (!rect) return\n\n  // Против выделения текста под курсором во время жеста.\n  event.preventDefault()\n\n  const raw = sizeFromPointer(rect, event.clientX, event.clientY, orientation.value)\n\n  if (collapsible.value && shouldCollapse(raw, bounds.value)) {\n    if (!collapsedState.value) restoreSize.value = sizeState.value\n    setCollapsed(true)\n    return\n  }\n\n  setCollapsed(false)\n  restoreSize.value = clampSize(raw, bounds.value)\n  setSize(raw, false)\n}\n\nconst { isDragging, start: onPointerDown } = useDragGesture({\n  disabled: () => props.disabled,\n  onStart: () => {\n    sizeBeforeDrag = sizeState.value\n    collapsedBeforeDrag = collapsedState.value\n  },\n  onMove: onPointerMove,\n  onEnd: () => emit('change', renderedSize.value),\n  // Оборванный жест (браузер забрал указатель) не коммитит ничего: раскладка\n  // возвращается к той, что была до нажатия.\n  onCancel: () => {\n    setCollapsed(collapsedBeforeDrag)\n    setSize(sizeBeforeDrag, false)\n  },\n})\n\n// ————— Клавиатура.\nconst decreaseKey = computed(() => (orientation.value === 'horizontal' ? 'ArrowLeft' : 'ArrowUp'))\nconst increaseKey = computed(() => (orientation.value === 'horizontal' ? 'ArrowRight' : 'ArrowDown'))\n\nfunction onKeydown(event: KeyboardEvent): void {\n  if (props.disabled) return\n\n  const step = event.shiftKey ? props.bigStep : props.step\n\n  if (event.key === decreaseKey.value) moveBy(-step)\n  else if (event.key === increaseKey.value) moveBy(step)\n  else if (event.key === 'Home') moveBy(-100)\n  else if (event.key === 'End') moveBy(100)\n  else if (event.key === 'Enter') toggleCollapsed()\n  else return\n\n  // Дошли сюда — клавиша наша: страница не должна ещё и прокрутиться.\n  event.preventDefault()\n}\n\nfunction onDoubleClick(): void {\n  if (props.disabled) return\n\n  reset()\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-splitter\n    :data-orientation=\"orientation\"\n    :data-dragging=\"isDragging ? '' : undefined\"\n    :data-collapsed=\"isCollapsed ? '' : undefined\"\n    :class=\"rootClass\"\n    :style=\"gridStyle\"\n  >\n    <div\n      :id=\"startId\"\n      data-gr-splitter-pane=\"start\"\n      :class=\"paneClass\"\n    >\n      <slot name=\"start\" />\n    </div>\n\n    <div\n      data-gr-splitter-separator\n      role=\"separator\"\n      :tabindex=\"disabled ? undefined : 0\"\n      :aria-orientation=\"separatorOrientation\"\n      :aria-label=\"label\"\n      :aria-controls=\"startId\"\n      :aria-valuenow=\"Math.round(renderedSize)\"\n      :aria-valuemin=\"Math.round(min)\"\n      :aria-valuemax=\"Math.round(max)\"\n      :aria-disabled=\"disabled ? 'true' : undefined\"\n      :class=\"separatorClass\"\n      @pointerdown=\"onPointerDown\"\n      @keydown=\"onKeydown\"\n      @dblclick=\"onDoubleClick\"\n    />\n\n    <div\n      data-gr-splitter-pane=\"end\"\n      :class=\"paneClass\"\n    >\n      <slot name=\"end\" />\n    </div>\n  </div>\n</template>\n\n<style>\n[data-gr-splitter-separator] {\n  background-color: var(--gr-splitter-color, var(--gr-brd));\n}\n\n/*\n * Зона захвата шире видимой полосы: шесть пикселей мышью не берутся, а делать\n * ради этого полосу толще — значит красить раскладку под удобство мыши.\n */\n[data-gr-splitter-separator]::before {\n  content: '';\n  position: absolute;\n  inset: calc(-1 * var(--gr-splitter-hit, 4px));\n}\n\n/* Насечка: короткая полоса посередине — единственный видимый намёк, что это ручка. */\n[data-gr-splitter-separator]::after {\n  content: '';\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  border-radius: var(--gr-radius-full);\n  background-color: var(--gr-splitter-hover-color, var(--gr-muted-fg));\n  opacity: 0;\n  transform: translate(-50%, -50%);\n  transition: opacity var(--gr-duration-fast) var(--gr-ease-out);\n}\n\n[data-gr-splitter][data-orientation='horizontal'] [data-gr-splitter-separator] {\n  cursor: col-resize;\n}\n\n[data-gr-splitter][data-orientation='horizontal'] [data-gr-splitter-separator]::after {\n  width: 2px;\n  height: var(--gr-splitter-grip, 24px);\n}\n\n[data-gr-splitter][data-orientation='vertical'] [data-gr-splitter-separator] {\n  cursor: row-resize;\n}\n\n[data-gr-splitter][data-orientation='vertical'] [data-gr-splitter-separator]::after {\n  width: var(--gr-splitter-grip, 24px);\n  height: 2px;\n}\n\n[data-gr-splitter-separator]:hover {\n  background-color: var(--gr-splitter-hover-color, var(--gr-muted-fg));\n}\n\n[data-gr-splitter-separator]:hover::after,\n[data-gr-splitter-separator]:focus-visible::after {\n  opacity: 1;\n}\n\n/* На залитой полосе насечка читается только вырезом — цветом страницы. */\n[data-gr-splitter-separator]:hover::after,\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator]::after {\n  background-color: var(--gr-bg);\n}\n\n/* Во время жеста полоса подсвечена, даже если курсор ушёл с неё. */\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator] {\n  background-color: var(--gr-splitter-active-color, var(--gr-primary));\n}\n\n[data-gr-splitter][data-dragging] [data-gr-splitter-separator]::after {\n  opacity: 1;\n}\n\n/* Жест не должен попутно выделять текст в панелях. */\n[data-gr-splitter][data-dragging] {\n  user-select: none;\n}\n\n[data-gr-splitter-separator][aria-disabled='true'] {\n  cursor: default;\n}\n\n[data-gr-splitter-separator][aria-disabled='true']::after {\n  display: none;\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrSplitter/index.js

@@ -1,3 +1,3 @@
-import { n as grSplitterSafelist, t as grSplitterConfig } from "../../chunks/config-BE6n20np2.js";
-import { a as sizeFromPointer, i as shouldCollapse, n as GR_SPLITTER_ORIENTATIONS, r as clampSize, t as GrSplitter_default } from "./chunks/GrSplitter-BzxVQwbY.js";
-export { GR_SPLITTER_ORIENTATIONS, GrSplitter_default as GrSplitter, GrSplitter_default as default, clampSize, grSplitterConfig, grSplitterSafelist, shouldCollapse, sizeFromPointer };
+import { n as grSplitterSafelist, t as grSplitterConfig } from "../../chunks/config-BE6n20np.js";
+import { n as sizeFromPointer, t as GrSplitter_default } from "./chunks/GrSplitter-B9_JrT7q.js";
+export { GrSplitter_default as GrSplitter, GrSplitter_default as default, grSplitterConfig, grSplitterSafelist, sizeFromPointer };

package/dist/components/GrStatistic/chunks/GrStatistic-DkzWUAw1.js

@@ -0,0 +1,333 @@
+import { a as useGrComponentSize } from "../../../chunks/context-CTbuwcYs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as GrSkeleton_default } from "../../GrSkeleton/chunks/GrSkeleton-CgfXxPQ2.js";
+import { n as iconTag, t as iconClass } from "../../../chunks/icon-Dag2tIMs.js";
+import { t as minus_default } from "../../../chunks/minus-oxdbHF33.js";
+import { n as trending_down_default, t as trending_up_default } from "../../../chunks/trending-up-Bf9AQmoq.js";
+import { a as statisticRootClass, c as statisticTrendClassByTrend, i as statisticPlaceholderHeightBySize, l as statisticTrendSizeBySize, o as statisticTitleClass, r as statisticAffixSizeBySize, s as statisticTitleSizeBySize, u as statisticValueClass } from "../../../chunks/config-Be9k9bOf.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, watch, withCtx } from "vue";
+//#region src/components/GrStatistic/countUp.ts
+/**
+* Перебор чисел для `GrStatistic`: чистая арифметика кадра без Vue и таймеров.
+*
+* Вынесено отдельным модулем по той же причине, что и `formatStatisticValue`:
+* кривая и округление проверяются напрямую, без монтирования и подмены `rAF`.
+*/
+/** Быстрый старт, мягкая остановка — та же форма, что у `--gr-ease-out`. */
+function easeOutCubic(t) {
+	return 1 - (1 - Math.min(Math.max(t, 0), 1)) ** 3;
+}
+/**
+* Значение кадра на `elapsed` миллисекунде перехода `from → to`.
+*
+* Округление до `precision` обязательно: без него кадры показывали бы
+* `1283.6666666666667` там, где показатель целый, и ширина строки прыгала бы
+* даже при `tabular-nums`. Последний кадр возвращает ровно `to` — приближение
+* не должно оставлять показатель в 1283.9999.
+*/
+function countUpFrame(from, to, elapsed, duration, precision) {
+	if (!(duration > 0) || elapsed >= duration) return to;
+	const digits = Math.min(Math.max(precision ?? 0, 0), 20);
+	const value = from + (to - from) * easeOutCubic(elapsed / duration);
+	return Number(value.toFixed(digits));
+}
+//#endregion
+//#region src/components/GrStatistic/formatStatisticValue.ts
+var DEFAULT_GROUP_SEPARATOR = " ";
+var DEFAULT_DECIMAL_SEPARATOR = ".";
+/**
+* Форматирует значение показателя: фиксирует точность и расставляет разделители.
+*
+* Нечисловые значения возвращаются без изменений — это позволяет показывать в
+* `GrStatistic` уже готовые строки («2 ч 15 мин», «—») без обходных пропов.
+* Вынесено из SFC отдельным модулем, чтобы тестировалось без монтирования.
+*
+* Порядок разрешения разделителей: явный проп → локаль → встроенный дефолт.
+*/
+function formatStatisticValue(value, options = {}) {
+	const { precision, groupSeparator, decimalSeparator, locale } = options;
+	const numeric = typeof value === "number" ? value : Number(value);
+	if (typeof value === "string" && (value.trim() === "" || !Number.isFinite(numeric))) return value;
+	if (!Number.isFinite(numeric)) return String(value);
+	if (locale) return formatByLocale(numeric, locale, {
+		precision,
+		groupSeparator,
+		decimalSeparator
+	});
+	const fixed = precision === void 0 ? String(numeric) : numeric.toFixed(precision);
+	if (fixed.includes("e") || fixed.includes("E")) return fixed;
+	const negative = fixed.startsWith("-");
+	const [intPart, fracPart] = (negative ? fixed.slice(1) : fixed).split(".");
+	const separator = groupSeparator ?? DEFAULT_GROUP_SEPARATOR;
+	const grouped = separator ? intPart.replace(/\B(?=(\d{3})+(?!\d))/g, separator) : intPart;
+	return [
+		negative ? "-" : "",
+		grouped,
+		fracPart ? `${decimalSeparator ?? DEFAULT_DECIMAL_SEPARATOR}${fracPart}` : ""
+	].join("");
+}
+/**
+* `formatToParts` вместо `format`: даёт заменить отдельные разделители, оставив
+* остальные правила локали (индийская группировка, знак минуса, порядок частей).
+*/
+function formatByLocale(value, locale, options) {
+	const { precision, groupSeparator, decimalSeparator } = options;
+	const digits = precision === void 0 ? void 0 : Math.min(Math.max(precision, 0), 20);
+	return new Intl.NumberFormat(locale, {
+		useGrouping: true,
+		minimumFractionDigits: digits,
+		maximumFractionDigits: digits ?? 20
+	}).formatToParts(value).map((part) => {
+		if (part.type === "group" && groupSeparator !== void 0) return groupSeparator;
+		if (part.type === "decimal" && decimalSeparator !== void 0) return decimalSeparator;
+		return part.value;
+	}).join("");
+}
+//#endregion
+//#region src/components/GrStatistic/GrStatistic.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	"data-gr-statistic-icon": "",
+	class: "mt-0.5 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--gr-radius-lg)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]"
+};
+var _hoisted_2 = { class: "min-w-0" };
+var _hoisted_3 = { class: "sr-only" };
+var _hoisted_4 = ["aria-hidden"];
+var _hoisted_5 = {
+	key: 1,
+	"data-gr-statistic-final": "",
+	class: "sr-only"
+};
+var _hoisted_6 = {
+	key: 0,
+	"data-gr-statistic-trend-label": "",
+	class: "sr-only"
+};
+//#endregion
+//#region src/components/GrStatistic/GrStatistic.vue
+var GrStatistic_default = /* @__PURE__ */ defineComponent({
+	__name: "GrStatistic",
+	props: {
+		value: {},
+		title: { default: void 0 },
+		precision: { default: void 0 },
+		groupSeparator: { default: void 0 },
+		decimalSeparator: { default: void 0 },
+		locale: { default: void 0 },
+		prefix: { default: void 0 },
+		suffix: { default: void 0 },
+		icon: { default: void 0 },
+		size: { default: void 0 },
+		tone: { default: "neutral" },
+		trend: { default: void 0 },
+		trendText: { default: void 0 },
+		loading: {
+			type: Boolean,
+			default: false
+		},
+		animate: {
+			type: Boolean,
+			default: false
+		},
+		animateDuration: { default: 600 },
+		as: { default: void 0 },
+		href: { default: void 0 },
+		clickable: {
+			type: Boolean,
+			default: false
+		}
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const slots = useSlots();
+		const { t, locale } = useGranularityTranslations();
+		const resolvedLocale = computed(() => props.locale ?? locale.value);
+		/**
+		* Число текущего кадра перебора. `null` — перебора нет, показываем сам проп:
+		* так значение остаётся конечным и на сервере, и до первого твина.
+		*/
+		const frameValue = ref(null);
+		const formatted = computed(() => formatStatisticValue(frameValue.value ?? props.value, {
+			precision: props.precision,
+			groupSeparator: props.groupSeparator,
+			decimalSeparator: props.decimalSeparator,
+			locale: resolvedLocale.value
+		}));
+		/** Конечное значение — то, что читает диктор, пока на экране идёт перебор. */
+		const finalFormatted = computed(() => formatStatisticValue(props.value, {
+			precision: props.precision,
+			groupSeparator: props.groupSeparator,
+			decimalSeparator: props.decimalSeparator,
+			locale: resolvedLocale.value
+		}));
+		const isCounting = computed(() => frameValue.value !== null);
+		const hasTitle = computed(() => Boolean(props.title || slots.title));
+		const isInteractive = computed(() => Boolean(props.as || props.href || props.clickable));
+		const rootTag = computed(() => {
+			if (props.as) return typeof props.as === "string" ? props.as : markRaw(props.as);
+			if (props.href) return "a";
+			return props.clickable ? "button" : "div";
+		});
+		/**
+		* Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без
+		* `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —
+		* там он и гасится.
+		*/
+		const rootHref = computed(() => typeof rootTag.value === "string" && rootTag.value !== "a" ? void 0 : props.href);
+		const rootClass = computed(() => statisticRootClass({ interactive: isInteractive.value }));
+		function toNumber(value) {
+			const numeric = typeof value === "number" ? value : Number(value);
+			return Number.isFinite(numeric) ? numeric : null;
+		}
+		let frameHandle = null;
+		function stopCounting() {
+			if (frameHandle !== null) cancelAnimationFrame(frameHandle);
+			frameHandle = null;
+		}
+		/**
+		* Перебор чисел ведёт JS, а глобальный кламп в `base.css` гасит только CSS —
+		* значит уважать «уменьшить движение» обязан сам компонент (`docs/motion.md`).
+		* Читается в момент старта, а не в теле `setup`: `matchMedia` на сервере нет, и
+		* первый клиентский рендер разошёлся бы с серверным.
+		*/
+		function prefersReducedMotion() {
+			return typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)")?.matches === true;
+		}
+		function runCountUp(from, to) {
+			stopCounting();
+			const duration = props.animateDuration;
+			if (!(duration > 0) || from === to || prefersReducedMotion()) {
+				frameValue.value = null;
+				return;
+			}
+			const started = performance.now();
+			frameValue.value = from;
+			const step = (now) => {
+				const elapsed = now - started;
+				const value = countUpFrame(from, to, elapsed, duration, props.precision);
+				if (elapsed >= duration) {
+					frameValue.value = null;
+					frameHandle = null;
+					return;
+				}
+				frameValue.value = value;
+				frameHandle = requestAnimationFrame(step);
+			};
+			frameHandle = requestAnimationFrame(step);
+		}
+		/** Перебирать можно только числа: «2 ч 15 мин» и «—» ставятся сразу. */
+		function startIfNumeric(from, to) {
+			if (!props.animate || props.loading) {
+				stopCounting();
+				frameValue.value = null;
+				return;
+			}
+			const target = toNumber(to);
+			const source = toNumber(from);
+			if (target === null || source === null) {
+				stopCounting();
+				frameValue.value = null;
+				return;
+			}
+			runCountUp(source, target);
+		}
+		onMounted(() => startIfNumeric(0, props.value));
+		watch(() => props.value, (next, prev) => startIfNumeric(prev, next));
+		onBeforeUnmount(stopCounting);
+		const resolvedSize = useGrComponentSize(() => props.size, { component: "GrStatistic" });
+		const trendIconByTrend = {
+			up: trending_up_default,
+			down: trending_down_default,
+			flat: minus_default
+		};
+		const trendLabel = computed(() => {
+			if (!props.trend) return void 0;
+			return {
+				up: () => t("gr.statistic.trendUp", "Increase"),
+				down: () => t("gr.statistic.trendDown", "Decrease"),
+				flat: () => t("gr.statistic.trendFlat", "No change")
+			}[props.trend]();
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(resolveDynamicComponent(rootTag.value), {
+				"data-gr-statistic": "",
+				type: rootTag.value === "button" ? "button" : void 0,
+				href: rootHref.value,
+				class: normalizeClass(rootClass.value),
+				onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event))
+			}, {
+				default: withCtx(() => [__props.icon || _ctx.$slots.icon ? (openBlock(), createElementBlock("span", _hoisted_1, [renderSlot(_ctx.$slots, "icon", {}, () => [(openBlock(), createBlock(resolveDynamicComponent(unref(iconTag)(__props.icon)), {
+					class: normalizeClass(["block h-4 w-4", unref(iconClass)(__props.icon)]),
+					"aria-hidden": "true"
+				}, null, 8, ["class"]))])])) : createCommentVNode("", true), createElementVNode("div", _hoisted_2, [(openBlock(), createBlock(resolveDynamicComponent(hasTitle.value ? "dl" : "div"), { class: "m-0" }, {
+					default: withCtx(() => [hasTitle.value ? (openBlock(), createElementBlock("dt", {
+						key: 0,
+						"data-gr-statistic-title": "",
+						class: normalizeClass([unref(statisticTitleClass), unref(statisticTitleSizeBySize)[unref(resolvedSize)]])
+					}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("", true), __props.loading ? (openBlock(), createBlock(resolveDynamicComponent(hasTitle.value ? "dd" : "div"), {
+						key: 1,
+						"data-gr-statistic-placeholder": "",
+						"data-testid": "gr-statistic-placeholder",
+						class: "m-0 mt-1",
+						role: "status",
+						"aria-busy": "true"
+					}, {
+						default: withCtx(() => [createVNode(GrSkeleton_default, {
+							width: "6rem",
+							height: unref(statisticPlaceholderHeightBySize)[unref(resolvedSize)],
+							rounded: "var(--gr-radius-md)"
+						}, null, 8, ["height"]), createElementVNode("span", _hoisted_3, toDisplayString(unref(t)("gr.loading.defaultText", "Loading...")), 1)]),
+						_: 1
+					})) : (openBlock(), createBlock(resolveDynamicComponent(hasTitle.value ? "dd" : "div"), {
+						key: 2,
+						"data-gr-statistic-value": "",
+						"data-testid": "gr-statistic-value",
+						class: "m-0 mt-0.5 flex items-baseline gap-1"
+					}, {
+						default: withCtx(() => [
+							__props.prefix || _ctx.$slots.prefix ? (openBlock(), createElementBlock("span", {
+								key: 0,
+								"data-gr-statistic-prefix": "",
+								class: normalizeClass(["text-[var(--gr-muted-fg)]", unref(statisticAffixSizeBySize)[unref(resolvedSize)]])
+							}, [renderSlot(_ctx.$slots, "prefix", {}, () => [createTextVNode(toDisplayString(__props.prefix), 1)])], 2)) : createCommentVNode("", true),
+							createElementVNode("span", {
+								"data-gr-statistic-number": "",
+								class: normalizeClass(unref(statisticValueClass)({
+									size: unref(resolvedSize),
+									tone: __props.tone
+								})),
+								"aria-hidden": isCounting.value ? "true" : void 0
+							}, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(formatted.value), 1)])], 10, _hoisted_4),
+							isCounting.value ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(finalFormatted.value), 1)) : createCommentVNode("", true),
+							__props.suffix || _ctx.$slots.suffix ? (openBlock(), createElementBlock("span", {
+								key: 2,
+								"data-gr-statistic-suffix": "",
+								class: normalizeClass(["text-[var(--gr-muted-fg)]", unref(statisticAffixSizeBySize)[unref(resolvedSize)]])
+							}, [renderSlot(_ctx.$slots, "suffix", {}, () => [createTextVNode(toDisplayString(__props.suffix), 1)])], 2)) : createCommentVNode("", true)
+						]),
+						_: 3
+					}))]),
+					_: 3
+				})), __props.trend || __props.trendText || _ctx.$slots.trend ? (openBlock(), createElementBlock("div", {
+					key: 0,
+					"data-gr-statistic-trend": "",
+					"data-testid": "gr-statistic-trend",
+					class: normalizeClass(["mt-1 inline-flex items-center gap-1", [unref(statisticTrendSizeBySize)[unref(resolvedSize)], unref(statisticTrendClassByTrend)[__props.trend ?? "flat"]]])
+				}, [trendLabel.value ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(trendLabel.value), 1)) : createCommentVNode("", true), renderSlot(_ctx.$slots, "trend", {}, () => [__props.trend ? (openBlock(), createBlock(resolveDynamicComponent(trendIconByTrend[__props.trend]), {
+					key: 0,
+					class: "block h-3.5 w-3.5",
+					"aria-hidden": "true"
+				})) : createCommentVNode("", true), createElementVNode("span", null, toDisplayString(__props.trendText), 1)])], 2)) : createCommentVNode("", true)])]),
+				_: 3
+			}, 8, [
+				"type",
+				"href",
+				"class"
+			]);
+		};
+	}
+});
+//#endregion
+export { formatStatisticValue as n, GrStatistic_default as t };

package/dist/components/GrStatistic/chunks/GrStatistic-DkzWUAw1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrStatistic-DkzWUAw1.js","names":["$slots"],"sources":["../../../../src/components/GrStatistic/countUp.ts","../../../../src/components/GrStatistic/formatStatisticValue.ts","../../../../src/components/GrStatistic/GrStatistic.vue","../../../../src/components/GrStatistic/GrStatistic.vue"],"sourcesContent":["/**\n * Перебор чисел для `GrStatistic`: чистая арифметика кадра без Vue и таймеров.\n *\n * Вынесено отдельным модулем по той же причине, что и `formatStatisticValue`:\n * кривая и округление проверяются напрямую, без монтирования и подмены `rAF`.\n */\n\n/** Быстрый старт, мягкая остановка — та же форма, что у `--gr-ease-out`. */\nexport function easeOutCubic(t: number): number {\n  const clamped = Math.min(Math.max(t, 0), 1)\n  return 1 - (1 - clamped) ** 3\n}\n\n/**\n * Значение кадра на `elapsed` миллисекунде перехода `from → to`.\n *\n * Округление до `precision` обязательно: без него кадры показывали бы\n * `1283.6666666666667` там, где показатель целый, и ширина строки прыгала бы\n * даже при `tabular-nums`. Последний кадр возвращает ровно `to` — приближение\n * не должно оставлять показатель в 1283.9999.\n */\nexport function countUpFrame(\n  from: number,\n  to: number,\n  elapsed: number,\n  duration: number,\n  precision?: number,\n): number {\n  if (!(duration > 0) || elapsed >= duration) return to\n\n  const digits = Math.min(Math.max(precision ?? 0, 0), 20)\n  const value = from + (to - from) * easeOutCubic(elapsed / duration)\n\n  return Number(value.toFixed(digits))\n}\n","export type GrStatisticFormatOptions = {\n  /** Число знаков после запятой. `undefined` — оставить как есть. */\n  precision?: number\n  /** Разделитель групп разрядов. Сильнее локали. */\n  groupSeparator?: string\n  /** Десятичный разделитель. Сильнее локали. */\n  decimalSeparator?: string\n  /** BCP-47 локаль: разделители берутся из `Intl.NumberFormat`. */\n  locale?: string\n}\n\nconst DEFAULT_GROUP_SEPARATOR = ' '\nconst DEFAULT_DECIMAL_SEPARATOR = '.'\n\n/**\n * Форматирует значение показателя: фиксирует точность и расставляет разделители.\n *\n * Нечисловые значения возвращаются без изменений — это позволяет показывать в\n * `GrStatistic` уже готовые строки («2 ч 15 мин», «—») без обходных пропов.\n * Вынесено из SFC отдельным модулем, чтобы тестировалось без монтирования.\n *\n * Порядок разрешения разделителей: явный проп → локаль → встроенный дефолт.\n */\nexport function formatStatisticValue(\n  value: number | string,\n  options: GrStatisticFormatOptions = {},\n): string {\n  const { precision, groupSeparator, decimalSeparator, locale } = options\n\n  const numeric = typeof value === 'number' ? value : Number(value)\n  if (typeof value === 'string' && (value.trim() === '' || !Number.isFinite(numeric))) {\n    return value\n  }\n  if (!Number.isFinite(numeric)) return String(value)\n\n  if (locale) {\n    return formatByLocale(numeric, locale, { precision, groupSeparator, decimalSeparator })\n  }\n\n  const fixed = precision === undefined ? String(numeric) : numeric.toFixed(precision)\n  // `toFixed` не даёт экспоненциальной записи, а `String(число)` — может (1e21+).\n  // В таком случае группировать нечего: возвращаем как есть.\n  if (fixed.includes('e') || fixed.includes('E')) return fixed\n\n  const negative = fixed.startsWith('-')\n  const [intPart, fracPart] = (negative ? fixed.slice(1) : fixed).split('.')\n\n  const separator = groupSeparator ?? DEFAULT_GROUP_SEPARATOR\n  const grouped = separator\n    ? intPart.replace(/\\B(?=(\\d{3})+(?!\\d))/g, separator)\n    : intPart\n\n  return [\n    negative ? '-' : '',\n    grouped,\n    fracPart ? `${decimalSeparator ?? DEFAULT_DECIMAL_SEPARATOR}${fracPart}` : '',\n  ].join('')\n}\n\n/**\n * `formatToParts` вместо `format`: даёт заменить отдельные разделители, оставив\n * остальные правила локали (индийская группировка, знак минуса, порядок частей).\n */\nfunction formatByLocale(\n  value: number,\n  locale: string,\n  options: Pick<GrStatisticFormatOptions, 'precision' | 'groupSeparator' | 'decimalSeparator'>,\n): string {\n  const { precision, groupSeparator, decimalSeparator } = options\n  // `Intl` принимает не больше 20 знаков и падает `RangeError` на большем,\n  // тогда как ручная ветка через `toFixed` пережила бы до 100.\n  const digits = precision === undefined ? undefined : Math.min(Math.max(precision, 0), 20)\n\n  return new Intl.NumberFormat(locale, {\n    useGrouping: true,\n    minimumFractionDigits: digits,\n    maximumFractionDigits: digits ?? 20,\n  })\n    .formatToParts(value)\n    .map((part) => {\n      if (part.type === 'group' && groupSeparator !== undefined) return groupSeparator\n      if (part.type === 'decimal' && decimalSeparator !== undefined) return decimalSeparator\n      return part.value\n    })\n    .join('')\n}\n","<script setup lang=\"ts\">\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { computed, markRaw, onBeforeUnmount, onMounted, ref, useSlots, watch, type Component } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { iconClass, iconTag } from '../shared/icon'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport IconMinus from '~icons/lucide/minus'\nimport IconTrendingDown from '~icons/lucide/trending-down'\nimport IconTrendingUp from '~icons/lucide/trending-up'\n\nimport { countUpFrame } from './countUp'\nimport { formatStatisticValue } from './formatStatisticValue'\n\nimport {\n  statisticAffixSizeBySize,\n  statisticPlaceholderHeightBySize,\n  statisticRootClass,\n  statisticTitleClass,\n  statisticTitleSizeBySize,\n  statisticTrendClassByTrend,\n  statisticTrendSizeBySize,\n  statisticValueClass,\n  type GrStatisticSize,\n  type GrStatisticTone,\n  type GrStatisticTrend,\n} from './grStatisticStyles'\n\nexport type {\n  GrStatisticSize,\n  GrStatisticTone,\n  GrStatisticTrend,\n} from './grStatisticStyles'\nexport type { GrStatisticFormatOptions } from './formatStatisticValue'\n\n/**\n * Публичный GR-примитив «Statistic» — крупный числовой показатель с подписью,\n * префиксом/суффиксом и строкой динамики.\n *\n * Компонент презентационный: не грузит данные и не считает дельту, только\n * форматирует и подаёт. Форматирование — чистая функция `formatStatisticValue`.\n */\nexport interface GrStatisticProps {\n  /** Значение показателя. Нечисловая строка выводится как есть. */\n  value: number | string\n  /** Подпись над значением. */\n  title?: string\n  /** Число знаков после запятой. */\n  precision?: number\n  /** Разделитель разрядов. Сильнее локали; без него и без локали — узкий пробел. */\n  groupSeparator?: string\n  /** Десятичный разделитель. Сильнее локали; без него и без локали — точка. */\n  decimalSeparator?: string\n  /**\n   * BCP-47 локаль форматирования. Не задана — берётся из i18n-адаптера; нет и\n   * адаптера — работают ручные разделители.\n   */\n  locale?: string\n  /** Приписка перед значением (валюта, знак). */\n  prefix?: string\n  /** Приписка после значения (единица измерения, `%`). */\n  suffix?: string\n  /**\n   * Иконка слева от блока: Vue-компонент либо класс иконки вашей UnoCSS-сборки\n   * (`'i-lucide-users'` — тогда нужен ваш `presetIcons`, см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  size?: GrStatisticSize\n  /** Тон значения; точечно перекрывается `--gr-statistic-value-color`. */\n  tone?: GrStatisticTone\n  /** Направление динамики — задаёт цвет и иконку строки под значением. */\n  trend?: GrStatisticTrend\n  /** Текст динамики (например `+12,5% к прошлой неделе`). */\n  trendText?: string\n  /** Состояние загрузки: вместо значения — плейсхолдер. */\n  loading?: boolean\n  /**\n   * Перебирать числа при появлении и при смене значения. Нечисловое значение\n   * ставится сразу, под `prefers-reduced-motion: reduce` — тоже.\n   */\n  animate?: boolean\n  /**\n   * Длительность перебора в миллисекундах. Не токеном: шкала `--gr-duration-*`\n   * заканчивается на 300 мс и описывает смену состояния, а перебор чисел —\n   * другой жанр, и его число живёт там же, где твин.\n   */\n  animateDuration?: number\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Показатель-ссылка: переход к деталям. */\n  href?: string\n  /** Показатель-кнопка: интерактивна вся плитка. */\n  clickable?: boolean\n}\n\nexport interface GrStatisticEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrStatisticProps>(),\n  {\n    title: undefined,\n    precision: undefined,\n    // Дефолты живут в `formatStatisticValue`: иначе «пользователь задал пробел»\n    // было бы неотличимо от «сработал дефолт», и локаль не смогла бы победить.\n    groupSeparator: undefined,\n    decimalSeparator: undefined,\n    locale: undefined,\n    prefix: undefined,\n    suffix: undefined,\n    icon: undefined,\n    size: undefined,\n    tone: 'neutral',\n    trend: undefined,\n    trendText: undefined,\n    loading: false,\n    animate: false,\n    animateDuration: 600,\n    as: undefined,\n    href: undefined,\n    clickable: false,\n  },\n)\n\nconst emit = defineEmits<GrStatisticEmits>()\n\nconst slots = useSlots()\n\nconst { t, locale } = useGranularityTranslations()\n\nconst resolvedLocale = computed(() => props.locale ?? locale.value)\n\n/**\n * Число текущего кадра перебора. `null` — перебора нет, показываем сам проп:\n * так значение остаётся конечным и на сервере, и до первого твина.\n */\nconst frameValue = ref<number | null>(null)\n\nconst formatted = computed(() => formatStatisticValue(frameValue.value ?? props.value, {\n  precision: props.precision,\n  groupSeparator: props.groupSeparator,\n  decimalSeparator: props.decimalSeparator,\n  locale: resolvedLocale.value,\n}))\n\n/** Конечное значение — то, что читает диктор, пока на экране идёт перебор. */\nconst finalFormatted = computed(() => formatStatisticValue(props.value, {\n  precision: props.precision,\n  groupSeparator: props.groupSeparator,\n  decimalSeparator: props.decimalSeparator,\n  locale: resolvedLocale.value,\n}))\n\nconst isCounting = computed(() => frameValue.value !== null)\n\nconst hasTitle = computed(() => Boolean(props.title || slots.title))\n\nconst isInteractive = computed(() => Boolean(props.as || props.href || props.clickable))\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  if (props.href)\n    return 'a'\n\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без\n * `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —\n * там он и гасится.\n */\nconst rootHref = computed(() => (\n  typeof rootTag.value === 'string' && rootTag.value !== 'a' ? undefined : props.href\n))\n\nconst rootClass = computed(() => statisticRootClass({ interactive: isInteractive.value }))\n\nfunction toNumber(value: number | string): number | null {\n  const numeric = typeof value === 'number' ? value : Number(value)\n  return Number.isFinite(numeric) ? numeric : null\n}\n\nlet frameHandle: number | null = null\n\nfunction stopCounting(): void {\n  if (frameHandle !== null) cancelAnimationFrame(frameHandle)\n  frameHandle = null\n}\n\n/**\n * Перебор чисел ведёт JS, а глобальный кламп в `base.css` гасит только CSS —\n * значит уважать «уменьшить движение» обязан сам компонент (`docs/motion.md`).\n * Читается в момент старта, а не в теле `setup`: `matchMedia` на сервере нет, и\n * первый клиентский рендер разошёлся бы с серверным.\n */\nfunction prefersReducedMotion(): boolean {\n  return typeof window !== 'undefined'\n    && window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches === true\n}\n\nfunction runCountUp(from: number, to: number): void {\n  stopCounting()\n\n  const duration = props.animateDuration\n  if (!(duration > 0) || from === to || prefersReducedMotion()) {\n    frameValue.value = null\n    return\n  }\n\n  const started = performance.now()\n  frameValue.value = from\n\n  const step = (now: number): void => {\n    const elapsed = now - started\n    const value = countUpFrame(from, to, elapsed, duration, props.precision)\n\n    if (elapsed >= duration) {\n      // Конец перебора снимает и подмену значения, и подмену для диктора.\n      frameValue.value = null\n      frameHandle = null\n      return\n    }\n\n    frameValue.value = value\n    frameHandle = requestAnimationFrame(step)\n  }\n\n  frameHandle = requestAnimationFrame(step)\n}\n\n/** Перебирать можно только числа: «2 ч 15 мин» и «—» ставятся сразу. */\nfunction startIfNumeric(from: number | string, to: number | string): void {\n  if (!props.animate || props.loading) {\n    stopCounting()\n    frameValue.value = null\n    return\n  }\n\n  const target = toNumber(to)\n  const source = toNumber(from)\n\n  if (target === null || source === null) {\n    stopCounting()\n    frameValue.value = null\n    return\n  }\n\n  runCountUp(source, target)\n}\n\n// Появление плитки считается переходом от нуля: ради этого эффекта проп и нужен.\nonMounted(() => startIfNumeric(0, props.value))\n\nwatch(() => props.value, (next, prev) => startIfNumeric(prev, next))\n\nonBeforeUnmount(stopCounting)\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrStatistic' })\n\nconst trendIconByTrend: Record<GrStatisticTrend, Component> = {\n  up: IconTrendingUp,\n  down: IconTrendingDown,\n  flat: IconMinus,\n}\n\n// Иконка направления `aria-hidden`, а «+12,5 %» само по себе рост от падения не\n// отличает: направление доносит скрытая подпись.\nconst trendLabel = computed(() => {\n  if (!props.trend) return undefined\n\n  const labels = {\n    up: () => t('gr.statistic.trendUp', 'Increase'),\n    down: () => t('gr.statistic.trendDown', 'Decrease'),\n    flat: () => t('gr.statistic.trendFlat', 'No change'),\n  }\n\n  return labels[props.trend]()\n})\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-statistic\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootHref\"\n    :class=\"rootClass\"\n    @click=\"emit('click', $event)\"\n  >\n    <span\n      v-if=\"icon || $slots.icon\"\n      data-gr-statistic-icon\n      class=\"mt-0.5 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--gr-radius-lg)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]\"\n    >\n      <slot name=\"icon\">\n        <component :is=\"iconTag(icon)\" class=\"block h-4 w-4\" :class=\"iconClass(icon)\" aria-hidden=\"true\" />\n      </slot>\n    </span>\n\n    <div class=\"min-w-0\">\n      <!--\n        Подпись и значение — пара «термин — значение», а не два соседних блока.\n        `<dl>` появляется только вместе с подписью: список определений без `<dt>`\n        — та же бессвязность, только с претензией на семантику. Поля обнуляются\n        руками: preflight пакета сбрасывает их лишь у `body`.\n      -->\n      <component :is=\"hasTitle ? 'dl' : 'div'\" class=\"m-0\">\n        <dt\n          v-if=\"hasTitle\"\n          data-gr-statistic-title\n          :class=\"[statisticTitleClass, statisticTitleSizeBySize[resolvedSize]]\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </dt>\n\n        <!-- Плейсхолдер загрузки повторяет высоту строки значения, чтобы блок не прыгал. -->\n        <component\n          :is=\"hasTitle ? 'dd' : 'div'\"\n          v-if=\"loading\"\n          data-gr-statistic-placeholder\n          data-testid=\"gr-statistic-placeholder\"\n          class=\"m-0 mt-1\"\n          role=\"status\"\n          aria-busy=\"true\"\n        >\n          <GrSkeleton\n            width=\"6rem\"\n            :height=\"statisticPlaceholderHeightBySize[resolvedSize]\"\n            rounded=\"var(--gr-radius-md)\"\n          />\n          <span class=\"sr-only\">{{ t('gr.loading.defaultText', 'Loading...') }}</span>\n        </component>\n\n        <component\n          :is=\"hasTitle ? 'dd' : 'div'\"\n          v-else\n          data-gr-statistic-value\n          data-testid=\"gr-statistic-value\"\n          class=\"m-0 mt-0.5 flex items-baseline gap-1\"\n        >\n          <span\n            v-if=\"prefix || $slots.prefix\"\n            data-gr-statistic-prefix\n            class=\"text-[var(--gr-muted-fg)]\"\n            :class=\"statisticAffixSizeBySize[resolvedSize]\"\n          >\n            <slot name=\"prefix\">{{ prefix }}</slot>\n          </span>\n\n          <span\n            data-gr-statistic-number\n            :class=\"statisticValueClass({ size: resolvedSize, tone })\"\n            :aria-hidden=\"isCounting ? 'true' : undefined\"\n          >\n            <slot>{{ formatted }}</slot>\n          </span>\n\n          <!--\n            Пока идёт перебор, на экране промежуточное число. Диктору отдаётся\n            конечное: «1 284» глазами и «743» в ушах — не шум, а неверные данные.\n          -->\n          <span v-if=\"isCounting\" data-gr-statistic-final class=\"sr-only\">{{ finalFormatted }}</span>\n\n          <span\n            v-if=\"suffix || $slots.suffix\"\n            data-gr-statistic-suffix\n            class=\"text-[var(--gr-muted-fg)]\"\n            :class=\"statisticAffixSizeBySize[resolvedSize]\"\n          >\n            <slot name=\"suffix\">{{ suffix }}</slot>\n          </span>\n        </component>\n      </component>\n\n      <div\n        v-if=\"trend || trendText || $slots.trend\"\n        data-gr-statistic-trend\n        data-testid=\"gr-statistic-trend\"\n        class=\"mt-1 inline-flex items-center gap-1\"\n        :class=\"[statisticTrendSizeBySize[resolvedSize], statisticTrendClassByTrend[trend ?? 'flat']]\"\n      >\n        <span v-if=\"trendLabel\" data-gr-statistic-trend-label class=\"sr-only\">{{ trendLabel }}</span>\n\n        <slot name=\"trend\">\n          <component\n            :is=\"trendIconByTrend[trend]\"\n            v-if=\"trend\"\n            class=\"block h-3.5 w-3.5\"\n            aria-hidden=\"true\"\n          />\n          <span>{{ trendText }}</span>\n        </slot>\n      </div>\n    </div>\n  </component>\n</template>\n","<script setup lang=\"ts\">\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport { computed, markRaw, onBeforeUnmount, onMounted, ref, useSlots, watch, type Component } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { iconClass, iconTag } from '../shared/icon'\nimport GrSkeleton from '../GrSkeleton/GrSkeleton.vue'\n\nimport IconMinus from '~icons/lucide/minus'\nimport IconTrendingDown from '~icons/lucide/trending-down'\nimport IconTrendingUp from '~icons/lucide/trending-up'\n\nimport { countUpFrame } from './countUp'\nimport { formatStatisticValue } from './formatStatisticValue'\n\nimport {\n  statisticAffixSizeBySize,\n  statisticPlaceholderHeightBySize,\n  statisticRootClass,\n  statisticTitleClass,\n  statisticTitleSizeBySize,\n  statisticTrendClassByTrend,\n  statisticTrendSizeBySize,\n  statisticValueClass,\n  type GrStatisticSize,\n  type GrStatisticTone,\n  type GrStatisticTrend,\n} from './grStatisticStyles'\n\nexport type {\n  GrStatisticSize,\n  GrStatisticTone,\n  GrStatisticTrend,\n} from './grStatisticStyles'\nexport type { GrStatisticFormatOptions } from './formatStatisticValue'\n\n/**\n * Публичный GR-примитив «Statistic» — крупный числовой показатель с подписью,\n * префиксом/суффиксом и строкой динамики.\n *\n * Компонент презентационный: не грузит данные и не считает дельту, только\n * форматирует и подаёт. Форматирование — чистая функция `formatStatisticValue`.\n */\nexport interface GrStatisticProps {\n  /** Значение показателя. Нечисловая строка выводится как есть. */\n  value: number | string\n  /** Подпись над значением. */\n  title?: string\n  /** Число знаков после запятой. */\n  precision?: number\n  /** Разделитель разрядов. Сильнее локали; без него и без локали — узкий пробел. */\n  groupSeparator?: string\n  /** Десятичный разделитель. Сильнее локали; без него и без локали — точка. */\n  decimalSeparator?: string\n  /**\n   * BCP-47 локаль форматирования. Не задана — берётся из i18n-адаптера; нет и\n   * адаптера — работают ручные разделители.\n   */\n  locale?: string\n  /** Приписка перед значением (валюта, знак). */\n  prefix?: string\n  /** Приписка после значения (единица измерения, `%`). */\n  suffix?: string\n  /**\n   * Иконка слева от блока: Vue-компонент либо класс иконки вашей UnoCSS-сборки\n   * (`'i-lucide-users'` — тогда нужен ваш `presetIcons`, см. `docs/installation.md`).\n   */\n  icon?: string | Component\n  size?: GrStatisticSize\n  /** Тон значения; точечно перекрывается `--gr-statistic-value-color`. */\n  tone?: GrStatisticTone\n  /** Направление динамики — задаёт цвет и иконку строки под значением. */\n  trend?: GrStatisticTrend\n  /** Текст динамики (например `+12,5% к прошлой неделе`). */\n  trendText?: string\n  /** Состояние загрузки: вместо значения — плейсхолдер. */\n  loading?: boolean\n  /**\n   * Перебирать числа при появлении и при смене значения. Нечисловое значение\n   * ставится сразу, под `prefers-reduced-motion: reduce` — тоже.\n   */\n  animate?: boolean\n  /**\n   * Длительность перебора в миллисекундах. Не токеном: шкала `--gr-duration-*`\n   * заканчивается на 300 мс и описывает смену состояния, а перебор чисел —\n   * другой жанр, и его число живёт там же, где твин.\n   */\n  animateDuration?: number\n  /** Свой корневой тег (`RouterLink`, `Link` от Inertia). Сильнее `href`. */\n  as?: string | Component\n  /** Показатель-ссылка: переход к деталям. */\n  href?: string\n  /** Показатель-кнопка: интерактивна вся плитка. */\n  clickable?: boolean\n}\n\nexport interface GrStatisticEmits {\n  (e: 'click', event: MouseEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrStatisticProps>(),\n  {\n    title: undefined,\n    precision: undefined,\n    // Дефолты живут в `formatStatisticValue`: иначе «пользователь задал пробел»\n    // было бы неотличимо от «сработал дефолт», и локаль не смогла бы победить.\n    groupSeparator: undefined,\n    decimalSeparator: undefined,\n    locale: undefined,\n    prefix: undefined,\n    suffix: undefined,\n    icon: undefined,\n    size: undefined,\n    tone: 'neutral',\n    trend: undefined,\n    trendText: undefined,\n    loading: false,\n    animate: false,\n    animateDuration: 600,\n    as: undefined,\n    href: undefined,\n    clickable: false,\n  },\n)\n\nconst emit = defineEmits<GrStatisticEmits>()\n\nconst slots = useSlots()\n\nconst { t, locale } = useGranularityTranslations()\n\nconst resolvedLocale = computed(() => props.locale ?? locale.value)\n\n/**\n * Число текущего кадра перебора. `null` — перебора нет, показываем сам проп:\n * так значение остаётся конечным и на сервере, и до первого твина.\n */\nconst frameValue = ref<number | null>(null)\n\nconst formatted = computed(() => formatStatisticValue(frameValue.value ?? props.value, {\n  precision: props.precision,\n  groupSeparator: props.groupSeparator,\n  decimalSeparator: props.decimalSeparator,\n  locale: resolvedLocale.value,\n}))\n\n/** Конечное значение — то, что читает диктор, пока на экране идёт перебор. */\nconst finalFormatted = computed(() => formatStatisticValue(props.value, {\n  precision: props.precision,\n  groupSeparator: props.groupSeparator,\n  decimalSeparator: props.decimalSeparator,\n  locale: resolvedLocale.value,\n}))\n\nconst isCounting = computed(() => frameValue.value !== null)\n\nconst hasTitle = computed(() => Boolean(props.title || slots.title))\n\nconst isInteractive = computed(() => Boolean(props.as || props.href || props.clickable))\n\nconst rootTag = computed<string | Component>(() => {\n  if (props.as)\n    return typeof props.as === 'string' ? props.as : markRaw(props.as)\n\n  if (props.href)\n    return 'a'\n\n  return props.clickable ? 'button' : 'div'\n})\n\n/**\n * Компонент-ссылка (`Link` от Inertia, `RouterLink`) рендерит `<a>` сам, и без\n * `href` он ведёт в никуда. Строковый тег, кроме `a`, атрибут не понимает —\n * там он и гасится.\n */\nconst rootHref = computed(() => (\n  typeof rootTag.value === 'string' && rootTag.value !== 'a' ? undefined : props.href\n))\n\nconst rootClass = computed(() => statisticRootClass({ interactive: isInteractive.value }))\n\nfunction toNumber(value: number | string): number | null {\n  const numeric = typeof value === 'number' ? value : Number(value)\n  return Number.isFinite(numeric) ? numeric : null\n}\n\nlet frameHandle: number | null = null\n\nfunction stopCounting(): void {\n  if (frameHandle !== null) cancelAnimationFrame(frameHandle)\n  frameHandle = null\n}\n\n/**\n * Перебор чисел ведёт JS, а глобальный кламп в `base.css` гасит только CSS —\n * значит уважать «уменьшить движение» обязан сам компонент (`docs/motion.md`).\n * Читается в момент старта, а не в теле `setup`: `matchMedia` на сервере нет, и\n * первый клиентский рендер разошёлся бы с серверным.\n */\nfunction prefersReducedMotion(): boolean {\n  return typeof window !== 'undefined'\n    && window.matchMedia?.('(prefers-reduced-motion: reduce)')?.matches === true\n}\n\nfunction runCountUp(from: number, to: number): void {\n  stopCounting()\n\n  const duration = props.animateDuration\n  if (!(duration > 0) || from === to || prefersReducedMotion()) {\n    frameValue.value = null\n    return\n  }\n\n  const started = performance.now()\n  frameValue.value = from\n\n  const step = (now: number): void => {\n    const elapsed = now - started\n    const value = countUpFrame(from, to, elapsed, duration, props.precision)\n\n    if (elapsed >= duration) {\n      // Конец перебора снимает и подмену значения, и подмену для диктора.\n      frameValue.value = null\n      frameHandle = null\n      return\n    }\n\n    frameValue.value = value\n    frameHandle = requestAnimationFrame(step)\n  }\n\n  frameHandle = requestAnimationFrame(step)\n}\n\n/** Перебирать можно только числа: «2 ч 15 мин» и «—» ставятся сразу. */\nfunction startIfNumeric(from: number | string, to: number | string): void {\n  if (!props.animate || props.loading) {\n    stopCounting()\n    frameValue.value = null\n    return\n  }\n\n  const target = toNumber(to)\n  const source = toNumber(from)\n\n  if (target === null || source === null) {\n    stopCounting()\n    frameValue.value = null\n    return\n  }\n\n  runCountUp(source, target)\n}\n\n// Появление плитки считается переходом от нуля: ради этого эффекта проп и нужен.\nonMounted(() => startIfNumeric(0, props.value))\n\nwatch(() => props.value, (next, prev) => startIfNumeric(prev, next))\n\nonBeforeUnmount(stopCounting)\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrStatistic' })\n\nconst trendIconByTrend: Record<GrStatisticTrend, Component> = {\n  up: IconTrendingUp,\n  down: IconTrendingDown,\n  flat: IconMinus,\n}\n\n// Иконка направления `aria-hidden`, а «+12,5 %» само по себе рост от падения не\n// отличает: направление доносит скрытая подпись.\nconst trendLabel = computed(() => {\n  if (!props.trend) return undefined\n\n  const labels = {\n    up: () => t('gr.statistic.trendUp', 'Increase'),\n    down: () => t('gr.statistic.trendDown', 'Decrease'),\n    flat: () => t('gr.statistic.trendFlat', 'No change'),\n  }\n\n  return labels[props.trend]()\n})\n</script>\n\n<template>\n  <component\n    :is=\"rootTag\"\n    data-gr-statistic\n    :type=\"rootTag === 'button' ? 'button' : undefined\"\n    :href=\"rootHref\"\n    :class=\"rootClass\"\n    @click=\"emit('click', $event)\"\n  >\n    <span\n      v-if=\"icon || $slots.icon\"\n      data-gr-statistic-icon\n      class=\"mt-0.5 inline-flex h-9 w-9 shrink-0 items-center justify-center rounded-[var(--gr-radius-lg)] bg-[var(--gr-muted)] text-[var(--gr-muted-fg)]\"\n    >\n      <slot name=\"icon\">\n        <component :is=\"iconTag(icon)\" class=\"block h-4 w-4\" :class=\"iconClass(icon)\" aria-hidden=\"true\" />\n      </slot>\n    </span>\n\n    <div class=\"min-w-0\">\n      <!--\n        Подпись и значение — пара «термин — значение», а не два соседних блока.\n        `<dl>` появляется только вместе с подписью: список определений без `<dt>`\n        — та же бессвязность, только с претензией на семантику. Поля обнуляются\n        руками: preflight пакета сбрасывает их лишь у `body`.\n      -->\n      <component :is=\"hasTitle ? 'dl' : 'div'\" class=\"m-0\">\n        <dt\n          v-if=\"hasTitle\"\n          data-gr-statistic-title\n          :class=\"[statisticTitleClass, statisticTitleSizeBySize[resolvedSize]]\"\n        >\n          <slot name=\"title\">\n            {{ title }}\n          </slot>\n        </dt>\n\n        <!-- Плейсхолдер загрузки повторяет высоту строки значения, чтобы блок не прыгал. -->\n        <component\n          :is=\"hasTitle ? 'dd' : 'div'\"\n          v-if=\"loading\"\n          data-gr-statistic-placeholder\n          data-testid=\"gr-statistic-placeholder\"\n          class=\"m-0 mt-1\"\n          role=\"status\"\n          aria-busy=\"true\"\n        >\n          <GrSkeleton\n            width=\"6rem\"\n            :height=\"statisticPlaceholderHeightBySize[resolvedSize]\"\n            rounded=\"var(--gr-radius-md)\"\n          />\n          <span class=\"sr-only\">{{ t('gr.loading.defaultText', 'Loading...') }}</span>\n        </component>\n\n        <component\n          :is=\"hasTitle ? 'dd' : 'div'\"\n          v-else\n          data-gr-statistic-value\n          data-testid=\"gr-statistic-value\"\n          class=\"m-0 mt-0.5 flex items-baseline gap-1\"\n        >\n          <span\n            v-if=\"prefix || $slots.prefix\"\n            data-gr-statistic-prefix\n            class=\"text-[var(--gr-muted-fg)]\"\n            :class=\"statisticAffixSizeBySize[resolvedSize]\"\n          >\n            <slot name=\"prefix\">{{ prefix }}</slot>\n          </span>\n\n          <span\n            data-gr-statistic-number\n            :class=\"statisticValueClass({ size: resolvedSize, tone })\"\n            :aria-hidden=\"isCounting ? 'true' : undefined\"\n          >\n            <slot>{{ formatted }}</slot>\n          </span>\n\n          <!--\n            Пока идёт перебор, на экране промежуточное число. Диктору отдаётся\n            конечное: «1 284» глазами и «743» в ушах — не шум, а неверные данные.\n          -->\n          <span v-if=\"isCounting\" data-gr-statistic-final class=\"sr-only\">{{ finalFormatted }}</span>\n\n          <span\n            v-if=\"suffix || $slots.suffix\"\n            data-gr-statistic-suffix\n            class=\"text-[var(--gr-muted-fg)]\"\n            :class=\"statisticAffixSizeBySize[resolvedSize]\"\n          >\n            <slot name=\"suffix\">{{ suffix }}</slot>\n          </span>\n        </component>\n      </component>\n\n      <div\n        v-if=\"trend || trendText || $slots.trend\"\n        data-gr-statistic-trend\n        data-testid=\"gr-statistic-trend\"\n        class=\"mt-1 inline-flex items-center gap-1\"\n        :class=\"[statisticTrendSizeBySize[resolvedSize], statisticTrendClassByTrend[trend ?? 'flat']]\"\n      >\n        <span v-if=\"trendLabel\" data-gr-statistic-trend-label class=\"sr-only\">{{ trendLabel }}</span>\n\n        <slot name=\"trend\">\n          <component\n            :is=\"trendIconByTrend[trend]\"\n            v-if=\"trend\"\n            class=\"block h-3.5 w-3.5\"\n            aria-hidden=\"true\"\n          />\n          <span>{{ trendText }}</span>\n        </slot>\n      </div>\n    </div>\n  </component>\n</template>\n"],"mappings":"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"}

package/dist/components/GrStatistic/index.js

@@ -1,3 +1,3 @@
-import { n as formatStatisticValue, t as GrStatistic_default } from "./chunks/GrStatistic-DOsM6s5V.js";
+import { n as formatStatisticValue, t as GrStatistic_default } from "./chunks/GrStatistic-DkzWUAw1.js";
 import { n as grStatisticSafelist, t as grStatisticConfig } from "../../chunks/config-Be9k9bOf.js";
 export { GrStatistic_default as GrStatistic, GrStatistic_default as default, formatStatisticValue, grStatisticConfig, grStatisticSafelist };