@feugene/granularity 0.48.0 → 0.50.0

package/dist/components/GrModal/chunks/{GrModal-Cm0mtSXk.js.map → GrModal-SHb1U2qx.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrModal-Cm0mtSXk.js","names":["$slots"],"sources":["../../../../src/components/GrModal/context.ts","../../../../src/components/GrModal/GrModal.vue","../../../../src/components/GrModal/GrModal.vue"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport { inject, onScopeDispose, provide, watch } from 'vue'\n\nexport interface GrModalContext {\n  /** Id, который обязан оказаться на элементе заголовка окна. */\n  titleId: string\n  /** Id, который обязан оказаться на элементе описания окна. */\n  descriptionId: string\n  /** «Заголовок отрисован» — окно ставит `aria-labelledby`. Возвращает отказ от заявки. */\n  claimTitle: () => () => void\n  /** То же для описания и `aria-describedby`. */\n  claimDescription: () => () => void\n}\n\nexport const GR_MODAL_CONTEXT_KEY: InjectionKey<GrModalContext> = Symbol('GrModalContext')\n\nexport function provideGrModalContext(context: GrModalContext): void {\n  provide(GR_MODAL_CONTEXT_KEY, context)\n}\n\n/**\n * Контекст окна для его частей.\n *\n * Именно контекст, а не проп: заголовок рисует `GrDialogHeader` — внук\n * `GrModal` через слот, — а `aria-labelledby` стоит на корне окна.\n *\n * **Id принадлежит окну, а не заголовку.** Заголовок только сообщает, что\n * отрисовался. Обратный порядок (id рождается у потомка и уезжает наверх)\n * означает мутацию состояния окна во время его собственного патча: Vue уходит\n * в рекурсивный ре-рендер и монтирует заголовок заново, пока не упрётся в\n * лимит. Стабильный id этого класса ошибок не допускает по построению.\n *\n * `null` вне окна — законное состояние: `GrDialogHeader` используют и отдельно.\n */\nexport function useGrModalContext(): GrModalContext | null {\n  return inject(GR_MODAL_CONTEXT_KEY, null)\n}\n\n/**\n * Объявляет элемент заголовком окна, пока `active` истинно.\n *\n * Возвращает id для элемента — или `undefined` вне окна: тогда заголовок просто\n * рисуется без связи.\n */\nexport function useGrModalTitle(active: () => boolean): { titleId: string | undefined } {\n  const context = useGrModalContext()\n  if (!context)\n    return { titleId: undefined }\n\n  let release: (() => void) | undefined\n\n  watch(\n    active,\n    (isActive) => {\n      release?.()\n      release = isActive ? context.claimTitle() : undefined\n    },\n    // `post`: заявка меняет состояние окна, а заголовок — его потомок, и в\n    // `pre`-фазе мутация пришлась бы на патч самого окна.\n    { immediate: true, flush: 'post' },\n  )\n\n  onScopeDispose(() => release?.())\n\n  return { titleId: context.titleId }\n}\n","<script setup lang=\"ts\">\n/**\n * GrModal — GR-примитив модального окна.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `scrollBehavior` — кто скроллится при длинном содержимом;\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — получают id и связываются с окном через\n *   `aria-labelledby` / `aria-describedby`;\n * - слоты `#header` / `#footer` — пустые layout-области вне скроллящегося тела:\n *   при `inside` они остаются на месте. Своей разметки примитив в них не\n *   добавляет — шапку и подвал рисует `GrDialog`.\n *\n * A11y: **имя у модального слоя обязательно**. Имя берётся из `#title` (или из\n * заголовка `GrDialog`, который заявляет себя тем же контекстом), иначе из\n * пропа `ariaLabel`, иначе — из i18n, чтобы безымянного окна не получилось ни\n * при каком употреблении (axe: `aria-dialog-name`).\n *\n * Механика слоя — `useModalOverlay`: стек (Esc верхнему, `inert` нижним окнам,\n * возврат фокуса), ловушка фокуса, блокировка скролла, портал и присутствие в\n * DOM до конца leave-анимации. Инварианты этой сборки описаны там же.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, useId, useSlots, watch } from 'vue'\n\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { provideGrModalContext } from './context'\n\nimport {\n  type GrModalScrollBehavior,\n  type GrModalSize,\n  getGrModalPanelClass,\n  getGrModalShellClass,\n  layoutByScroll,\n  overlay as overlayClass,\n  overlayTransition,\n  panelBodyScrollClass,\n  panelSectionClass,\n  panelTransition,\n  root as rootBaseClass,\n  rootClosingClass,\n} from './grModalStyles'\n\nexport type { GrModalScrollBehavior }\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n  /**\n   * Кто скроллится при длинном содержимом: весь оверлей (`outside`) или сама\n   * панель (`inside` — окно остаётся на месте, шапка и подвал на виду).\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Доступное имя окна, когда заголовка в слоте `#title` нет. Слот сильнее:\n   * при нём имя даёт `aria-labelledby`.\n   */\n  ariaLabel?: string\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — сама панель: она\n   * фокусируема программно (`tabindex=\"-1\"`), диктор объявляет окно целиком, а\n   * первый Tab приводит в начало содержимого.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrModalEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  scrollBehavior: 'outside',\n  ariaLabel: undefined,\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrModalEmits>()\n\ndefineSlots<{\n  default?: () => any\n  title?: () => any\n  description?: () => any\n  /** Закреплённая шапка: при `inside` остаётся на месте, скроллится только тело. */\n  header?: () => any\n  /** Закреплённый подвал: там же, где и шапка, — вне скроллящегося тела. */\n  footer?: () => any\n}>()\n\nconst slots = useSlots()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrModal', 'size', () => props.size, 'md')\n\nconst panelClass = computed(() => getGrModalPanelClass(resolvedSize.value, props.scrollBehavior))\nconst shellClass = computed(() => getGrModalShellClass(resolvedSize.value, props.scrollBehavior))\nconst layoutClass = computed(() => layoutByScroll[props.scrollBehavior])\n\n// Тело скроллится только при `inside`, и тогда же обязано попадать в таб-порядок:\n// длинное содержимое без единого фокусируемого элемента иначе недостижимо с\n// клавиатуры (axe: `scrollable-region-focusable`).\nconst isBodyScrollable = computed(() => props.scrollBehavior === 'inside')\n\n// Панель фокусируема программно (`tabindex=\"-1\"`) — это и приёмник фокуса по\n// умолчанию, и запасной, когда фокусировать внутри нечего.\nconst panelRef = ref<HTMLElement | null>(null)\n\nconst { t } = useGranularityTranslations()\n\n// ————— Имя и описание окна.\n// Id принадлежат окну и раздаются вниз контекстом: заголовок рисует либо слот\n// `#title`, либо `GrDialogHeader` глубже по дереву, и оба лишь заявляют, что\n// отрисовались. Обратное владение (id рождается у заголовка) мутировало бы\n// состояние окна во время его же патча — см. `context.ts`.\nconst titleId = useId()\nconst descriptionId = useId()\n\nconst hasTitle = ref(false)\nconst hasDescription = ref(false)\n\n// Счётчики намеренно не реактивные: наружу торчит только «заголовок есть».\n// Пересоздание содержимого слота меняет счётчик, но не флаг, и лишнего рендера\n// окна не случается.\nlet titleClaims = 0\nlet descriptionClaims = 0\n\nfunction claim(add: () => void, remove: () => void): () => void {\n  add()\n  let released = false\n  return () => {\n    if (released)\n      return\n    released = true\n    remove()\n  }\n}\n\nfunction claimTitle(): () => void {\n  return claim(\n    () => {\n      titleClaims += 1\n      hasTitle.value = true\n    },\n    () => {\n      titleClaims -= 1\n      hasTitle.value = titleClaims > 0\n    },\n  )\n}\n\nfunction claimDescription(): () => void {\n  return claim(\n    () => {\n      descriptionClaims += 1\n      hasDescription.value = true\n    },\n    () => {\n      descriptionClaims -= 1\n      hasDescription.value = descriptionClaims > 0\n    },\n  )\n}\n\nprovideGrModalContext({ titleId, descriptionId, claimTitle, claimDescription })\n\n// Собственные слоты заявляются тем же путём, что и заголовок `GrDialog`.\nlet releaseOwnTitle: (() => void) | undefined\nlet releaseOwnDescription: (() => void) | undefined\n\nwatch(\n  () => Boolean(slots.title),\n  (has) => {\n    releaseOwnTitle?.()\n    releaseOwnTitle = has ? claimTitle() : undefined\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => Boolean(slots.description),\n  (has) => {\n    releaseOwnDescription?.()\n    releaseOwnDescription = has ? claimDescription() : undefined\n  },\n  { immediate: true },\n)\n\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst describedBy = computed(() => (hasDescription.value ? descriptionId : undefined))\n\n// Собственный `aria-label` ставим только в отсутствие заголовка: при обоих\n// атрибутах `aria-labelledby` всё равно сильнее, и второе имя было бы шумом.\nconst ariaLabelAttr = computed(() => {\n  if (labelledBy.value)\n    return undefined\n  return props.ariaLabel || t('gr.modal.title', 'Dialog')\n})\n\n// Обобщённое имя из локали спасает от безымянного окна, но осмысленное имя\n// знает только автор. Предупреждаем при первом открытии, а не при монтировании:\n// закрытая модалка ещё ничего не нарушила, и ругаться на неё рано.\nlet missingNameWarned = false\n\nfunction warnMissingAccessibleName(): void {\n  if (missingNameWarned)\n    return\n  if (!__GR_DEV__)\n    return\n  if (slots.title || props.ariaLabel)\n    return\n\n  missingNameWarned = true\n  console.warn(\n    '[GrModal] Окно без доступного имени: передайте слот #title или проп ariaLabel. '\n    + 'Пока используется обобщённое имя из локали.',\n  )\n}\n\n// Два заголовка на окно — это разъехавшийся `aria-labelledby`: диктор прочитает\n// первый, а автор будет уверен во втором.\nfunction warnDuplicateTitle(): void {\n  if (!__GR_DEV__)\n    return\n  if (titleClaims <= 1)\n    return\n\n  console.warn(\n    '[GrModal] На окно заявлено несколько заголовков — имя берётся от первого. '\n    + 'Оставьте один: слот #title у GrModal либо заголовок GrDialog.',\n  )\n}\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\n// ————— Модальный слой целиком: стек, ловушка фокуса, `inert`, скролл-лок,\n// портал, присутствие в DOM и guard подложки.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  layerZIndex,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), close, {\n  panel: panelRef,\n  closeOnEscape: () => props.closeOnEsc,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  // Окно фокусирует саму панель, когда внутри фокусировать нечего и когда\n  // потребитель не указал цель явно.\n  initialFocus: () => props.initialFocus ?? panelRef.value,\n})\n\n// Поддерево слоя живёт до конца leave-анимации панели, а корень растянут на\n// вьюпорт — значит всё это время он и перехватывает клики.\nconst rootClass = computed(() => [\n  rootBaseClass,\n  isMounted.value && !isVisible.value ? rootClosingClass : '',\n].filter(Boolean))\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!value)\n      return\n    warnMissingAccessibleName()\n    warnDuplicateTitle()\n  },\n  { immediate: true },\n)\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-overlay-root\n      v-bind=\"themeAttrs\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"rootClass\"\n      :style=\"{ zIndex: layerZIndex }\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-describedby=\"describedBy\"\n      :aria-label=\"ariaLabelAttr\"\n    >\n      <div :class=\"shellClass\">\n        <div :class=\"layoutClass\">\n          <Transition\n            appear\n            :enter-active-class=\"overlayTransition.enter\"\n            :enter-from-class=\"overlayTransition.enterFrom\"\n            :enter-to-class=\"overlayTransition.enterTo\"\n            :leave-active-class=\"overlayTransition.leave\"\n            :leave-from-class=\"overlayTransition.leaveFrom\"\n            :leave-to-class=\"overlayTransition.leaveTo\"\n          >\n            <div\n              v-if=\"isVisible\"\n              data-gr-modal-overlay\n              :class=\"overlayClass\"\n              aria-hidden=\"true\"\n              v-on=\"backdrop\"\n            />\n          </Transition>\n\n          <!-- `opened`/`closed` вешаем на транзишн панели, а не на корневой:\n               анимация живёт здесь, и только её конец что-то значит для\n               потребителя, который ждёт момента для размонтирования. -->\n          <Transition\n            appear\n            :enter-active-class=\"panelTransition.enter\"\n            :enter-from-class=\"panelTransition.enterFrom\"\n            :enter-to-class=\"panelTransition.enterTo\"\n            :leave-active-class=\"panelTransition.leave\"\n            :leave-from-class=\"panelTransition.leaveFrom\"\n            :leave-to-class=\"panelTransition.leaveTo\"\n            @after-enter=\"emit('opened')\"\n            @after-leave=\"onPanelAfterLeave\"\n          >\n            <div\n              v-if=\"isVisible\"\n              ref=\"panelRef\"\n              data-gr-modal-panel\n              tabindex=\"-1\"\n              :class=\"panelClass\"\n            >\n              <div v-if=\"$slots.title\" :id=\"titleId\" data-gr-modal-title>\n                <slot name=\"title\" />\n              </div>\n              <div v-if=\"$slots.description\" :id=\"descriptionId\" data-gr-modal-description>\n                <slot name=\"description\" />\n              </div>\n\n              <div v-if=\"$slots.header\" data-gr-modal-header :class=\"panelSectionClass\">\n                <slot name=\"header\" />\n              </div>\n\n              <!-- При `inside` тело едет отдельно от шапки и подвала: иначе\n                   режим ничем не отличался бы от скролла всей панели. -->\n              <div\n                v-if=\"isBodyScrollable\"\n                data-gr-modal-body\n                tabindex=\"0\"\n                :class=\"panelBodyScrollClass\"\n              >\n                <slot />\n              </div>\n              <slot v-else />\n\n              <div v-if=\"$slots.footer\" data-gr-modal-footer :class=\"panelSectionClass\">\n                <slot name=\"footer\" />\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrModal — GR-примитив модального окна.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `scrollBehavior` — кто скроллится при длинном содержимом;\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — получают id и связываются с окном через\n *   `aria-labelledby` / `aria-describedby`;\n * - слоты `#header` / `#footer` — пустые layout-области вне скроллящегося тела:\n *   при `inside` они остаются на месте. Своей разметки примитив в них не\n *   добавляет — шапку и подвал рисует `GrDialog`.\n *\n * A11y: **имя у модального слоя обязательно**. Имя берётся из `#title` (или из\n * заголовка `GrDialog`, который заявляет себя тем же контекстом), иначе из\n * пропа `ariaLabel`, иначе — из i18n, чтобы безымянного окна не получилось ни\n * при каком употреблении (axe: `aria-dialog-name`).\n *\n * Механика слоя — `useModalOverlay`: стек (Esc верхнему, `inert` нижним окнам,\n * возврат фокуса), ловушка фокуса, блокировка скролла, портал и присутствие в\n * DOM до конца leave-анимации. Инварианты этой сборки описаны там же.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, useId, useSlots, watch } from 'vue'\n\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { provideGrModalContext } from './context'\n\nimport {\n  type GrModalScrollBehavior,\n  type GrModalSize,\n  getGrModalPanelClass,\n  getGrModalShellClass,\n  layoutByScroll,\n  overlay as overlayClass,\n  overlayTransition,\n  panelBodyScrollClass,\n  panelSectionClass,\n  panelTransition,\n  root as rootBaseClass,\n  rootClosingClass,\n} from './grModalStyles'\n\nexport type { GrModalScrollBehavior }\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n  /**\n   * Кто скроллится при длинном содержимом: весь оверлей (`outside`) или сама\n   * панель (`inside` — окно остаётся на месте, шапка и подвал на виду).\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Доступное имя окна, когда заголовка в слоте `#title` нет. Слот сильнее:\n   * при нём имя даёт `aria-labelledby`.\n   */\n  ariaLabel?: string\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — сама панель: она\n   * фокусируема программно (`tabindex=\"-1\"`), диктор объявляет окно целиком, а\n   * первый Tab приводит в начало содержимого.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrModalEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  scrollBehavior: 'outside',\n  ariaLabel: undefined,\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrModalEmits>()\n\ndefineSlots<{\n  default?: () => any\n  title?: () => any\n  description?: () => any\n  /** Закреплённая шапка: при `inside` остаётся на месте, скроллится только тело. */\n  header?: () => any\n  /** Закреплённый подвал: там же, где и шапка, — вне скроллящегося тела. */\n  footer?: () => any\n}>()\n\nconst slots = useSlots()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrModal', 'size', () => props.size, 'md')\n\nconst panelClass = computed(() => getGrModalPanelClass(resolvedSize.value, props.scrollBehavior))\nconst shellClass = computed(() => getGrModalShellClass(resolvedSize.value, props.scrollBehavior))\nconst layoutClass = computed(() => layoutByScroll[props.scrollBehavior])\n\n// Тело скроллится только при `inside`, и тогда же обязано попадать в таб-порядок:\n// длинное содержимое без единого фокусируемого элемента иначе недостижимо с\n// клавиатуры (axe: `scrollable-region-focusable`).\nconst isBodyScrollable = computed(() => props.scrollBehavior === 'inside')\n\n// Панель фокусируема программно (`tabindex=\"-1\"`) — это и приёмник фокуса по\n// умолчанию, и запасной, когда фокусировать внутри нечего.\nconst panelRef = ref<HTMLElement | null>(null)\n\nconst { t } = useGranularityTranslations()\n\n// ————— Имя и описание окна.\n// Id принадлежат окну и раздаются вниз контекстом: заголовок рисует либо слот\n// `#title`, либо `GrDialogHeader` глубже по дереву, и оба лишь заявляют, что\n// отрисовались. Обратное владение (id рождается у заголовка) мутировало бы\n// состояние окна во время его же патча — см. `context.ts`.\nconst titleId = useId()\nconst descriptionId = useId()\n\nconst hasTitle = ref(false)\nconst hasDescription = ref(false)\n\n// Счётчики намеренно не реактивные: наружу торчит только «заголовок есть».\n// Пересоздание содержимого слота меняет счётчик, но не флаг, и лишнего рендера\n// окна не случается.\nlet titleClaims = 0\nlet descriptionClaims = 0\n\nfunction claim(add: () => void, remove: () => void): () => void {\n  add()\n  let released = false\n  return () => {\n    if (released)\n      return\n    released = true\n    remove()\n  }\n}\n\nfunction claimTitle(): () => void {\n  return claim(\n    () => {\n      titleClaims += 1\n      hasTitle.value = true\n    },\n    () => {\n      titleClaims -= 1\n      hasTitle.value = titleClaims > 0\n    },\n  )\n}\n\nfunction claimDescription(): () => void {\n  return claim(\n    () => {\n      descriptionClaims += 1\n      hasDescription.value = true\n    },\n    () => {\n      descriptionClaims -= 1\n      hasDescription.value = descriptionClaims > 0\n    },\n  )\n}\n\nprovideGrModalContext({ titleId, descriptionId, claimTitle, claimDescription })\n\n// Собственные слоты заявляются тем же путём, что и заголовок `GrDialog`.\nlet releaseOwnTitle: (() => void) | undefined\nlet releaseOwnDescription: (() => void) | undefined\n\nwatch(\n  () => Boolean(slots.title),\n  (has) => {\n    releaseOwnTitle?.()\n    releaseOwnTitle = has ? claimTitle() : undefined\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => Boolean(slots.description),\n  (has) => {\n    releaseOwnDescription?.()\n    releaseOwnDescription = has ? claimDescription() : undefined\n  },\n  { immediate: true },\n)\n\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst describedBy = computed(() => (hasDescription.value ? descriptionId : undefined))\n\n// Собственный `aria-label` ставим только в отсутствие заголовка: при обоих\n// атрибутах `aria-labelledby` всё равно сильнее, и второе имя было бы шумом.\nconst ariaLabelAttr = computed(() => {\n  if (labelledBy.value)\n    return undefined\n  return props.ariaLabel || t('gr.modal.title', 'Dialog')\n})\n\n// Обобщённое имя из локали спасает от безымянного окна, но осмысленное имя\n// знает только автор. Предупреждаем при первом открытии, а не при монтировании:\n// закрытая модалка ещё ничего не нарушила, и ругаться на неё рано.\nlet missingNameWarned = false\n\nfunction warnMissingAccessibleName(): void {\n  if (missingNameWarned)\n    return\n  if (!__GR_DEV__)\n    return\n  if (slots.title || props.ariaLabel)\n    return\n\n  missingNameWarned = true\n  console.warn(\n    '[GrModal] Окно без доступного имени: передайте слот #title или проп ariaLabel. '\n    + 'Пока используется обобщённое имя из локали.',\n  )\n}\n\n// Два заголовка на окно — это разъехавшийся `aria-labelledby`: диктор прочитает\n// первый, а автор будет уверен во втором.\nfunction warnDuplicateTitle(): void {\n  if (!__GR_DEV__)\n    return\n  if (titleClaims <= 1)\n    return\n\n  console.warn(\n    '[GrModal] На окно заявлено несколько заголовков — имя берётся от первого. '\n    + 'Оставьте один: слот #title у GrModal либо заголовок GrDialog.',\n  )\n}\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\n// ————— Модальный слой целиком: стек, ловушка фокуса, `inert`, скролл-лок,\n// портал, присутствие в DOM и guard подложки.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  layerZIndex,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), close, {\n  panel: panelRef,\n  closeOnEscape: () => props.closeOnEsc,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  // Окно фокусирует саму панель, когда внутри фокусировать нечего и когда\n  // потребитель не указал цель явно.\n  initialFocus: () => props.initialFocus ?? panelRef.value,\n})\n\n// Поддерево слоя живёт до конца leave-анимации панели, а корень растянут на\n// вьюпорт — значит всё это время он и перехватывает клики.\nconst rootClass = computed(() => [\n  rootBaseClass,\n  isMounted.value && !isVisible.value ? rootClosingClass : '',\n].filter(Boolean))\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!value)\n      return\n    warnMissingAccessibleName()\n    warnDuplicateTitle()\n  },\n  { immediate: true },\n)\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-overlay-root\n      v-bind=\"themeAttrs\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"rootClass\"\n      :style=\"{ zIndex: layerZIndex }\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-describedby=\"describedBy\"\n      :aria-label=\"ariaLabelAttr\"\n    >\n      <div :class=\"shellClass\">\n        <div :class=\"layoutClass\">\n          <Transition\n            appear\n            :enter-active-class=\"overlayTransition.enter\"\n            :enter-from-class=\"overlayTransition.enterFrom\"\n            :enter-to-class=\"overlayTransition.enterTo\"\n            :leave-active-class=\"overlayTransition.leave\"\n            :leave-from-class=\"overlayTransition.leaveFrom\"\n            :leave-to-class=\"overlayTransition.leaveTo\"\n          >\n            <div\n              v-if=\"isVisible\"\n              data-gr-modal-overlay\n              :class=\"overlayClass\"\n              aria-hidden=\"true\"\n              v-on=\"backdrop\"\n            />\n          </Transition>\n\n          <!-- `opened`/`closed` вешаем на транзишн панели, а не на корневой:\n               анимация живёт здесь, и только её конец что-то значит для\n               потребителя, который ждёт момента для размонтирования. -->\n          <Transition\n            appear\n            :enter-active-class=\"panelTransition.enter\"\n            :enter-from-class=\"panelTransition.enterFrom\"\n            :enter-to-class=\"panelTransition.enterTo\"\n            :leave-active-class=\"panelTransition.leave\"\n            :leave-from-class=\"panelTransition.leaveFrom\"\n            :leave-to-class=\"panelTransition.leaveTo\"\n            @after-enter=\"emit('opened')\"\n            @after-leave=\"onPanelAfterLeave\"\n          >\n            <div\n              v-if=\"isVisible\"\n              ref=\"panelRef\"\n              data-gr-modal-panel\n              tabindex=\"-1\"\n              :class=\"panelClass\"\n            >\n              <div v-if=\"$slots.title\" :id=\"titleId\" data-gr-modal-title>\n                <slot name=\"title\" />\n              </div>\n              <div v-if=\"$slots.description\" :id=\"descriptionId\" data-gr-modal-description>\n                <slot name=\"description\" />\n              </div>\n\n              <div v-if=\"$slots.header\" data-gr-modal-header :class=\"panelSectionClass\">\n                <slot name=\"header\" />\n              </div>\n\n              <!-- При `inside` тело едет отдельно от шапки и подвала: иначе\n                   режим ничем не отличался бы от скролла всей панели. -->\n              <div\n                v-if=\"isBodyScrollable\"\n                data-gr-modal-body\n                tabindex=\"0\"\n                :class=\"panelBodyScrollClass\"\n              >\n                <slot />\n              </div>\n              <slot v-else />\n\n              <div v-if=\"$slots.footer\" data-gr-modal-footer :class=\"panelSectionClass\">\n                <slot name=\"footer\" />\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </teleport>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrModal-SHb1U2qx.js","names":["$slots"],"sources":["../../../../src/components/GrModal/context.ts","../../../../src/components/GrModal/GrModal.vue","../../../../src/components/GrModal/GrModal.vue"],"sourcesContent":["import type { InjectionKey } from 'vue'\nimport { inject, onScopeDispose, provide, watch } from 'vue'\n\nexport interface GrModalContext {\n  /** Id, который обязан оказаться на элементе заголовка окна. */\n  titleId: string\n  /** Id, который обязан оказаться на элементе описания окна. */\n  descriptionId: string\n  /** «Заголовок отрисован» — окно ставит `aria-labelledby`. Возвращает отказ от заявки. */\n  claimTitle: () => () => void\n  /** То же для описания и `aria-describedby`. */\n  claimDescription: () => () => void\n}\n\nexport const GR_MODAL_CONTEXT_KEY: InjectionKey<GrModalContext> = Symbol('GrModalContext')\n\nexport function provideGrModalContext(context: GrModalContext): void {\n  provide(GR_MODAL_CONTEXT_KEY, context)\n}\n\n/**\n * Контекст окна для его частей.\n *\n * Именно контекст, а не проп: заголовок рисует `GrDialogHeader` — внук\n * `GrModal` через слот, — а `aria-labelledby` стоит на корне окна.\n *\n * **Id принадлежит окну, а не заголовку.** Заголовок только сообщает, что\n * отрисовался. Обратный порядок (id рождается у потомка и уезжает наверх)\n * означает мутацию состояния окна во время его собственного патча: Vue уходит\n * в рекурсивный ре-рендер и монтирует заголовок заново, пока не упрётся в\n * лимит. Стабильный id этого класса ошибок не допускает по построению.\n *\n * `null` вне окна — законное состояние: `GrDialogHeader` используют и отдельно.\n */\nexport function useGrModalContext(): GrModalContext | null {\n  return inject(GR_MODAL_CONTEXT_KEY, null)\n}\n\n/**\n * Объявляет элемент заголовком окна, пока `active` истинно.\n *\n * Возвращает id для элемента — или `undefined` вне окна: тогда заголовок просто\n * рисуется без связи.\n */\nexport function useGrModalTitle(active: () => boolean): { titleId: string | undefined } {\n  const context = useGrModalContext()\n  if (!context)\n    return { titleId: undefined }\n\n  let release: (() => void) | undefined\n\n  watch(\n    active,\n    (isActive) => {\n      release?.()\n      release = isActive ? context.claimTitle() : undefined\n    },\n    // `post`: заявка меняет состояние окна, а заголовок — его потомок, и в\n    // `pre`-фазе мутация пришлась бы на патч самого окна.\n    { immediate: true, flush: 'post' },\n  )\n\n  onScopeDispose(() => release?.())\n\n  return { titleId: context.titleId }\n}\n","<script setup lang=\"ts\">\n/**\n * GrModal — GR-примитив модального окна.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `scrollBehavior` — кто скроллится при длинном содержимом;\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — получают id и связываются с окном через\n *   `aria-labelledby` / `aria-describedby`;\n * - слоты `#header` / `#footer` — пустые layout-области вне скроллящегося тела:\n *   при `inside` они остаются на месте. Своей разметки примитив в них не\n *   добавляет — шапку и подвал рисует `GrDialog`.\n *\n * A11y: **имя у модального слоя обязательно**. Имя берётся из `#title` (или из\n * заголовка `GrDialog`, который заявляет себя тем же контекстом), иначе из\n * пропа `ariaLabel`, иначе — из i18n, чтобы безымянного окна не получилось ни\n * при каком употреблении (axe: `aria-dialog-name`).\n *\n * Механика слоя — `useModalOverlay`: стек (Esc верхнему, `inert` нижним окнам,\n * возврат фокуса), ловушка фокуса, блокировка скролла, портал и присутствие в\n * DOM до конца leave-анимации. Инварианты этой сборки описаны там же.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, useId, useSlots, watch } from 'vue'\n\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { provideGrModalContext } from './context'\n\nimport {\n  type GrModalScrollBehavior,\n  type GrModalSize,\n  getGrModalPanelClass,\n  getGrModalShellClass,\n  layoutByScroll,\n  overlay as overlayClass,\n  overlayTransition,\n  panelBodyScrollClass,\n  panelSectionClass,\n  panelTransition,\n  root as rootBaseClass,\n  rootClosingClass,\n} from './grModalStyles'\n\nexport type { GrModalScrollBehavior }\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n  /**\n   * Кто скроллится при длинном содержимом: весь оверлей (`outside`) или сама\n   * панель (`inside` — окно остаётся на месте, шапка и подвал на виду).\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Доступное имя окна, когда заголовка в слоте `#title` нет. Слот сильнее:\n   * при нём имя даёт `aria-labelledby`.\n   */\n  ariaLabel?: string\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — сама панель: она\n   * фокусируема программно (`tabindex=\"-1\"`), диктор объявляет окно целиком, а\n   * первый Tab приводит в начало содержимого.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrModalEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  scrollBehavior: 'outside',\n  ariaLabel: undefined,\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrModalEmits>()\n\ndefineSlots<{\n  default?: () => any\n  title?: () => any\n  description?: () => any\n  /** Закреплённая шапка: при `inside` остаётся на месте, скроллится только тело. */\n  header?: () => any\n  /** Закреплённый подвал: там же, где и шапка, — вне скроллящегося тела. */\n  footer?: () => any\n}>()\n\nconst slots = useSlots()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrModal', 'size', () => props.size, 'md')\n\nconst panelClass = computed(() => getGrModalPanelClass(resolvedSize.value, props.scrollBehavior))\nconst shellClass = computed(() => getGrModalShellClass(resolvedSize.value, props.scrollBehavior))\nconst layoutClass = computed(() => layoutByScroll[props.scrollBehavior])\n\n// Тело скроллится только при `inside`, и тогда же обязано попадать в таб-порядок:\n// длинное содержимое без единого фокусируемого элемента иначе недостижимо с\n// клавиатуры (axe: `scrollable-region-focusable`).\nconst isBodyScrollable = computed(() => props.scrollBehavior === 'inside')\n\n// Панель фокусируема программно (`tabindex=\"-1\"`) — это и приёмник фокуса по\n// умолчанию, и запасной, когда фокусировать внутри нечего.\nconst panelRef = ref<HTMLElement | null>(null)\n\nconst { t } = useGranularityTranslations()\n\n// ————— Имя и описание окна.\n// Id принадлежат окну и раздаются вниз контекстом: заголовок рисует либо слот\n// `#title`, либо `GrDialogHeader` глубже по дереву, и оба лишь заявляют, что\n// отрисовались. Обратное владение (id рождается у заголовка) мутировало бы\n// состояние окна во время его же патча — см. `context.ts`.\nconst titleId = useId()\nconst descriptionId = useId()\n\nconst hasTitle = ref(false)\nconst hasDescription = ref(false)\n\n// Счётчики намеренно не реактивные: наружу торчит только «заголовок есть».\n// Пересоздание содержимого слота меняет счётчик, но не флаг, и лишнего рендера\n// окна не случается.\nlet titleClaims = 0\nlet descriptionClaims = 0\n\nfunction claim(add: () => void, remove: () => void): () => void {\n  add()\n  let released = false\n  return () => {\n    if (released)\n      return\n    released = true\n    remove()\n  }\n}\n\nfunction claimTitle(): () => void {\n  return claim(\n    () => {\n      titleClaims += 1\n      hasTitle.value = true\n    },\n    () => {\n      titleClaims -= 1\n      hasTitle.value = titleClaims > 0\n    },\n  )\n}\n\nfunction claimDescription(): () => void {\n  return claim(\n    () => {\n      descriptionClaims += 1\n      hasDescription.value = true\n    },\n    () => {\n      descriptionClaims -= 1\n      hasDescription.value = descriptionClaims > 0\n    },\n  )\n}\n\nprovideGrModalContext({ titleId, descriptionId, claimTitle, claimDescription })\n\n// Собственные слоты заявляются тем же путём, что и заголовок `GrDialog`.\nlet releaseOwnTitle: (() => void) | undefined\nlet releaseOwnDescription: (() => void) | undefined\n\nwatch(\n  () => Boolean(slots.title),\n  (has) => {\n    releaseOwnTitle?.()\n    releaseOwnTitle = has ? claimTitle() : undefined\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => Boolean(slots.description),\n  (has) => {\n    releaseOwnDescription?.()\n    releaseOwnDescription = has ? claimDescription() : undefined\n  },\n  { immediate: true },\n)\n\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst describedBy = computed(() => (hasDescription.value ? descriptionId : undefined))\n\n// Собственный `aria-label` ставим только в отсутствие заголовка: при обоих\n// атрибутах `aria-labelledby` всё равно сильнее, и второе имя было бы шумом.\nconst ariaLabelAttr = computed(() => {\n  if (labelledBy.value)\n    return undefined\n  return props.ariaLabel || t('gr.modal.title', 'Dialog')\n})\n\n// Обобщённое имя из локали спасает от безымянного окна, но осмысленное имя\n// знает только автор. Предупреждаем при первом открытии, а не при монтировании:\n// закрытая модалка ещё ничего не нарушила, и ругаться на неё рано.\nlet missingNameWarned = false\n\nfunction warnMissingAccessibleName(): void {\n  if (missingNameWarned)\n    return\n  if (!__GR_DEV__)\n    return\n  if (slots.title || props.ariaLabel)\n    return\n\n  missingNameWarned = true\n  console.warn(\n    '[GrModal] Окно без доступного имени: передайте слот #title или проп ariaLabel. '\n    + 'Пока используется обобщённое имя из локали.',\n  )\n}\n\n// Два заголовка на окно — это разъехавшийся `aria-labelledby`: диктор прочитает\n// первый, а автор будет уверен во втором.\nfunction warnDuplicateTitle(): void {\n  if (!__GR_DEV__)\n    return\n  if (titleClaims <= 1)\n    return\n\n  console.warn(\n    '[GrModal] На окно заявлено несколько заголовков — имя берётся от первого. '\n    + 'Оставьте один: слот #title у GrModal либо заголовок GrDialog.',\n  )\n}\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\n// ————— Модальный слой целиком: стек, ловушка фокуса, `inert`, скролл-лок,\n// портал, присутствие в DOM и guard подложки.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  layerZIndex,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), close, {\n  panel: panelRef,\n  closeOnEscape: () => props.closeOnEsc,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  // Окно фокусирует саму панель, когда внутри фокусировать нечего и когда\n  // потребитель не указал цель явно.\n  initialFocus: () => props.initialFocus ?? panelRef.value,\n})\n\n// Поддерево слоя живёт до конца leave-анимации панели, а корень растянут на\n// вьюпорт — значит всё это время он и перехватывает клики.\nconst rootClass = computed(() => [\n  rootBaseClass,\n  isMounted.value && !isVisible.value ? rootClosingClass : '',\n].filter(Boolean))\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!value)\n      return\n    warnMissingAccessibleName()\n    warnDuplicateTitle()\n  },\n  { immediate: true },\n)\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-overlay-root\n      v-bind=\"themeAttrs\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"rootClass\"\n      :style=\"{ zIndex: layerZIndex }\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-describedby=\"describedBy\"\n      :aria-label=\"ariaLabelAttr\"\n    >\n      <div :class=\"shellClass\">\n        <div :class=\"layoutClass\">\n          <Transition\n            appear\n            :enter-active-class=\"overlayTransition.enter\"\n            :enter-from-class=\"overlayTransition.enterFrom\"\n            :enter-to-class=\"overlayTransition.enterTo\"\n            :leave-active-class=\"overlayTransition.leave\"\n            :leave-from-class=\"overlayTransition.leaveFrom\"\n            :leave-to-class=\"overlayTransition.leaveTo\"\n          >\n            <div\n              v-if=\"isVisible\"\n              data-gr-modal-overlay\n              :class=\"overlayClass\"\n              aria-hidden=\"true\"\n              v-on=\"backdrop\"\n            />\n          </Transition>\n\n          <!-- `opened`/`closed` вешаем на транзишн панели, а не на корневой:\n               анимация живёт здесь, и только её конец что-то значит для\n               потребителя, который ждёт момента для размонтирования. -->\n          <Transition\n            appear\n            :enter-active-class=\"panelTransition.enter\"\n            :enter-from-class=\"panelTransition.enterFrom\"\n            :enter-to-class=\"panelTransition.enterTo\"\n            :leave-active-class=\"panelTransition.leave\"\n            :leave-from-class=\"panelTransition.leaveFrom\"\n            :leave-to-class=\"panelTransition.leaveTo\"\n            @after-enter=\"emit('opened')\"\n            @after-leave=\"onPanelAfterLeave\"\n          >\n            <div\n              v-if=\"isVisible\"\n              ref=\"panelRef\"\n              data-gr-modal-panel\n              tabindex=\"-1\"\n              :class=\"panelClass\"\n            >\n              <div v-if=\"$slots.title\" :id=\"titleId\" data-gr-modal-title>\n                <slot name=\"title\" />\n              </div>\n              <div v-if=\"$slots.description\" :id=\"descriptionId\" data-gr-modal-description>\n                <slot name=\"description\" />\n              </div>\n\n              <div v-if=\"$slots.header\" data-gr-modal-header :class=\"panelSectionClass\">\n                <slot name=\"header\" />\n              </div>\n\n              <!-- При `inside` тело едет отдельно от шапки и подвала: иначе\n                   режим ничем не отличался бы от скролла всей панели. -->\n              <div\n                v-if=\"isBodyScrollable\"\n                data-gr-modal-body\n                tabindex=\"0\"\n                :class=\"panelBodyScrollClass\"\n              >\n                <slot />\n              </div>\n              <slot v-else />\n\n              <div v-if=\"$slots.footer\" data-gr-modal-footer :class=\"panelSectionClass\">\n                <slot name=\"footer\" />\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrModal — GR-примитив модального окна.\n *\n * Публичный API:\n * - `modelValue` (v-model) — открыто/закрыто;\n * - `size` — размер панели (`sm | md | lg | xl | full`);\n * - `scrollBehavior` — кто скроллится при длинном содержимом;\n * - `closeOnBackdrop` (default: true) — закрывать при клике по оверлею;\n * - `closeOnEsc` (default: true) — закрывать по Esc;\n * - слоты `#title` / `#description` — получают id и связываются с окном через\n *   `aria-labelledby` / `aria-describedby`;\n * - слоты `#header` / `#footer` — пустые layout-области вне скроллящегося тела:\n *   при `inside` они остаются на месте. Своей разметки примитив в них не\n *   добавляет — шапку и подвал рисует `GrDialog`.\n *\n * A11y: **имя у модального слоя обязательно**. Имя берётся из `#title` (или из\n * заголовка `GrDialog`, который заявляет себя тем же контекстом), иначе из\n * пропа `ariaLabel`, иначе — из i18n, чтобы безымянного окна не получилось ни\n * при каком употреблении (axe: `aria-dialog-name`).\n *\n * Механика слоя — `useModalOverlay`: стек (Esc верхнему, `inert` нижним окнам,\n * возврат фокуса), ловушка фокуса, блокировка скролла, портал и присутствие в\n * DOM до конца leave-анимации. Инварианты этой сборки описаны там же.\n */\nimport { useGrComponentProp } from '../GrConfigProvider/context'\nimport { computed, ref, useId, useSlots, watch } from 'vue'\n\nimport { useModalOverlay } from '../../composables/internal/useModalOverlay'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport { provideGrModalContext } from './context'\n\nimport {\n  type GrModalScrollBehavior,\n  type GrModalSize,\n  getGrModalPanelClass,\n  getGrModalShellClass,\n  layoutByScroll,\n  overlay as overlayClass,\n  overlayTransition,\n  panelBodyScrollClass,\n  panelSectionClass,\n  panelTransition,\n  root as rootBaseClass,\n  rootClosingClass,\n} from './grModalStyles'\n\nexport type { GrModalScrollBehavior }\n\nexport interface GrModalProps {\n  modelValue: boolean\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  size?: GrModalSize\n  /**\n   * Кто скроллится при длинном содержимом: весь оверлей (`outside`) или сама\n   * панель (`inside` — окно остаётся на месте, шапка и подвал на виду).\n   */\n  scrollBehavior?: GrModalScrollBehavior\n  /**\n   * Доступное имя окна, когда заголовка в слоте `#title` нет. Слот сильнее:\n   * при нём имя даёт `aria-labelledby`.\n   */\n  ariaLabel?: string\n  /**\n   * Элемент, получающий фокус при открытии. По умолчанию — сама панель: она\n   * фокусируема программно (`tabindex=\"-1\"`), диктор объявляет окно целиком, а\n   * первый Tab приводит в начало содержимого.\n   */\n  initialFocus?: HTMLElement | null\n}\n\nexport interface GrModalEmits {\n  (e: 'update:modelValue', value: boolean): void\n  /** Окно открылось и анимация закончилась. */\n  (e: 'opened'): void\n  /** Окно закрылось и анимация закончилась — содержимое можно размонтировать. */\n  (e: 'closed'): void\n}\n\nimport './defaults'\n\nconst props = withDefaults(defineProps<GrModalProps>(), {\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  // Дефолт `size` живёт в резолвере ниже, а не здесь: Vue подставил бы его\n  // до того, как компонент заглянет в `GrConfigProvider`.\n  size: undefined,\n  scrollBehavior: 'outside',\n  ariaLabel: undefined,\n  initialFocus: null,\n})\n\nconst emit = defineEmits<GrModalEmits>()\n\ndefineSlots<{\n  default?: () => any\n  title?: () => any\n  description?: () => any\n  /** Закреплённая шапка: при `inside` остаётся на месте, скроллится только тело. */\n  header?: () => any\n  /** Закреплённый подвал: там же, где и шапка, — вне скроллящегося тела. */\n  footer?: () => any\n}>()\n\nconst slots = useSlots()\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentProp('GrModal', 'size', () => props.size, 'md')\n\nconst panelClass = computed(() => getGrModalPanelClass(resolvedSize.value, props.scrollBehavior))\nconst shellClass = computed(() => getGrModalShellClass(resolvedSize.value, props.scrollBehavior))\nconst layoutClass = computed(() => layoutByScroll[props.scrollBehavior])\n\n// Тело скроллится только при `inside`, и тогда же обязано попадать в таб-порядок:\n// длинное содержимое без единого фокусируемого элемента иначе недостижимо с\n// клавиатуры (axe: `scrollable-region-focusable`).\nconst isBodyScrollable = computed(() => props.scrollBehavior === 'inside')\n\n// Панель фокусируема программно (`tabindex=\"-1\"`) — это и приёмник фокуса по\n// умолчанию, и запасной, когда фокусировать внутри нечего.\nconst panelRef = ref<HTMLElement | null>(null)\n\nconst { t } = useGranularityTranslations()\n\n// ————— Имя и описание окна.\n// Id принадлежат окну и раздаются вниз контекстом: заголовок рисует либо слот\n// `#title`, либо `GrDialogHeader` глубже по дереву, и оба лишь заявляют, что\n// отрисовались. Обратное владение (id рождается у заголовка) мутировало бы\n// состояние окна во время его же патча — см. `context.ts`.\nconst titleId = useId()\nconst descriptionId = useId()\n\nconst hasTitle = ref(false)\nconst hasDescription = ref(false)\n\n// Счётчики намеренно не реактивные: наружу торчит только «заголовок есть».\n// Пересоздание содержимого слота меняет счётчик, но не флаг, и лишнего рендера\n// окна не случается.\nlet titleClaims = 0\nlet descriptionClaims = 0\n\nfunction claim(add: () => void, remove: () => void): () => void {\n  add()\n  let released = false\n  return () => {\n    if (released)\n      return\n    released = true\n    remove()\n  }\n}\n\nfunction claimTitle(): () => void {\n  return claim(\n    () => {\n      titleClaims += 1\n      hasTitle.value = true\n    },\n    () => {\n      titleClaims -= 1\n      hasTitle.value = titleClaims > 0\n    },\n  )\n}\n\nfunction claimDescription(): () => void {\n  return claim(\n    () => {\n      descriptionClaims += 1\n      hasDescription.value = true\n    },\n    () => {\n      descriptionClaims -= 1\n      hasDescription.value = descriptionClaims > 0\n    },\n  )\n}\n\nprovideGrModalContext({ titleId, descriptionId, claimTitle, claimDescription })\n\n// Собственные слоты заявляются тем же путём, что и заголовок `GrDialog`.\nlet releaseOwnTitle: (() => void) | undefined\nlet releaseOwnDescription: (() => void) | undefined\n\nwatch(\n  () => Boolean(slots.title),\n  (has) => {\n    releaseOwnTitle?.()\n    releaseOwnTitle = has ? claimTitle() : undefined\n  },\n  { immediate: true },\n)\n\nwatch(\n  () => Boolean(slots.description),\n  (has) => {\n    releaseOwnDescription?.()\n    releaseOwnDescription = has ? claimDescription() : undefined\n  },\n  { immediate: true },\n)\n\nconst labelledBy = computed(() => (hasTitle.value ? titleId : undefined))\nconst describedBy = computed(() => (hasDescription.value ? descriptionId : undefined))\n\n// Собственный `aria-label` ставим только в отсутствие заголовка: при обоих\n// атрибутах `aria-labelledby` всё равно сильнее, и второе имя было бы шумом.\nconst ariaLabelAttr = computed(() => {\n  if (labelledBy.value)\n    return undefined\n  return props.ariaLabel || t('gr.modal.title', 'Dialog')\n})\n\n// Обобщённое имя из локали спасает от безымянного окна, но осмысленное имя\n// знает только автор. Предупреждаем при первом открытии, а не при монтировании:\n// закрытая модалка ещё ничего не нарушила, и ругаться на неё рано.\nlet missingNameWarned = false\n\nfunction warnMissingAccessibleName(): void {\n  if (missingNameWarned)\n    return\n  if (!__GR_DEV__)\n    return\n  if (slots.title || props.ariaLabel)\n    return\n\n  missingNameWarned = true\n  console.warn(\n    '[GrModal] Окно без доступного имени: передайте слот #title или проп ariaLabel. '\n    + 'Пока используется обобщённое имя из локали.',\n  )\n}\n\n// Два заголовка на окно — это разъехавшийся `aria-labelledby`: диктор прочитает\n// первый, а автор будет уверен во втором.\nfunction warnDuplicateTitle(): void {\n  if (!__GR_DEV__)\n    return\n  if (titleClaims <= 1)\n    return\n\n  console.warn(\n    '[GrModal] На окно заявлено несколько заголовков — имя берётся от первого. '\n    + 'Оставьте один: слот #title у GrModal либо заголовок GrDialog.',\n  )\n}\n\nfunction open(): void {\n  emit('update:modelValue', true)\n}\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction toggle(): void {\n  emit('update:modelValue', !props.modelValue)\n}\n\n// ————— Модальный слой целиком: стек, ловушка фокуса, `inert`, скролл-лок,\n// портал, присутствие в DOM и guard подложки.\nconst {\n  rootEl,\n  isMounted,\n  isVisible,\n  inertAttr,\n  layerZIndex,\n  portalTarget,\n  teleportEnabled,\n  themeAttrs,\n  onPanelAfterLeave: releasePresence,\n  backdrop,\n} = useModalOverlay(computed(() => props.modelValue), close, {\n  panel: panelRef,\n  closeOnEscape: () => props.closeOnEsc,\n  closeOnBackdrop: () => props.closeOnBackdrop,\n  // Окно фокусирует саму панель, когда внутри фокусировать нечего и когда\n  // потребитель не указал цель явно.\n  initialFocus: () => props.initialFocus ?? panelRef.value,\n})\n\n// Поддерево слоя живёт до конца leave-анимации панели, а корень растянут на\n// вьюпорт — значит всё это время он и перехватывает клики.\nconst rootClass = computed(() => [\n  rootBaseClass,\n  isMounted.value && !isVisible.value ? rootClosingClass : '',\n].filter(Boolean))\n\nfunction onPanelAfterLeave(): void {\n  releasePresence()\n  emit('closed')\n}\n\nwatch(\n  () => props.modelValue,\n  (value) => {\n    if (!value)\n      return\n    warnMissingAccessibleName()\n    warnDuplicateTitle()\n  },\n  { immediate: true },\n)\n\ndefineExpose({ open, close, toggle })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n      v-if=\"teleportEnabled && isMounted\"\n      ref=\"rootEl\"\n      data-gr-overlay-root\n      v-bind=\"themeAttrs\"\n      role=\"dialog\"\n      aria-modal=\"true\"\n      :class=\"rootClass\"\n      :style=\"{ zIndex: layerZIndex }\"\n      :inert=\"inertAttr\"\n      :aria-labelledby=\"labelledBy\"\n      :aria-describedby=\"describedBy\"\n      :aria-label=\"ariaLabelAttr\"\n    >\n      <div :class=\"shellClass\">\n        <div :class=\"layoutClass\">\n          <Transition\n            appear\n            :enter-active-class=\"overlayTransition.enter\"\n            :enter-from-class=\"overlayTransition.enterFrom\"\n            :enter-to-class=\"overlayTransition.enterTo\"\n            :leave-active-class=\"overlayTransition.leave\"\n            :leave-from-class=\"overlayTransition.leaveFrom\"\n            :leave-to-class=\"overlayTransition.leaveTo\"\n          >\n            <div\n              v-if=\"isVisible\"\n              data-gr-modal-overlay\n              :class=\"overlayClass\"\n              aria-hidden=\"true\"\n              v-on=\"backdrop\"\n            />\n          </Transition>\n\n          <!-- `opened`/`closed` вешаем на транзишн панели, а не на корневой:\n               анимация живёт здесь, и только её конец что-то значит для\n               потребителя, который ждёт момента для размонтирования. -->\n          <Transition\n            appear\n            :enter-active-class=\"panelTransition.enter\"\n            :enter-from-class=\"panelTransition.enterFrom\"\n            :enter-to-class=\"panelTransition.enterTo\"\n            :leave-active-class=\"panelTransition.leave\"\n            :leave-from-class=\"panelTransition.leaveFrom\"\n            :leave-to-class=\"panelTransition.leaveTo\"\n            @after-enter=\"emit('opened')\"\n            @after-leave=\"onPanelAfterLeave\"\n          >\n            <div\n              v-if=\"isVisible\"\n              ref=\"panelRef\"\n              data-gr-modal-panel\n              tabindex=\"-1\"\n              :class=\"panelClass\"\n            >\n              <div v-if=\"$slots.title\" :id=\"titleId\" data-gr-modal-title>\n                <slot name=\"title\" />\n              </div>\n              <div v-if=\"$slots.description\" :id=\"descriptionId\" data-gr-modal-description>\n                <slot name=\"description\" />\n              </div>\n\n              <div v-if=\"$slots.header\" data-gr-modal-header :class=\"panelSectionClass\">\n                <slot name=\"header\" />\n              </div>\n\n              <!-- При `inside` тело едет отдельно от шапки и подвала: иначе\n                   режим ничем не отличался бы от скролла всей панели. -->\n              <div\n                v-if=\"isBodyScrollable\"\n                data-gr-modal-body\n                tabindex=\"0\"\n                :class=\"panelBodyScrollClass\"\n              >\n                <slot />\n              </div>\n              <slot v-else />\n\n              <div v-if=\"$slots.footer\" data-gr-modal-footer :class=\"panelSectionClass\">\n                <slot name=\"footer\" />\n              </div>\n            </div>\n          </Transition>\n        </div>\n      </div>\n    </div>\n  </teleport>\n</template>\n"],"mappings":"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"}

