@feugene/granularity 0.13.0 → 0.16.0

package/dist/components/GrCommandPalette/chunks/GrCommandPalette-6OyvNbek.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrCommandPalette-6OyvNbek.js","names":["$emit","$slots"],"sources":["../../../../src/components/GrCommandPalette/filtering.ts","../../../../src/components/GrCommandPalette/hotkey.ts","../../../../src/components/GrCommandPalette/GrCommandPalette.vue","../../../../src/components/GrCommandPalette/GrCommandPalette.vue"],"sourcesContent":["/** Команда палитры. `id` обязателен — он же ключ рендера и цель `aria-activedescendant`. */\nexport type GrCommandItem = {\n  id: string\n  label: string\n  /** Пояснение под меткой. */\n  description?: string\n  /** UnoCSS-класс иконки (например `i-lucide-file-plus`). */\n  icon?: string\n  /** Подсказка сочетания клавиш — массив клавиш, каждая рисуется отдельным `GrKbd`. */\n  shortcut?: string[]\n  /** Заголовок группы, под которой команда показывается в списке. */\n  group?: string\n  /** Дополнительные слова для поиска (синонимы, транслитерация). */\n  keywords?: string[]\n  disabled?: boolean\n}\n\n/** Команды, сгруппированные для рендера: порядок групп — порядок первого вхождения. */\nexport type GrCommandGroup = {\n  /** `undefined` — команды без группы (рендерятся без заголовка). */\n  name: string | undefined\n  items: GrCommandItem[]\n}\n\nexport type GrCommandFilter = (item: GrCommandItem, query: string) => boolean\n\n/**\n * Матчер по умолчанию: подстрока (без учёта регистра) в метке, описании,\n * названии группы или ключевых словах.\n */\nexport function matchCommandItem(item: GrCommandItem, query: string): boolean {\n  const needle = query.trim().toLowerCase()\n  if (!needle) return true\n\n  const haystack = [item.label, item.description, item.group, ...(item.keywords ?? [])]\n  return haystack.some(part => part?.toLowerCase().includes(needle))\n}\n\nexport function filterCommandItems(\n  items: GrCommandItem[],\n  query: string,\n  filter: GrCommandFilter = matchCommandItem,\n): GrCommandItem[] {\n  if (!query.trim()) return items\n  return items.filter(item => filter(item, query))\n}\n\n/**\n * Раскладывает плоский список по группам, сохраняя порядок первого появления\n * группы. Команды без `group` собираются в единственную безымянную группу,\n * которая остаётся на своём месте в общем порядке.\n */\nexport function groupCommandItems(items: GrCommandItem[]): GrCommandGroup[] {\n  const groups: GrCommandGroup[] = []\n  const byName = new Map<string | undefined, GrCommandGroup>()\n\n  for (const item of items) {\n    const name = item.group || undefined\n    let group = byName.get(name)\n    if (!group) {\n      group = { name, items: [] }\n      byName.set(name, group)\n      groups.push(group)\n    }\n    group.items.push(item)\n  }\n\n  return groups\n}\n","/**\n * Разбор и матчинг сочетания открытия палитры.\n *\n * Директива `v-hotkey` здесь не подходит: ей нужен смонтированный элемент, а\n * палитра в закрытом состоянии не рендерит ничего (весь UI живёт внутри\n * `GrModal`, который скрыт). Поэтому — минимальный собственный матчер на\n * `window`, с тем же синтаксисом комбинаций плюс токен `mod`.\n */\n\nexport type ParsedCommandHotkey = {\n  key: string\n  ctrl: boolean\n  meta: boolean\n  alt: boolean\n  shift: boolean\n  /** `mod` — Cmd на macOS, Ctrl на остальных платформах. */\n  mod: boolean\n}\n\nexport function parseCommandHotkey(combo: string): ParsedCommandHotkey | null {\n  const parts = combo.split('+').map(p => p.trim()).filter(Boolean)\n  const keyToken = parts.at(-1)\n  if (!keyToken) return null\n\n  const parsed: ParsedCommandHotkey = {\n    key: keyToken.length === 1 ? keyToken.toLowerCase() : keyToken,\n    ctrl: false,\n    meta: false,\n    alt: false,\n    shift: false,\n    mod: false,\n  }\n\n  for (const part of parts.slice(0, -1)) {\n    const token = part.toLowerCase()\n    if (token === 'mod') parsed.mod = true\n    else if (token === 'ctrl' || token === 'control') parsed.ctrl = true\n    else if (token === 'meta' || token === 'cmd' || token === 'command' || token === '⌘') parsed.meta = true\n    else if (token === 'alt' || token === 'option') parsed.alt = true\n    else if (token === 'shift') parsed.shift = true\n  }\n\n  return parsed\n}\n\n/** macOS определяем по платформе — от неё зависит, чем является `mod`. */\nexport function isAppleDevice(): boolean {\n  if (typeof navigator === 'undefined') return false\n  return /Mac|iPhone|iPad|iPod/.test(navigator.platform || navigator.userAgent)\n}\n\nexport function matchesCommandHotkey(\n  event: KeyboardEvent,\n  hotkey: ParsedCommandHotkey,\n  apple = isAppleDevice(),\n): boolean {\n  const expectMeta = hotkey.meta || (hotkey.mod && apple)\n  const expectCtrl = hotkey.ctrl || (hotkey.mod && !apple)\n\n  if (event.metaKey !== expectMeta) return false\n  if (event.ctrlKey !== expectCtrl) return false\n  if (event.altKey !== hotkey.alt) return false\n  if (event.shiftKey !== hotkey.shift) return false\n\n  return hotkey.key.length === 1\n    ? event.key.toLowerCase() === hotkey.key\n    : event.key === hotkey.key\n}\n\n/** Человекочитаемые клавиши для подсказки в поле ввода (`⌘` / `Ctrl`). */\nexport function formatCommandHotkey(hotkey: ParsedCommandHotkey, apple = isAppleDevice()): string[] {\n  const keys: string[] = []\n  if (hotkey.meta || (hotkey.mod && apple)) keys.push('⌘')\n  if (hotkey.ctrl || (hotkey.mod && !apple)) keys.push('Ctrl')\n  if (hotkey.alt) keys.push(apple ? '⌥' : 'Alt')\n  if (hotkey.shift) keys.push(apple ? '⇧' : 'Shift')\n  keys.push(hotkey.key.length === 1 ? hotkey.key.toUpperCase() : hotkey.key)\n  return keys\n}\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrKbd from '../GrKbd/GrKbd.vue'\nimport GrModal from '../GrModal/GrModal.vue'\n\nimport {\n  filterCommandItems,\n  groupCommandItems,\n  matchCommandItem,\n  type GrCommandFilter,\n  type GrCommandItem,\n} from './filtering'\nimport {\n  formatCommandHotkey,\n  matchesCommandHotkey,\n  parseCommandHotkey,\n} from './hotkey'\nimport {\n  commandEmptyClass,\n  commandFooterClass,\n  commandGroupLabelClass,\n  commandItemClass,\n  commandPaletteModalSizeBySize,\n  commandSearchInputClass,\n  commandSearchRowClass,\n  type GrCommandPaletteSize,\n} from './grCommandPaletteStyles'\n\nexport type { GrCommandFilter, GrCommandGroup, GrCommandItem } from './filtering'\nexport type { GrCommandPaletteSize } from './grCommandPaletteStyles'\n\n/**\n * Публичный GR-примитив «Command palette» (⌘K) — модальный поиск по командам\n * приложения с группировкой, подсказками сочетаний и клавиатурной навигацией.\n *\n * A11y: WAI-ARIA combobox поверх модалки — `role=\"combobox\"` на поле ввода,\n * `role=\"listbox\"` на списке, `aria-activedescendant` на активной команде\n * (фокус остаётся в поле). Esc, фокус-ловушка и блокировка скролла приходят\n * из `GrModal`.\n *\n * Открытие по глобальному сочетанию (`hotkey`, по умолчанию `mod+k` — Cmd на\n * macOS, Ctrl на прочих) компонент берёт на себя; передайте `hotkey: null`,\n * чтобы управлять открытием только через `v-model`.\n */\nexport interface GrCommandPaletteProps {\n  /** Открыта ли палитра. */\n  modelValue: boolean\n  /** Плоский список команд; группировка — по полю `group` самой команды. */\n  items?: GrCommandItem[]\n  placeholder?: string\n  size?: GrCommandPaletteSize\n  /** Глобальное сочетание открытия. `null` — не вешать слушатель. */\n  hotkey?: string | null\n  /** Локальная фильтрация по запросу. `false` — фильтрует владелец по событию `search`. */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. */\n  filter?: GrCommandFilter\n  /** Внешне управляемое состояние загрузки (для remote-поиска). */\n  loading?: boolean\n  /** Закрывать палитру после выбора команды. */\n  closeOnSelect?: boolean\n  /** Максимальная высота списка, px. */\n  maxHeight?: number\n  /** Показывать подсказку сочетания в поле ввода. */\n  showHotkeyHint?: boolean\n  emptyText?: string\n  ariaLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrCommandPaletteProps>(),\n  {\n    items: undefined,\n    placeholder: undefined,\n    size: 'lg',\n    hotkey: 'mod+k',\n    filterable: true,\n    filter: undefined,\n    loading: false,\n    closeOnSelect: true,\n    maxHeight: 360,\n    showHotkeyHint: true,\n    emptyText: undefined,\n    ariaLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  /** Команда выбрана (клик или Enter). */\n  (e: 'select', item: GrCommandItem): void\n  /** Поисковый запрос изменился — точка входа для remote-поиска. */\n  (e: 'search', query: string): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.commandPalette.placeholder', 'Type a command or search…'))\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.commandPalette.empty', 'Nothing found'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.commandPalette.label', 'Command palette'))\nconst loadingText = computed(() => t('gr.commandPalette.loading', 'Loading…'))\n\nconst query = ref('')\nconst activeIndex = ref(0)\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst listboxId = useId()\n\nconst itemsResolved = computed<GrCommandItem[]>(() => props.items ?? [])\n\nconst filteredItems = computed<GrCommandItem[]>(() =>\n  props.filterable\n    ? filterCommandItems(itemsResolved.value, query.value, props.filter ?? matchCommandItem)\n    : itemsResolved.value,\n)\n\nconst groups = computed(() => groupCommandItems(filteredItems.value))\n\n/** Плоский список того, что реально выбирается — по нему ходят стрелки. */\nconst navigableItems = computed(() => filteredItems.value.filter(item => !item.disabled))\n\nconst activeItem = computed<GrCommandItem | undefined>(() => navigableItems.value[activeIndex.value])\n\nfunction itemDomId(id: string): string {\n  return `${listboxId}-item-${id}`\n}\n\nconst activeDescendantId = computed(() =>\n  activeItem.value ? itemDomId(activeItem.value.id) : undefined,\n)\n\nfunction isActive(item: GrCommandItem): boolean {\n  return activeItem.value?.id === item.id\n}\n\nasync function scrollActiveIntoView(): Promise<void> {\n  await nextTick()\n  const item = activeItem.value\n  if (!item) return\n  document.getElementById(itemDomId(item.id))?.scrollIntoView?.({ block: 'nearest' })\n}\n\nfunction setActive(index: number): void {\n  const len = navigableItems.value.length\n  activeIndex.value = len === 0 ? 0 : ((index % len) + len) % len\n  void scrollActiveIntoView()\n}\n\n// Список пересобрался (ввод запроса / remote-загрузка) — активной становится первая команда.\nwatch(filteredItems, () => { activeIndex.value = 0 })\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction selectItem(item: GrCommandItem): void {\n  if (item.disabled) return\n  emit('select', item)\n  if (props.closeOnSelect) close()\n}\n\nfunction onItemHover(item: GrCommandItem): void {\n  const index = navigableItems.value.indexOf(item)\n  if (index >= 0) setActive(index)\n}\n\nfunction onInput(event: Event): void {\n  query.value = (event.target as HTMLInputElement).value\n  emit('search', query.value.trim())\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      setActive(activeIndex.value + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      setActive(activeIndex.value - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      setActive(0)\n      break\n    case 'End':\n      event.preventDefault()\n      setActive(navigableItems.value.length - 1)\n      break\n    case 'Enter':\n      if (!activeItem.value) break\n      event.preventDefault()\n      selectItem(activeItem.value)\n      break\n  }\n}\n\n// ————— Открытие/закрытие: сброс запроса и фокус в поле.\nlet focusTimer: ReturnType<typeof setTimeout> | null = null\n\nwatch(\n  () => props.modelValue,\n  (open) => {\n    if (!open) {\n      if (focusTimer) clearTimeout(focusTimer)\n      return\n    }\n\n    query.value = ''\n    activeIndex.value = 0\n    // `GrModal` отдаёт первичный фокус своей панели, поэтому переносим фокус в\n    // поле ввода следующим тиком макрозадачи — иначе HeadlessUI перебьёт его.\n    if (focusTimer) clearTimeout(focusTimer)\n    focusTimer = setTimeout(() => { inputEl.value?.focus() }, 0)\n  },\n)\n\n// ————— Глобальное сочетание открытия.\nconst parsedHotkey = computed(() => (props.hotkey ? parseCommandHotkey(props.hotkey) : null))\n\nconst hotkeyHint = computed(() =>\n  props.showHotkeyHint && parsedHotkey.value ? formatCommandHotkey(parsedHotkey.value) : [],\n)\n\nfunction onWindowKeydown(event: KeyboardEvent): void {\n  const hotkey = parsedHotkey.value\n  if (!hotkey || !matchesCommandHotkey(event, hotkey)) return\n  event.preventDefault()\n  emit('update:modelValue', !props.modelValue)\n}\n\nonMounted(() => {\n  if (typeof window === 'undefined') return\n  window.addEventListener('keydown', onWindowKeydown)\n})\n\nonBeforeUnmount(() => {\n  if (typeof window !== 'undefined') window.removeEventListener('keydown', onWindowKeydown)\n  if (focusTimer) clearTimeout(focusTimer)\n})\n\nconst modalSize = computed(() => commandPaletteModalSizeBySize[props.size])\nconst listStyle = computed(() => ({ maxHeight: `var(--gr-command-list-max-height, ${props.maxHeight}px)` }))\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"modalSize\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <div data-gr-command-palette :aria-label=\"resolvedAriaLabel\">\n      <div data-gr-command-palette-search :class=\"commandSearchRowClass\">\n        <span class=\"i-lucide-search block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\" aria-hidden=\"true\" />\n\n        <input\n          ref=\"inputEl\"\n          data-gr-command-palette-input\n          data-testid=\"gr-command-palette-input\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-autocomplete=\"list\"\n          aria-expanded=\"true\"\n          :aria-label=\"resolvedAriaLabel\"\n          :aria-controls=\"listboxId\"\n          :aria-activedescendant=\"activeDescendantId\"\n          :value=\"query\"\n          :placeholder=\"resolvedPlaceholder\"\n          :class=\"commandSearchInputClass\"\n          @input=\"onInput\"\n          @keydown=\"onKeydown\"\n        >\n\n        <span v-if=\"loading\" class=\"shrink-0 text-[var(--gr-muted-fg)]\">\n          <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" :aria-label=\"loadingText\" />\n        </span>\n        <span v-else-if=\"hotkeyHint.length\" class=\"shrink-0 flex items-center gap-1\" aria-hidden=\"true\">\n          <GrKbd v-for=\"key in hotkeyHint\" :key=\"key\" size=\"sm\">{{ key }}</GrKbd>\n        </span>\n      </div>\n\n      <div\n        :id=\"listboxId\"\n        data-gr-command-palette-list\n        data-testid=\"gr-command-palette-list\"\n        class=\"overflow-y-auto p-2\"\n        :style=\"listStyle\"\n        role=\"listbox\"\n        :aria-label=\"resolvedAriaLabel\"\n      >\n        <template v-for=\"(group, groupIndex) in groups\" :key=\"group.name ?? `__ungrouped-${groupIndex}`\">\n          <div\n            v-if=\"group.name\"\n            :id=\"`${listboxId}-group-${groupIndex}`\"\n            data-gr-command-palette-group\n            :class=\"commandGroupLabelClass\"\n          >\n            {{ group.name }}\n          </div>\n\n          <div role=\"group\" :aria-labelledby=\"group.name ? `${listboxId}-group-${groupIndex}` : undefined\">\n            <div\n              v-for=\"item in group.items\"\n              :id=\"itemDomId(item.id)\"\n              :key=\"item.id\"\n              data-gr-command-palette-item\n              :data-testid=\"`gr-command-palette-item-${item.id}`\"\n              role=\"option\"\n              :aria-selected=\"isActive(item) ? 'true' : 'false'\"\n              :aria-disabled=\"item.disabled ? 'true' : undefined\"\n              :class=\"commandItemClass({ active: isActive(item), disabled: Boolean(item.disabled) })\"\n              @click=\"selectItem(item)\"\n              @mousemove=\"onItemHover(item)\"\n            >\n              <slot name=\"item\" :item=\"item\" :active=\"isActive(item)\">\n                <span\n                  v-if=\"item.icon\"\n                  class=\"block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\"\n                  :class=\"item.icon\"\n                  aria-hidden=\"true\"\n                />\n                <span class=\"min-w-0 flex-1\">\n                  <span class=\"block truncate\">{{ item.label }}</span>\n                  <span v-if=\"item.description\" class=\"block truncate text-[12px] text-[var(--gr-muted-fg)]\">\n                    {{ item.description }}\n                  </span>\n                </span>\n                <span v-if=\"item.shortcut?.length\" class=\"shrink-0 flex items-center gap-1\">\n                  <GrKbd v-for=\"key in item.shortcut\" :key=\"key\" size=\"sm\">{{ key }}</GrKbd>\n                </span>\n              </slot>\n            </div>\n          </div>\n        </template>\n\n        <div\n          v-if=\"!filteredItems.length\"\n          data-gr-command-palette-empty\n          data-testid=\"gr-command-palette-empty\"\n          :class=\"commandEmptyClass\"\n        >\n          <slot name=\"empty\" :query=\"query\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </div>\n      </div>\n\n      <div v-if=\"$slots.footer\" data-gr-command-palette-footer :class=\"commandFooterClass\">\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </GrModal>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrKbd from '../GrKbd/GrKbd.vue'\nimport GrModal from '../GrModal/GrModal.vue'\n\nimport {\n  filterCommandItems,\n  groupCommandItems,\n  matchCommandItem,\n  type GrCommandFilter,\n  type GrCommandItem,\n} from './filtering'\nimport {\n  formatCommandHotkey,\n  matchesCommandHotkey,\n  parseCommandHotkey,\n} from './hotkey'\nimport {\n  commandEmptyClass,\n  commandFooterClass,\n  commandGroupLabelClass,\n  commandItemClass,\n  commandPaletteModalSizeBySize,\n  commandSearchInputClass,\n  commandSearchRowClass,\n  type GrCommandPaletteSize,\n} from './grCommandPaletteStyles'\n\nexport type { GrCommandFilter, GrCommandGroup, GrCommandItem } from './filtering'\nexport type { GrCommandPaletteSize } from './grCommandPaletteStyles'\n\n/**\n * Публичный GR-примитив «Command palette» (⌘K) — модальный поиск по командам\n * приложения с группировкой, подсказками сочетаний и клавиатурной навигацией.\n *\n * A11y: WAI-ARIA combobox поверх модалки — `role=\"combobox\"` на поле ввода,\n * `role=\"listbox\"` на списке, `aria-activedescendant` на активной команде\n * (фокус остаётся в поле). Esc, фокус-ловушка и блокировка скролла приходят\n * из `GrModal`.\n *\n * Открытие по глобальному сочетанию (`hotkey`, по умолчанию `mod+k` — Cmd на\n * macOS, Ctrl на прочих) компонент берёт на себя; передайте `hotkey: null`,\n * чтобы управлять открытием только через `v-model`.\n */\nexport interface GrCommandPaletteProps {\n  /** Открыта ли палитра. */\n  modelValue: boolean\n  /** Плоский список команд; группировка — по полю `group` самой команды. */\n  items?: GrCommandItem[]\n  placeholder?: string\n  size?: GrCommandPaletteSize\n  /** Глобальное сочетание открытия. `null` — не вешать слушатель. */\n  hotkey?: string | null\n  /** Локальная фильтрация по запросу. `false` — фильтрует владелец по событию `search`. */\n  filterable?: boolean\n  /** Кастомный матчер локальной фильтрации. */\n  filter?: GrCommandFilter\n  /** Внешне управляемое состояние загрузки (для remote-поиска). */\n  loading?: boolean\n  /** Закрывать палитру после выбора команды. */\n  closeOnSelect?: boolean\n  /** Максимальная высота списка, px. */\n  maxHeight?: number\n  /** Показывать подсказку сочетания в поле ввода. */\n  showHotkeyHint?: boolean\n  emptyText?: string\n  ariaLabel?: string\n}\n\nconst props = withDefaults(\n  defineProps<GrCommandPaletteProps>(),\n  {\n    items: undefined,\n    placeholder: undefined,\n    size: 'lg',\n    hotkey: 'mod+k',\n    filterable: true,\n    filter: undefined,\n    loading: false,\n    closeOnSelect: true,\n    maxHeight: 360,\n    showHotkeyHint: true,\n    emptyText: undefined,\n    ariaLabel: undefined,\n  },\n)\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  /** Команда выбрана (клик или Enter). */\n  (e: 'select', item: GrCommandItem): void\n  /** Поисковый запрос изменился — точка входа для remote-поиска. */\n  (e: 'search', query: string): void\n}>()\n\nconst { t } = useGranularityTranslations()\n\nconst resolvedPlaceholder = computed(() => props.placeholder ?? t('gr.commandPalette.placeholder', 'Type a command or search…'))\nconst resolvedEmptyText = computed(() => props.emptyText ?? t('gr.commandPalette.empty', 'Nothing found'))\nconst resolvedAriaLabel = computed(() => props.ariaLabel ?? t('gr.commandPalette.label', 'Command palette'))\nconst loadingText = computed(() => t('gr.commandPalette.loading', 'Loading…'))\n\nconst query = ref('')\nconst activeIndex = ref(0)\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst listboxId = useId()\n\nconst itemsResolved = computed<GrCommandItem[]>(() => props.items ?? [])\n\nconst filteredItems = computed<GrCommandItem[]>(() =>\n  props.filterable\n    ? filterCommandItems(itemsResolved.value, query.value, props.filter ?? matchCommandItem)\n    : itemsResolved.value,\n)\n\nconst groups = computed(() => groupCommandItems(filteredItems.value))\n\n/** Плоский список того, что реально выбирается — по нему ходят стрелки. */\nconst navigableItems = computed(() => filteredItems.value.filter(item => !item.disabled))\n\nconst activeItem = computed<GrCommandItem | undefined>(() => navigableItems.value[activeIndex.value])\n\nfunction itemDomId(id: string): string {\n  return `${listboxId}-item-${id}`\n}\n\nconst activeDescendantId = computed(() =>\n  activeItem.value ? itemDomId(activeItem.value.id) : undefined,\n)\n\nfunction isActive(item: GrCommandItem): boolean {\n  return activeItem.value?.id === item.id\n}\n\nasync function scrollActiveIntoView(): Promise<void> {\n  await nextTick()\n  const item = activeItem.value\n  if (!item) return\n  document.getElementById(itemDomId(item.id))?.scrollIntoView?.({ block: 'nearest' })\n}\n\nfunction setActive(index: number): void {\n  const len = navigableItems.value.length\n  activeIndex.value = len === 0 ? 0 : ((index % len) + len) % len\n  void scrollActiveIntoView()\n}\n\n// Список пересобрался (ввод запроса / remote-загрузка) — активной становится первая команда.\nwatch(filteredItems, () => { activeIndex.value = 0 })\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction selectItem(item: GrCommandItem): void {\n  if (item.disabled) return\n  emit('select', item)\n  if (props.closeOnSelect) close()\n}\n\nfunction onItemHover(item: GrCommandItem): void {\n  const index = navigableItems.value.indexOf(item)\n  if (index >= 0) setActive(index)\n}\n\nfunction onInput(event: Event): void {\n  query.value = (event.target as HTMLInputElement).value\n  emit('search', query.value.trim())\n}\n\nfunction onKeydown(event: KeyboardEvent): void {\n  switch (event.key) {\n    case 'ArrowDown':\n      event.preventDefault()\n      setActive(activeIndex.value + 1)\n      break\n    case 'ArrowUp':\n      event.preventDefault()\n      setActive(activeIndex.value - 1)\n      break\n    case 'Home':\n      event.preventDefault()\n      setActive(0)\n      break\n    case 'End':\n      event.preventDefault()\n      setActive(navigableItems.value.length - 1)\n      break\n    case 'Enter':\n      if (!activeItem.value) break\n      event.preventDefault()\n      selectItem(activeItem.value)\n      break\n  }\n}\n\n// ————— Открытие/закрытие: сброс запроса и фокус в поле.\nlet focusTimer: ReturnType<typeof setTimeout> | null = null\n\nwatch(\n  () => props.modelValue,\n  (open) => {\n    if (!open) {\n      if (focusTimer) clearTimeout(focusTimer)\n      return\n    }\n\n    query.value = ''\n    activeIndex.value = 0\n    // `GrModal` отдаёт первичный фокус своей панели, поэтому переносим фокус в\n    // поле ввода следующим тиком макрозадачи — иначе HeadlessUI перебьёт его.\n    if (focusTimer) clearTimeout(focusTimer)\n    focusTimer = setTimeout(() => { inputEl.value?.focus() }, 0)\n  },\n)\n\n// ————— Глобальное сочетание открытия.\nconst parsedHotkey = computed(() => (props.hotkey ? parseCommandHotkey(props.hotkey) : null))\n\nconst hotkeyHint = computed(() =>\n  props.showHotkeyHint && parsedHotkey.value ? formatCommandHotkey(parsedHotkey.value) : [],\n)\n\nfunction onWindowKeydown(event: KeyboardEvent): void {\n  const hotkey = parsedHotkey.value\n  if (!hotkey || !matchesCommandHotkey(event, hotkey)) return\n  event.preventDefault()\n  emit('update:modelValue', !props.modelValue)\n}\n\nonMounted(() => {\n  if (typeof window === 'undefined') return\n  window.addEventListener('keydown', onWindowKeydown)\n})\n\nonBeforeUnmount(() => {\n  if (typeof window !== 'undefined') window.removeEventListener('keydown', onWindowKeydown)\n  if (focusTimer) clearTimeout(focusTimer)\n})\n\nconst modalSize = computed(() => commandPaletteModalSizeBySize[props.size])\nconst listStyle = computed(() => ({ maxHeight: `var(--gr-command-list-max-height, ${props.maxHeight}px)` }))\n</script>\n\n<template>\n  <GrModal\n    :model-value=\"modelValue\"\n    :size=\"modalSize\"\n    @update:model-value=\"$emit('update:modelValue', $event)\"\n  >\n    <div data-gr-command-palette :aria-label=\"resolvedAriaLabel\">\n      <div data-gr-command-palette-search :class=\"commandSearchRowClass\">\n        <span class=\"i-lucide-search block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\" aria-hidden=\"true\" />\n\n        <input\n          ref=\"inputEl\"\n          data-gr-command-palette-input\n          data-testid=\"gr-command-palette-input\"\n          type=\"text\"\n          autocomplete=\"off\"\n          spellcheck=\"false\"\n          role=\"combobox\"\n          aria-haspopup=\"listbox\"\n          aria-autocomplete=\"list\"\n          aria-expanded=\"true\"\n          :aria-label=\"resolvedAriaLabel\"\n          :aria-controls=\"listboxId\"\n          :aria-activedescendant=\"activeDescendantId\"\n          :value=\"query\"\n          :placeholder=\"resolvedPlaceholder\"\n          :class=\"commandSearchInputClass\"\n          @input=\"onInput\"\n          @keydown=\"onKeydown\"\n        >\n\n        <span v-if=\"loading\" class=\"shrink-0 text-[var(--gr-muted-fg)]\">\n          <span class=\"i-lucide-loader-2 block h-4 w-4 animate-spin\" :aria-label=\"loadingText\" />\n        </span>\n        <span v-else-if=\"hotkeyHint.length\" class=\"shrink-0 flex items-center gap-1\" aria-hidden=\"true\">\n          <GrKbd v-for=\"key in hotkeyHint\" :key=\"key\" size=\"sm\">{{ key }}</GrKbd>\n        </span>\n      </div>\n\n      <div\n        :id=\"listboxId\"\n        data-gr-command-palette-list\n        data-testid=\"gr-command-palette-list\"\n        class=\"overflow-y-auto p-2\"\n        :style=\"listStyle\"\n        role=\"listbox\"\n        :aria-label=\"resolvedAriaLabel\"\n      >\n        <template v-for=\"(group, groupIndex) in groups\" :key=\"group.name ?? `__ungrouped-${groupIndex}`\">\n          <div\n            v-if=\"group.name\"\n            :id=\"`${listboxId}-group-${groupIndex}`\"\n            data-gr-command-palette-group\n            :class=\"commandGroupLabelClass\"\n          >\n            {{ group.name }}\n          </div>\n\n          <div role=\"group\" :aria-labelledby=\"group.name ? `${listboxId}-group-${groupIndex}` : undefined\">\n            <div\n              v-for=\"item in group.items\"\n              :id=\"itemDomId(item.id)\"\n              :key=\"item.id\"\n              data-gr-command-palette-item\n              :data-testid=\"`gr-command-palette-item-${item.id}`\"\n              role=\"option\"\n              :aria-selected=\"isActive(item) ? 'true' : 'false'\"\n              :aria-disabled=\"item.disabled ? 'true' : undefined\"\n              :class=\"commandItemClass({ active: isActive(item), disabled: Boolean(item.disabled) })\"\n              @click=\"selectItem(item)\"\n              @mousemove=\"onItemHover(item)\"\n            >\n              <slot name=\"item\" :item=\"item\" :active=\"isActive(item)\">\n                <span\n                  v-if=\"item.icon\"\n                  class=\"block h-4 w-4 shrink-0 text-[var(--gr-muted-fg)]\"\n                  :class=\"item.icon\"\n                  aria-hidden=\"true\"\n                />\n                <span class=\"min-w-0 flex-1\">\n                  <span class=\"block truncate\">{{ item.label }}</span>\n                  <span v-if=\"item.description\" class=\"block truncate text-[12px] text-[var(--gr-muted-fg)]\">\n                    {{ item.description }}\n                  </span>\n                </span>\n                <span v-if=\"item.shortcut?.length\" class=\"shrink-0 flex items-center gap-1\">\n                  <GrKbd v-for=\"key in item.shortcut\" :key=\"key\" size=\"sm\">{{ key }}</GrKbd>\n                </span>\n              </slot>\n            </div>\n          </div>\n        </template>\n\n        <div\n          v-if=\"!filteredItems.length\"\n          data-gr-command-palette-empty\n          data-testid=\"gr-command-palette-empty\"\n          :class=\"commandEmptyClass\"\n        >\n          <slot name=\"empty\" :query=\"query\">\n            {{ resolvedEmptyText }}\n          </slot>\n        </div>\n      </div>\n\n      <div v-if=\"$slots.footer\" data-gr-command-palette-footer :class=\"commandFooterClass\">\n        <slot name=\"footer\" />\n      </div>\n    </div>\n  </GrModal>\n</template>\n"],"mappings":"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"}

package/dist/components/GrConfigProvider/chunks/GrConfigProvider-BtyeBGm8.js

@@ -1,57 +0,0 @@
-import { n as GR_CONFIG_KEY, s as useGrConfig } from "../../../chunks/context-DfWYCBB-.js";
-import { t as GRANULARITY_I18N_KEY } from "../../../chunks/adapter-CAOxmn2G.js";
-import { computed, createBlock, defineComponent, openBlock, provide, renderSlot, resolveDynamicComponent, withCtx } from "vue";
-//#endregion
-//#region src/components/GrConfigProvider/GrConfigProvider.vue
-var GrConfigProvider_default = /* @__PURE__ */ defineComponent({
-	__name: "GrConfigProvider",
-	props: {
-		size: { default: void 0 },
-		componentDefaults: { default: void 0 },
-		i18n: { default: void 0 },
-		tag: { default: "div" }
-	},
-	setup(__props) {
-		/**
-		* GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.
-		*
-		* Даёт единое место для:
-		* - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);
-		* - `componentDefaults` — per-component дефолтных пропсов;
-		* - `i18n` — адаптера переводов (иначе приложение инжектит его вручную).
-		*
-		* Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому
-		* можно задать «глобальную» тему и точечно переопределить её в поддереве.
-		*
-		* Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.
-		*/
-		const props = __props;
-		const parent = useGrConfig();
-		provide(GR_CONFIG_KEY, {
-			size: computed(() => props.size ?? parent.size.value),
-			componentDefaults: computed(() => {
-				const inherited = parent.componentDefaults.value;
-				const own = props.componentDefaults ?? {};
-				const merged = { ...inherited };
-				for (const [component, componentProps] of Object.entries(own)) merged[component] = {
-					...inherited[component] ?? {},
-					...componentProps
-				};
-				return merged;
-			})
-		});
-		if (props.i18n != null) provide(GRANULARITY_I18N_KEY, props.i18n);
-		const wrapperStyle = { display: "contents" };
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(resolveDynamicComponent(props.tag), {
-				"data-gr-config-provider": "",
-				style: wrapperStyle
-			}, {
-				default: withCtx(() => [renderSlot(_ctx.$slots, "default")]),
-				_: 3
-			});
-		};
-	}
-});
-//#endregion
-export { GrConfigProvider_default as t };

package/dist/components/GrConfigProvider/chunks/GrConfigProvider-BtyeBGm8.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrConfigProvider-BtyeBGm8.js","names":[],"sources":["../../../../src/components/GrConfigProvider/GrConfigProvider.vue","../../../../src/components/GrConfigProvider/GrConfigProvider.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n *\n * Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную).\n *\n * Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n *\n * Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n */\nimport { computed, provide } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport {\n  GR_CONFIG_KEY,\n  useGrConfig,\n  type GrComponentDefaults,\n  type GrComponentSize,\n  type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Дефолтный размер контролов для вложенных компонентов. */\n    size?: GrComponentSize\n    /** Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. */\n    componentDefaults?: GrComponentDefaults\n    /** Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. */\n    i18n?: GranularityI18nAdapter | null\n    /** Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. */\n    tag?: string\n  }>(),\n  {\n    size: undefined,\n    componentDefaults: undefined,\n    i18n: undefined,\n    tag: 'div',\n  },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n  const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n  const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n  // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n  // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n  const merged: Record<string, Record<string, unknown>> = { ...inherited }\n  for (const [component, componentProps] of Object.entries(own))\n    merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n  return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults })\n\n// i18n-адаптер прокидываем детям только если он задан явно — иначе не затеняем\n// адаптер, установленный приложением выше по дереву (fint-i18n).\nif (props.i18n != null)\n  provide(GRANULARITY_I18N_KEY, props.i18n)\n\nconst wrapperStyle = { display: 'contents' } as const\n</script>\n\n<template>\n  <component :is=\"props.tag\" data-gr-config-provider :style=\"wrapperStyle\">\n    <slot />\n  </component>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfigProvider — глобальные дефолты для вложенных GR-компонентов.\n *\n * Даёт единое место для:\n * - `size` — дефолтного размера контролов (не нужно повторять `size` в каждом вызове);\n * - `componentDefaults` — per-component дефолтных пропсов;\n * - `i18n` — адаптера переводов (иначе приложение инжектит его вручную).\n *\n * Провайдеры можно вкладывать: дочерний мержится поверх родительского, поэтому\n * можно задать «глобальную» тему и точечно переопределить её в поддереве.\n *\n * Рендерится прозрачно (`display: contents`), чтобы не влиять на layout.\n */\nimport { computed, provide } from 'vue'\n\nimport { GRANULARITY_I18N_KEY, type GranularityI18nAdapter } from '../../i18n/adapter'\nimport {\n  GR_CONFIG_KEY,\n  useGrConfig,\n  type GrComponentDefaults,\n  type GrComponentSize,\n  type GrConfigContext,\n} from './context'\n\nexport type { GrComponentDefaults, GrComponentSize } from './context'\n\nconst props = withDefaults(\n  defineProps<{\n    /** Дефолтный размер контролов для вложенных компонентов. */\n    size?: GrComponentSize\n    /** Дефолтные пропсы по компонентам: `{ GrButton: { variant: 'secondary' } }`. */\n    componentDefaults?: GrComponentDefaults\n    /** Адаптер переводов (fint-i18n-совместимый). Прокидывается вложенным компонентам. */\n    i18n?: GranularityI18nAdapter | null\n    /** Тег обёртки. По умолчанию прозрачный `<div style=\"display:contents\">`. */\n    tag?: string\n  }>(),\n  {\n    size: undefined,\n    componentDefaults: undefined,\n    i18n: undefined,\n    tag: 'div',\n  },\n)\n\n// Наследуемся от родительского провайдера — вложенные провайдеры мержатся.\nconst parent = useGrConfig()\n\nconst size = computed(() => props.size ?? parent.size.value)\nconst componentDefaults = computed<GrComponentDefaults>(() => {\n  const inherited = parent.componentDefaults.value as Record<string, Record<string, unknown>>\n  const own = (props.componentDefaults ?? {}) as Record<string, Record<string, unknown>>\n\n  // Мержим на уровне пропов, а не компонентов: иначе вложенный провайдер,\n  // переопределяющий один `variant`, стирал бы у родителя весь блок `GrButton`.\n  const merged: Record<string, Record<string, unknown>> = { ...inherited }\n  for (const [component, componentProps] of Object.entries(own))\n    merged[component] = { ...(inherited[component] ?? {}), ...componentProps }\n\n  return merged\n})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, { size, componentDefaults })\n\n// i18n-адаптер прокидываем детям только если он задан явно — иначе не затеняем\n// адаптер, установленный приложением выше по дереву (fint-i18n).\nif (props.i18n != null)\n  provide(GRANULARITY_I18N_KEY, props.i18n)\n\nconst wrapperStyle = { display: 'contents' } as const\n</script>\n\n<template>\n  <component :is=\"props.tag\" data-gr-config-provider :style=\"wrapperStyle\">\n    <slot />\n  </component>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;EA2BA,MAAM,QAAQ;EAoBd,MAAM,SAAS,YAAY;EAgB3B,QAAyB,eAAe;GAAE,MAd7B,eAAe,MAAM,QAAQ,OAAO,KAAK,KAcZ;GAAM,mBAbtB,eAAoC;IAC5D,MAAM,YAAY,OAAO,kBAAkB;IAC3C,MAAM,MAAO,MAAM,qBAAqB,CAAC;IAIzC,MAAM,SAAkD,EAAE,GAAG,UAAU;IACvE,KAAK,MAAM,CAAC,WAAW,mBAAmB,OAAO,QAAQ,GAAG,GAC1D,OAAO,aAAa;KAAE,GAAI,UAAU,cAAc,CAAC;KAAI,GAAG;IAAe;IAE3E,OAAO;GACT,CAEgD;EAAkB,CAAC;EAInE,IAAI,MAAM,QAAQ,MAChB,QAAQ,sBAAsB,MAAM,IAAI;EAE1C,MAAM,eAAe,EAAE,SAAS,WAAW;;uBAIzC,YAEY,wBAFI,MAAM,GAAG,GAAA;IAAE,2BAAA;IAAyB,OAAO;;2BACjD,CAAR,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/components/GrConfirmDialog/chunks/GrConfirmDialog-e4120mWw.js

