@feugene/granularity 0.48.0 → 0.50.0

package/dist/components/GrInputTag/chunks/GrInputTag-CO0YU-ok.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrInputTag-CO0YU-ok.js","names":[],"sources":["../../../../src/components/GrInputTag/GrInputTag.vue","../../../../src/components/GrInputTag/GrInputTag.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId, watchEffect } from 'vue'\n\nimport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from '../GrBadge'\nimport GrChip from '../GrChip/GrChip.vue'\nimport { chipSizeForBadgeScale } from '../GrChip/grChipStyles'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport IconClose from '~icons/lucide/x'\nimport IconCheckCircle from '~icons/lucide/check-circle'\nimport IconAlertTriangle from '~icons/lucide/alert-triangle'\nimport IconLoader from '~icons/lucide/loader-2'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useControlAddons } from '../../composables/internal/useControlAddons'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  controlSignalState,\n  controlStateFallbackText,\n  controlStateIconClass,\n  controlStateIconColors,\n  controlStateTextKey,\n} from '../shared/controlState'\nimport { isComposingEvent } from '../../internal/keyboard'\n\nimport {\n  clearButtonClass,\n  grInputTagInputClass,\n  grInputTagWrapperClass,\n  spinnerClass,\n  type GrInputTagSize,\n  type GrInputTagState,\n} from './grInputTagStyles'\n\nexport type { GrInputTagSize, GrInputTagState } from './grInputTagStyles'\n\nconst REGEX_SPECIAL_CHAR_RE = /[.*+?^${}()|[\\]\\\\]/g\n\n/**\n * Props for {@link GrInputTag}.\n * Tag-input primitive: renders a set of badges with an inline `<input>` for entering new tags.\n * Splits input by configurable `separators`, supports paste, Enter and Backspace editing.\n */\nexport interface GrInputTagProps {\n  modelValue: string[]\n  placeholder?: string\n  disabled?: boolean\n  readonly?: boolean\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). Складывается с `required` у `GrFormField`. */\n  required?: boolean\n  state?: GrInputTagState\n  size?: GrInputTagSize\n  separators?: string[]\n  allowDuplicates?: boolean\n  trim?: boolean\n  max?: number\n  addOnBlur?: boolean\n  clearInputOnAdd?: boolean\n  /**\n   * Проверка тега перед добавлением. Может быть асинхронной (проверка на\n   * сервере). Отклонённый тег не добавляется и уходит в событие `reject`.\n   */\n  beforeAdd?: (tag: string) => boolean | Promise<boolean>\n  /** Кнопка «снести все теги». Настраивается через `GrConfigProvider`. */\n  clearable?: boolean\n  /** Фоновая работа: спиннер + `aria-busy`. Асинхронный `beforeAdd` поднимает его сам. */\n  loading?: boolean\n  tagTone?: GrBadgeTone\n  tagDark?: boolean\n  tagSize?: GrBadgeSize\n  tagRadius?: GrBadgeRadius\n  tagClosable?: boolean\n  /** i18n-friendly aria-label for the per-tag remove button. */\n  removeTagLabel?: string\n  /** i18n aria-label кнопки «снести все». */\n  clearAllLabel?: string\n  /**\n   * Имя контрола, когда он используется вне `GrFormField`. Внутри поля имя даёт\n   * связка с его `<label for>` — там проп не нужен. Без того и другого у инпута\n   * нет доступного имени вовсе: placeholder именем не считается.\n   */\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input на каждый тег. */\n  name?: string\n  /**\n   * Ширины аддонов `prefix`/`suffix` — общий контракт контролов пакета\n   * (`docs/form-controls.md`).\n   */\n  prefixMinWidth?: string\n  prefixMaxWidth?: string\n  suffixMinWidth?: string\n  suffixMaxWidth?: string\n  prefixFixed?: boolean\n  suffixFixed?: boolean\n}\n\nexport interface GrInputTagEmits {\n  (e: 'update:modelValue', value: string[]): void\n  (e: 'add', value: string): void\n  (e: 'remove', value: string, index: number): void\n  /** Тег не прошёл `beforeAdd`. */\n  (e: 'reject', value: string): void\n  /** Набор снесён кнопкой «очистить». */\n  (e: 'clear'): void\n  /** Набор тегов изменился. */\n  (e: 'change', value: string[]): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrInputTagProps>(),\n  {\n    placeholder: undefined,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    state: 'default',\n    // Настраивается через `GrConfigProvider`; дефолт — в резолвере ниже.\n    size: undefined,\n    separators: () => [','],\n    allowDuplicates: false,\n    trim: true,\n    max: undefined,\n    addOnBlur: false,\n    clearInputOnAdd: true,\n    beforeAdd: undefined,\n    clearable: undefined,\n    loading: false,\n    tagTone: 'neutral',\n    tagDark: false,\n    tagSize: 'md',\n    tagRadius: 'round',\n    tagClosable: true,\n    removeTagLabel: undefined,\n    clearAllLabel: undefined,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\nconst emit = defineEmits<GrInputTagEmits>()\ndefineSlots<{\n  /** Аддон слева от чипов: иконка, метка. */\n  prefix?: () => any\n  /** Аддон справа, перед кнопкой очистки. */\n  suffix?: () => any\n  /** Свой чип: `remove` снимает значение. */\n  tag?: (props: { tag: string, index: number, remove: () => void }) => any\n}>()\n\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required) —\n// как у GrInput и GrSelect: контрол не знает про форму, знает только про поле.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\n\n// Эффективные значения: локальный проп → `GrConfigProvider` → дефолт компонента.\n/** Ширина аддона по умолчанию — та же лестница, что у `GrInput`. */\nconst ADDON_MIN_WIDTH_BY_SIZE: Record<GrInputTagSize, string> = {\n  xs: '2rem',\n  sm: '2.25rem',\n  md: '2.5rem',\n  lg: '3rem',\n}\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrInputTag' })\n\n/**\n * Аддоны — флекс-соседи поля: оболочка тегового поля и так флекс-строка с\n * бейджами, поэтому места паддингом резервировать не нужно.\n */\nconst { hasPrefix, hasSuffix, prefixEl, suffixEl, prefixStyle, suffixStyle } = useControlAddons(() => props, {\n  defaultMinWidth: () => ADDON_MIN_WIDTH_BY_SIZE[resolvedSize.value],\n  paddingX: () => '0px',\n})\nconst resolvedClearable = useGrComponentProp('GrInputTag', 'clearable', () => props.clearable, false)\n\nconst { t } = useGranularityTranslations()\n\n/**\n * Небуквенный признак состояния: иконка для глаз, скрытая подпись для\n * скринридера. Разбор — `shared/controlState`.\n */\nconst stateTextId = useId()\nconst signalState = computed(() => controlSignalState(props.state, isInvalid.value))\nconst stateIcon = computed(() => (signalState.value === 'success' ? IconCheckCircle : IconAlertTriangle))\nconst stateIconClass = computed(() => (signalState.value\n  ? `${controlStateIconClass} ${controlStateIconColors[signalState.value]}`\n  : ''))\nconst stateText = computed(() => (signalState.value\n  ? t(controlStateTextKey[signalState.value], controlStateFallbackText[signalState.value])\n  : ''))\n\nconst describedBy = computed(() =>\n  [field?.describedById.value, signalState.value ? stateTextId : undefined]\n    .filter(Boolean)\n    .join(' ') || undefined,\n)\nconst resolvedClearAllLabel = computed(() => props.clearAllLabel ?? t('gr.inputTag.clearAll', 'Clear all tags'))\n\nfunction removeTagLabelFor(tag: string): string {\n  // Безликое «Remove tag» на двадцати кнопках подряд не даёт выбрать нужную:\n  // имя обязано называть сам тег.\n  return props.removeTagLabel ?? t('gr.inputTag.removeTagNamed', 'Remove tag {tag}', { tag })\n}\n\nconst inputValue = ref('')\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Внутри корня фокус ходит между полем и кнопками удаления чипов: без границы\n// каждое такое перемещение давало бы потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n/**\n * Инстансы чипов: у кольца цель — кнопка снятия внутри чипа, и достаётся она\n * через `defineExpose` (`removeEl`), а не селектором по DOM.\n */\nconst chipRefs = ref<Array<{ removeEl: HTMLButtonElement | null } | null>>([])\n\nfunction setChipRef(index: number) {\n  return (el: unknown): void => {\n    chipRefs.value[index] = el as { removeEl: HTMLButtonElement | null } | null\n  }\n}\n\n/**\n * Проп `tagSize` объявлен по шкале бейджа и остаётся публичным контрактом:\n * `md` обязан означать для потребителя тот же кегль, что и раньше.\n */\nconst chipSize = computed(() => chipSizeForBadgeScale(props.tagSize))\n\nfunction focus(): void {\n  inputEl.value?.focus()\n}\n\nfunction blur(): void {\n  inputEl.value?.blur()\n}\n\nconst isMaxed = computed(() => props.max !== undefined && props.modelValue.length >= props.max)\nconst canEdit = computed(() => !isDisabled.value && !isReadonly.value)\nconst showRemove = computed(() => props.tagClosable && canEdit.value)\n\n// Добавление, удаление и достигнутый предел — события, а не состояние виджета:\n// показывать их негде, объявить нужно. Это работа общего живого региона.\nconst { announce } = useAnnouncer()\n\n/**\n * Roving tabindex по крестикам: двадцать тегов давали двадцать одну остановку\n * `Tab`. В таб-порядке ровно один крестик, между ними ходят стрелками.\n *\n * Адресация индексом, а не значением тега: теги допускают повторы, и по\n * значению два одинаковых чипа было бы не различить.\n */\nconst tagIndexes = computed(() => props.modelValue.map((_, index) => index))\n\nconst roving = useRovingFocus<number>({\n  items: () => tagIndexes.value,\n  elementFor: index => chipRefs.value[index]?.removeEl,\n  orientation: () => 'horizontal',\n  // Ряд чипов — не кольцо: у него есть край, и за краем стоит поле ввода.\n  wrap: () => false,\n  onOverflow: (edge) => {\n    // За последним чипом — поле ввода: продолжение того же ряда. Слева от\n    // первого — начало строки, фокус остаётся на месте.\n    if (edge === 'end')\n      focus()\n    return true\n  },\n  // Удаление чипа перерисовывает ряд: без ожидания фокус уехал бы на узел,\n  // которого уже нет.\n  beforeFocus: () => nextTick(),\n})\n\nasync function focusTag(index: number): Promise<void> {\n  const last = props.modelValue.length - 1\n  if (last < 0) {\n    focus()\n    return\n  }\n\n  await roving.focusKey(Math.min(Math.max(index, 0), last))\n}\n\nfunction escapeRegexChar(ch: string): string {\n  return ch.replace(REGEX_SPECIAL_CHAR_RE, '\\\\$&')\n}\n\nconst splitRegex = computed(() => {\n  const seps = (props.separators ?? []).filter(Boolean).map(s => s[0]!)\n  const uniq = [...new Set([...seps, '\\n', '\\r', '\\t'])]\n  const body = uniq.map(escapeRegexChar).join('')\n  return new RegExp(`[${body}]+`, 'g')\n})\n\nfunction normalizeTag(raw: string): string {\n  return props.trim ? raw.trim() : raw\n}\n\nfunction splitToTags(raw: string): string[] {\n  return raw\n    .split(splitRegex.value)\n    .map(v => normalizeTag(v))\n    .filter(Boolean)\n}\n\nfunction addMany(rawTags: string[]): boolean {\n  if (!canEdit.value || isMaxed.value)\n    return false\n\n  const next = props.modelValue.slice()\n  const added: string[] = []\n\n  for (const raw of rawTags) {\n    const tag = normalizeTag(raw)\n    if (!tag)\n      continue\n\n    if (!props.allowDuplicates && next.includes(tag))\n      continue\n\n    if (props.max !== undefined && next.length >= props.max)\n      break\n\n    next.push(tag)\n    added.push(tag)\n    emit('add', tag)\n  }\n\n  if (!added.length)\n    return false\n\n  emit('update:modelValue', next)\n  emit('change', next)\n  announce(added.length === 1\n    ? t('gr.inputTag.added', 'Tag added: {tag}', { tag: added[0]! })\n    : t('gr.inputTag.addedMany', '{count} tags added', { count: added.length }))\n\n  return true\n}\n\n// Счётчик запуска: пока идёт асинхронная проверка, пользователь успевает нажать\n// Enter второй раз — результат устаревшей проверки дописывать нельзя.\nlet validationRun = 0\nconst validating = ref(false)\nconst isBusy = computed(() => props.loading || validating.value)\n\nasync function filterAllowed(tags: string[], run: number): Promise<string[] | null> {\n  const check = props.beforeAdd\n  if (!check)\n    return tags\n\n  const allowed: string[] = []\n\n  for (const tag of tags) {\n    const ok = await check(tag)\n    if (run !== validationRun)\n      return null\n\n    if (ok)\n      allowed.push(tag)\n    else\n      emit('reject', tag)\n  }\n\n  return allowed\n}\n\nasync function commitInput(): Promise<void> {\n  if (!canEdit.value || !inputValue.value)\n    return\n\n  if (isMaxed.value) {\n    announce(t('gr.inputTag.limitReached', 'Tag limit reached'))\n    return\n  }\n\n  const raw = inputValue.value\n  const tags = splitToTags(raw)\n  if (!tags.length)\n    return\n\n  const run = ++validationRun\n  validating.value = Boolean(props.beforeAdd)\n\n  const allowed = await filterAllowed(tags, run)\n\n  if (run === validationRun)\n    validating.value = false\n\n  if (allowed === null || !allowed.length)\n    return\n\n  const changed = addMany(allowed)\n  // Значение могло измениться, пока шла проверка: стирать чужой ввод нельзя.\n  if (changed && props.clearInputOnAdd && inputValue.value === raw)\n    inputValue.value = ''\n}\n\nfunction removeAt(index: number): void {\n  if (!canEdit.value)\n    return\n\n  const next = props.modelValue.slice()\n  const removed = next[index]\n  if (removed === undefined)\n    return\n\n  next.splice(index, 1)\n  emit('update:modelValue', next)\n  emit('change', next)\n  emit('remove', removed, index)\n  announce(t('gr.inputTag.removed', 'Tag removed: {tag}', { tag: removed }))\n}\n\n/** Удаление с клавиатуры: фокус переезжает на соседний чип, а не пропадает. */\nasync function removeAtFromKeyboard(index: number): Promise<void> {\n  removeAt(index)\n  await nextTick()\n\n  if (props.modelValue.length === 0) {\n    focus()\n    return\n  }\n\n  await focusTag(Math.min(index, props.modelValue.length - 1))\n}\n\nfunction clearAll(): void {\n  if (!canEdit.value || props.modelValue.length === 0)\n    return\n\n  emit('update:modelValue', [])\n  emit('change', [])\n  emit('clear')\n  announce(t('gr.inputTag.cleared', 'All tags removed'))\n  focus()\n}\n\nfunction onInput(e: Event): void {\n  inputValue.value = (e.target as HTMLInputElement).value\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  // Enter/сепаратор во время IME-композиции коммитят её, а не тег.\n  if (isComposingEvent(e))\n    return\n  if (!canEdit.value)\n    return\n\n  if (e.key === 'Enter') {\n    e.preventDefault()\n    void commitInput()\n    return\n  }\n\n  if ((props.separators ?? []).includes(e.key)) {\n    e.preventDefault()\n    void commitInput()\n    return\n  }\n\n  if (inputValue.value.length === 0 && props.modelValue.length > 0) {\n    if (e.key === 'Backspace') {\n      e.preventDefault()\n      removeAt(props.modelValue.length - 1)\n      return\n    }\n\n    // Из пустого поля стрелка влево уводит на последний чип — дальше по чипам\n    // работают те же стрелки, `Tab` для этого не нужен.\n    if (e.key === 'ArrowLeft') {\n      e.preventDefault()\n      void focusTag(props.modelValue.length - 1)\n    }\n  }\n}\n\nfunction onTagKeydown(e: KeyboardEvent, index: number): void {\n  if (roving.handleNavigationKeys(e)) {\n    return\n  }\n\n  if (e.key === 'Delete' || e.key === 'Backspace') {\n    e.preventDefault()\n    void removeAtFromKeyboard(index)\n  }\n}\n\nfunction onBlur(): void {\n  if (props.addOnBlur)\n    void commitInput()\n}\n\nfunction onPaste(e: ClipboardEvent): void {\n  if (!canEdit.value || isMaxed.value)\n    return\n\n  const pasted = e.clipboardData?.getData('text')\n  if (!pasted)\n    return\n\n  const tags = splitToTags(pasted)\n  if (tags.length <= 1)\n    return\n\n  e.preventDefault()\n\n  const run = ++validationRun\n  validating.value = Boolean(props.beforeAdd)\n\n  void filterAllowed(tags, run).then((allowed) => {\n    if (run === validationRun)\n      validating.value = false\n\n    if (allowed?.length)\n      addMany(allowed)\n  })\n}\n\nconst wrapperClassName = computed(() => {\n  return grInputTagWrapperClass({\n    size: resolvedSize.value,\n    state: props.state,\n    invalid: isInvalid.value,\n    disabled: isDisabled.value,\n  })\n})\n\nconst inputClassName = computed(() => grInputTagInputClass(resolvedSize.value))\n\nconst showClearAll = computed(() => resolvedClearable.value && canEdit.value && props.modelValue.length > 0)\n\nconst placeholderText = computed(() => props.modelValue.length > 0 ? undefined : props.placeholder)\n\ndefineExpose({ focus, blur, clear: clearAll })\n\nif (__GR_DEV__) {\n  watchEffect(() => {\n    if (!Array.isArray(props.modelValue)) {\n      console.warn(\n        `[granularity] GrInputTag: обязательный проп \\`modelValue\\` должен быть массивом — получено ${String(props.modelValue)}.`,\n      )\n    }\n  })\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-input-tag\n    data-testid=\"gr-input-tag\"\n    :class=\"wrapperClassName\"\n    @click=\"focus\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <span\n      v-if=\"hasPrefix\"\n      ref=\"prefixEl\"\n      data-gr-input-tag-prefix\n      class=\"inline-flex shrink-0 items-center justify-center text-[var(--gr-muted-fg)]\"\n      :style=\"prefixStyle\"\n    >\n      <slot name=\"prefix\" />\n    </span>\n\n    <!-- Нативная форма: hidden на каждый тег — стандартная сериализация набора. -->\n    <template v-if=\"name\">\n      <input\n        v-for=\"(tag, tagIndex) in modelValue\"\n        :key=\"`hidden-${tagIndex}`\"\n        type=\"hidden\"\n        :name=\"name\"\n        :value=\"tag\"\n      >\n    </template>\n    <!--\n      `display: contents` — список нужен ради роли, а не ради раскладки: чипы\n      обязаны переноситься в одном потоке с полем ввода.\n    -->\n    <span v-if=\"modelValue.length\" role=\"list\" class=\"contents\">\n      <GrChip\n        v-for=\"(tag, i) in modelValue\"\n        :key=\"`${tag}-${i}`\"\n        :ref=\"setChipRef(i)\"\n        role=\"listitem\"\n        :tone=\"tagTone\"\n        :dark=\"tagDark\"\n        :size=\"chipSize\"\n        :radius=\"tagRadius\"\n        :closable=\"showRemove\"\n        :remove-label=\"removeTagLabelFor(tag)\"\n        :remove-tabindex=\"roving.tabindexFor(i)\"\n        data-gr-input-tag-item\n        data-testid=\"gr-input-tag-item\"\n        :data-index=\"i\"\n        @remove=\"removeAt(i)\"\n        @focusin=\"roving.setActive(i)\"\n        @keydown=\"onTagKeydown($event, i)\"\n      >\n        <slot name=\"tag\" :tag=\"tag\" :index=\"i\" :remove=\"() => removeAt(i)\">\n          <span class=\"truncate max-w-[18rem]\">{{ tag }}</span>\n        </slot>\n      </GrChip>\n    </span>\n\n    <input\n      :id=\"resolvedId\"\n      ref=\"inputEl\"\n      data-gr-input-tag-input\n      data-testid=\"gr-input-tag-input\"\n      :value=\"inputValue\"\n      :disabled=\"isDisabled\"\n      :readonly=\"isReadonly\"\n      :placeholder=\"placeholderText\"\n      :aria-label=\"ariaLabel\"\n      :aria-describedby=\"describedBy\"\n      :aria-required=\"isRequired ? 'true' : undefined\"\n      :aria-readonly=\"isReadonly ? 'true' : undefined\"\n      :aria-invalid=\"isInvalid ? 'true' : undefined\"\n      :aria-busy=\"isBusy ? 'true' : undefined\"\n      class=\"flex-1 min-w-[120px] bg-transparent border-none outline-none placeholder:text-[var(--gr-muted-fg)]\"\n      :class=\"inputClassName\"\n      @input=\"onInput\"\n      @keydown=\"onKeydown\"\n      @blur=\"onBlur\"\n      @paste=\"onPaste\"\n    >\n\n    <span\n      v-if=\"hasSuffix\"\n      ref=\"suffixEl\"\n      data-gr-input-tag-suffix\n      class=\"inline-flex shrink-0 items-center justify-center text-[var(--gr-muted-fg)]\"\n      :style=\"suffixStyle\"\n    >\n      <slot name=\"suffix\" />\n    </span>\n\n    <span\n      v-if=\"isBusy\"\n      data-gr-input-tag-spinner\n      :class=\"spinnerClass\"\n      aria-hidden=\"true\"\n    >\n      <GrIcon size=\"sm\">\n        <IconLoader class=\"animate-spin\" />\n      </GrIcon>\n    </span>\n\n    <span\n      v-if=\"signalState\"\n      data-gr-input-tag-state\n      :class=\"stateIconClass\"\n      aria-hidden=\"true\"\n    >\n      <component :is=\"stateIcon\" class=\"h-4 w-4\" />\n    </span>\n\n    <span v-if=\"signalState\" :id=\"stateTextId\" data-gr-input-tag-state-text class=\"sr-only\">{{ stateText }}</span>\n\n    <button\n      v-if=\"showClearAll\"\n      type=\"button\"\n      data-gr-input-tag-clear\n      :class=\"clearButtonClass\"\n      :aria-label=\"resolvedClearAllLabel\"\n      @mousedown.prevent.stop\n      @click.stop=\"clearAll\"\n    >\n      <GrIcon size=\"sm\">\n        <IconClose />\n      </GrIcon>\n    </button>\n  </div>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, nextTick, ref, useId, watchEffect } from 'vue'\n\nimport type { GrBadgeRadius, GrBadgeSize, GrBadgeTone } from '../GrBadge'\nimport GrChip from '../GrChip/GrChip.vue'\nimport { chipSizeForBadgeScale } from '../GrChip/grChipStyles'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport IconClose from '~icons/lucide/x'\nimport IconCheckCircle from '~icons/lucide/check-circle'\nimport IconAlertTriangle from '~icons/lucide/alert-triangle'\nimport IconLoader from '~icons/lucide/loader-2'\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useControlAddons } from '../../composables/internal/useControlAddons'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useAnnouncer } from '../../composables/useAnnouncer'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  controlSignalState,\n  controlStateFallbackText,\n  controlStateIconClass,\n  controlStateIconColors,\n  controlStateTextKey,\n} from '../shared/controlState'\nimport { isComposingEvent } from '../../internal/keyboard'\n\nimport {\n  clearButtonClass,\n  grInputTagInputClass,\n  grInputTagWrapperClass,\n  spinnerClass,\n  type GrInputTagSize,\n  type GrInputTagState,\n} from './grInputTagStyles'\n\nexport type { GrInputTagSize, GrInputTagState } from './grInputTagStyles'\n\nconst REGEX_SPECIAL_CHAR_RE = /[.*+?^${}()|[\\]\\\\]/g\n\n/**\n * Props for {@link GrInputTag}.\n * Tag-input primitive: renders a set of badges with an inline `<input>` for entering new tags.\n * Splits input by configurable `separators`, supports paste, Enter and Backspace editing.\n */\nexport interface GrInputTagProps {\n  modelValue: string[]\n  placeholder?: string\n  disabled?: boolean\n  readonly?: boolean\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). Складывается с `required` у `GrFormField`. */\n  required?: boolean\n  state?: GrInputTagState\n  size?: GrInputTagSize\n  separators?: string[]\n  allowDuplicates?: boolean\n  trim?: boolean\n  max?: number\n  addOnBlur?: boolean\n  clearInputOnAdd?: boolean\n  /**\n   * Проверка тега перед добавлением. Может быть асинхронной (проверка на\n   * сервере). Отклонённый тег не добавляется и уходит в событие `reject`.\n   */\n  beforeAdd?: (tag: string) => boolean | Promise<boolean>\n  /** Кнопка «снести все теги». Настраивается через `GrConfigProvider`. */\n  clearable?: boolean\n  /** Фоновая работа: спиннер + `aria-busy`. Асинхронный `beforeAdd` поднимает его сам. */\n  loading?: boolean\n  tagTone?: GrBadgeTone\n  tagDark?: boolean\n  tagSize?: GrBadgeSize\n  tagRadius?: GrBadgeRadius\n  tagClosable?: boolean\n  /** i18n-friendly aria-label for the per-tag remove button. */\n  removeTagLabel?: string\n  /** i18n aria-label кнопки «снести все». */\n  clearAllLabel?: string\n  /**\n   * Имя контрола, когда он используется вне `GrFormField`. Внутри поля имя даёт\n   * связка с его `<label for>` — там проп не нужен. Без того и другого у инпута\n   * нет доступного имени вовсе: placeholder именем не считается.\n   */\n  ariaLabel?: string\n  /** Имя для нативной формы: hidden input на каждый тег. */\n  name?: string\n  /**\n   * Ширины аддонов `prefix`/`suffix` — общий контракт контролов пакета\n   * (`docs/form-controls.md`).\n   */\n  prefixMinWidth?: string\n  prefixMaxWidth?: string\n  suffixMinWidth?: string\n  suffixMaxWidth?: string\n  prefixFixed?: boolean\n  suffixFixed?: boolean\n}\n\nexport interface GrInputTagEmits {\n  (e: 'update:modelValue', value: string[]): void\n  (e: 'add', value: string): void\n  (e: 'remove', value: string, index: number): void\n  /** Тег не прошёл `beforeAdd`. */\n  (e: 'reject', value: string): void\n  /** Набор снесён кнопкой «очистить». */\n  (e: 'clear'): void\n  /** Набор тегов изменился. */\n  (e: 'change', value: string[]): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrInputTagProps>(),\n  {\n    placeholder: undefined,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    state: 'default',\n    // Настраивается через `GrConfigProvider`; дефолт — в резолвере ниже.\n    size: undefined,\n    separators: () => [','],\n    allowDuplicates: false,\n    trim: true,\n    max: undefined,\n    addOnBlur: false,\n    clearInputOnAdd: true,\n    beforeAdd: undefined,\n    clearable: undefined,\n    loading: false,\n    tagTone: 'neutral',\n    tagDark: false,\n    tagSize: 'md',\n    tagRadius: 'round',\n    tagClosable: true,\n    removeTagLabel: undefined,\n    clearAllLabel: undefined,\n    ariaLabel: undefined,\n    name: undefined,\n  },\n)\n\nconst emit = defineEmits<GrInputTagEmits>()\ndefineSlots<{\n  /** Аддон слева от чипов: иконка, метка. */\n  prefix?: () => any\n  /** Аддон справа, перед кнопкой очистки. */\n  suffix?: () => any\n  /** Свой чип: `remove` снимает значение. */\n  tag?: (props: { tag: string, index: number, remove: () => void }) => any\n}>()\n\n// Fallback из контекста `GrFormField` (id/aria-describedby/invalid/required) —\n// как у GrInput и GrSelect: контрол не знает про форму, знает только про поле.\nconst field = useGrFormFieldContext()\nconst resolvedId = computed(() => field?.id.value)\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid,\n  required: isRequired,\n  readonly: isReadonly,\n} = useGrFormControl(() => props)\n\n// Эффективные значения: локальный проп → `GrConfigProvider` → дефолт компонента.\n/** Ширина аддона по умолчанию — та же лестница, что у `GrInput`. */\nconst ADDON_MIN_WIDTH_BY_SIZE: Record<GrInputTagSize, string> = {\n  xs: '2rem',\n  sm: '2.25rem',\n  md: '2.5rem',\n  lg: '3rem',\n}\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrInputTag' })\n\n/**\n * Аддоны — флекс-соседи поля: оболочка тегового поля и так флекс-строка с\n * бейджами, поэтому места паддингом резервировать не нужно.\n */\nconst { hasPrefix, hasSuffix, prefixEl, suffixEl, prefixStyle, suffixStyle } = useControlAddons(() => props, {\n  defaultMinWidth: () => ADDON_MIN_WIDTH_BY_SIZE[resolvedSize.value],\n  paddingX: () => '0px',\n})\nconst resolvedClearable = useGrComponentProp('GrInputTag', 'clearable', () => props.clearable, false)\n\nconst { t } = useGranularityTranslations()\n\n/**\n * Небуквенный признак состояния: иконка для глаз, скрытая подпись для\n * скринридера. Разбор — `shared/controlState`.\n */\nconst stateTextId = useId()\nconst signalState = computed(() => controlSignalState(props.state, isInvalid.value))\nconst stateIcon = computed(() => (signalState.value === 'success' ? IconCheckCircle : IconAlertTriangle))\nconst stateIconClass = computed(() => (signalState.value\n  ? `${controlStateIconClass} ${controlStateIconColors[signalState.value]}`\n  : ''))\nconst stateText = computed(() => (signalState.value\n  ? t(controlStateTextKey[signalState.value], controlStateFallbackText[signalState.value])\n  : ''))\n\nconst describedBy = computed(() =>\n  [field?.describedById.value, signalState.value ? stateTextId : undefined]\n    .filter(Boolean)\n    .join(' ') || undefined,\n)\nconst resolvedClearAllLabel = computed(() => props.clearAllLabel ?? t('gr.inputTag.clearAll', 'Clear all tags'))\n\nfunction removeTagLabelFor(tag: string): string {\n  // Безликое «Remove tag» на двадцати кнопках подряд не даёт выбрать нужную:\n  // имя обязано называть сам тег.\n  return props.removeTagLabel ?? t('gr.inputTag.removeTagNamed', 'Remove tag {tag}', { tag })\n}\n\nconst inputValue = ref('')\nconst inputEl = ref<HTMLInputElement | null>(null)\nconst rootEl = ref<HTMLElement | null>(null)\n\n// Внутри корня фокус ходит между полем и кнопками удаления чипов: без границы\n// каждое такое перемещение давало бы потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootEl, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n/**\n * Инстансы чипов: у кольца цель — кнопка снятия внутри чипа, и достаётся она\n * через `defineExpose` (`removeEl`), а не селектором по DOM.\n */\nconst chipRefs = ref<Array<{ removeEl: HTMLButtonElement | null } | null>>([])\n\nfunction setChipRef(index: number) {\n  return (el: unknown): void => {\n    chipRefs.value[index] = el as { removeEl: HTMLButtonElement | null } | null\n  }\n}\n\n/**\n * Проп `tagSize` объявлен по шкале бейджа и остаётся публичным контрактом:\n * `md` обязан означать для потребителя тот же кегль, что и раньше.\n */\nconst chipSize = computed(() => chipSizeForBadgeScale(props.tagSize))\n\nfunction focus(): void {\n  inputEl.value?.focus()\n}\n\nfunction blur(): void {\n  inputEl.value?.blur()\n}\n\nconst isMaxed = computed(() => props.max !== undefined && props.modelValue.length >= props.max)\nconst canEdit = computed(() => !isDisabled.value && !isReadonly.value)\nconst showRemove = computed(() => props.tagClosable && canEdit.value)\n\n// Добавление, удаление и достигнутый предел — события, а не состояние виджета:\n// показывать их негде, объявить нужно. Это работа общего живого региона.\nconst { announce } = useAnnouncer()\n\n/**\n * Roving tabindex по крестикам: двадцать тегов давали двадцать одну остановку\n * `Tab`. В таб-порядке ровно один крестик, между ними ходят стрелками.\n *\n * Адресация индексом, а не значением тега: теги допускают повторы, и по\n * значению два одинаковых чипа было бы не различить.\n */\nconst tagIndexes = computed(() => props.modelValue.map((_, index) => index))\n\nconst roving = useRovingFocus<number>({\n  items: () => tagIndexes.value,\n  elementFor: index => chipRefs.value[index]?.removeEl,\n  orientation: () => 'horizontal',\n  // Ряд чипов — не кольцо: у него есть край, и за краем стоит поле ввода.\n  wrap: () => false,\n  onOverflow: (edge) => {\n    // За последним чипом — поле ввода: продолжение того же ряда. Слева от\n    // первого — начало строки, фокус остаётся на месте.\n    if (edge === 'end')\n      focus()\n    return true\n  },\n  // Удаление чипа перерисовывает ряд: без ожидания фокус уехал бы на узел,\n  // которого уже нет.\n  beforeFocus: () => nextTick(),\n})\n\nasync function focusTag(index: number): Promise<void> {\n  const last = props.modelValue.length - 1\n  if (last < 0) {\n    focus()\n    return\n  }\n\n  await roving.focusKey(Math.min(Math.max(index, 0), last))\n}\n\nfunction escapeRegexChar(ch: string): string {\n  return ch.replace(REGEX_SPECIAL_CHAR_RE, '\\\\$&')\n}\n\nconst splitRegex = computed(() => {\n  const seps = (props.separators ?? []).filter(Boolean).map(s => s[0]!)\n  const uniq = [...new Set([...seps, '\\n', '\\r', '\\t'])]\n  const body = uniq.map(escapeRegexChar).join('')\n  return new RegExp(`[${body}]+`, 'g')\n})\n\nfunction normalizeTag(raw: string): string {\n  return props.trim ? raw.trim() : raw\n}\n\nfunction splitToTags(raw: string): string[] {\n  return raw\n    .split(splitRegex.value)\n    .map(v => normalizeTag(v))\n    .filter(Boolean)\n}\n\nfunction addMany(rawTags: string[]): boolean {\n  if (!canEdit.value || isMaxed.value)\n    return false\n\n  const next = props.modelValue.slice()\n  const added: string[] = []\n\n  for (const raw of rawTags) {\n    const tag = normalizeTag(raw)\n    if (!tag)\n      continue\n\n    if (!props.allowDuplicates && next.includes(tag))\n      continue\n\n    if (props.max !== undefined && next.length >= props.max)\n      break\n\n    next.push(tag)\n    added.push(tag)\n    emit('add', tag)\n  }\n\n  if (!added.length)\n    return false\n\n  emit('update:modelValue', next)\n  emit('change', next)\n  announce(added.length === 1\n    ? t('gr.inputTag.added', 'Tag added: {tag}', { tag: added[0]! })\n    : t('gr.inputTag.addedMany', '{count} tags added', { count: added.length }))\n\n  return true\n}\n\n// Счётчик запуска: пока идёт асинхронная проверка, пользователь успевает нажать\n// Enter второй раз — результат устаревшей проверки дописывать нельзя.\nlet validationRun = 0\nconst validating = ref(false)\nconst isBusy = computed(() => props.loading || validating.value)\n\nasync function filterAllowed(tags: string[], run: number): Promise<string[] | null> {\n  const check = props.beforeAdd\n  if (!check)\n    return tags\n\n  const allowed: string[] = []\n\n  for (const tag of tags) {\n    const ok = await check(tag)\n    if (run !== validationRun)\n      return null\n\n    if (ok)\n      allowed.push(tag)\n    else\n      emit('reject', tag)\n  }\n\n  return allowed\n}\n\nasync function commitInput(): Promise<void> {\n  if (!canEdit.value || !inputValue.value)\n    return\n\n  if (isMaxed.value) {\n    announce(t('gr.inputTag.limitReached', 'Tag limit reached'))\n    return\n  }\n\n  const raw = inputValue.value\n  const tags = splitToTags(raw)\n  if (!tags.length)\n    return\n\n  const run = ++validationRun\n  validating.value = Boolean(props.beforeAdd)\n\n  const allowed = await filterAllowed(tags, run)\n\n  if (run === validationRun)\n    validating.value = false\n\n  if (allowed === null || !allowed.length)\n    return\n\n  const changed = addMany(allowed)\n  // Значение могло измениться, пока шла проверка: стирать чужой ввод нельзя.\n  if (changed && props.clearInputOnAdd && inputValue.value === raw)\n    inputValue.value = ''\n}\n\nfunction removeAt(index: number): void {\n  if (!canEdit.value)\n    return\n\n  const next = props.modelValue.slice()\n  const removed = next[index]\n  if (removed === undefined)\n    return\n\n  next.splice(index, 1)\n  emit('update:modelValue', next)\n  emit('change', next)\n  emit('remove', removed, index)\n  announce(t('gr.inputTag.removed', 'Tag removed: {tag}', { tag: removed }))\n}\n\n/** Удаление с клавиатуры: фокус переезжает на соседний чип, а не пропадает. */\nasync function removeAtFromKeyboard(index: number): Promise<void> {\n  removeAt(index)\n  await nextTick()\n\n  if (props.modelValue.length === 0) {\n    focus()\n    return\n  }\n\n  await focusTag(Math.min(index, props.modelValue.length - 1))\n}\n\nfunction clearAll(): void {\n  if (!canEdit.value || props.modelValue.length === 0)\n    return\n\n  emit('update:modelValue', [])\n  emit('change', [])\n  emit('clear')\n  announce(t('gr.inputTag.cleared', 'All tags removed'))\n  focus()\n}\n\nfunction onInput(e: Event): void {\n  inputValue.value = (e.target as HTMLInputElement).value\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  // Enter/сепаратор во время IME-композиции коммитят её, а не тег.\n  if (isComposingEvent(e))\n    return\n  if (!canEdit.value)\n    return\n\n  if (e.key === 'Enter') {\n    e.preventDefault()\n    void commitInput()\n    return\n  }\n\n  if ((props.separators ?? []).includes(e.key)) {\n    e.preventDefault()\n    void commitInput()\n    return\n  }\n\n  if (inputValue.value.length === 0 && props.modelValue.length > 0) {\n    if (e.key === 'Backspace') {\n      e.preventDefault()\n      removeAt(props.modelValue.length - 1)\n      return\n    }\n\n    // Из пустого поля стрелка влево уводит на последний чип — дальше по чипам\n    // работают те же стрелки, `Tab` для этого не нужен.\n    if (e.key === 'ArrowLeft') {\n      e.preventDefault()\n      void focusTag(props.modelValue.length - 1)\n    }\n  }\n}\n\nfunction onTagKeydown(e: KeyboardEvent, index: number): void {\n  if (roving.handleNavigationKeys(e)) {\n    return\n  }\n\n  if (e.key === 'Delete' || e.key === 'Backspace') {\n    e.preventDefault()\n    void removeAtFromKeyboard(index)\n  }\n}\n\nfunction onBlur(): void {\n  if (props.addOnBlur)\n    void commitInput()\n}\n\nfunction onPaste(e: ClipboardEvent): void {\n  if (!canEdit.value || isMaxed.value)\n    return\n\n  const pasted = e.clipboardData?.getData('text')\n  if (!pasted)\n    return\n\n  const tags = splitToTags(pasted)\n  if (tags.length <= 1)\n    return\n\n  e.preventDefault()\n\n  const run = ++validationRun\n  validating.value = Boolean(props.beforeAdd)\n\n  void filterAllowed(tags, run).then((allowed) => {\n    if (run === validationRun)\n      validating.value = false\n\n    if (allowed?.length)\n      addMany(allowed)\n  })\n}\n\nconst wrapperClassName = computed(() => {\n  return grInputTagWrapperClass({\n    size: resolvedSize.value,\n    state: props.state,\n    invalid: isInvalid.value,\n    disabled: isDisabled.value,\n  })\n})\n\nconst inputClassName = computed(() => grInputTagInputClass(resolvedSize.value))\n\nconst showClearAll = computed(() => resolvedClearable.value && canEdit.value && props.modelValue.length > 0)\n\nconst placeholderText = computed(() => props.modelValue.length > 0 ? undefined : props.placeholder)\n\ndefineExpose({ focus, blur, clear: clearAll })\n\nif (__GR_DEV__) {\n  watchEffect(() => {\n    if (!Array.isArray(props.modelValue)) {\n      console.warn(\n        `[granularity] GrInputTag: обязательный проп \\`modelValue\\` должен быть массивом — получено ${String(props.modelValue)}.`,\n      )\n    }\n  })\n}\n</script>\n\n<template>\n  <div\n    ref=\"rootEl\"\n    data-gr-input-tag\n    data-testid=\"gr-input-tag\"\n    :class=\"wrapperClassName\"\n    @click=\"focus\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <span\n      v-if=\"hasPrefix\"\n      ref=\"prefixEl\"\n      data-gr-input-tag-prefix\n      class=\"inline-flex shrink-0 items-center justify-center text-[var(--gr-muted-fg)]\"\n      :style=\"prefixStyle\"\n    >\n      <slot name=\"prefix\" />\n    </span>\n\n    <!-- Нативная форма: hidden на каждый тег — стандартная сериализация набора. -->\n    <template v-if=\"name\">\n      <input\n        v-for=\"(tag, tagIndex) in modelValue\"\n        :key=\"`hidden-${tagIndex}`\"\n        type=\"hidden\"\n        :name=\"name\"\n        :value=\"tag\"\n      >\n    </template>\n    <!--\n      `display: contents` — список нужен ради роли, а не ради раскладки: чипы\n      обязаны переноситься в одном потоке с полем ввода.\n    -->\n    <span v-if=\"modelValue.length\" role=\"list\" class=\"contents\">\n      <GrChip\n        v-for=\"(tag, i) in modelValue\"\n        :key=\"`${tag}-${i}`\"\n        :ref=\"setChipRef(i)\"\n        role=\"listitem\"\n        :tone=\"tagTone\"\n        :dark=\"tagDark\"\n        :size=\"chipSize\"\n        :radius=\"tagRadius\"\n        :closable=\"showRemove\"\n        :remove-label=\"removeTagLabelFor(tag)\"\n        :remove-tabindex=\"roving.tabindexFor(i)\"\n        data-gr-input-tag-item\n        data-testid=\"gr-input-tag-item\"\n        :data-index=\"i\"\n        @remove=\"removeAt(i)\"\n        @focusin=\"roving.setActive(i)\"\n        @keydown=\"onTagKeydown($event, i)\"\n      >\n        <slot name=\"tag\" :tag=\"tag\" :index=\"i\" :remove=\"() => removeAt(i)\">\n          <span class=\"truncate max-w-[18rem]\">{{ tag }}</span>\n        </slot>\n      </GrChip>\n    </span>\n\n    <input\n      :id=\"resolvedId\"\n      ref=\"inputEl\"\n      data-gr-input-tag-input\n      data-testid=\"gr-input-tag-input\"\n      :value=\"inputValue\"\n      :disabled=\"isDisabled\"\n      :readonly=\"isReadonly\"\n      :placeholder=\"placeholderText\"\n      :aria-label=\"ariaLabel\"\n      :aria-describedby=\"describedBy\"\n      :aria-required=\"isRequired ? 'true' : undefined\"\n      :aria-readonly=\"isReadonly ? 'true' : undefined\"\n      :aria-invalid=\"isInvalid ? 'true' : undefined\"\n      :aria-busy=\"isBusy ? 'true' : undefined\"\n      class=\"flex-1 min-w-[120px] bg-transparent border-none outline-none placeholder:text-[var(--gr-muted-fg)]\"\n      :class=\"inputClassName\"\n      @input=\"onInput\"\n      @keydown=\"onKeydown\"\n      @blur=\"onBlur\"\n      @paste=\"onPaste\"\n    >\n\n    <span\n      v-if=\"hasSuffix\"\n      ref=\"suffixEl\"\n      data-gr-input-tag-suffix\n      class=\"inline-flex shrink-0 items-center justify-center text-[var(--gr-muted-fg)]\"\n      :style=\"suffixStyle\"\n    >\n      <slot name=\"suffix\" />\n    </span>\n\n    <span\n      v-if=\"isBusy\"\n      data-gr-input-tag-spinner\n      :class=\"spinnerClass\"\n      aria-hidden=\"true\"\n    >\n      <GrIcon size=\"sm\">\n        <IconLoader class=\"animate-spin\" />\n      </GrIcon>\n    </span>\n\n    <span\n      v-if=\"signalState\"\n      data-gr-input-tag-state\n      :class=\"stateIconClass\"\n      aria-hidden=\"true\"\n    >\n      <component :is=\"stateIcon\" class=\"h-4 w-4\" />\n    </span>\n\n    <span v-if=\"signalState\" :id=\"stateTextId\" data-gr-input-tag-state-text class=\"sr-only\">{{ stateText }}</span>\n\n    <button\n      v-if=\"showClearAll\"\n      type=\"button\"\n      data-gr-input-tag-clear\n      :class=\"clearButtonClass\"\n      :aria-label=\"resolvedClearAllLabel\"\n      @mousedown.prevent.stop\n      @click.stop=\"clearAll\"\n    >\n      <GrIcon size=\"sm\">\n        <IconClose />\n      </GrIcon>\n    </button>\n  </div>\n</template>\n"],"mappings":"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"}

package/dist/components/GrKbd/chunks/GrKbd-BNMeoaLV.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrKbd-BNMeoaLV.js","names":[],"sources":["../../../../src/components/shared/hotkeyTokens.ts","../../../../src/components/shared/hotkey.ts","../../../../src/components/GrKbd/GrKbd.vue","../../../../src/components/GrKbd/GrKbd.vue"],"sourcesContent":["/**\n * Каталог клавиш, которые понимает `keys` у `GrKbd`.\n *\n * Таблица, а не цепочка `if`, по двум причинам: во-первых, список — часть\n * публичного контракта (потребителю нужно знать, что можно написать), и\n * витрина показывает именно его, а не свою копию; во-вторых, копия в демо или\n * в доке разошлась бы с форматтером молча.\n */\n\n/** Ключи читаемых имён — `gr.kbd.<name>`. */\nexport type GrKbdKeyName\n  = | 'command' | 'option' | 'shift' | 'control' | 'enter' | 'escape' | 'tab'\n    | 'backspace' | 'delete' | 'pageUp' | 'pageDown'\n    | 'arrowUp' | 'arrowDown' | 'arrowLeft' | 'arrowRight'\n\n/** Одна клавиша в человекочитаемом виде. */\nexport interface HotkeyKeyView {\n  /** Что видно на экране: символ (`⌘`) или слово (`Ctrl`). */\n  label: string\n  /**\n   * Ключ читаемого имени (`gr.kbd.<name>`) для символьных клавиш. У `K` или\n   * `Ctrl` его нет — они и так читаются вслух.\n   */\n  name?: GrKbdKeyName\n  /** Символ (`⌘`, `↑`) или слово (`Ctrl`, `Esc`): от этого зависит склейка в одной плашке. */\n  symbol?: boolean\n}\n\n/** Смысловая группа — ею витрина и дока раскладывают каталог. */\nexport type GrKbdTokenGroup = 'modifier' | 'editing' | 'navigation'\n\nexport interface GrKbdTokenSpec {\n  /** Канонический токен: его пишут в `keys`. */\n  token: string\n  /** Что ещё принимается — синонимы и сам глиф. */\n  aliases: readonly string[]\n  group: GrKbdTokenGroup\n  /** Вид на macOS и на остальных платформах. */\n  apple: HotkeyKeyView\n  other: HotkeyKeyView\n}\n\nfunction symbol(label: string, name: GrKbdKeyName): HotkeyKeyView {\n  return { label, name, symbol: true }\n}\n\nfunction word(label: string, name?: GrKbdKeyName): HotkeyKeyView {\n  return name ? { label, name } : { label }\n}\n\nexport const GR_KBD_TOKENS: readonly GrKbdTokenSpec[] = [\n  // Модификаторы: на macOS символы, на остальных платформах слова.\n  { token: 'mod', aliases: [], group: 'modifier', apple: symbol('⌘', 'command'), other: word('Ctrl') },\n  { token: 'meta', aliases: ['cmd', 'command', '⌘'], group: 'modifier', apple: symbol('⌘', 'command'), other: word('Meta') },\n  { token: 'ctrl', aliases: ['control', '⌃'], group: 'modifier', apple: symbol('⌃', 'control'), other: word('Ctrl') },\n  { token: 'alt', aliases: ['option', '⌥'], group: 'modifier', apple: symbol('⌥', 'option'), other: word('Alt') },\n  { token: 'shift', aliases: ['⇧'], group: 'modifier', apple: symbol('⇧', 'shift'), other: word('Shift') },\n\n  { token: 'enter', aliases: ['return', '↵', '↩'], group: 'editing', apple: symbol('↩', 'enter'), other: word('Enter') },\n  { token: 'esc', aliases: ['escape'], group: 'editing', apple: word('Esc', 'escape'), other: word('Esc', 'escape') },\n  { token: 'tab', aliases: ['⇥'], group: 'editing', apple: symbol('⇥', 'tab'), other: word('Tab') },\n  { token: 'space', aliases: [], group: 'editing', apple: word('Space'), other: word('Space') },\n  { token: 'backspace', aliases: ['⌫'], group: 'editing', apple: symbol('⌫', 'backspace'), other: word('Backspace') },\n  { token: 'delete', aliases: ['del', '⌦'], group: 'editing', apple: symbol('⌦', 'delete'), other: word('Del') },\n\n  { token: 'up', aliases: ['arrowup', '↑'], group: 'navigation', apple: symbol('↑', 'arrowUp'), other: symbol('↑', 'arrowUp') },\n  { token: 'down', aliases: ['arrowdown', '↓'], group: 'navigation', apple: symbol('↓', 'arrowDown'), other: symbol('↓', 'arrowDown') },\n  { token: 'left', aliases: ['arrowleft', '←'], group: 'navigation', apple: symbol('←', 'arrowLeft'), other: symbol('←', 'arrowLeft') },\n  { token: 'right', aliases: ['arrowright', '→'], group: 'navigation', apple: symbol('→', 'arrowRight'), other: symbol('→', 'arrowRight') },\n  { token: 'home', aliases: [], group: 'navigation', apple: word('Home'), other: word('Home') },\n  { token: 'end', aliases: [], group: 'navigation', apple: word('End'), other: word('End') },\n  { token: 'pageup', aliases: ['pgup', '⇞'], group: 'navigation', apple: symbol('⇞', 'pageUp'), other: word('PgUp') },\n  { token: 'pagedown', aliases: ['pgdn', 'pgdown', '⇟'], group: 'navigation', apple: symbol('⇟', 'pageDown'), other: word('PgDn') },\n]\n\nconst BY_ALIAS = new Map<string, GrKbdTokenSpec>()\nfor (const spec of GR_KBD_TOKENS) {\n  BY_ALIAS.set(spec.token, spec)\n  for (const alias of spec.aliases) BY_ALIAS.set(alias, spec)\n}\n\n/** Токен или его синоним — в описание клавиши. Регистр не важен, глиф тоже принимается. */\nexport function findKbdToken(token: string): GrKbdTokenSpec | undefined {\n  const trimmed = token.trim()\n  return BY_ALIAS.get(trimmed.toLowerCase()) ?? BY_ALIAS.get(trimmed)\n}\n","/**\n * Разбор, матчинг и человекочитаемое представление сочетаний клавиш.\n *\n * Общий модуль, а не часть `GrCommandPalette`: то же нужно `GrKbd`, а импорт из\n * чужой компонентной директории на сборке дал бы ребро `GrKbd →\n * GrCommandPalette` (хелпер уехал бы в чанк палитры) — `granular doctor` считает\n * такое незадекларированной зависимостью.\n *\n * Директива `v-hotkey` для палитры не годится: ей нужен смонтированный элемент,\n * а палитра в закрытом состоянии не рендерит ничего. Поэтому здесь — свой\n * матчер на `window`, с тем же синтаксисом комбинаций плюс токен `mod`.\n */\n\nimport { eventMatchesKey, isAppleDevice, isComposingEvent, shiftSatisfied } from '../../internal/keyboard'\n\nimport { findKbdToken, type HotkeyKeyView } from './hotkeyTokens'\n\nexport { isAppleDevice } from '../../internal/keyboard'\nexport { findKbdToken, GR_KBD_TOKENS } from './hotkeyTokens'\nexport type { GrKbdKeyName, GrKbdTokenGroup, GrKbdTokenSpec, HotkeyKeyView } from './hotkeyTokens'\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)\n    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')\n      parsed.mod = true\n    else if (token === 'ctrl' || token === 'control')\n      parsed.ctrl = true\n    else if (token === 'meta' || token === 'cmd' || token === 'command' || token === '⌘')\n      parsed.meta = true\n    else if (token === 'alt' || token === 'option')\n      parsed.alt = true\n    else if (token === 'shift')\n      parsed.shift = true\n  }\n\n  return parsed\n}\n\nexport function matchesCommandHotkey(\n  event: KeyboardEvent,\n  hotkey: ParsedCommandHotkey,\n  apple = isAppleDevice(),\n): boolean {\n  // Клавиша во время IME-композиции принадлежит композиции, а не сочетанию.\n  if (isComposingEvent(event))\n    return false\n\n  const expectMeta = hotkey.meta || (hotkey.mod && apple)\n  const expectCtrl = hotkey.ctrl || (hotkey.mod && !apple)\n\n  if (event.metaKey !== expectMeta)\n    return false\n  if (event.ctrlKey !== expectCtrl)\n    return false\n  if (event.altKey !== hotkey.alt)\n    return false\n  if (!shiftSatisfied(event, hotkey.key, hotkey.shift))\n    return false\n\n  // Комбинация с модификаторами матчится и по физическому коду: на нелатинской\n  // раскладке `mod+K` приходит как `key: 'л'`, и без кода сочетание мертво.\n  return eventMatchesKey(event, hotkey.key, {\n    codeFallback: expectMeta || expectCtrl || hotkey.alt,\n  })\n}\n\n/** Человекочитаемые клавиши для подсказки в поле ввода (`⌘` / `Ctrl`). */\nexport function formatCommandHotkey(hotkey: ParsedCommandHotkey, apple = isAppleDevice()): string[] {\n  const keys: string[] = []\n  if (hotkey.meta || (hotkey.mod && apple))\n    keys.push('⌘')\n  if (hotkey.ctrl || (hotkey.mod && !apple))\n    keys.push('Ctrl')\n  if (hotkey.alt)\n    keys.push(apple ? '⌥' : 'Alt')\n  if (hotkey.shift)\n    keys.push(apple ? '⇧' : 'Shift')\n  keys.push(hotkey.key.length === 1 ? hotkey.key.toUpperCase() : hotkey.key)\n  return keys\n}\n\n/**\n * Токен → то, что видит пользователь. Каталог общий с витриной и докой\n * (`hotkeyTokens.ts`): цепочка `if` расходилась бы со списком, который читает\n * потребитель.\n */\nexport function formatHotkeyToken(token: string, apple: boolean): HotkeyKeyView {\n  const spec = findKbdToken(token)\n  if (spec)\n    return apple ? spec.apple : spec.other\n\n  // Не из каталога — печатная клавиша: одиночный символ заглавным, потому что\n  // `k` и `K` на клавише выглядят одинаково.\n  const t = token.trim()\n  return { label: t.length === 1 ? t.toUpperCase() : t }\n}\n\nexport function formatHotkeyTokens(tokens: readonly string[], apple: boolean): HotkeyKeyView[] {\n  return tokens.map(token => formatHotkeyToken(token, apple))\n}\n\n/** Комбинация строкой (`mod+shift+K`) — в набор токенов в порядке показа. */\nexport function splitHotkeyCombo(combo: string): string[] {\n  return combo.split('+').map(part => part.trim()).filter(Boolean)\n}\n","<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport type { GrComponentSize } from '../shared/sizes'\nimport { formatHotkeyTokens, isAppleDevice, splitHotkeyCombo } from '../shared/hotkey'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grKbdComboClass,\n  grKbdInnerKeyClass,\n  grKbdKeyClass,\n  separatorClass,\n  sequenceSeparatorClass,\n  type GrKbdVariant,\n} from './grKbdStyles'\n\nexport interface GrKbdProps {\n  size?: GrKbdSize\n  /**\n   * `merged` (по умолчанию) — сочетание одной плашкой, как его пишут сами\n   * системы: `⌘K` на macOS, `Ctrl+K` на прочих. `split` — по плашке на клавишу.\n   * `sequence` — аккорд «G затем I»: клавиши нажимают одну за другой.\n   */\n  variant?: GrKbdVariant\n  /**\n   * Сочетание: строкой (`\"mod+shift+K\"`) или набором токенов\n   * (`['mod', 'K']`). Токен `mod` — Cmd на macOS, Ctrl на остальных.\n   */\n  keys?: string | string[]\n  /**\n   * Разделитель между клавишами. Не задан — авто: в общей плашке символы\n   * склеиваются (`⌘K`), а слова разделяются плюсом (`Ctrl+K`); у `split` это\n   * плюс, у `sequence` — слово из локали. Пустая строка — только зазор.\n   */\n  separator?: string\n  platform?: GrKbdPlatform\n}\n\n/**\n * GrKbd — GR-примитив для отображения клавиш и сочетаний (`<kbd>`).\n *\n * Одна клавиша — слотом: `<GrKbd>Esc</GrKbd>`.\n * Сочетание — пропом: `<GrKbd keys=\"mod+K\" />` (на macOS `⌘ K`, иначе `Ctrl K`).\n */\nexport type GrKbdSize = GrComponentSize\n\nexport type { GrKbdVariant } from './grKbdStyles'\n\n/** Откуда брать платформу для токена `mod`. */\nexport type GrKbdPlatform = 'auto' | 'apple' | 'other'\n\nconst props = withDefaults(\n  defineProps<GrKbdProps>(),\n  {\n    size: undefined,\n    variant: 'merged',\n    keys: undefined,\n    separator: undefined,\n    platform: 'auto',\n  },\n)\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrKbd' })\nconst { t } = useGranularityTranslations()\n\n/**\n * Платформа уточняется только после монтирования: `navigator` в теле `setup`\n * либо роняет серверный рендер, либо расходится с ним и ломает гидрацию.\n * До этого момента показываем не-Apple вариант — он же приходит с сервера.\n */\nconst detectedApple = ref(false)\n\nonMounted(() => {\n  detectedApple.value = isAppleDevice()\n})\n\nconst isApple = computed(() => {\n  if (props.platform === 'apple')\n    return true\n  if (props.platform === 'other')\n    return false\n  return detectedApple.value\n})\n\nconst tokens = computed(() => {\n  if (props.keys === undefined)\n    return []\n  return Array.isArray(props.keys) ? props.keys : splitHotkeyCombo(props.keys)\n})\n\n// Сочетание рисуется вложенными `<kbd>` — приём из спецификации HTML, а не\n// обёртка-div: сочетание остаётся клавиатурным вводом целиком.\nconst keyViews = computed(() => formatHotkeyTokens(tokens.value, isApple.value))\nconst hasCombo = computed(() => keyViews.value.length > 0)\n\nconst keyClass = computed(() => grKbdKeyClass(resolvedSize.value))\nconst innerKeyClass = computed(() => grKbdInnerKeyClass(resolvedSize.value, props.variant))\nconst comboClass = computed(() => grKbdComboClass(resolvedSize.value, props.variant))\n\n/**\n * Разделитель перед клавишей `index`.\n *\n * Авто-правило одно: в общей плашке символы склеиваются, слова — нет. Внутри\n * одной платформы набор однороден (macOS даёт `⌘⌥⇧`, прочие — `Ctrl`, `Alt`),\n * поэтому «слева символ» и означает «пишем как система».\n */\nfunction separatorAt(index: number): string {\n  if (index === 0)\n    return ''\n  if (props.separator !== undefined)\n    return props.separator\n  if (props.variant === 'sequence')\n    return t('gr.kbd.then', 'then')\n  if (props.variant === 'split')\n    return '+'\n\n  return keyViews.value[index - 1]?.symbol ? '' : '+'\n}\n\nconst NAME_FALLBACKS: Record<string, string> = {\n  command: 'Command',\n  option: 'Option',\n  shift: 'Shift',\n  control: 'Control',\n  enter: 'Enter',\n  escape: 'Escape',\n  tab: 'Tab',\n  backspace: 'Backspace',\n  delete: 'Delete',\n  pageUp: 'Page Up',\n  pageDown: 'Page Down',\n  arrowUp: 'Arrow Up',\n  arrowDown: 'Arrow Down',\n  arrowLeft: 'Arrow Left',\n  arrowRight: 'Arrow Right',\n}\n\n/** Читаемое имя символьной клавиши: `⌘` без него диктор произносит как знак. */\nfunction readableName(name: string): string {\n  return t(`gr.kbd.${name}`, NAME_FALLBACKS[name] ?? name)\n}\n\ndefineSlots<{\n  /** Клавиша или сочетание вместо пропа `keys`. */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <kbd\n    v-if=\"hasCombo\"\n    data-gr-kbd\n    data-gr-kbd-combo\n    :data-variant=\"variant\"\n    :class=\"comboClass\"\n  ><template\n    v-for=\"(key, index) in keyViews\"\n    :key=\"`${key.label}-${index}`\"\n  ><span\n    v-if=\"separatorAt(index)\"\n    :class=\"variant === 'sequence' ? sequenceSeparatorClass : separatorClass\"\n    aria-hidden=\"true\"\n  >{{ separatorAt(index) }}</span><kbd\n    data-gr-kbd-key\n    :class=\"innerKeyClass\"\n  ><span :aria-hidden=\"key.name ? 'true' : undefined\">{{ key.label }}</span><span\n    v-if=\"key.name\"\n    class=\"sr-only\"\n  >{{ readableName(key.name) }}</span></kbd></template></kbd>\n\n  <kbd\n    v-else\n    data-gr-kbd\n    data-gr-kbd-key\n    :class=\"keyClass\"\n  ><slot /></kbd>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, onMounted, ref } from 'vue'\n\nimport { useGrComponentSize } from '../GrConfigProvider/context'\nimport type { GrComponentSize } from '../shared/sizes'\nimport { formatHotkeyTokens, isAppleDevice, splitHotkeyCombo } from '../shared/hotkey'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport {\n  grKbdComboClass,\n  grKbdInnerKeyClass,\n  grKbdKeyClass,\n  separatorClass,\n  sequenceSeparatorClass,\n  type GrKbdVariant,\n} from './grKbdStyles'\n\nexport interface GrKbdProps {\n  size?: GrKbdSize\n  /**\n   * `merged` (по умолчанию) — сочетание одной плашкой, как его пишут сами\n   * системы: `⌘K` на macOS, `Ctrl+K` на прочих. `split` — по плашке на клавишу.\n   * `sequence` — аккорд «G затем I»: клавиши нажимают одну за другой.\n   */\n  variant?: GrKbdVariant\n  /**\n   * Сочетание: строкой (`\"mod+shift+K\"`) или набором токенов\n   * (`['mod', 'K']`). Токен `mod` — Cmd на macOS, Ctrl на остальных.\n   */\n  keys?: string | string[]\n  /**\n   * Разделитель между клавишами. Не задан — авто: в общей плашке символы\n   * склеиваются (`⌘K`), а слова разделяются плюсом (`Ctrl+K`); у `split` это\n   * плюс, у `sequence` — слово из локали. Пустая строка — только зазор.\n   */\n  separator?: string\n  platform?: GrKbdPlatform\n}\n\n/**\n * GrKbd — GR-примитив для отображения клавиш и сочетаний (`<kbd>`).\n *\n * Одна клавиша — слотом: `<GrKbd>Esc</GrKbd>`.\n * Сочетание — пропом: `<GrKbd keys=\"mod+K\" />` (на macOS `⌘ K`, иначе `Ctrl K`).\n */\nexport type GrKbdSize = GrComponentSize\n\nexport type { GrKbdVariant } from './grKbdStyles'\n\n/** Откуда брать платформу для токена `mod`. */\nexport type GrKbdPlatform = 'auto' | 'apple' | 'other'\n\nconst props = withDefaults(\n  defineProps<GrKbdProps>(),\n  {\n    size: undefined,\n    variant: 'merged',\n    keys: undefined,\n    separator: undefined,\n    platform: 'auto',\n  },\n)\n\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrKbd' })\nconst { t } = useGranularityTranslations()\n\n/**\n * Платформа уточняется только после монтирования: `navigator` в теле `setup`\n * либо роняет серверный рендер, либо расходится с ним и ломает гидрацию.\n * До этого момента показываем не-Apple вариант — он же приходит с сервера.\n */\nconst detectedApple = ref(false)\n\nonMounted(() => {\n  detectedApple.value = isAppleDevice()\n})\n\nconst isApple = computed(() => {\n  if (props.platform === 'apple')\n    return true\n  if (props.platform === 'other')\n    return false\n  return detectedApple.value\n})\n\nconst tokens = computed(() => {\n  if (props.keys === undefined)\n    return []\n  return Array.isArray(props.keys) ? props.keys : splitHotkeyCombo(props.keys)\n})\n\n// Сочетание рисуется вложенными `<kbd>` — приём из спецификации HTML, а не\n// обёртка-div: сочетание остаётся клавиатурным вводом целиком.\nconst keyViews = computed(() => formatHotkeyTokens(tokens.value, isApple.value))\nconst hasCombo = computed(() => keyViews.value.length > 0)\n\nconst keyClass = computed(() => grKbdKeyClass(resolvedSize.value))\nconst innerKeyClass = computed(() => grKbdInnerKeyClass(resolvedSize.value, props.variant))\nconst comboClass = computed(() => grKbdComboClass(resolvedSize.value, props.variant))\n\n/**\n * Разделитель перед клавишей `index`.\n *\n * Авто-правило одно: в общей плашке символы склеиваются, слова — нет. Внутри\n * одной платформы набор однороден (macOS даёт `⌘⌥⇧`, прочие — `Ctrl`, `Alt`),\n * поэтому «слева символ» и означает «пишем как система».\n */\nfunction separatorAt(index: number): string {\n  if (index === 0)\n    return ''\n  if (props.separator !== undefined)\n    return props.separator\n  if (props.variant === 'sequence')\n    return t('gr.kbd.then', 'then')\n  if (props.variant === 'split')\n    return '+'\n\n  return keyViews.value[index - 1]?.symbol ? '' : '+'\n}\n\nconst NAME_FALLBACKS: Record<string, string> = {\n  command: 'Command',\n  option: 'Option',\n  shift: 'Shift',\n  control: 'Control',\n  enter: 'Enter',\n  escape: 'Escape',\n  tab: 'Tab',\n  backspace: 'Backspace',\n  delete: 'Delete',\n  pageUp: 'Page Up',\n  pageDown: 'Page Down',\n  arrowUp: 'Arrow Up',\n  arrowDown: 'Arrow Down',\n  arrowLeft: 'Arrow Left',\n  arrowRight: 'Arrow Right',\n}\n\n/** Читаемое имя символьной клавиши: `⌘` без него диктор произносит как знак. */\nfunction readableName(name: string): string {\n  return t(`gr.kbd.${name}`, NAME_FALLBACKS[name] ?? name)\n}\n\ndefineSlots<{\n  /** Клавиша или сочетание вместо пропа `keys`. */\n  default?: () => any\n}>()\n</script>\n\n<template>\n  <kbd\n    v-if=\"hasCombo\"\n    data-gr-kbd\n    data-gr-kbd-combo\n    :data-variant=\"variant\"\n    :class=\"comboClass\"\n  ><template\n    v-for=\"(key, index) in keyViews\"\n    :key=\"`${key.label}-${index}`\"\n  ><span\n    v-if=\"separatorAt(index)\"\n    :class=\"variant === 'sequence' ? sequenceSeparatorClass : separatorClass\"\n    aria-hidden=\"true\"\n  >{{ separatorAt(index) }}</span><kbd\n    data-gr-kbd-key\n    :class=\"innerKeyClass\"\n  ><span :aria-hidden=\"key.name ? 'true' : undefined\">{{ key.label }}</span><span\n    v-if=\"key.name\"\n    class=\"sr-only\"\n  >{{ readableName(key.name) }}</span></kbd></template></kbd>\n\n  <kbd\n    v-else\n    data-gr-kbd\n    data-gr-kbd-key\n    :class=\"keyClass\"\n  ><slot /></kbd>\n</template>\n"],"mappings":"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"}

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

@@ -1 +0,0 @@
-{"version":3,"file":"GrNavbar-BRGuksiy.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'\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  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  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\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      <div v-if=\"hasTitle\" data-gr-navbar-title :class=\"navbarTitleClass\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\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'\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  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  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\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      <div v-if=\"hasTitle\" data-gr-navbar-title :class=\"navbarTitleClass\">\n        <slot name=\"title\">\n          {{ title }}\n        </slot>\n      </div>\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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsDA,MAAM,QAAQ;EAQd,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;EAEnE,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,mBAqCS,UAAA;IApCP,kBAAA;IACC,eAAa,QAAA,SAAM,SAAY,KAAA;IAC/B,OAAK,eAAE,UAAA,KAAS;;IAEjB,mBAuBM,OAAA;KAvBD,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;;;;;;;;;KAIrB,SAAA,SAAX,UAAA,GAAA,mBAIM,OAAA;;MAJe,wBAAA;MAAsB,OAAK,eAAE,MAAA,gBAAA,CAAgB;KAChE,GAAA,CAAA,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CADF,gBAAA,gBAAA,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;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"}