package/dist/components/GrModal/index.js

@@ -1,3 +1,3 @@
-import { t as GrModal_default } from "./chunks/GrModal-Cm0mtSXk.js";
+import { t as GrModal_default } from "./chunks/GrModal-SHb1U2qx.js";
 import { n as grModalSafelist, t as grModalConfig } from "../../chunks/config-DZv2N7zH.js";
 export { GrModal_default as GrModal, GrModal_default as default, grModalConfig, grModalSafelist };

package/dist/components/GrNavbar/chunks/{GrNavbar-BRGuksiy.js → GrNavbar-IEIHC5Vt.js}

@@ -2,8 +2,8 @@ import { a as useGrComponentSize } from "../../../chunks/context-CPMRfwVr.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
 import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-DTZIgmje.js";
 import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CS4TqMtG.js";
-import { a as navbarRightAlignClass, c as navbarTitleClass, i as navbarCenterClass, o as navbarSideClass, r as grNavbarRootClass, s as navbarSideGrowClass } from "../../../chunks/config-2ZHRsdOc.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useSlots, withCtx } from "vue";
+import { a as navbarRightAlignClass, c as navbarTitleClass, i as navbarCenterClass, o as navbarSideClass, r as grNavbarRootClass, s as navbarSideGrowClass } from "../../../chunks/config-C3uqd-sW.js";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, markRaw, normalizeClass, openBlock, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, withCtx } from "vue";
 //#region ~icons/lucide/menu
 var _hoisted_1$1 = {
 	viewBox: "0 0 24 24",
@@ -33,6 +33,7 @@ var GrNavbar_default = /* @__PURE__ */ defineComponent({
 	__name: "GrNavbar",
 	props: {
 		title: { default: void 0 },
+		headingLevel: { default: void 0 },
 		showMenuButton: {
 			type: Boolean,
 			default: false
@@ -56,6 +57,8 @@ var GrNavbar_default = /* @__PURE__ */ defineComponent({
 			fallback: "sm"
 		});
 		const hasTitle = computed(() => Boolean(props.title || slots.title));
+		/** Без уровня заголовок остаётся `div`: бренд заголовком не является. */
+		const titleTag = computed(() => props.headingLevel ? `h${props.headingLevel}` : "div");
 		const rootClass = computed(() => grNavbarRootClass(props.sticky));
 		const hasCenter = computed(() => Boolean(slots.center));
 		const sideClass = computed(() => [navbarSideClass, hasCenter.value ? navbarSideGrowClass : ""]);
@@ -90,11 +93,14 @@ var GrNavbar_default = /* @__PURE__ */ defineComponent({
 						"aria-label",
 						"class"
 					])) : createCommentVNode("", true),
-					hasTitle.value ? (openBlock(), createElementBlock("div", {
+					hasTitle.value ? (openBlock(), createBlock(resolveDynamicComponent(titleTag.value), {
 						key: 1,
 						"data-gr-navbar-title": "",
 						class: normalizeClass(unref(navbarTitleClass))
-					}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])], 2)) : createCommentVNode("", true),
+					}, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title), 1)])]),
+						_: 3
+					}, 8, ["class"])) : createCommentVNode("", true),
 					renderSlot(_ctx.$slots, "left")
 				], 2),
 				hasCenter.value ? (openBlock(), createElementBlock("div", {

package/dist/components/GrNavbar/chunks/GrNavbar-IEIHC5Vt.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrNavbar-IEIHC5Vt.js","names":[],"sources":["../../../../src/components/GrNavbar/GrNavbar.vue","../../../../src/components/GrNavbar/GrNavbar.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconMenu from '~icons/lucide/menu'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { type GrComponentSize, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport {\n  grNavbarRootClass,\n  navbarCenterClass,\n  navbarRightAlignClass,\n  navbarSideClass,\n  navbarSideGrowClass,\n  navbarTitleClass,\n} from './grNavbarStyles'\nimport type { GrNavbarHeadingLevel } from './grNavbarStyles'\n\n/**\n * GrNavbar — верхняя панель приложения (header) с тремя зонами: слева заголовок\n * и кнопка меню, по центру — свободная зона (поиск, хлебные крошки), справа —\n * действия и аватар.\n *\n * - Корень — `<header>` (landmark), без собственного `role`.\n * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.\n */\nexport interface GrNavbarProps {\n  /** Заголовок строкой. Слот `#title` сильнее и позволяет обойтись без пропа. */\n  title?: string\n  /**\n   * Сделать заголовок настоящим `h1`…`h6`.\n   *\n   * По умолчанию заголовок — `div`, и это верно для большинства шапок: логотип\n   * и название приложения заголовками не являются, и `h1` на них исказил бы\n   * структуру страницы. Но шапка раздела админки или имя документа — заголовок\n   * и есть, а обойти такую страницу по структуре иначе нечем.\n   *\n   * Через `GrConfigProvider` не настраивается намеренно: «заголовка нет» там не\n   * выразить (`useGrComponentProp` требует не-nullable фолбэк), то есть общим\n   * дефолтом стал бы какой-то уровень. Да и шапка у оболочки одна — глобальный\n   * дефолт настраивал бы единственное место вызова.\n   */\n  headingLevel?: GrNavbarHeadingLevel\n  showMenuButton?: boolean\n  /**\n   * Ступень кнопки меню — и только её: остальное в шапке принадлежит\n   * потребителю, а высоту ряда задаёт `--gr-navbar-height`.\n   *\n   * Фолбэк — `sm` (32px), а не общий для пакета `md`: кнопка была этого размера\n   * с самого начала, и подъём по умолчанию сдвинул бы шапку у всех. Нужен\n   * тач-таргет — `size=\"lg\"` даёт 44px, ровно то, чего требуют WCAG 2.5.5 и\n   * Apple HIG; в 56px ряда он помещается.\n   */\n  size?: GrComponentSize\n  /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */\n  menuButtonClass?: string\n  /**\n   * Панель прилипает к верху при прокрутке. Слой — `--gr-z-navbar`: он ниже\n   * якорных панелей, чтобы открытый список не уезжал под шапку.\n   */\n  sticky?: boolean\n}\n\nexport interface GrNavbarEmits {\n  (e: 'menu'): void\n}\n\nconst props = withDefaults(defineProps<GrNavbarProps>(), {\n  title: undefined,\n  headingLevel: undefined,\n  showMenuButton: false,\n  size: undefined,\n  menuButtonClass: '',\n  sticky: false,\n})\n\nconst slots = defineSlots<{\n  /** Заголовок целиком — вместо строки `title`. */\n  title?: () => unknown\n  /** Зона сразу после заголовка: вкладки, переключатель раздела. */\n  left?: () => unknown\n  /** Центральная зона: поиск, хлебные крошки. */\n  center?: () => unknown\n  /** Правая зона: действия, аватар. */\n  default?: () => unknown\n}>()\n\nconst emit = defineEmits<GrNavbarEmits>()\n\nconst { t } = useGranularityTranslations()\n\nconst menuAriaLabel = computed(() => t('gr.navbar.openMenu', 'Open menu'))\n\nconst menuSize = useGrComponentSize(() => props.size, { component: 'GrNavbar', fallback: 'sm' })\n\n// Пустой блок заголовка съедал бы отступ ряда, поэтому рендерим его только при\n// наличии содержимого — проп `title` для этого не обязателен.\nconst hasTitle = computed(() => Boolean(props.title || slots.title))\n\n/** Без уровня заголовок остаётся `div`: бренд заголовком не является. */\nconst titleTag = computed(() => (props.headingLevel ? `h${props.headingLevel}` : 'div'))\n\nconst rootClass = computed(() => grNavbarRootClass(props.sticky))\n\n// С центральной зоной боковые делят остаток поровну — иначе «центр» уезжает\n// вслед за более широким боком. Без неё правая просто прижата к краю.\nconst hasCenter = computed(() => Boolean(slots.center))\n\nconst sideClass = computed(() => [navbarSideClass, hasCenter.value ? navbarSideGrowClass : ''])\nconst rightClass = computed(() => [\n  navbarSideClass,\n  hasCenter.value ? `${navbarSideGrowClass} ${navbarRightAlignClass}` : 'ml-auto',\n])\n</script>\n\n<template>\n  <header\n    data-gr-navbar\n    :data-sticky=\"sticky ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <div data-gr-navbar-left :class=\"sideClass\">\n      <GrButton\n        v-if=\"showMenuButton\"\n        data-gr-navbar-menu\n        variant=\"ghost\"\n        :size=\"menuSize\"\n        square\n        :aria-label=\"menuAriaLabel\"\n        :class=\"menuButtonClass\"\n        @click=\"emit('menu')\"\n      >\n        <GrIcon :size=\"menuSize\">\n          <IconMenu aria-hidden=\"true\" />\n        </GrIcon>\n      </GrButton>\n\n      <component\n          :is=\"titleTag\"\n          v-if=\"hasTitle\"\n          data-gr-navbar-title\n          :class=\"navbarTitleClass\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </component>\n\n      <slot name=\"left\" />\n    </div>\n\n    <div v-if=\"hasCenter\" data-gr-navbar-center :class=\"navbarCenterClass\">\n      <slot name=\"center\" />\n    </div>\n\n    <div data-gr-navbar-right :class=\"rightClass\">\n      <slot />\n    </div>\n  </header>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport IconMenu from '~icons/lucide/menu'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { type GrComponentSize, useGrComponentSize } from '../GrConfigProvider/context'\n\nimport {\n  grNavbarRootClass,\n  navbarCenterClass,\n  navbarRightAlignClass,\n  navbarSideClass,\n  navbarSideGrowClass,\n  navbarTitleClass,\n} from './grNavbarStyles'\nimport type { GrNavbarHeadingLevel } from './grNavbarStyles'\n\n/**\n * GrNavbar — верхняя панель приложения (header) с тремя зонами: слева заголовок\n * и кнопка меню, по центру — свободная зона (поиск, хлебные крошки), справа —\n * действия и аватар.\n *\n * - Корень — `<header>` (landmark), без собственного `role`.\n * - `aria-label` кнопки меню локализуется через `useGranularityTranslations`.\n */\nexport interface GrNavbarProps {\n  /** Заголовок строкой. Слот `#title` сильнее и позволяет обойтись без пропа. */\n  title?: string\n  /**\n   * Сделать заголовок настоящим `h1`…`h6`.\n   *\n   * По умолчанию заголовок — `div`, и это верно для большинства шапок: логотип\n   * и название приложения заголовками не являются, и `h1` на них исказил бы\n   * структуру страницы. Но шапка раздела админки или имя документа — заголовок\n   * и есть, а обойти такую страницу по структуре иначе нечем.\n   *\n   * Через `GrConfigProvider` не настраивается намеренно: «заголовка нет» там не\n   * выразить (`useGrComponentProp` требует не-nullable фолбэк), то есть общим\n   * дефолтом стал бы какой-то уровень. Да и шапка у оболочки одна — глобальный\n   * дефолт настраивал бы единственное место вызова.\n   */\n  headingLevel?: GrNavbarHeadingLevel\n  showMenuButton?: boolean\n  /**\n   * Ступень кнопки меню — и только её: остальное в шапке принадлежит\n   * потребителю, а высоту ряда задаёт `--gr-navbar-height`.\n   *\n   * Фолбэк — `sm` (32px), а не общий для пакета `md`: кнопка была этого размера\n   * с самого начала, и подъём по умолчанию сдвинул бы шапку у всех. Нужен\n   * тач-таргет — `size=\"lg\"` даёт 44px, ровно то, чего требуют WCAG 2.5.5 и\n   * Apple HIG; в 56px ряда он помещается.\n   */\n  size?: GrComponentSize\n  /** Extra classes applied to the menu button wrapper (e.g. `sm:hidden`). */\n  menuButtonClass?: string\n  /**\n   * Панель прилипает к верху при прокрутке. Слой — `--gr-z-navbar`: он ниже\n   * якорных панелей, чтобы открытый список не уезжал под шапку.\n   */\n  sticky?: boolean\n}\n\nexport interface GrNavbarEmits {\n  (e: 'menu'): void\n}\n\nconst props = withDefaults(defineProps<GrNavbarProps>(), {\n  title: undefined,\n  headingLevel: undefined,\n  showMenuButton: false,\n  size: undefined,\n  menuButtonClass: '',\n  sticky: false,\n})\n\nconst slots = defineSlots<{\n  /** Заголовок целиком — вместо строки `title`. */\n  title?: () => unknown\n  /** Зона сразу после заголовка: вкладки, переключатель раздела. */\n  left?: () => unknown\n  /** Центральная зона: поиск, хлебные крошки. */\n  center?: () => unknown\n  /** Правая зона: действия, аватар. */\n  default?: () => unknown\n}>()\n\nconst emit = defineEmits<GrNavbarEmits>()\n\nconst { t } = useGranularityTranslations()\n\nconst menuAriaLabel = computed(() => t('gr.navbar.openMenu', 'Open menu'))\n\nconst menuSize = useGrComponentSize(() => props.size, { component: 'GrNavbar', fallback: 'sm' })\n\n// Пустой блок заголовка съедал бы отступ ряда, поэтому рендерим его только при\n// наличии содержимого — проп `title` для этого не обязателен.\nconst hasTitle = computed(() => Boolean(props.title || slots.title))\n\n/** Без уровня заголовок остаётся `div`: бренд заголовком не является. */\nconst titleTag = computed(() => (props.headingLevel ? `h${props.headingLevel}` : 'div'))\n\nconst rootClass = computed(() => grNavbarRootClass(props.sticky))\n\n// С центральной зоной боковые делят остаток поровну — иначе «центр» уезжает\n// вслед за более широким боком. Без неё правая просто прижата к краю.\nconst hasCenter = computed(() => Boolean(slots.center))\n\nconst sideClass = computed(() => [navbarSideClass, hasCenter.value ? navbarSideGrowClass : ''])\nconst rightClass = computed(() => [\n  navbarSideClass,\n  hasCenter.value ? `${navbarSideGrowClass} ${navbarRightAlignClass}` : 'ml-auto',\n])\n</script>\n\n<template>\n  <header\n    data-gr-navbar\n    :data-sticky=\"sticky ? 'true' : undefined\"\n    :class=\"rootClass\"\n  >\n    <div data-gr-navbar-left :class=\"sideClass\">\n      <GrButton\n        v-if=\"showMenuButton\"\n        data-gr-navbar-menu\n        variant=\"ghost\"\n        :size=\"menuSize\"\n        square\n        :aria-label=\"menuAriaLabel\"\n        :class=\"menuButtonClass\"\n        @click=\"emit('menu')\"\n      >\n        <GrIcon :size=\"menuSize\">\n          <IconMenu aria-hidden=\"true\" />\n        </GrIcon>\n      </GrButton>\n\n      <component\n          :is=\"titleTag\"\n          v-if=\"hasTitle\"\n          data-gr-navbar-title\n          :class=\"navbarTitleClass\"\n      >\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </component>\n\n      <slot name=\"left\" />\n    </div>\n\n    <div v-if=\"hasCenter\" data-gr-navbar-center :class=\"navbarCenterClass\">\n      <slot name=\"center\" />\n    </div>\n\n    <div data-gr-navbar-right :class=\"rightClass\">\n      <slot />\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqEA,MAAM,QAAQ;EASd,MAAM,QAAQ,SAAA;EAWd,MAAM,OAAO;EAEb,MAAM,EAAE,MAAM,2BAA2B;EAEzC,MAAM,gBAAgB,eAAe,EAAE,sBAAsB,WAAW,CAAC;EAEzE,MAAM,WAAW,yBAAyB,MAAM,MAAM;GAAE,WAAW;GAAY,UAAU;EAAK,CAAC;EAI/F,MAAM,WAAW,eAAe,QAAQ,MAAM,SAAS,MAAM,KAAK,CAAC;;EAGnE,MAAM,WAAW,eAAgB,MAAM,eAAe,IAAI,MAAM,iBAAiB,KAAM;EAEvF,MAAM,YAAY,eAAe,kBAAkB,MAAM,MAAM,CAAC;EAIhE,MAAM,YAAY,eAAe,QAAQ,MAAM,MAAM,CAAC;EAEtD,MAAM,YAAY,eAAe,CAAC,iBAAiB,UAAU,QAAQ,sBAAsB,EAAE,CAAC;EAC9F,MAAM,aAAa,eAAe,CAChC,iBACA,UAAU,QAAQ,GAAG,oBAAoB,GAAG,0BAA0B,SACxE,CAAC;;GAIC,OAAA,UAAA,GAAA,mBA0CS,UAAA;IAzCP,kBAAA;IACC,eAAa,QAAA,SAAM,SAAY,KAAA;IAC/B,OAAK,eAAE,UAAA,KAAS;;IAEjB,mBA4BM,OAAA;KA5BD,uBAAA;KAAqB,OAAK,eAAE,UAAA,KAAS;;KAEhC,QAAA,kBADR,UAAA,GAAA,YAaW,kBAAA;;MAXT,uBAAA;MACA,SAAQ;MACP,MAAM,MAAA,QAAA;MACP,QAAA;MACC,cAAY,cAAA;MACZ,OAAK,eAAE,QAAA,eAAe;MACtB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,MAAA;;MAEZ,SAAA,cAES,CAFT,YAES,gBAAA,EAFA,MAAM,MAAA,QAAA,EAAQ,GAAA;OACrB,SAAA,cAA+B,CAA/B,YAA+B,MAAA,YAAA,GAAA,EAArB,eAAY,OAAM,CAAA,CAAA,CAAA;;;;;;;;;KAMtB,SAAA,SAFV,UAAA,GAAA,YASY,wBARH,SAAA,KAAQ,GAAA;;MAEb,wBAAA;MACC,OAAK,eAAE,MAAA,gBAAA,CAAgB;;MAE1B,SAAA,cAEO,CAFP,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CADF,gBAAA,gBAAA,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;;KAIZ,WAAoB,KAAA,QAAA,MAAA;;IAGX,UAAA,SAAX,UAAA,GAAA,mBAEM,OAAA;;KAFgB,yBAAA;KAAuB,OAAK,eAAE,MAAA,iBAAA,CAAiB;IACnE,GAAA,CAAA,WAAsB,KAAA,QAAA,QAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAGxB,mBAEM,OAAA;KAFD,wBAAA;KAAsB,OAAK,eAAE,WAAA,KAAU;IAC1C,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/components/GrNavbar/index.js

@@ -1,3 +1,3 @@
-import { t as GrNavbar_default } from "./chunks/GrNavbar-BRGuksiy.js";
-import { n as grNavbarSafelist, t as grNavbarConfig } from "../../chunks/config-2ZHRsdOc.js";
+import { t as GrNavbar_default } from "./chunks/GrNavbar-IEIHC5Vt.js";
+import { n as grNavbarSafelist, t as grNavbarConfig } from "../../chunks/config-C3uqd-sW.js";
 export { GrNavbar_default as GrNavbar, GrNavbar_default as default, grNavbarConfig, grNavbarSafelist };

package/dist/components/GrNumberInput/chunks/{GrNumberInput-BI6-vkcs.js → GrNumberInput-CmnUDaKi.js}

@@ -9,10 +9,11 @@ import { n as addLen, t as useControlAddons } from "../../../chunks/useControlAd
 import { t as chevron_down_default } from "../../../chunks/chevron-down-CQS2OG_s.js";
 import { t as chevron_left_default } from "../../../chunks/chevron-left-D8AUBAM7.js";
 import { t as chevron_right_default } from "../../../chunks/chevron-right-C6Z01h0X.js";
+import { t as chevron_up_default } from "../../../chunks/chevron-up-BhW6hi8L.js";
 import { a as controlStateTextKey, i as controlStateIconColors, n as controlStateFallbackText, r as controlStateIconClass, t as controlSignalState } from "../../../chunks/controlState-DoImKciE.js";
 import { t as bigStep } from "../../../chunks/numericStep-Bq2lj4ew.js";
 import { a as grNumberInputShellClass, i as grNumberInputInputClass, o as stepperCompactClass, r as clearButtonClass, s as stepperWideClass } from "../../../chunks/config-BLP94dPY.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, markRaw, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, watchEffect, withCtx, withModifiers } from "vue";
+import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, watchEffect, withCtx, withModifiers } from "vue";
 //#region src/components/GrNumberInput/numberInputMath.ts
 /**
 * Экспоненциальная запись разбирается отдельно: `String(1e-7)` — это `"1e-7"`,
@@ -40,27 +41,6 @@ function addStep(current, step) {
 	return decimals > 100 ? sum : Number(sum.toFixed(decimals));
 }
 //#endregion
-//#region ~icons/lucide/chevron-up
-var _hoisted_1$1 = {
-	viewBox: "0 0 24 24",
-	width: "1.2em",
-	height: "1.2em"
-};
-function render$1(_ctx, _cache) {
-	return openBlock(), createElementBlock("svg", _hoisted_1$1, [..._cache[0] || (_cache[0] = [createElementVNode("path", {
-		fill: "none",
-		stroke: "currentColor",
-		"stroke-linecap": "round",
-		"stroke-linejoin": "round",
-		"stroke-width": "2",
-		d: "m18 15l-6-6l-6 6"
-	}, null, -1)])]);
-}
-var chevron_up_default = markRaw({
-	name: "lucide-chevron-up",
-	render: render$1
-});
-//#endregion
 //#region src/components/GrNumberInput/GrNumberInput.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"id",