@@ -1,160 +0,0 @@
-import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCi4CUpo.js";
-import { t as GrDialog_default } from "../../GrDialog/chunks/GrDialog-BPMvDHOz.js";
-import { t as GrResponseErrorBanner_default } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-C8NGx8pE.js";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, withCtx } from "vue";
-//#region src/components/GrConfirmDialog/GrConfirmDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "grid gap-4" };
-var _hoisted_2 = {
-	key: 0,
-	class: "text-[14px] text-[var(--gr-muted-fg)]"
-};
-var _hoisted_3 = { class: "flex items-center justify-end gap-3" };
-//#endregion
-//#region src/components/GrConfirmDialog/GrConfirmDialog.vue
-var GrConfirmDialog_default = /* @__PURE__ */ defineComponent({
-	__name: "GrConfirmDialog",
-	props: {
-		modelValue: { type: Boolean },
-		title: { default: void 0 },
-		description: { default: void 0 },
-		closeOnBackdrop: {
-			type: Boolean,
-			default: true
-		},
-		closeOnEsc: {
-			type: Boolean,
-			default: true
-		},
-		showHeader: {
-			type: Boolean,
-			default: true
-		},
-		showCloseButton: {
-			type: Boolean,
-			default: true
-		},
-		size: { default: "md" },
-		headerConfig: { default: void 0 },
-		footerConfig: { default: void 0 },
-		bodyConfig: { default: void 0 },
-		closeLabel: { default: void 0 },
-		buttonSize: { default: void 0 },
-		confirmText: { default: void 0 },
-		cancelText: { default: void 0 },
-		confirmVariant: { default: "primary" },
-		confirmTone: { default: "primary" },
-		error: { default: null },
-		confirmLoading: {
-			type: Boolean,
-			default: false
-		},
-		confirmDisabled: {
-			type: Boolean,
-			default: false
-		},
-		closeOnConfirm: {
-			type: Boolean,
-			default: true
-		}
-	},
-	emits: [
-		"update:modelValue",
-		"confirm",
-		"cancel"
-	],
-	setup(__props, { emit: __emit }) {
-		/**
-		* GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.
-		*
-		* Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:
-		* `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,
-		* `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.
-		*
-		* Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог
-		* через `update:modelValue`.
-		*/
-		const props = __props;
-		const emit = __emit;
-		const { t } = useGranularityTranslations();
-		const resolvedTitle = computed(() => props.title ?? t("gr.dialog.confirm.title", "Confirm"));
-		const resolvedCloseLabel = computed(() => props.closeLabel ?? t("gr.common.close", "Close"));
-		const resolvedConfirmText = computed(() => props.confirmText ?? t("gr.common.confirm", "Confirm"));
-		const resolvedCancelText = computed(() => props.cancelText ?? t("gr.common.cancel", "Cancel"));
-		const open = computed({
-			get: () => props.modelValue,
-			set: (value) => emit("update:modelValue", value)
-		});
-		function onCancel() {
-			emit("cancel");
-			emit("update:modelValue", false);
-		}
-		function onConfirm() {
-			emit("confirm");
-			if (props.closeOnConfirm) emit("update:modelValue", false);
-		}
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(GrDialog_default, {
-				modelValue: open.value,
-				"onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => open.value = $event),
-				title: resolvedTitle.value,
-				size: __props.size,
-				"close-on-backdrop": __props.closeOnBackdrop,
-				"close-on-esc": __props.closeOnEsc,
-				"show-header": __props.showHeader,
-				"show-close-button": __props.showCloseButton,
-				"header-config": __props.headerConfig,
-				"footer-config": __props.footerConfig,
-				"body-config": __props.bodyConfig,
-				"close-label": resolvedCloseLabel.value
-			}, {
-				footer: withCtx(() => [renderSlot(_ctx.$slots, "footer", {}, () => [createElementVNode("div", _hoisted_3, [createVNode(GrButton_default, {
-					"data-testid": "gr-confirm-cancel",
-					variant: "outline",
-					size: __props.buttonSize,
-					onClick: onCancel
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(resolvedCancelText.value), 1)]),
-					_: 1
-				}, 8, ["size"]), createVNode(GrButton_default, {
-					"data-testid": "gr-confirm-confirm",
-					variant: __props.confirmVariant,
-					tone: __props.confirmTone,
-					size: __props.buttonSize,
-					loading: __props.confirmLoading,
-					disabled: __props.confirmDisabled,
-					onClick: onConfirm
-				}, {
-					default: withCtx(() => [createTextVNode(toDisplayString(resolvedConfirmText.value), 1)]),
-					_: 1
-				}, 8, [
-					"variant",
-					"tone",
-					"size",
-					"loading",
-					"disabled"
-				])])])]),
-				default: withCtx(() => [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, () => [__props.description ? (openBlock(), createElementBlock("div", _hoisted_2, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]), renderSlot(_ctx.$slots, "error", { error: __props.error }, () => [__props.error ? (openBlock(), createBlock(GrResponseErrorBanner_default, {
-					key: 0,
-					error: __props.error,
-					"can-dismiss": false
-				}, null, 8, ["error"])) : createCommentVNode("", true)])])]),
-				_: 3
-			}, 8, [
-				"modelValue",
-				"title",
-				"size",
-				"close-on-backdrop",
-				"close-on-esc",
-				"show-header",
-				"show-close-button",
-				"header-config",
-				"footer-config",
-				"body-config",
-				"close-label"
-			]);
-		};
-	}
-});
-//#endregion
-export { GrConfirmDialog_default as t };

package/dist/components/GrConfirmDialog/chunks/GrConfirmDialog-e4120mWw.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrConfirmDialog-e4120mWw.js","names":[],"sources":["../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue","../../../../src/components/GrConfirmDialog/GrConfirmDialog.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.confirm.title', 'Confirm'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--gr-muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrConfirmDialog — GR-примитив диалога подтверждения поверх `GrDialog`.\n *\n * Синхронизирован с `GrDialog`/`GrPromptDialog` по набору проп-проксирования:\n * `size`, `closeOnBackdrop`, `closeOnEsc`, `showHeader`, `showCloseButton`,\n * `headerConfig`, `footerConfig`, `bodyConfig`, `closeLabel`.\n *\n * Клик по «Confirm»/«Cancel» эмитит одноимённое событие и закрывает диалог\n * через `update:modelValue`.\n */\nimport { computed } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrDialog from '../GrDialog/GrDialog.vue'\nimport GrResponseErrorBanner from '../GrResponseErrorBanner/GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrButtonSize, GrButtonTone, GrButtonVariant } from '../GrButton'\nimport type { GrDialogSectionConfig, GrDialogSize } from '../GrDialog'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nexport interface GrConfirmDialogProps {\n  modelValue: boolean\n  title?: string\n  description?: string\n  closeOnBackdrop?: boolean\n  closeOnEsc?: boolean\n  showHeader?: boolean\n  showCloseButton?: boolean\n  size?: GrDialogSize\n  headerConfig?: GrDialogSectionConfig\n  footerConfig?: GrDialogSectionConfig\n  bodyConfig?: GrDialogSectionConfig\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  closeLabel?: string\n  buttonSize?: GrButtonSize\n  confirmText?: string\n  cancelText?: string\n  confirmVariant?: GrButtonVariant\n  confirmTone?: GrButtonTone\n  /**\n   * Структура ошибки ответа сервера для показа в теле диалога\n   * (через `GrResponseErrorBanner`). Используется императивным\n   * `useDialogService` для async-`onConfirm`. `null` — блок скрыт.\n   */\n  error?: ResponseErrorInfo | null\n  /** Состояние загрузки кнопки Confirm (async-`onConfirm` in-flight). */\n  confirmLoading?: boolean\n  /** Принудительно дизейблит кнопку Confirm. */\n  confirmDisabled?: boolean\n  /**\n   * Закрывать ли диалог автоматически по клику Confirm. По умолчанию `true`\n   * (историческое поведение). `false` — отдаёт управление закрытием наружу\n   * (нужно `useDialogService`, который ждёт результат async-`onConfirm`).\n   */\n  closeOnConfirm?: boolean\n}\n\nconst props = withDefaults(defineProps<GrConfirmDialogProps>(), {\n  title: undefined,\n  description: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  showHeader: true,\n  showCloseButton: true,\n  size: 'md',\n  headerConfig: undefined,\n  footerConfig: undefined,\n  bodyConfig: undefined,\n  closeLabel: undefined,\n  buttonSize: undefined,\n  confirmText: undefined,\n  cancelText: undefined,\n  confirmVariant: 'primary',\n  confirmTone: 'primary',\n  error: null,\n  confirmLoading: false,\n  confirmDisabled: false,\n  closeOnConfirm: true,\n})\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n  (e: 'confirm'): void\n  (e: 'cancel'): void\n}>()\n\n// Дефолты берём из общего i18n-блока пакета (fallback — англ.), а не хардкодим.\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.dialog.confirm.title', 'Confirm'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\nconst resolvedConfirmText = computed(() => props.confirmText ?? t('gr.common.confirm', 'Confirm'))\nconst resolvedCancelText = computed(() => props.cancelText ?? t('gr.common.cancel', 'Cancel'))\n\nconst open = computed({\n  get: () => props.modelValue,\n  set: (value: boolean) => emit('update:modelValue', value),\n})\n\nfunction onCancel(): void {\n  emit('cancel')\n  emit('update:modelValue', false)\n}\n\nfunction onConfirm(): void {\n  emit('confirm')\n  if (props.closeOnConfirm)\n    emit('update:modelValue', false)\n}\n</script>\n\n<template>\n  <GrDialog\n    v-model=\"open\"\n    :title=\"resolvedTitle\"\n    :size=\"size\"\n    :close-on-backdrop=\"closeOnBackdrop\"\n    :close-on-esc=\"closeOnEsc\"\n    :show-header=\"showHeader\"\n    :show-close-button=\"showCloseButton\"\n    :header-config=\"headerConfig\"\n    :footer-config=\"footerConfig\"\n    :body-config=\"bodyConfig\"\n    :close-label=\"resolvedCloseLabel\"\n  >\n    <div class=\"grid gap-4\">\n      <slot>\n        <div v-if=\"description\" class=\"text-[14px] text-[var(--gr-muted-fg)]\">\n          {{ description }}\n        </div>\n      </slot>\n\n      <slot name=\"error\" :error=\"error\">\n        <GrResponseErrorBanner v-if=\"error\" :error=\"error\" :can-dismiss=\"false\" />\n      </slot>\n    </div>\n\n    <template #footer>\n      <slot name=\"footer\">\n        <div class=\"flex items-center justify-end gap-3\">\n          <GrButton data-testid=\"gr-confirm-cancel\" variant=\"outline\" :size=\"buttonSize\" @click=\"onCancel\">\n            {{ resolvedCancelText }}\n          </GrButton>\n          <GrButton\n            data-testid=\"gr-confirm-confirm\"\n            :variant=\"confirmVariant\"\n            :tone=\"confirmTone\"\n            :size=\"buttonSize\"\n            :loading=\"confirmLoading\"\n            :disabled=\"confirmDisabled\"\n            @click=\"onConfirm\"\n          >\n            {{ resolvedConfirmText }}\n          </GrButton>\n        </div>\n      </slot>\n    </template>\n  </GrDialog>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DA,MAAM,QAAQ;EAuBd,MAAM,OAAO;EAOb,MAAM,EAAE,MAAM,2BAA2B;EACzC,MAAM,gBAAgB,eAAe,MAAM,SAAS,EAAE,2BAA2B,SAAS,CAAC;EAC3F,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,mBAAmB,OAAO,CAAC;EAC3F,MAAM,sBAAsB,eAAe,MAAM,eAAe,EAAE,qBAAqB,SAAS,CAAC;EACjG,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,oBAAoB,QAAQ,CAAC;EAE7F,MAAM,OAAO,SAAS;GACpB,WAAW,MAAM;GACjB,MAAM,UAAmB,KAAK,qBAAqB,KAAK;EAC1D,CAAC;EAED,SAAS,WAAiB;GACxB,KAAK,QAAQ;GACb,KAAK,qBAAqB,KAAK;EACjC;EAEA,SAAS,YAAkB;GACzB,KAAK,SAAS;GACd,IAAI,MAAM,gBACR,KAAK,qBAAqB,KAAK;EACnC;;uBAIE,YA6CW,kBAAA;gBA5CA,KAAA;sEAAI,QAAA;IACZ,OAAO,cAAA;IACP,MAAM,QAAA;IACN,qBAAmB,QAAA;IACnB,gBAAc,QAAA;IACd,eAAa,QAAA;IACb,qBAAmB,QAAA;IACnB,iBAAe,QAAA;IACf,iBAAe,QAAA;IACf,eAAa,QAAA;IACb,eAAa,mBAAA;;IAcH,QAAM,cAkBR,CAjBP,WAiBO,KAAA,QAAA,UAAA,CAAA,SAAA,CAhBL,mBAeM,OAfN,YAeM,CAdJ,YAEW,kBAAA;KAFD,eAAY;KAAoB,SAAQ;KAAW,MAAM,QAAA;KAAa,SAAO;;4BAC7D,CAAA,gBAAA,gBAArB,mBAAA,KAAkB,GAAA,CAAA,CAAA,CAAA;;qBAEvB,YAUW,kBAAA;KATT,eAAY;KACX,SAAS,QAAA;KACT,MAAM,QAAA;KACN,MAAM,QAAA;KACN,SAAS,QAAA;KACT,UAAU,QAAA;KACV,SAAO;;4BAEiB,CAAA,gBAAA,gBAAtB,oBAAA,KAAmB,GAAA,CAAA,CAAA,CAAA;;;;;;;;;2BAjBxB,CAVN,mBAUM,OAVN,YAUM,CATJ,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA,CAHM,QAAA,eAAA,UAAA,GAAX,mBAEM,OAFN,YAEM,gBADD,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,GAIlB,WAEO,KAAA,QAAA,SAAA,EAFa,OAAO,QAAA,MAAK,SAEzB,CADwB,QAAA,SAAA,UAAA,GAA7B,YAA0E,+BAAA;;KAArC,OAAO,QAAA;KAAQ,eAAa"}