@feugene/granularity 0.19.0 → 0.20.0

package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-DhX4jjay.js.map → GrResponseErrorBanner-CgfAwlg3.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrResponseErrorBanner-DhX4jjay.js","names":[],"sources":["../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/useResponseError.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrUploadErrorBannerProps {\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrUploadErrorBannerEmits {\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrUploadErrorBannerProps>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<GrUploadErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrUploadErrorBannerProps {\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrUploadErrorBannerEmits {\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrUploadErrorBannerProps>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<GrUploadErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrFormErrorBannerProps {\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrFormErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrFormErrorBannerProps>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<GrFormErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrFormErrorBannerProps {\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrFormErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrFormErrorBannerProps>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<GrFormErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","import { computed, shallowRef } from 'vue'\nimport type { ComputedRef, Ref } from 'vue'\n\nimport { createResponseErrorClassifier, defaultResponseErrorParsers } from './parsers/createResponseErrorClassifier'\nimport { DEFAULT_AUTO_HIDE_KINDS, DEFAULT_RESPONSE_ERROR_TEXTS } from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from './responseError.types'\n\n/**\n * Опции для `useResponseError`. Все поля опциональны и поддерживают\n * **реактивные геттеры** (`() => value`) — чтобы пробрасывать пропсы\n * родителя без потери реактивности.\n */\nexport type UseResponseErrorOptions = {\n  /** Цепочка парсеров. По умолчанию — `defaultResponseErrorParsers`. */\n  parsers?: () => ResponseErrorParser[] | undefined\n  /** Частичный override текстов баннера. */\n  texts?: () => Partial<ResponseErrorTexts> | undefined\n  /**\n   * `kind`'ы, которые **не** выставляются в state (баннер останется скрытым).\n   * По умолчанию пусто — `aborted` показывается info-плашкой. Передайте\n   * `['aborted']`, если хотите тихо проглатывать отмены.\n   */\n  autoHideKinds?: () => ResponseErrorKind[] | undefined\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: () => string | undefined\n  /** Контекст, который попадёт в `ctx.meta` каждого парсера (`{ files, formId, ... }`). */\n  meta?: () => Record<string, unknown> | undefined\n  /** Побочка после успешной классификации (логирование, sentry). */\n  onClassify?: (info: ResponseErrorInfo) => void\n}\n\n/** Публичный возвращаемый API. */\nexport type UseResponseErrorReturn = {\n  /** Текущее состояние ошибки. `null` — баннер скрыт. */\n  currentError: Ref<ResponseErrorInfo | null>\n  /** `currentError.value !== null`. */\n  isVisible: ComputedRef<boolean>\n  /** Последний «сырой» вход (для retry/логов). */\n  lastRaw: Ref<unknown>\n\n  /**\n   * Главное API: классифицирует raw, сохраняет в state, возвращает info\n   * (или `null`, если `kind` в `autoHideKinds`). Возвращает Promise,\n   * т.к. нормализатор поддерживает `Response.json()` (async).\n   */\n  setRaw: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo | null>\n\n  /** Установить готовый info, не пропуская через парсеры. */\n  setError: (info: ResponseErrorInfo) => void\n\n  /** Чистая классификация без записи в state — для предпросмотра. */\n  classify: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo>\n\n  /** Сбросить state (скрыть баннер). */\n  dismiss: () => void\n  /** Алиас `dismiss`. */\n  reset: () => void\n\n  /**\n   * Хелпер: вызывает `handler(currentError)`. Если handler завершился без\n   * исключения — сбрасывает state. Если кинул — оставляет state, поднимает.\n   * Удобно бинать к кнопке «Повторить».\n   */\n  retry: (handler: (info: ResponseErrorInfo) => void | Promise<void>) => Promise<void>\n}\n\n/**\n * Stateful-композабл вокруг `createResponseErrorClassifier`. Хранит\n * `currentError`, инкапсулирует setRaw/retry/dismiss. Подходит для типичного\n * сценария «поймал ошибку запроса → показал баннер → ретрай/скрыть».\n */\nexport function useResponseError(options: UseResponseErrorOptions = {}): UseResponseErrorReturn {\n  const currentError = shallowRef<ResponseErrorInfo | null>(null)\n  // `shallowRef`, а не `ref`: сырая ошибка отдаётся потребителю как есть.\n  // Глубокая реактивность обернула бы её в прокси — сравнение по ссылке\n  // перестало бы работать, а `Response` уронил бы `clone()` на чужом `this`.\n  const lastRaw = shallowRef<unknown>(null)\n\n  function getClassifier() {\n    return createResponseErrorClassifier({\n      parsers: options.parsers?.() ?? defaultResponseErrorParsers,\n      texts: options.texts?.() ?? {},\n      messageKey: options.messageKey?.(),\n    })\n  }\n\n  function isAutoHidden(kind: ResponseErrorKind): boolean {\n    const list = options.autoHideKinds?.() ?? DEFAULT_AUTO_HIDE_KINDS\n    return list.includes(kind)\n  }\n\n  async function classify(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo> {\n    const classifier = getClassifier()\n    const meta = { ...(options.meta?.() ?? {}), ...(extra ?? {}) }\n    const info = await classifier(raw, meta)\n    options.onClassify?.(info)\n    return info\n  }\n\n  async function setRaw(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo | null> {\n    lastRaw.value = raw\n    const info = await classify(raw, extra)\n    if (isAutoHidden(info.kind)) {\n      currentError.value = null\n      return null\n    }\n    currentError.value = info\n    return info\n  }\n\n  function setError(info: ResponseErrorInfo): void {\n    currentError.value = info\n  }\n\n  function dismiss(): void {\n    currentError.value = null\n  }\n\n  async function retry(handler: (info: ResponseErrorInfo) => void | Promise<void>): Promise<void> {\n    const info = currentError.value\n    if (!info) return\n    await handler(info)\n    currentError.value = null\n  }\n\n  return {\n    currentError,\n    isVisible: computed(() => currentError.value !== null),\n    lastRaw,\n    setRaw,\n    setError,\n    classify,\n    dismiss,\n    reset: dismiss,\n    retry,\n  }\n}\n\nexport { DEFAULT_RESPONSE_ERROR_TEXTS }\n"],"mappings":"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"}
+{"version":3,"file":"GrResponseErrorBanner-CgfAwlg3.js","names":[],"sources":["../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrUploadErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrFormErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/useResponseError.ts"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrUploadErrorBannerProps {\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrUploadErrorBannerEmits {\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrUploadErrorBannerProps>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<GrUploadErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «загрузка файлов»:\n *\n * - Включена кнопка «Повторить» по умолчанию (`canRetry=true`).\n * - Тексты сдвинуты под загрузку файлов.\n * - Опциональный prop `files` пробрасывает контекст наружу через `retry`.\n *\n * Парсеры/нормализация — те же, что у базового баннера. Если нужны кастомные\n * парсеры — используйте напрямую `GrResponseErrorBanner` + `useResponseError`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrUploadErrorBannerProps {\n  error: ResponseErrorInfo | null\n  /** Файлы, которые пытались загрузить — пробрасываются в `retry` payload. */\n  files?: File[]\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrUploadErrorBannerEmits {\n  (e: 'retry', payload: { error: ResponseErrorInfo, files: File[] }): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrUploadErrorBannerProps>(), {\n  files: () => [],\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  canRetry: true,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'upload-error',\n})\n\nconst emit = defineEmits<GrUploadErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под загрузку файлов» резолвятся через i18n (fallback — англ. строки), иначе\n// перекрыли бы i18n базового баннера как `props.texts`.\nconst uploadTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  networkTitle: t('gr.uploadErrorBanner.networkTitle', 'Failed to upload files'),\n  networkMessage: t('gr.uploadErrorBanner.networkMessage', 'Check your connection and try again.'),\n  validationTitle: t('gr.uploadErrorBanner.validationTitle', 'Files did not pass validation'),\n  validationMessage: t('gr.uploadErrorBanner.validationMessage', 'Some of the files do not meet the requirements.'),\n  serverTitle: t('gr.uploadErrorBanner.serverTitle', 'Upload error on the server'),\n  serverMessage: t('gr.uploadErrorBanner.serverMessage', 'The server could not process the upload. Please try again.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...uploadTexts.value,\n  ...props.texts,\n}))\n\nfunction onRetry(info: ResponseErrorInfo): void {\n  emit('retry', { error: info, files: props.files })\n}\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"onRetry\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrFormErrorBannerProps {\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrFormErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrFormErrorBannerProps>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<GrFormErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","<script setup lang=\"ts\">\n/**\n * Тонкая обёртка над `GrResponseErrorBanner` с предсетами для сценария\n * «валидация формы»:\n *\n * - `showFieldLabels=true` — рисуются подписи `field:` перед каждой строкой.\n * - `canRetry=false` — обычно пользователь правит поля сам, retry не нужен.\n * - `toneByKind.validation = 'warning'` — визуально «исправь», не «упало».\n * - Тексты сдвинуты под формы.\n *\n * Для кастомных парсеров используйте напрямую `GrResponseErrorBanner` +\n * `useResponseError({ parsers: () => extendDefaultParsers([myParser]) })`.\n */\nimport { computed } from 'vue'\n\nimport GrResponseErrorBanner from './GrResponseErrorBanner.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrFormErrorBannerProps {\n  error: ResponseErrorInfo | null\n  fieldLabels?: Record<string, string>\n  texts?: Partial<ResponseErrorTexts>\n  tone?: ResponseErrorTone\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  canRetry?: boolean\n  canDismiss?: boolean\n  autoHideKinds?: ResponseErrorKind[]\n  testIdPrefix?: string\n}\n\nexport interface GrFormErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrFormErrorBannerProps>(), {\n  fieldLabels: () => ({}),\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({ validation: 'warning' }),\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => [],\n  testIdPrefix: 'form-error',\n})\n\nconst emit = defineEmits<GrFormErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\n// Пресеты «под формы» резолвятся через i18n (fallback — англ. строки). Иначе они бы,\n// как `props.texts`, перекрывали i18n базового баннера и форсили английский.\nconst formTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  validationTitle: t('gr.formErrorBanner.validationTitle', 'Check the form fields'),\n  validationMessage: t('gr.formErrorBanner.validationMessage', 'The server rejected the data. Fix the highlighted fields and try again.'),\n  clientTitle: t('gr.formErrorBanner.clientTitle', 'Failed to save'),\n  serverTitle: t('gr.formErrorBanner.serverTitle', 'Save error'),\n  serverMessage: t('gr.formErrorBanner.serverMessage', 'Could not save the data. Please try again later.'),\n}))\n\nconst mergedTexts = computed<Partial<ResponseErrorTexts>>(() => ({\n  ...formTexts.value,\n  ...props.texts,\n}))\n</script>\n\n<template>\n  <GrResponseErrorBanner\n    :error=\"props.error\"\n    :texts=\"mergedTexts\"\n    :tone=\"props.tone\"\n    :tone-by-kind=\"props.toneByKind\"\n    :field-labels=\"props.fieldLabels\"\n    show-field-labels\n    :can-retry=\"props.canRetry\"\n    :can-dismiss=\"props.canDismiss\"\n    :auto-hide-kinds=\"props.autoHideKinds\"\n    :test-id-prefix=\"props.testIdPrefix\"\n    @retry=\"(info) => emit('retry', info)\"\n    @dismiss=\"emit('dismiss')\"\n  />\n</template>\n","import { computed, shallowRef } from 'vue'\nimport type { ComputedRef, Ref } from 'vue'\n\nimport { createResponseErrorClassifier, defaultResponseErrorParsers } from './parsers/createResponseErrorClassifier'\nimport { DEFAULT_AUTO_HIDE_KINDS, DEFAULT_RESPONSE_ERROR_TEXTS } from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from './responseError.types'\n\n/**\n * Опции для `useResponseError`. Все поля опциональны и поддерживают\n * **реактивные геттеры** (`() => value`) — чтобы пробрасывать пропсы\n * родителя без потери реактивности.\n */\nexport type UseResponseErrorOptions = {\n  /** Цепочка парсеров. По умолчанию — `defaultResponseErrorParsers`. */\n  parsers?: () => ResponseErrorParser[] | undefined\n  /** Частичный override текстов баннера. */\n  texts?: () => Partial<ResponseErrorTexts> | undefined\n  /**\n   * `kind`'ы, которые **не** выставляются в state (баннер останется скрытым).\n   * По умолчанию пусто — `aborted` показывается info-плашкой. Передайте\n   * `['aborted']`, если хотите тихо проглатывать отмены.\n   */\n  autoHideKinds?: () => ResponseErrorKind[] | undefined\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: () => string | undefined\n  /** Контекст, который попадёт в `ctx.meta` каждого парсера (`{ files, formId, ... }`). */\n  meta?: () => Record<string, unknown> | undefined\n  /** Побочка после успешной классификации (логирование, sentry). */\n  onClassify?: (info: ResponseErrorInfo) => void\n}\n\n/** Публичный возвращаемый API. */\nexport type UseResponseErrorReturn = {\n  /** Текущее состояние ошибки. `null` — баннер скрыт. */\n  currentError: Ref<ResponseErrorInfo | null>\n  /** `currentError.value !== null`. */\n  isVisible: ComputedRef<boolean>\n  /** Последний «сырой» вход (для retry/логов). */\n  lastRaw: Ref<unknown>\n\n  /**\n   * Главное API: классифицирует raw, сохраняет в state, возвращает info\n   * (или `null`, если `kind` в `autoHideKinds`). Возвращает Promise,\n   * т.к. нормализатор поддерживает `Response.json()` (async).\n   */\n  setRaw: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo | null>\n\n  /** Установить готовый info, не пропуская через парсеры. */\n  setError: (info: ResponseErrorInfo) => void\n\n  /** Чистая классификация без записи в state — для предпросмотра. */\n  classify: (raw: unknown, meta?: Record<string, unknown>) => Promise<ResponseErrorInfo>\n\n  /** Сбросить state (скрыть баннер). */\n  dismiss: () => void\n  /** Алиас `dismiss`. */\n  reset: () => void\n\n  /**\n   * Хелпер: вызывает `handler(currentError)`. Если handler завершился без\n   * исключения — сбрасывает state. Если кинул — оставляет state, поднимает.\n   * Удобно бинать к кнопке «Повторить».\n   */\n  retry: (handler: (info: ResponseErrorInfo) => void | Promise<void>) => Promise<void>\n}\n\n/**\n * Stateful-композабл вокруг `createResponseErrorClassifier`. Хранит\n * `currentError`, инкапсулирует setRaw/retry/dismiss. Подходит для типичного\n * сценария «поймал ошибку запроса → показал баннер → ретрай/скрыть».\n */\nexport function useResponseError(options: UseResponseErrorOptions = {}): UseResponseErrorReturn {\n  const currentError = shallowRef<ResponseErrorInfo | null>(null)\n  // `shallowRef`, а не `ref`: сырая ошибка отдаётся потребителю как есть.\n  // Глубокая реактивность обернула бы её в прокси — сравнение по ссылке\n  // перестало бы работать, а `Response` уронил бы `clone()` на чужом `this`.\n  const lastRaw = shallowRef<unknown>(null)\n\n  function getClassifier() {\n    return createResponseErrorClassifier({\n      parsers: options.parsers?.() ?? defaultResponseErrorParsers,\n      texts: options.texts?.() ?? {},\n      messageKey: options.messageKey?.(),\n    })\n  }\n\n  function isAutoHidden(kind: ResponseErrorKind): boolean {\n    const list = options.autoHideKinds?.() ?? DEFAULT_AUTO_HIDE_KINDS\n    return list.includes(kind)\n  }\n\n  async function classify(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo> {\n    const classifier = getClassifier()\n    const meta = { ...(options.meta?.() ?? {}), ...(extra ?? {}) }\n    const info = await classifier(raw, meta)\n    options.onClassify?.(info)\n    return info\n  }\n\n  async function setRaw(raw: unknown, extra?: Record<string, unknown>): Promise<ResponseErrorInfo | null> {\n    lastRaw.value = raw\n    const info = await classify(raw, extra)\n    if (isAutoHidden(info.kind)) {\n      currentError.value = null\n      return null\n    }\n    currentError.value = info\n    return info\n  }\n\n  function setError(info: ResponseErrorInfo): void {\n    currentError.value = info\n  }\n\n  function dismiss(): void {\n    currentError.value = null\n  }\n\n  async function retry(handler: (info: ResponseErrorInfo) => void | Promise<void>): Promise<void> {\n    const info = currentError.value\n    if (!info) return\n    await handler(info)\n    currentError.value = null\n  }\n\n  return {\n    currentError,\n    isVisible: computed(() => currentError.value !== null),\n    lastRaw,\n    setRaw,\n    setError,\n    classify,\n    dismiss,\n    reset: dismiss,\n    retry,\n  }\n}\n\nexport { DEFAULT_RESPONSE_ERROR_TEXTS }\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,QAAQ;EAWd,MAAM,OAAO;EAEb,MAAM,EAAE,MAAM,2BAA2B;EAIzC,MAAM,cAAc,gBAA6C;GAC/D,cAAc,EAAE,qCAAqC,wBAAwB;GAC7E,gBAAgB,EAAE,uCAAuC,sCAAsC;GAC/F,iBAAiB,EAAE,wCAAwC,+BAA+B;GAC1F,mBAAmB,EAAE,0CAA0C,iDAAiD;GAChH,aAAa,EAAE,oCAAoC,4BAA4B;GAC/E,eAAe,EAAE,sCAAsC,4DAA4D;EACrH,EAAE;EAEF,MAAM,cAAc,gBAA6C;GAC/D,GAAG,YAAY;GACf,GAAG,MAAM;EACX,EAAE;EAEF,SAAS,QAAQ,MAA+B;GAC9C,KAAK,SAAS;IAAE,OAAO;IAAM,OAAO,MAAM;GAAM,CAAC;EACnD;;uBAIE,YAWE,+BAAA;IAVC,OAAO,MAAM;IACb,OAAO,YAAA;IACP,MAAM,MAAM;IACZ,gBAAc,MAAM;IACpB,aAAW,MAAM;IACjB,eAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,kBAAgB,MAAM;IACf;IACP,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EE/ClB,MAAM,QAAQ;EAWd,MAAM,OAAO;EAEb,MAAM,EAAE,MAAM,2BAA2B;EAIzC,MAAM,YAAY,gBAA6C;GAC7D,iBAAiB,EAAE,sCAAsC,uBAAuB;GAChF,mBAAmB,EAAE,wCAAwC,yEAAyE;GACtI,aAAa,EAAE,kCAAkC,gBAAgB;GACjE,aAAa,EAAE,kCAAkC,YAAY;GAC7D,eAAe,EAAE,oCAAoC,kDAAkD;EACzG,EAAE;EAEF,MAAM,cAAc,gBAA6C;GAC/D,GAAG,UAAU;GACb,GAAG,MAAM;EACX,EAAE;;uBAIA,YAaE,+BAAA;IAZC,OAAO,MAAM;IACb,OAAO,YAAA;IACP,MAAM,MAAM;IACZ,gBAAc,MAAM;IACpB,gBAAc,MAAM;IACrB,qBAAA;IACC,aAAW,MAAM;IACjB,eAAa,MAAM;IACnB,mBAAiB,MAAM;IACvB,kBAAgB,MAAM;IACtB,SAAK,OAAA,OAAA,OAAA,MAAG,SAAS,KAAI,SAAU,IAAI;IACnC,WAAO,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,SAAA;;;;;;;;;;;;;;;;;;;;;;AETlB,SAAgB,iBAAiB,UAAmC,CAAC,GAA2B;CAC9F,MAAM,eAAe,WAAqC,IAAI;CAI9D,MAAM,UAAU,WAAoB,IAAI;CAExC,SAAS,gBAAgB;EACvB,OAAO,8BAA8B;GACnC,SAAS,QAAQ,UAAU,KAAK;GAChC,OAAO,QAAQ,QAAQ,KAAK,CAAC;GAC7B,YAAY,QAAQ,aAAa;EACnC,CAAC;CACH;CAEA,SAAS,aAAa,MAAkC;EAEtD,QADa,QAAQ,gBAAgB,KAAK,wBAAA,CAC9B,SAAS,IAAI;CAC3B;CAEA,eAAe,SAAS,KAAc,OAA6D;EAGjG,MAAM,OAAO,MAFM,cAEA,CAAA,CAAW,KAAK;GADpB,GAAI,QAAQ,OAAO,KAAK,CAAC;GAAI,GAAI,SAAS,CAAC;EACvB,CAAI;EACvC,QAAQ,aAAa,IAAI;EACzB,OAAO;CACT;CAEA,eAAe,OAAO,KAAc,OAAoE;EACtG,QAAQ,QAAQ;EAChB,MAAM,OAAO,MAAM,SAAS,KAAK,KAAK;EACtC,IAAI,aAAa,KAAK,IAAI,GAAG;GAC3B,aAAa,QAAQ;GACrB,OAAO;EACT;EACA,aAAa,QAAQ;EACrB,OAAO;CACT;CAEA,SAAS,SAAS,MAA+B;EAC/C,aAAa,QAAQ;CACvB;CAEA,SAAS,UAAgB;EACvB,aAAa,QAAQ;CACvB;CAEA,eAAe,MAAM,SAA2E;EAC9F,MAAM,OAAO,aAAa;EAC1B,IAAI,CAAC,MAAM;EACX,MAAM,QAAQ,IAAI;EAClB,aAAa,QAAQ;CACvB;CAEA,OAAO;EACL;EACA,WAAW,eAAe,aAAa,UAAU,IAAI;EACrD;EACA;EACA;EACA;EACA;EACA,OAAO;EACP;CACF;AACF"}

package/dist/components/GrResponseErrorBanner/index.js

@@ -1,3 +1,3 @@
-import { _ as DEFAULT_AUTO_HIDE_KINDS, a as extendDefaultParsers, c as problemDetailsParser, d as networkErrorParser, f as laravelValidationParser, g as abortErrorParser, h as fileValidationParser, i as defaultResponseErrorParsers, l as plainMessageParser, m as httpStatusParser, n as coreResponseErrorParsers, o as resolveResponseErrorTitle, p as jsonApiErrorParser, r as createResponseErrorClassifier, s as responseErrorParserPresets, t as GrResponseErrorBanner_default, u as normalizeError, v as DEFAULT_RESPONSE_ERROR_TEXTS, y as DEFAULT_TONE_BY_KIND } from "./chunks/GrResponseErrorBanner-C7W9mgYN.js";
-import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./chunks/GrResponseErrorBanner-DhX4jjay.js";
-export { DEFAULT_AUTO_HIDE_KINDS, DEFAULT_RESPONSE_ERROR_TEXTS, DEFAULT_TONE_BY_KIND, GrFormErrorBanner_default as GrFormErrorBanner, GrResponseErrorBanner_default as GrResponseErrorBanner, GrResponseErrorBanner_default as default, GrUploadErrorBanner_default as GrUploadErrorBanner, abortErrorParser, coreResponseErrorParsers, createResponseErrorClassifier, defaultResponseErrorParsers, extendDefaultParsers, fileValidationParser, httpStatusParser, jsonApiErrorParser, laravelValidationParser, networkErrorParser, normalizeError, plainMessageParser, problemDetailsParser, resolveResponseErrorTitle, responseErrorParserPresets, useResponseError };
+import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./chunks/GrResponseErrorBanner-CZONq8uT.js";
+import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./chunks/GrResponseErrorBanner-CgfAwlg3.js";
+export { GrFormErrorBanner_default as GrFormErrorBanner, GrResponseErrorBanner_default as GrResponseErrorBanner, GrResponseErrorBanner_default as default, GrUploadErrorBanner_default as GrUploadErrorBanner, coreResponseErrorParsers, createResponseErrorClassifier, extendDefaultParsers, normalizeError, useResponseError };

package/dist/components/GrSegmented/chunks/{GrSegmented-CQw3ijqa.js → GrSegmented-DP9WMAbm.js}

@@ -1,10 +1,10 @@
-import { a as useGrComponentProp, o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
+import { a as useGrComponentSize, i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
 import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
 import { n as useGrFormFieldContext } from "../../../chunks/context-DdNIxa1w.js";
 import { useGrFormControl } from "../../../composables/useGrFormControl.js";
 import { t as useFocusWithin } from "../../../chunks/useFocusWithin-BwHE0rzm.js";
 import { useRovingFocus } from "../../../composables/useRovingFocus.js";
-import { a as grSegmentedItemClass, c as grSegmentedItemSpinnerClass, i as grSegmentedIndicatorClass, l as grSegmentedRootClass, o as grSegmentedItemIconClass, s as grSegmentedItemLabelClass, u as grSegmentedRootStyle } from "../../../chunks/config-B-iNaGdw.js";
+import { a as grSegmentedItemIconClass, c as grSegmentedRootClass, i as grSegmentedItemClass, l as grSegmentedRootStyle, o as grSegmentedItemLabelClass, r as grSegmentedIndicatorClass, s as grSegmentedItemSpinnerClass } from "../../../chunks/config-BEVBsvni.js";
 import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, defineComponent, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, onMounted, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useId, watch } from "vue";
 //#region src/components/GrSegmented/GrSegmented.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/dist/components/GrSegmented/chunks/{GrSegmented-CQw3ijqa.js.map → GrSegmented-DP9WMAbm.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrSegmented-CQw3ijqa.js","names":[],"sources":["../../../../src/components/GrSegmented/GrSegmented.vue","../../../../src/components/GrSegmented/GrSegmented.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport {\n  grSegmentedIndicatorClass,\n  grSegmentedItemClass,\n  grSegmentedItemIconClass,\n  grSegmentedItemLabelClass,\n  grSegmentedItemSpinnerClass,\n  grSegmentedRootClass,\n  grSegmentedRootStyle,\n  type GrSegmentedOption,\n  type GrSegmentedOrientation,\n  type GrSegmentedSize,\n  type GrSegmentedValue,\n  type GrSegmentedVariant,\n} from './grSegmentedStyles'\n\ntype IndicatorGeometry = {\n  width: number\n  height: number\n  x: number\n  y: number\n}\n\n/**\n * Пропсы публичного GR-примитива «Segmented».\n */\nexport interface GrSegmentedProps {\n  modelValue: GrSegmentedValue\n  options: GrSegmentedOption[]\n  variant?: GrSegmentedVariant\n  size?: GrSegmentedSize\n  /**\n   * Направление ряда. Вертикаль — боковые фильтры; индикатор к ней готов по\n   * построению, он двумерный.\n   */\n  orientation?: GrSegmentedOrientation\n  /** Длительность анимации индикатора в мс. */\n  indicatorDuration?: number\n  /** Растягивать сегмент на всю ширину контейнера. */\n  block?: boolean\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Имя скрытых radio-inputs для интеграции с нативной формой. */\n  name?: string\n  ariaLabel?: string\n}\n\nexport interface GrSegmentedEmits {\n  (e: 'update:modelValue', value: GrSegmentedValue): void\n  (e: 'change', value: GrSegmentedValue, option: GrSegmentedOption): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrSegmentedProps>(),\n  {\n    variant: undefined,\n    size: undefined,\n    orientation: 'horizontal',\n    indicatorDuration: 300,\n    block: false,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    name: undefined,\n    ariaLabel: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrSegmented' })\nconst resolvedVariant = useGrComponentProp('GrSegmented', 'variant', () => props.variant, 'pills')\n\nconst emit = defineEmits<GrSegmentedEmits>()\ndefineSlots<{\n  /** Содержимое сегмента вместо подписи из `options`. */\n  default?: (props: {\n    option: GrSegmentedOption\n    selected: boolean\n    disabled: boolean\n    loading: boolean\n  }) => any\n}>()\n\n\n// `useId()` стабилен между сервером и клиентом, в отличие от `instance.uid`.\nconst fallbackName = `gr-segmented-${useId()}`\n\n// Контекст `GrFormField` + общий контракт форм-контрола.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\n\nconst rootRef = ref<HTMLElement | null>(null)\n\n// Фокус ходит между сегментами: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootRef, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\nconst itemRefs = ref(new Map<string, HTMLElement>())\nconst indicatorGeometry = ref<IndicatorGeometry | null>(null)\nconst indicatorReady = ref(false)\n\nlet resizeObserver: ResizeObserver | null = null\nlet observedRoot: HTMLElement | null = null\nlet observedItem: HTMLElement | null = null\nlet scheduled = false\n\nconst selectedIndex = computed(() => props.options.findIndex(option => option.value === props.modelValue))\nconst selectedOption = computed(() => props.options[selectedIndex.value] ?? null)\nconst indicatorDuration = computed(() => Math.max(0, Math.round(props.indicatorDuration)))\nconst isVertical = computed(() => props.orientation === 'vertical')\nconst rootClassName = computed(() => grSegmentedRootClass({\n  variant: resolvedVariant.value,\n  orientation: props.orientation,\n  block: props.block,\n  disabled: isDisabled.value,\n}))\n\n/**\n * Раскладка задаётся треками, а не классами: число сегментов известно только в\n * рантайме. По вертикали колонка одна — сегменты одинаковой ширины по\n * построению, и `block` решает лишь, занимать ли ширину контейнера.\n */\nconst rootStyle = computed<Record<string, string>>(() => {\n  const empty = props.options.length === 0\n  const track = () => props.block && !isVertical.value ? 'minmax(0,1fr)' : 'minmax(0,max-content)'\n\n  return {\n    ...grSegmentedRootStyle({\n      variant: resolvedVariant.value,\n      size: resolvedSize.value,\n      orientation: props.orientation,\n    }),\n    gridTemplateColumns: isVertical.value\n      ? 'minmax(0,1fr)'\n      : empty ? 'none' : props.options.map(track).join(' '),\n    ...(isVertical.value\n      ? { gridTemplateRows: empty ? 'none' : props.options.map(track).join(' ') }\n      : {}),\n  }\n})\nconst indicatorClassName = computed(() => grSegmentedIndicatorClass(resolvedVariant.value))\nconst resolvedName = computed(() => props.name ?? fallbackName)\nconst hasIndicator = computed(() => selectedIndex.value !== -1 && indicatorGeometry.value !== null)\n\nconst indicatorStyle = computed<Record<string, string>>(() => {\n  const geometry = indicatorGeometry.value\n  if (!geometry) {\n    return {\n      opacity: '0',\n      width: '0px',\n      height: '0px',\n      transitionDuration: `${indicatorDuration.value}ms`,\n      transform: 'translate3d(0px, 0px, 0px)',\n    }\n  }\n\n  return {\n    opacity: indicatorReady.value ? '1' : '0',\n    width: `${geometry.width}px`,\n    height: `${geometry.height}px`,\n    transitionDuration: `${indicatorDuration.value}ms`,\n    transform: `translate3d(${geometry.x}px, ${geometry.y}px, 0)`,\n  }\n})\n\nfunction getOptionKey(value: GrSegmentedValue): string {\n  return String(value)\n}\n\nfunction resolveOptionDisabled(option: GrSegmentedOption): boolean {\n  return isDisabled.value || Boolean(option.disabled)\n}\n\n/**\n * Занятый сегмент не «недоступен», а работает: нативный `disabled` и\n * `aria-disabled` ему не ставим — состояние несёт `aria-busy`. Но выбор он не\n * принимает, поэтому блокировка считается отдельно от `disabled`.\n */\nfunction isOptionBusy(option: GrSegmentedOption): boolean {\n  return Boolean(option.loading)\n}\n\nfunction isOptionBlocked(option: GrSegmentedOption): boolean {\n  return resolveOptionDisabled(option) || isOptionBusy(option)\n}\n\nfunction isOptionSelected(option: GrSegmentedOption): boolean {\n  return option.value === props.modelValue\n}\n\nfunction isIconOnlyOption(option: GrSegmentedOption): boolean {\n  return Boolean(option.icon) && !option.label\n}\n\nfunction setItemRef(value: GrSegmentedValue, element: Element | ComponentPublicInstance | null): void {\n  const key = getOptionKey(value)\n\n  if (!(element instanceof HTMLElement)) {\n    itemRefs.value.delete(key)\n    return\n  }\n\n  itemRefs.value.set(key, element)\n}\n\nfunction isSameGeometry(left: IndicatorGeometry | null, right: IndicatorGeometry | null): boolean {\n  if (left === right) {\n    return true\n  }\n\n  if (!left || !right) {\n    return false\n  }\n\n  return left.width === right.width\n    && left.height === right.height\n    && left.x === right.x\n    && left.y === right.y\n}\n\nfunction measureIndicator(): void {\n  const root = rootRef.value\n  const option = selectedOption.value\n  if (!root || !option) {\n    if (indicatorGeometry.value !== null)\n      indicatorGeometry.value = null\n\n    if (indicatorReady.value)\n      indicatorReady.value = false\n\n    return\n  }\n\n  const selectedItem = itemRefs.value.get(getOptionKey(option.value))\n  if (!selectedItem) {\n    return\n  }\n\n  const rootRect = root.getBoundingClientRect()\n  const itemRect = selectedItem.getBoundingClientRect()\n\n  const nextGeometry = {\n    width: Math.max(Math.round(itemRect.width), 0),\n    height: Math.max(Math.round(itemRect.height), 0),\n    x: Math.round(itemRect.left - rootRect.left),\n    y: Math.max(Math.round(itemRect.top - rootRect.top) - 1, 0),\n  } satisfies IndicatorGeometry\n\n  if (!isSameGeometry(indicatorGeometry.value, nextGeometry)) {\n    indicatorGeometry.value = nextGeometry\n  }\n\n  const nextReady = nextGeometry.width > 0 && nextGeometry.height > 0\n  if (indicatorReady.value !== nextReady) {\n    indicatorReady.value = nextReady\n  }\n}\n\nfunction refreshObserver(): void {\n  if (typeof ResizeObserver === 'undefined') {\n    return\n  }\n\n  const root = rootRef.value\n  const option = selectedOption.value\n  const selectedItem = option\n    ? itemRefs.value.get(getOptionKey(option.value)) ?? null\n    : null\n\n  if (!resizeObserver) {\n    resizeObserver = new ResizeObserver(() => scheduleMeasure())\n  }\n\n  if (!root) {\n    resizeObserver.disconnect()\n    observedRoot = null\n    observedItem = null\n    return\n  }\n\n  if (observedRoot === root && observedItem === selectedItem) {\n    return\n  }\n\n  resizeObserver.disconnect()\n  resizeObserver.observe(root)\n\n  if (selectedItem) {\n    resizeObserver.observe(selectedItem)\n  }\n\n  observedRoot = root\n  observedItem = selectedItem\n}\n\nfunction scheduleMeasure(): void {\n  if (scheduled) {\n    return\n  }\n\n  scheduled = true\n  void nextTick(() => {\n    scheduled = false\n    measureIndicator()\n    refreshObserver()\n  })\n}\n\nfunction emitValue(option: GrSegmentedOption): void {\n  // Один guard на все пути: проверяй `readonly` только клавиатура, и клик по\n  // сегменту менял бы значение вопреки заявленному контракту.\n  if (isReadonly.value || isOptionBlocked(option) || option.value === props.modelValue) {\n    return\n  }\n\n  emit('update:modelValue', option.value)\n  emit('change', option.value, option)\n}\n\nfunction optionOf(value: GrSegmentedValue): GrSegmentedOption | undefined {\n  return props.options.find(option => option.value === value)\n}\n\n/**\n * Кольцо roving-фокуса. Обе оси работают всегда: `orientation` у сегмента\n * описывает раскладку и уходит в `aria-orientation`, а не сужает клавиатуру —\n * вертикальный набор листается и стрелками влево/вправо.\n */\nconst roving = useRovingFocus<GrSegmentedValue>({\n  items: () => props.options.map(option => option.value),\n  elementFor: value => itemRefs.value.get(getOptionKey(value)),\n  isDisabled: (value) => {\n    const option = optionOf(value)\n    return option ? isOptionBlocked(option) : true\n  },\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  /**\n   * Выбранный сегмент держит остановку `Tab` — кроме выключенного: на нём\n   * стоит нативный `disabled`, и фокус на него не встанет вовсе. Загружающийся\n   * остановку сохраняет: он не «недоступен», а занят.\n   */\n  initialKey: () => {\n    const selected = selectedOption.value\n    return selected && !resolveOptionDisabled(selected) ? selected.value : undefined\n  },\n  // Стрелка в `radiogroup` переносит и выбор, а не только фокус.\n  onMove: (value) => {\n    const option = optionOf(value)\n    if (option) emitValue(option)\n  },\n})\n\nfunction onItemClick(option: GrSegmentedOption): void {\n  emitValue(option)\n  // Клик тоже переносит остановку `Tab`: иначе она осталась бы там, куда её\n  // увела последняя стрелка.\n  if (!isOptionBlocked(option)) roving.setActive(option.value)\n}\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый сегмент. */\nfunction rovingElement(): HTMLElement | undefined {\n  const key = roving.rovingKey.value\n  return key === undefined ? undefined : itemRefs.value.get(getOptionKey(key))\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nfunction onKeydown(event: KeyboardEvent, index: number): void {\n  if (isDisabled.value || isReadonly.value) {\n    return\n  }\n\n  if (roving.handleNavigationKeys(event)) {\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    const option = props.options[index]\n    if (option) {\n      emitValue(option)\n    }\n  }\n}\n\nwatch(() => props.modelValue, () => scheduleMeasure())\nwatch(() => props.options, () => scheduleMeasure(), { deep: true })\nwatch(resolvedVariant, () => scheduleMeasure())\nwatch(resolvedSize, () => scheduleMeasure())\nwatch(() => props.block, () => scheduleMeasure())\n// Смена ориентации переставляет сегменты: без пересчёта индикатор остался бы в\n// координатах прежней раскладки.\nwatch(() => props.orientation, () => scheduleMeasure())\n\nonMounted(() => scheduleMeasure())\nonBeforeUnmount(() => {\n  resizeObserver?.disconnect()\n  observedRoot = null\n  observedItem = null\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootRef\"\n    data-gr-segmented\n    :data-variant=\"resolvedVariant\"\n    role=\"radiogroup\"\n    :aria-orientation=\"orientation\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    :class=\"rootClassName\"\n    :style=\"rootStyle\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <!-- Значение для нативной формы уходит одним скрытым полем рядом с\n         сегментами, а не вложенным в каждый `role=\"radio\"`: роль объявляет своих\n         потомков презентационными, и вложенный интерактивный контрол ломает\n         виджет для скринридеров (axe: `nested-interactive`). Скрытое поле не\n         фокусируется и интерактивным не считается. -->\n    <input\n      v-if=\"selectedOption && !resolveOptionDisabled(selectedOption)\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"String(selectedOption.value)\"\n    >\n\n    <span\n      v-if=\"hasIndicator\"\n      data-gr-segmented-indicator\n      aria-hidden=\"true\"\n      :class=\"indicatorClassName\"\n      :style=\"indicatorStyle\"\n    />\n\n    <button\n      v-for=\"(option, index) in options\"\n      :key=\"option.value\"\n      :ref=\"element => setItemRef(option.value, element)\"\n      data-gr-segmented-item\n      :data-value=\"String(option.value)\"\n      type=\"button\"\n      role=\"radio\"\n      :aria-label=\"option.ariaLabel\"\n      :aria-checked=\"isOptionSelected(option) ? 'true' : 'false'\"\n      :aria-disabled=\"resolveOptionDisabled(option) ? 'true' : undefined\"\n      :aria-busy=\"isOptionBusy(option) ? 'true' : undefined\"\n      :disabled=\"resolveOptionDisabled(option)\"\n      :tabindex=\"roving.tabindexFor(option.value)\"\n      :class=\"grSegmentedItemClass({\n        variant: resolvedVariant,\n        selected: isOptionSelected(option),\n        disabled: resolveOptionDisabled(option),\n        iconOnly: isIconOnlyOption(option),\n      })\"\n      @click=\"onItemClick(option)\"\n      @keydown=\"onKeydown($event, index)\"\n    >\n      <slot\n        :option=\"option\"\n        :selected=\"isOptionSelected(option)\"\n        :disabled=\"resolveOptionDisabled(option)\"\n        :loading=\"isOptionBusy(option)\"\n      >\n        <!-- Спиннер занимает место иконки: две крутилки рядом читались бы как ошибка. -->\n        <IconLoader\n          v-if=\"isOptionBusy(option)\"\n          data-gr-segmented-spinner\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemSpinnerClass\"\n        />\n        <component\n          :is=\"option.icon\"\n          v-else-if=\"option.icon\"\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemIconClass\"\n        />\n        <span v-if=\"option.label\" :class=\"grSegmentedItemLabelClass\">\n          {{ option.label }}\n        </span>\n      </slot>\n    </button>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport {\n  grSegmentedIndicatorClass,\n  grSegmentedItemClass,\n  grSegmentedItemIconClass,\n  grSegmentedItemLabelClass,\n  grSegmentedItemSpinnerClass,\n  grSegmentedRootClass,\n  grSegmentedRootStyle,\n  type GrSegmentedOption,\n  type GrSegmentedOrientation,\n  type GrSegmentedSize,\n  type GrSegmentedValue,\n  type GrSegmentedVariant,\n} from './grSegmentedStyles'\n\ntype IndicatorGeometry = {\n  width: number\n  height: number\n  x: number\n  y: number\n}\n\n/**\n * Пропсы публичного GR-примитива «Segmented».\n */\nexport interface GrSegmentedProps {\n  modelValue: GrSegmentedValue\n  options: GrSegmentedOption[]\n  variant?: GrSegmentedVariant\n  size?: GrSegmentedSize\n  /**\n   * Направление ряда. Вертикаль — боковые фильтры; индикатор к ней готов по\n   * построению, он двумерный.\n   */\n  orientation?: GrSegmentedOrientation\n  /** Длительность анимации индикатора в мс. */\n  indicatorDuration?: number\n  /** Растягивать сегмент на всю ширину контейнера. */\n  block?: boolean\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Имя скрытых radio-inputs для интеграции с нативной формой. */\n  name?: string\n  ariaLabel?: string\n}\n\nexport interface GrSegmentedEmits {\n  (e: 'update:modelValue', value: GrSegmentedValue): void\n  (e: 'change', value: GrSegmentedValue, option: GrSegmentedOption): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrSegmentedProps>(),\n  {\n    variant: undefined,\n    size: undefined,\n    orientation: 'horizontal',\n    indicatorDuration: 300,\n    block: false,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    name: undefined,\n    ariaLabel: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrSegmented' })\nconst resolvedVariant = useGrComponentProp('GrSegmented', 'variant', () => props.variant, 'pills')\n\nconst emit = defineEmits<GrSegmentedEmits>()\ndefineSlots<{\n  /** Содержимое сегмента вместо подписи из `options`. */\n  default?: (props: {\n    option: GrSegmentedOption\n    selected: boolean\n    disabled: boolean\n    loading: boolean\n  }) => any\n}>()\n\n\n// `useId()` стабилен между сервером и клиентом, в отличие от `instance.uid`.\nconst fallbackName = `gr-segmented-${useId()}`\n\n// Контекст `GrFormField` + общий контракт форм-контрола.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\n\nconst rootRef = ref<HTMLElement | null>(null)\n\n// Фокус ходит между сегментами: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootRef, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\nconst itemRefs = ref(new Map<string, HTMLElement>())\nconst indicatorGeometry = ref<IndicatorGeometry | null>(null)\nconst indicatorReady = ref(false)\n\nlet resizeObserver: ResizeObserver | null = null\nlet observedRoot: HTMLElement | null = null\nlet observedItem: HTMLElement | null = null\nlet scheduled = false\n\nconst selectedIndex = computed(() => props.options.findIndex(option => option.value === props.modelValue))\nconst selectedOption = computed(() => props.options[selectedIndex.value] ?? null)\nconst indicatorDuration = computed(() => Math.max(0, Math.round(props.indicatorDuration)))\nconst isVertical = computed(() => props.orientation === 'vertical')\nconst rootClassName = computed(() => grSegmentedRootClass({\n  variant: resolvedVariant.value,\n  orientation: props.orientation,\n  block: props.block,\n  disabled: isDisabled.value,\n}))\n\n/**\n * Раскладка задаётся треками, а не классами: число сегментов известно только в\n * рантайме. По вертикали колонка одна — сегменты одинаковой ширины по\n * построению, и `block` решает лишь, занимать ли ширину контейнера.\n */\nconst rootStyle = computed<Record<string, string>>(() => {\n  const empty = props.options.length === 0\n  const track = () => props.block && !isVertical.value ? 'minmax(0,1fr)' : 'minmax(0,max-content)'\n\n  return {\n    ...grSegmentedRootStyle({\n      variant: resolvedVariant.value,\n      size: resolvedSize.value,\n      orientation: props.orientation,\n    }),\n    gridTemplateColumns: isVertical.value\n      ? 'minmax(0,1fr)'\n      : empty ? 'none' : props.options.map(track).join(' '),\n    ...(isVertical.value\n      ? { gridTemplateRows: empty ? 'none' : props.options.map(track).join(' ') }\n      : {}),\n  }\n})\nconst indicatorClassName = computed(() => grSegmentedIndicatorClass(resolvedVariant.value))\nconst resolvedName = computed(() => props.name ?? fallbackName)\nconst hasIndicator = computed(() => selectedIndex.value !== -1 && indicatorGeometry.value !== null)\n\nconst indicatorStyle = computed<Record<string, string>>(() => {\n  const geometry = indicatorGeometry.value\n  if (!geometry) {\n    return {\n      opacity: '0',\n      width: '0px',\n      height: '0px',\n      transitionDuration: `${indicatorDuration.value}ms`,\n      transform: 'translate3d(0px, 0px, 0px)',\n    }\n  }\n\n  return {\n    opacity: indicatorReady.value ? '1' : '0',\n    width: `${geometry.width}px`,\n    height: `${geometry.height}px`,\n    transitionDuration: `${indicatorDuration.value}ms`,\n    transform: `translate3d(${geometry.x}px, ${geometry.y}px, 0)`,\n  }\n})\n\nfunction getOptionKey(value: GrSegmentedValue): string {\n  return String(value)\n}\n\nfunction resolveOptionDisabled(option: GrSegmentedOption): boolean {\n  return isDisabled.value || Boolean(option.disabled)\n}\n\n/**\n * Занятый сегмент не «недоступен», а работает: нативный `disabled` и\n * `aria-disabled` ему не ставим — состояние несёт `aria-busy`. Но выбор он не\n * принимает, поэтому блокировка считается отдельно от `disabled`.\n */\nfunction isOptionBusy(option: GrSegmentedOption): boolean {\n  return Boolean(option.loading)\n}\n\nfunction isOptionBlocked(option: GrSegmentedOption): boolean {\n  return resolveOptionDisabled(option) || isOptionBusy(option)\n}\n\nfunction isOptionSelected(option: GrSegmentedOption): boolean {\n  return option.value === props.modelValue\n}\n\nfunction isIconOnlyOption(option: GrSegmentedOption): boolean {\n  return Boolean(option.icon) && !option.label\n}\n\nfunction setItemRef(value: GrSegmentedValue, element: Element | ComponentPublicInstance | null): void {\n  const key = getOptionKey(value)\n\n  if (!(element instanceof HTMLElement)) {\n    itemRefs.value.delete(key)\n    return\n  }\n\n  itemRefs.value.set(key, element)\n}\n\nfunction isSameGeometry(left: IndicatorGeometry | null, right: IndicatorGeometry | null): boolean {\n  if (left === right) {\n    return true\n  }\n\n  if (!left || !right) {\n    return false\n  }\n\n  return left.width === right.width\n    && left.height === right.height\n    && left.x === right.x\n    && left.y === right.y\n}\n\nfunction measureIndicator(): void {\n  const root = rootRef.value\n  const option = selectedOption.value\n  if (!root || !option) {\n    if (indicatorGeometry.value !== null)\n      indicatorGeometry.value = null\n\n    if (indicatorReady.value)\n      indicatorReady.value = false\n\n    return\n  }\n\n  const selectedItem = itemRefs.value.get(getOptionKey(option.value))\n  if (!selectedItem) {\n    return\n  }\n\n  const rootRect = root.getBoundingClientRect()\n  const itemRect = selectedItem.getBoundingClientRect()\n\n  const nextGeometry = {\n    width: Math.max(Math.round(itemRect.width), 0),\n    height: Math.max(Math.round(itemRect.height), 0),\n    x: Math.round(itemRect.left - rootRect.left),\n    y: Math.max(Math.round(itemRect.top - rootRect.top) - 1, 0),\n  } satisfies IndicatorGeometry\n\n  if (!isSameGeometry(indicatorGeometry.value, nextGeometry)) {\n    indicatorGeometry.value = nextGeometry\n  }\n\n  const nextReady = nextGeometry.width > 0 && nextGeometry.height > 0\n  if (indicatorReady.value !== nextReady) {\n    indicatorReady.value = nextReady\n  }\n}\n\nfunction refreshObserver(): void {\n  if (typeof ResizeObserver === 'undefined') {\n    return\n  }\n\n  const root = rootRef.value\n  const option = selectedOption.value\n  const selectedItem = option\n    ? itemRefs.value.get(getOptionKey(option.value)) ?? null\n    : null\n\n  if (!resizeObserver) {\n    resizeObserver = new ResizeObserver(() => scheduleMeasure())\n  }\n\n  if (!root) {\n    resizeObserver.disconnect()\n    observedRoot = null\n    observedItem = null\n    return\n  }\n\n  if (observedRoot === root && observedItem === selectedItem) {\n    return\n  }\n\n  resizeObserver.disconnect()\n  resizeObserver.observe(root)\n\n  if (selectedItem) {\n    resizeObserver.observe(selectedItem)\n  }\n\n  observedRoot = root\n  observedItem = selectedItem\n}\n\nfunction scheduleMeasure(): void {\n  if (scheduled) {\n    return\n  }\n\n  scheduled = true\n  void nextTick(() => {\n    scheduled = false\n    measureIndicator()\n    refreshObserver()\n  })\n}\n\nfunction emitValue(option: GrSegmentedOption): void {\n  // Один guard на все пути: проверяй `readonly` только клавиатура, и клик по\n  // сегменту менял бы значение вопреки заявленному контракту.\n  if (isReadonly.value || isOptionBlocked(option) || option.value === props.modelValue) {\n    return\n  }\n\n  emit('update:modelValue', option.value)\n  emit('change', option.value, option)\n}\n\nfunction optionOf(value: GrSegmentedValue): GrSegmentedOption | undefined {\n  return props.options.find(option => option.value === value)\n}\n\n/**\n * Кольцо roving-фокуса. Обе оси работают всегда: `orientation` у сегмента\n * описывает раскладку и уходит в `aria-orientation`, а не сужает клавиатуру —\n * вертикальный набор листается и стрелками влево/вправо.\n */\nconst roving = useRovingFocus<GrSegmentedValue>({\n  items: () => props.options.map(option => option.value),\n  elementFor: value => itemRefs.value.get(getOptionKey(value)),\n  isDisabled: (value) => {\n    const option = optionOf(value)\n    return option ? isOptionBlocked(option) : true\n  },\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  /**\n   * Выбранный сегмент держит остановку `Tab` — кроме выключенного: на нём\n   * стоит нативный `disabled`, и фокус на него не встанет вовсе. Загружающийся\n   * остановку сохраняет: он не «недоступен», а занят.\n   */\n  initialKey: () => {\n    const selected = selectedOption.value\n    return selected && !resolveOptionDisabled(selected) ? selected.value : undefined\n  },\n  // Стрелка в `radiogroup` переносит и выбор, а не только фокус.\n  onMove: (value) => {\n    const option = optionOf(value)\n    if (option) emitValue(option)\n  },\n})\n\nfunction onItemClick(option: GrSegmentedOption): void {\n  emitValue(option)\n  // Клик тоже переносит остановку `Tab`: иначе она осталась бы там, куда её\n  // увела последняя стрелка.\n  if (!isOptionBlocked(option)) roving.setActive(option.value)\n}\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый сегмент. */\nfunction rovingElement(): HTMLElement | undefined {\n  const key = roving.rovingKey.value\n  return key === undefined ? undefined : itemRefs.value.get(getOptionKey(key))\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nfunction onKeydown(event: KeyboardEvent, index: number): void {\n  if (isDisabled.value || isReadonly.value) {\n    return\n  }\n\n  if (roving.handleNavigationKeys(event)) {\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    const option = props.options[index]\n    if (option) {\n      emitValue(option)\n    }\n  }\n}\n\nwatch(() => props.modelValue, () => scheduleMeasure())\nwatch(() => props.options, () => scheduleMeasure(), { deep: true })\nwatch(resolvedVariant, () => scheduleMeasure())\nwatch(resolvedSize, () => scheduleMeasure())\nwatch(() => props.block, () => scheduleMeasure())\n// Смена ориентации переставляет сегменты: без пересчёта индикатор остался бы в\n// координатах прежней раскладки.\nwatch(() => props.orientation, () => scheduleMeasure())\n\nonMounted(() => scheduleMeasure())\nonBeforeUnmount(() => {\n  resizeObserver?.disconnect()\n  observedRoot = null\n  observedItem = null\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootRef\"\n    data-gr-segmented\n    :data-variant=\"resolvedVariant\"\n    role=\"radiogroup\"\n    :aria-orientation=\"orientation\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    :class=\"rootClassName\"\n    :style=\"rootStyle\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <!-- Значение для нативной формы уходит одним скрытым полем рядом с\n         сегментами, а не вложенным в каждый `role=\"radio\"`: роль объявляет своих\n         потомков презентационными, и вложенный интерактивный контрол ломает\n         виджет для скринридеров (axe: `nested-interactive`). Скрытое поле не\n         фокусируется и интерактивным не считается. -->\n    <input\n      v-if=\"selectedOption && !resolveOptionDisabled(selectedOption)\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"String(selectedOption.value)\"\n    >\n\n    <span\n      v-if=\"hasIndicator\"\n      data-gr-segmented-indicator\n      aria-hidden=\"true\"\n      :class=\"indicatorClassName\"\n      :style=\"indicatorStyle\"\n    />\n\n    <button\n      v-for=\"(option, index) in options\"\n      :key=\"option.value\"\n      :ref=\"element => setItemRef(option.value, element)\"\n      data-gr-segmented-item\n      :data-value=\"String(option.value)\"\n      type=\"button\"\n      role=\"radio\"\n      :aria-label=\"option.ariaLabel\"\n      :aria-checked=\"isOptionSelected(option) ? 'true' : 'false'\"\n      :aria-disabled=\"resolveOptionDisabled(option) ? 'true' : undefined\"\n      :aria-busy=\"isOptionBusy(option) ? 'true' : undefined\"\n      :disabled=\"resolveOptionDisabled(option)\"\n      :tabindex=\"roving.tabindexFor(option.value)\"\n      :class=\"grSegmentedItemClass({\n        variant: resolvedVariant,\n        selected: isOptionSelected(option),\n        disabled: resolveOptionDisabled(option),\n        iconOnly: isIconOnlyOption(option),\n      })\"\n      @click=\"onItemClick(option)\"\n      @keydown=\"onKeydown($event, index)\"\n    >\n      <slot\n        :option=\"option\"\n        :selected=\"isOptionSelected(option)\"\n        :disabled=\"resolveOptionDisabled(option)\"\n        :loading=\"isOptionBusy(option)\"\n      >\n        <!-- Спиннер занимает место иконки: две крутилки рядом читались бы как ошибка. -->\n        <IconLoader\n          v-if=\"isOptionBusy(option)\"\n          data-gr-segmented-spinner\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemSpinnerClass\"\n        />\n        <component\n          :is=\"option.icon\"\n          v-else-if=\"option.icon\"\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemIconClass\"\n        />\n        <span v-if=\"option.label\" :class=\"grSegmentedItemLabelClass\">\n          {{ option.label }}\n        </span>\n      </slot>\n    </button>\n  </div>\n</template>"],"mappings":"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"}
+{"version":3,"file":"GrSegmented-DP9WMAbm.js","names":[],"sources":["../../../../src/components/GrSegmented/GrSegmented.vue","../../../../src/components/GrSegmented/GrSegmented.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport {\n  grSegmentedIndicatorClass,\n  grSegmentedItemClass,\n  grSegmentedItemIconClass,\n  grSegmentedItemLabelClass,\n  grSegmentedItemSpinnerClass,\n  grSegmentedRootClass,\n  grSegmentedRootStyle,\n  type GrSegmentedOption,\n  type GrSegmentedOrientation,\n  type GrSegmentedSize,\n  type GrSegmentedValue,\n  type GrSegmentedVariant,\n} from './grSegmentedStyles'\n\ntype IndicatorGeometry = {\n  width: number\n  height: number\n  x: number\n  y: number\n}\n\n/**\n * Пропсы публичного GR-примитива «Segmented».\n */\nexport interface GrSegmentedProps {\n  modelValue: GrSegmentedValue\n  options: GrSegmentedOption[]\n  variant?: GrSegmentedVariant\n  size?: GrSegmentedSize\n  /**\n   * Направление ряда. Вертикаль — боковые фильтры; индикатор к ней готов по\n   * построению, он двумерный.\n   */\n  orientation?: GrSegmentedOrientation\n  /** Длительность анимации индикатора в мс. */\n  indicatorDuration?: number\n  /** Растягивать сегмент на всю ширину контейнера. */\n  block?: boolean\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Имя скрытых radio-inputs для интеграции с нативной формой. */\n  name?: string\n  ariaLabel?: string\n}\n\nexport interface GrSegmentedEmits {\n  (e: 'update:modelValue', value: GrSegmentedValue): void\n  (e: 'change', value: GrSegmentedValue, option: GrSegmentedOption): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrSegmentedProps>(),\n  {\n    variant: undefined,\n    size: undefined,\n    orientation: 'horizontal',\n    indicatorDuration: 300,\n    block: false,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    name: undefined,\n    ariaLabel: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrSegmented' })\nconst resolvedVariant = useGrComponentProp('GrSegmented', 'variant', () => props.variant, 'pills')\n\nconst emit = defineEmits<GrSegmentedEmits>()\ndefineSlots<{\n  /** Содержимое сегмента вместо подписи из `options`. */\n  default?: (props: {\n    option: GrSegmentedOption\n    selected: boolean\n    disabled: boolean\n    loading: boolean\n  }) => any\n}>()\n\n\n// `useId()` стабилен между сервером и клиентом, в отличие от `instance.uid`.\nconst fallbackName = `gr-segmented-${useId()}`\n\n// Контекст `GrFormField` + общий контракт форм-контрола.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\n\nconst rootRef = ref<HTMLElement | null>(null)\n\n// Фокус ходит между сегментами: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootRef, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\nconst itemRefs = ref(new Map<string, HTMLElement>())\nconst indicatorGeometry = ref<IndicatorGeometry | null>(null)\nconst indicatorReady = ref(false)\n\nlet resizeObserver: ResizeObserver | null = null\nlet observedRoot: HTMLElement | null = null\nlet observedItem: HTMLElement | null = null\nlet scheduled = false\n\nconst selectedIndex = computed(() => props.options.findIndex(option => option.value === props.modelValue))\nconst selectedOption = computed(() => props.options[selectedIndex.value] ?? null)\nconst indicatorDuration = computed(() => Math.max(0, Math.round(props.indicatorDuration)))\nconst isVertical = computed(() => props.orientation === 'vertical')\nconst rootClassName = computed(() => grSegmentedRootClass({\n  variant: resolvedVariant.value,\n  orientation: props.orientation,\n  block: props.block,\n  disabled: isDisabled.value,\n}))\n\n/**\n * Раскладка задаётся треками, а не классами: число сегментов известно только в\n * рантайме. По вертикали колонка одна — сегменты одинаковой ширины по\n * построению, и `block` решает лишь, занимать ли ширину контейнера.\n */\nconst rootStyle = computed<Record<string, string>>(() => {\n  const empty = props.options.length === 0\n  const track = () => props.block && !isVertical.value ? 'minmax(0,1fr)' : 'minmax(0,max-content)'\n\n  return {\n    ...grSegmentedRootStyle({\n      variant: resolvedVariant.value,\n      size: resolvedSize.value,\n      orientation: props.orientation,\n    }),\n    gridTemplateColumns: isVertical.value\n      ? 'minmax(0,1fr)'\n      : empty ? 'none' : props.options.map(track).join(' '),\n    ...(isVertical.value\n      ? { gridTemplateRows: empty ? 'none' : props.options.map(track).join(' ') }\n      : {}),\n  }\n})\nconst indicatorClassName = computed(() => grSegmentedIndicatorClass(resolvedVariant.value))\nconst resolvedName = computed(() => props.name ?? fallbackName)\nconst hasIndicator = computed(() => selectedIndex.value !== -1 && indicatorGeometry.value !== null)\n\nconst indicatorStyle = computed<Record<string, string>>(() => {\n  const geometry = indicatorGeometry.value\n  if (!geometry) {\n    return {\n      opacity: '0',\n      width: '0px',\n      height: '0px',\n      transitionDuration: `${indicatorDuration.value}ms`,\n      transform: 'translate3d(0px, 0px, 0px)',\n    }\n  }\n\n  return {\n    opacity: indicatorReady.value ? '1' : '0',\n    width: `${geometry.width}px`,\n    height: `${geometry.height}px`,\n    transitionDuration: `${indicatorDuration.value}ms`,\n    transform: `translate3d(${geometry.x}px, ${geometry.y}px, 0)`,\n  }\n})\n\nfunction getOptionKey(value: GrSegmentedValue): string {\n  return String(value)\n}\n\nfunction resolveOptionDisabled(option: GrSegmentedOption): boolean {\n  return isDisabled.value || Boolean(option.disabled)\n}\n\n/**\n * Занятый сегмент не «недоступен», а работает: нативный `disabled` и\n * `aria-disabled` ему не ставим — состояние несёт `aria-busy`. Но выбор он не\n * принимает, поэтому блокировка считается отдельно от `disabled`.\n */\nfunction isOptionBusy(option: GrSegmentedOption): boolean {\n  return Boolean(option.loading)\n}\n\nfunction isOptionBlocked(option: GrSegmentedOption): boolean {\n  return resolveOptionDisabled(option) || isOptionBusy(option)\n}\n\nfunction isOptionSelected(option: GrSegmentedOption): boolean {\n  return option.value === props.modelValue\n}\n\nfunction isIconOnlyOption(option: GrSegmentedOption): boolean {\n  return Boolean(option.icon) && !option.label\n}\n\nfunction setItemRef(value: GrSegmentedValue, element: Element | ComponentPublicInstance | null): void {\n  const key = getOptionKey(value)\n\n  if (!(element instanceof HTMLElement)) {\n    itemRefs.value.delete(key)\n    return\n  }\n\n  itemRefs.value.set(key, element)\n}\n\nfunction isSameGeometry(left: IndicatorGeometry | null, right: IndicatorGeometry | null): boolean {\n  if (left === right) {\n    return true\n  }\n\n  if (!left || !right) {\n    return false\n  }\n\n  return left.width === right.width\n    && left.height === right.height\n    && left.x === right.x\n    && left.y === right.y\n}\n\nfunction measureIndicator(): void {\n  const root = rootRef.value\n  const option = selectedOption.value\n  if (!root || !option) {\n    if (indicatorGeometry.value !== null)\n      indicatorGeometry.value = null\n\n    if (indicatorReady.value)\n      indicatorReady.value = false\n\n    return\n  }\n\n  const selectedItem = itemRefs.value.get(getOptionKey(option.value))\n  if (!selectedItem) {\n    return\n  }\n\n  const rootRect = root.getBoundingClientRect()\n  const itemRect = selectedItem.getBoundingClientRect()\n\n  const nextGeometry = {\n    width: Math.max(Math.round(itemRect.width), 0),\n    height: Math.max(Math.round(itemRect.height), 0),\n    x: Math.round(itemRect.left - rootRect.left),\n    y: Math.max(Math.round(itemRect.top - rootRect.top) - 1, 0),\n  } satisfies IndicatorGeometry\n\n  if (!isSameGeometry(indicatorGeometry.value, nextGeometry)) {\n    indicatorGeometry.value = nextGeometry\n  }\n\n  const nextReady = nextGeometry.width > 0 && nextGeometry.height > 0\n  if (indicatorReady.value !== nextReady) {\n    indicatorReady.value = nextReady\n  }\n}\n\nfunction refreshObserver(): void {\n  if (typeof ResizeObserver === 'undefined') {\n    return\n  }\n\n  const root = rootRef.value\n  const option = selectedOption.value\n  const selectedItem = option\n    ? itemRefs.value.get(getOptionKey(option.value)) ?? null\n    : null\n\n  if (!resizeObserver) {\n    resizeObserver = new ResizeObserver(() => scheduleMeasure())\n  }\n\n  if (!root) {\n    resizeObserver.disconnect()\n    observedRoot = null\n    observedItem = null\n    return\n  }\n\n  if (observedRoot === root && observedItem === selectedItem) {\n    return\n  }\n\n  resizeObserver.disconnect()\n  resizeObserver.observe(root)\n\n  if (selectedItem) {\n    resizeObserver.observe(selectedItem)\n  }\n\n  observedRoot = root\n  observedItem = selectedItem\n}\n\nfunction scheduleMeasure(): void {\n  if (scheduled) {\n    return\n  }\n\n  scheduled = true\n  void nextTick(() => {\n    scheduled = false\n    measureIndicator()\n    refreshObserver()\n  })\n}\n\nfunction emitValue(option: GrSegmentedOption): void {\n  // Один guard на все пути: проверяй `readonly` только клавиатура, и клик по\n  // сегменту менял бы значение вопреки заявленному контракту.\n  if (isReadonly.value || isOptionBlocked(option) || option.value === props.modelValue) {\n    return\n  }\n\n  emit('update:modelValue', option.value)\n  emit('change', option.value, option)\n}\n\nfunction optionOf(value: GrSegmentedValue): GrSegmentedOption | undefined {\n  return props.options.find(option => option.value === value)\n}\n\n/**\n * Кольцо roving-фокуса. Обе оси работают всегда: `orientation` у сегмента\n * описывает раскладку и уходит в `aria-orientation`, а не сужает клавиатуру —\n * вертикальный набор листается и стрелками влево/вправо.\n */\nconst roving = useRovingFocus<GrSegmentedValue>({\n  items: () => props.options.map(option => option.value),\n  elementFor: value => itemRefs.value.get(getOptionKey(value)),\n  isDisabled: (value) => {\n    const option = optionOf(value)\n    return option ? isOptionBlocked(option) : true\n  },\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  /**\n   * Выбранный сегмент держит остановку `Tab` — кроме выключенного: на нём\n   * стоит нативный `disabled`, и фокус на него не встанет вовсе. Загружающийся\n   * остановку сохраняет: он не «недоступен», а занят.\n   */\n  initialKey: () => {\n    const selected = selectedOption.value\n    return selected && !resolveOptionDisabled(selected) ? selected.value : undefined\n  },\n  // Стрелка в `radiogroup` переносит и выбор, а не только фокус.\n  onMove: (value) => {\n    const option = optionOf(value)\n    if (option) emitValue(option)\n  },\n})\n\nfunction onItemClick(option: GrSegmentedOption): void {\n  emitValue(option)\n  // Клик тоже переносит остановку `Tab`: иначе она осталась бы там, куда её\n  // увела последняя стрелка.\n  if (!isOptionBlocked(option)) roving.setActive(option.value)\n}\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый сегмент. */\nfunction rovingElement(): HTMLElement | undefined {\n  const key = roving.rovingKey.value\n  return key === undefined ? undefined : itemRefs.value.get(getOptionKey(key))\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nfunction onKeydown(event: KeyboardEvent, index: number): void {\n  if (isDisabled.value || isReadonly.value) {\n    return\n  }\n\n  if (roving.handleNavigationKeys(event)) {\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    const option = props.options[index]\n    if (option) {\n      emitValue(option)\n    }\n  }\n}\n\nwatch(() => props.modelValue, () => scheduleMeasure())\nwatch(() => props.options, () => scheduleMeasure(), { deep: true })\nwatch(resolvedVariant, () => scheduleMeasure())\nwatch(resolvedSize, () => scheduleMeasure())\nwatch(() => props.block, () => scheduleMeasure())\n// Смена ориентации переставляет сегменты: без пересчёта индикатор остался бы в\n// координатах прежней раскладки.\nwatch(() => props.orientation, () => scheduleMeasure())\n\nonMounted(() => scheduleMeasure())\nonBeforeUnmount(() => {\n  resizeObserver?.disconnect()\n  observedRoot = null\n  observedItem = null\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootRef\"\n    data-gr-segmented\n    :data-variant=\"resolvedVariant\"\n    role=\"radiogroup\"\n    :aria-orientation=\"orientation\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    :class=\"rootClassName\"\n    :style=\"rootStyle\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <!-- Значение для нативной формы уходит одним скрытым полем рядом с\n         сегментами, а не вложенным в каждый `role=\"radio\"`: роль объявляет своих\n         потомков презентационными, и вложенный интерактивный контрол ломает\n         виджет для скринридеров (axe: `nested-interactive`). Скрытое поле не\n         фокусируется и интерактивным не считается. -->\n    <input\n      v-if=\"selectedOption && !resolveOptionDisabled(selectedOption)\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"String(selectedOption.value)\"\n    >\n\n    <span\n      v-if=\"hasIndicator\"\n      data-gr-segmented-indicator\n      aria-hidden=\"true\"\n      :class=\"indicatorClassName\"\n      :style=\"indicatorStyle\"\n    />\n\n    <button\n      v-for=\"(option, index) in options\"\n      :key=\"option.value\"\n      :ref=\"element => setItemRef(option.value, element)\"\n      data-gr-segmented-item\n      :data-value=\"String(option.value)\"\n      type=\"button\"\n      role=\"radio\"\n      :aria-label=\"option.ariaLabel\"\n      :aria-checked=\"isOptionSelected(option) ? 'true' : 'false'\"\n      :aria-disabled=\"resolveOptionDisabled(option) ? 'true' : undefined\"\n      :aria-busy=\"isOptionBusy(option) ? 'true' : undefined\"\n      :disabled=\"resolveOptionDisabled(option)\"\n      :tabindex=\"roving.tabindexFor(option.value)\"\n      :class=\"grSegmentedItemClass({\n        variant: resolvedVariant,\n        selected: isOptionSelected(option),\n        disabled: resolveOptionDisabled(option),\n        iconOnly: isIconOnlyOption(option),\n      })\"\n      @click=\"onItemClick(option)\"\n      @keydown=\"onKeydown($event, index)\"\n    >\n      <slot\n        :option=\"option\"\n        :selected=\"isOptionSelected(option)\"\n        :disabled=\"resolveOptionDisabled(option)\"\n        :loading=\"isOptionBusy(option)\"\n      >\n        <!-- Спиннер занимает место иконки: две крутилки рядом читались бы как ошибка. -->\n        <IconLoader\n          v-if=\"isOptionBusy(option)\"\n          data-gr-segmented-spinner\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemSpinnerClass\"\n        />\n        <component\n          :is=\"option.icon\"\n          v-else-if=\"option.icon\"\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemIconClass\"\n        />\n        <span v-if=\"option.label\" :class=\"grSegmentedItemLabelClass\">\n          {{ option.label }}\n        </span>\n      </slot>\n    </button>\n  </div>\n</template>","<script setup lang=\"ts\">\nimport { computed, nextTick, onBeforeUnmount, onMounted, ref, useId, watch } from 'vue'\n\nimport { useGrComponentProp, useGrComponentSize } from '../GrConfigProvider/context'\nimport { useGrFormFieldContext } from '../GrFormField/context'\nimport { useGrFormControl } from '../../composables/useGrFormControl'\nimport { useRovingFocus } from '../../composables/useRovingFocus'\nimport { useFocusWithin } from '../../composables/internal/useFocusWithin'\n\nimport type { ComponentPublicInstance } from 'vue'\nimport IconLoader from '~icons/lucide/loader-circle'\n\nimport {\n  grSegmentedIndicatorClass,\n  grSegmentedItemClass,\n  grSegmentedItemIconClass,\n  grSegmentedItemLabelClass,\n  grSegmentedItemSpinnerClass,\n  grSegmentedRootClass,\n  grSegmentedRootStyle,\n  type GrSegmentedOption,\n  type GrSegmentedOrientation,\n  type GrSegmentedSize,\n  type GrSegmentedValue,\n  type GrSegmentedVariant,\n} from './grSegmentedStyles'\n\ntype IndicatorGeometry = {\n  width: number\n  height: number\n  x: number\n  y: number\n}\n\n/**\n * Пропсы публичного GR-примитива «Segmented».\n */\nexport interface GrSegmentedProps {\n  modelValue: GrSegmentedValue\n  options: GrSegmentedOption[]\n  variant?: GrSegmentedVariant\n  size?: GrSegmentedSize\n  /**\n   * Направление ряда. Вертикаль — боковые фильтры; индикатор к ней готов по\n   * построению, он двумерный.\n   */\n  orientation?: GrSegmentedOrientation\n  /** Длительность анимации индикатора в мс. */\n  indicatorDuration?: number\n  /** Растягивать сегмент на всю ширину контейнера. */\n  block?: boolean\n  disabled?: boolean\n  /** Только для чтения: выбор видно, но он не меняется. */\n  readonly?: boolean\n  /** Визуальное и ARIA-состояние ошибки. */\n  invalid?: boolean\n  /** Обязательное поле (`aria-required`). */\n  required?: boolean\n  /** Имя скрытых radio-inputs для интеграции с нативной формой. */\n  name?: string\n  ariaLabel?: string\n}\n\nexport interface GrSegmentedEmits {\n  (e: 'update:modelValue', value: GrSegmentedValue): void\n  (e: 'change', value: GrSegmentedValue, option: GrSegmentedOption): void\n  (e: 'focus', event: FocusEvent): void\n  (e: 'blur', event: FocusEvent): void\n}\n\nconst props = withDefaults(\n  defineProps<GrSegmentedProps>(),\n  {\n    variant: undefined,\n    size: undefined,\n    orientation: 'horizontal',\n    indicatorDuration: 300,\n    block: false,\n    disabled: false,\n    readonly: false,\n    invalid: false,\n    required: false,\n    name: undefined,\n    ariaLabel: undefined,\n  },\n)\n\n// Эффективный размер: локальный проп → `GrConfigProvider` → дефолт компонента.\nconst resolvedSize = useGrComponentSize(() => props.size, { component: 'GrSegmented' })\nconst resolvedVariant = useGrComponentProp('GrSegmented', 'variant', () => props.variant, 'pills')\n\nconst emit = defineEmits<GrSegmentedEmits>()\ndefineSlots<{\n  /** Содержимое сегмента вместо подписи из `options`. */\n  default?: (props: {\n    option: GrSegmentedOption\n    selected: boolean\n    disabled: boolean\n    loading: boolean\n  }) => any\n}>()\n\n\n// `useId()` стабилен между сервером и клиентом, в отличие от `instance.uid`.\nconst fallbackName = `gr-segmented-${useId()}`\n\n// Контекст `GrFormField` + общий контракт форм-контрола.\nconst field = useGrFormFieldContext()\nconst fieldId = computed(() => field?.id.value)\nconst describedBy = computed(() => field?.describedById.value)\nconst labelledBy = computed(() => (props.ariaLabel ? undefined : field?.labelId.value))\nconst {\n  disabled: isDisabled,\n  invalid: isInvalid, required: isRequired, readonly: isReadonly } = useGrFormControl(() => props)\n\nconst rootRef = ref<HTMLElement | null>(null)\n\n// Фокус ходит между сегментами: без границы каждая стрелка давала бы\n// потребителю пару `blur` + `focus`.\nconst { onFocusIn, onFocusOut } = useFocusWithin(rootRef, {\n  enter: event => emit('focus', event),\n  leave: event => emit('blur', event),\n})\n\ndefineExpose({ focus, blur })\nconst itemRefs = ref(new Map<string, HTMLElement>())\nconst indicatorGeometry = ref<IndicatorGeometry | null>(null)\nconst indicatorReady = ref(false)\n\nlet resizeObserver: ResizeObserver | null = null\nlet observedRoot: HTMLElement | null = null\nlet observedItem: HTMLElement | null = null\nlet scheduled = false\n\nconst selectedIndex = computed(() => props.options.findIndex(option => option.value === props.modelValue))\nconst selectedOption = computed(() => props.options[selectedIndex.value] ?? null)\nconst indicatorDuration = computed(() => Math.max(0, Math.round(props.indicatorDuration)))\nconst isVertical = computed(() => props.orientation === 'vertical')\nconst rootClassName = computed(() => grSegmentedRootClass({\n  variant: resolvedVariant.value,\n  orientation: props.orientation,\n  block: props.block,\n  disabled: isDisabled.value,\n}))\n\n/**\n * Раскладка задаётся треками, а не классами: число сегментов известно только в\n * рантайме. По вертикали колонка одна — сегменты одинаковой ширины по\n * построению, и `block` решает лишь, занимать ли ширину контейнера.\n */\nconst rootStyle = computed<Record<string, string>>(() => {\n  const empty = props.options.length === 0\n  const track = () => props.block && !isVertical.value ? 'minmax(0,1fr)' : 'minmax(0,max-content)'\n\n  return {\n    ...grSegmentedRootStyle({\n      variant: resolvedVariant.value,\n      size: resolvedSize.value,\n      orientation: props.orientation,\n    }),\n    gridTemplateColumns: isVertical.value\n      ? 'minmax(0,1fr)'\n      : empty ? 'none' : props.options.map(track).join(' '),\n    ...(isVertical.value\n      ? { gridTemplateRows: empty ? 'none' : props.options.map(track).join(' ') }\n      : {}),\n  }\n})\nconst indicatorClassName = computed(() => grSegmentedIndicatorClass(resolvedVariant.value))\nconst resolvedName = computed(() => props.name ?? fallbackName)\nconst hasIndicator = computed(() => selectedIndex.value !== -1 && indicatorGeometry.value !== null)\n\nconst indicatorStyle = computed<Record<string, string>>(() => {\n  const geometry = indicatorGeometry.value\n  if (!geometry) {\n    return {\n      opacity: '0',\n      width: '0px',\n      height: '0px',\n      transitionDuration: `${indicatorDuration.value}ms`,\n      transform: 'translate3d(0px, 0px, 0px)',\n    }\n  }\n\n  return {\n    opacity: indicatorReady.value ? '1' : '0',\n    width: `${geometry.width}px`,\n    height: `${geometry.height}px`,\n    transitionDuration: `${indicatorDuration.value}ms`,\n    transform: `translate3d(${geometry.x}px, ${geometry.y}px, 0)`,\n  }\n})\n\nfunction getOptionKey(value: GrSegmentedValue): string {\n  return String(value)\n}\n\nfunction resolveOptionDisabled(option: GrSegmentedOption): boolean {\n  return isDisabled.value || Boolean(option.disabled)\n}\n\n/**\n * Занятый сегмент не «недоступен», а работает: нативный `disabled` и\n * `aria-disabled` ему не ставим — состояние несёт `aria-busy`. Но выбор он не\n * принимает, поэтому блокировка считается отдельно от `disabled`.\n */\nfunction isOptionBusy(option: GrSegmentedOption): boolean {\n  return Boolean(option.loading)\n}\n\nfunction isOptionBlocked(option: GrSegmentedOption): boolean {\n  return resolveOptionDisabled(option) || isOptionBusy(option)\n}\n\nfunction isOptionSelected(option: GrSegmentedOption): boolean {\n  return option.value === props.modelValue\n}\n\nfunction isIconOnlyOption(option: GrSegmentedOption): boolean {\n  return Boolean(option.icon) && !option.label\n}\n\nfunction setItemRef(value: GrSegmentedValue, element: Element | ComponentPublicInstance | null): void {\n  const key = getOptionKey(value)\n\n  if (!(element instanceof HTMLElement)) {\n    itemRefs.value.delete(key)\n    return\n  }\n\n  itemRefs.value.set(key, element)\n}\n\nfunction isSameGeometry(left: IndicatorGeometry | null, right: IndicatorGeometry | null): boolean {\n  if (left === right) {\n    return true\n  }\n\n  if (!left || !right) {\n    return false\n  }\n\n  return left.width === right.width\n    && left.height === right.height\n    && left.x === right.x\n    && left.y === right.y\n}\n\nfunction measureIndicator(): void {\n  const root = rootRef.value\n  const option = selectedOption.value\n  if (!root || !option) {\n    if (indicatorGeometry.value !== null)\n      indicatorGeometry.value = null\n\n    if (indicatorReady.value)\n      indicatorReady.value = false\n\n    return\n  }\n\n  const selectedItem = itemRefs.value.get(getOptionKey(option.value))\n  if (!selectedItem) {\n    return\n  }\n\n  const rootRect = root.getBoundingClientRect()\n  const itemRect = selectedItem.getBoundingClientRect()\n\n  const nextGeometry = {\n    width: Math.max(Math.round(itemRect.width), 0),\n    height: Math.max(Math.round(itemRect.height), 0),\n    x: Math.round(itemRect.left - rootRect.left),\n    y: Math.max(Math.round(itemRect.top - rootRect.top) - 1, 0),\n  } satisfies IndicatorGeometry\n\n  if (!isSameGeometry(indicatorGeometry.value, nextGeometry)) {\n    indicatorGeometry.value = nextGeometry\n  }\n\n  const nextReady = nextGeometry.width > 0 && nextGeometry.height > 0\n  if (indicatorReady.value !== nextReady) {\n    indicatorReady.value = nextReady\n  }\n}\n\nfunction refreshObserver(): void {\n  if (typeof ResizeObserver === 'undefined') {\n    return\n  }\n\n  const root = rootRef.value\n  const option = selectedOption.value\n  const selectedItem = option\n    ? itemRefs.value.get(getOptionKey(option.value)) ?? null\n    : null\n\n  if (!resizeObserver) {\n    resizeObserver = new ResizeObserver(() => scheduleMeasure())\n  }\n\n  if (!root) {\n    resizeObserver.disconnect()\n    observedRoot = null\n    observedItem = null\n    return\n  }\n\n  if (observedRoot === root && observedItem === selectedItem) {\n    return\n  }\n\n  resizeObserver.disconnect()\n  resizeObserver.observe(root)\n\n  if (selectedItem) {\n    resizeObserver.observe(selectedItem)\n  }\n\n  observedRoot = root\n  observedItem = selectedItem\n}\n\nfunction scheduleMeasure(): void {\n  if (scheduled) {\n    return\n  }\n\n  scheduled = true\n  void nextTick(() => {\n    scheduled = false\n    measureIndicator()\n    refreshObserver()\n  })\n}\n\nfunction emitValue(option: GrSegmentedOption): void {\n  // Один guard на все пути: проверяй `readonly` только клавиатура, и клик по\n  // сегменту менял бы значение вопреки заявленному контракту.\n  if (isReadonly.value || isOptionBlocked(option) || option.value === props.modelValue) {\n    return\n  }\n\n  emit('update:modelValue', option.value)\n  emit('change', option.value, option)\n}\n\nfunction optionOf(value: GrSegmentedValue): GrSegmentedOption | undefined {\n  return props.options.find(option => option.value === value)\n}\n\n/**\n * Кольцо roving-фокуса. Обе оси работают всегда: `orientation` у сегмента\n * описывает раскладку и уходит в `aria-orientation`, а не сужает клавиатуру —\n * вертикальный набор листается и стрелками влево/вправо.\n */\nconst roving = useRovingFocus<GrSegmentedValue>({\n  items: () => props.options.map(option => option.value),\n  elementFor: value => itemRefs.value.get(getOptionKey(value)),\n  isDisabled: (value) => {\n    const option = optionOf(value)\n    return option ? isOptionBlocked(option) : true\n  },\n  orientation: () => 'both',\n  skipDisabled: () => true,\n  /**\n   * Выбранный сегмент держит остановку `Tab` — кроме выключенного: на нём\n   * стоит нативный `disabled`, и фокус на него не встанет вовсе. Загружающийся\n   * остановку сохраняет: он не «недоступен», а занят.\n   */\n  initialKey: () => {\n    const selected = selectedOption.value\n    return selected && !resolveOptionDisabled(selected) ? selected.value : undefined\n  },\n  // Стрелка в `radiogroup` переносит и выбор, а не только фокус.\n  onMove: (value) => {\n    const option = optionOf(value)\n    if (option) emitValue(option)\n  },\n})\n\nfunction onItemClick(option: GrSegmentedOption): void {\n  emitValue(option)\n  // Клик тоже переносит остановку `Tab`: иначе она осталась бы там, куда её\n  // увела последняя стрелка.\n  if (!isOptionBlocked(option)) roving.setActive(option.value)\n}\n\n/** Императивный фокус ведёт на текущую остановку `Tab`, а не на первый сегмент. */\nfunction rovingElement(): HTMLElement | undefined {\n  const key = roving.rovingKey.value\n  return key === undefined ? undefined : itemRefs.value.get(getOptionKey(key))\n}\n\nfunction focus(): void {\n  rovingElement()?.focus()\n}\n\nfunction blur(): void {\n  rovingElement()?.blur()\n}\n\nfunction onKeydown(event: KeyboardEvent, index: number): void {\n  if (isDisabled.value || isReadonly.value) {\n    return\n  }\n\n  if (roving.handleNavigationKeys(event)) {\n    return\n  }\n\n  if (event.key === ' ' || event.key === 'Enter') {\n    event.preventDefault()\n    const option = props.options[index]\n    if (option) {\n      emitValue(option)\n    }\n  }\n}\n\nwatch(() => props.modelValue, () => scheduleMeasure())\nwatch(() => props.options, () => scheduleMeasure(), { deep: true })\nwatch(resolvedVariant, () => scheduleMeasure())\nwatch(resolvedSize, () => scheduleMeasure())\nwatch(() => props.block, () => scheduleMeasure())\n// Смена ориентации переставляет сегменты: без пересчёта индикатор остался бы в\n// координатах прежней раскладки.\nwatch(() => props.orientation, () => scheduleMeasure())\n\nonMounted(() => scheduleMeasure())\nonBeforeUnmount(() => {\n  resizeObserver?.disconnect()\n  observedRoot = null\n  observedItem = null\n})\n</script>\n\n<template>\n  <div\n    :id=\"fieldId\"\n    ref=\"rootRef\"\n    data-gr-segmented\n    :data-variant=\"resolvedVariant\"\n    role=\"radiogroup\"\n    :aria-orientation=\"orientation\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"labelledBy\"\n    :aria-describedby=\"describedBy\"\n    :aria-invalid=\"isInvalid ? 'true' : undefined\"\n    :aria-required=\"isRequired ? 'true' : undefined\"\n    :aria-readonly=\"isReadonly ? 'true' : undefined\"\n    :aria-disabled=\"isDisabled ? 'true' : undefined\"\n    :class=\"rootClassName\"\n    :style=\"rootStyle\"\n    @focusin=\"onFocusIn\"\n    @focusout=\"onFocusOut\"\n  >\n    <!-- Значение для нативной формы уходит одним скрытым полем рядом с\n         сегментами, а не вложенным в каждый `role=\"radio\"`: роль объявляет своих\n         потомков презентационными, и вложенный интерактивный контрол ломает\n         виджет для скринридеров (axe: `nested-interactive`). Скрытое поле не\n         фокусируется и интерактивным не считается. -->\n    <input\n      v-if=\"selectedOption && !resolveOptionDisabled(selectedOption)\"\n      type=\"hidden\"\n      :name=\"resolvedName\"\n      :value=\"String(selectedOption.value)\"\n    >\n\n    <span\n      v-if=\"hasIndicator\"\n      data-gr-segmented-indicator\n      aria-hidden=\"true\"\n      :class=\"indicatorClassName\"\n      :style=\"indicatorStyle\"\n    />\n\n    <button\n      v-for=\"(option, index) in options\"\n      :key=\"option.value\"\n      :ref=\"element => setItemRef(option.value, element)\"\n      data-gr-segmented-item\n      :data-value=\"String(option.value)\"\n      type=\"button\"\n      role=\"radio\"\n      :aria-label=\"option.ariaLabel\"\n      :aria-checked=\"isOptionSelected(option) ? 'true' : 'false'\"\n      :aria-disabled=\"resolveOptionDisabled(option) ? 'true' : undefined\"\n      :aria-busy=\"isOptionBusy(option) ? 'true' : undefined\"\n      :disabled=\"resolveOptionDisabled(option)\"\n      :tabindex=\"roving.tabindexFor(option.value)\"\n      :class=\"grSegmentedItemClass({\n        variant: resolvedVariant,\n        selected: isOptionSelected(option),\n        disabled: resolveOptionDisabled(option),\n        iconOnly: isIconOnlyOption(option),\n      })\"\n      @click=\"onItemClick(option)\"\n      @keydown=\"onKeydown($event, index)\"\n    >\n      <slot\n        :option=\"option\"\n        :selected=\"isOptionSelected(option)\"\n        :disabled=\"resolveOptionDisabled(option)\"\n        :loading=\"isOptionBusy(option)\"\n      >\n        <!-- Спиннер занимает место иконки: две крутилки рядом читались бы как ошибка. -->\n        <IconLoader\n          v-if=\"isOptionBusy(option)\"\n          data-gr-segmented-spinner\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemSpinnerClass\"\n        />\n        <component\n          :is=\"option.icon\"\n          v-else-if=\"option.icon\"\n          aria-hidden=\"true\"\n          :class=\"grSegmentedItemIconClass\"\n        />\n        <span v-if=\"option.label\" :class=\"grSegmentedItemLabelClass\">\n          {{ option.label }}\n        </span>\n      </slot>\n    </button>\n  </div>\n</template>"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsEA,MAAM,QAAQ;EAkBd,MAAM,eAAe,yBAAyB,MAAM,MAAM,EAAE,WAAW,cAAc,CAAC;EACtF,MAAM,kBAAkB,mBAAmB,eAAe,iBAAiB,MAAM,SAAS,OAAO;EAEjG,MAAM,OAAO;EAab,MAAM,eAAe,gBAAgB,MAAM;EAG3C,MAAM,QAAQ,sBAAsB;EACpC,MAAM,UAAU,eAAe,OAAO,GAAG,KAAK;EAC9C,MAAM,cAAc,eAAe,OAAO,cAAc,KAAK;EAC7D,MAAM,aAAa,eAAgB,MAAM,YAAY,KAAA,IAAY,OAAO,QAAQ,KAAM;EACtF,MAAM,EACJ,UAAU,YACV,SAAS,WAAW,UAAU,YAAY,UAAU,eAAe,uBAAuB,KAAK;EAEjG,MAAM,UAAU,IAAwB,IAAI;EAI5C,MAAM,EAAE,WAAW,eAAe,eAAe,SAAS;GACxD,QAAO,UAAS,KAAK,SAAS,KAAK;GACnC,QAAO,UAAS,KAAK,QAAQ,KAAK;EACpC,CAAC;EAED,SAAa;GAAE;GAAO;EAAK,CAAC;EAC5B,MAAM,WAAW,oBAAI,IAAI,IAAyB,CAAC;EACnD,MAAM,oBAAoB,IAA8B,IAAI;EAC5D,MAAM,iBAAiB,IAAI,KAAK;EAEhC,IAAI,iBAAwC;EAC5C,IAAI,eAAmC;EACvC,IAAI,eAAmC;EACvC,IAAI,YAAY;EAEhB,MAAM,gBAAgB,eAAe,MAAM,QAAQ,WAAU,WAAU,OAAO,UAAU,MAAM,UAAU,CAAC;EACzG,MAAM,iBAAiB,eAAe,MAAM,QAAQ,cAAc,UAAU,IAAI;EAChF,MAAM,oBAAoB,eAAe,KAAK,IAAI,GAAG,KAAK,MAAM,MAAM,iBAAiB,CAAC,CAAC;EACzF,MAAM,aAAa,eAAe,MAAM,gBAAgB,UAAU;EAClE,MAAM,gBAAgB,eAAe,qBAAqB;GACxD,SAAS,gBAAgB;GACzB,aAAa,MAAM;GACnB,OAAO,MAAM;GACb,UAAU,WAAW;EACvB,CAAC,CAAC;;;;;;EAOF,MAAM,YAAY,eAAuC;GACvD,MAAM,QAAQ,MAAM,QAAQ,WAAW;GACvC,MAAM,cAAc,MAAM,SAAS,CAAC,WAAW,QAAQ,kBAAkB;GAEzE,OAAO;IACL,GAAG,qBAAqB;KACtB,SAAS,gBAAgB;KACzB,MAAM,aAAa;KACnB,aAAa,MAAM;IACrB,CAAC;IACD,qBAAqB,WAAW,QAC5B,kBACA,QAAQ,SAAS,MAAM,QAAQ,IAAI,KAAK,CAAC,CAAC,KAAK,GAAG;IACtD,GAAI,WAAW,QACX,EAAE,kBAAkB,QAAQ,SAAS,MAAM,QAAQ,IAAI,KAAK,CAAC,CAAC,KAAK,GAAG,EAAE,IACxE,CAAC;GACP;EACF,CAAC;EACD,MAAM,qBAAqB,eAAe,0BAA0B,gBAAgB,KAAK,CAAC;EAC1F,MAAM,eAAe,eAAe,MAAM,QAAQ,YAAY;EAC9D,MAAM,eAAe,eAAe,cAAc,UAAU,MAAM,kBAAkB,UAAU,IAAI;EAElG,MAAM,iBAAiB,eAAuC;GAC5D,MAAM,WAAW,kBAAkB;GACnC,IAAI,CAAC,UACH,OAAO;IACL,SAAS;IACT,OAAO;IACP,QAAQ;IACR,oBAAoB,GAAG,kBAAkB,MAAM;IAC/C,WAAW;GACb;GAGF,OAAO;IACL,SAAS,eAAe,QAAQ,MAAM;IACtC,OAAO,GAAG,SAAS,MAAM;IACzB,QAAQ,GAAG,SAAS,OAAO;IAC3B,oBAAoB,GAAG,kBAAkB,MAAM;IAC/C,WAAW,eAAe,SAAS,EAAE,MAAM,SAAS,EAAE;GACxD;EACF,CAAC;EAED,SAAS,aAAa,OAAiC;GACrD,OAAO,OAAO,KAAK;EACrB;EAEA,SAAS,sBAAsB,QAAoC;GACjE,OAAO,WAAW,SAAS,QAAQ,OAAO,QAAQ;EACpD;;;;;;EAOA,SAAS,aAAa,QAAoC;GACxD,OAAO,QAAQ,OAAO,OAAO;EAC/B;EAEA,SAAS,gBAAgB,QAAoC;GAC3D,OAAO,sBAAsB,MAAM,KAAK,aAAa,MAAM;EAC7D;EAEA,SAAS,iBAAiB,QAAoC;GAC5D,OAAO,OAAO,UAAU,MAAM;EAChC;EAEA,SAAS,iBAAiB,QAAoC;GAC5D,OAAO,QAAQ,OAAO,IAAI,KAAK,CAAC,OAAO;EACzC;EAEA,SAAS,WAAW,OAAyB,SAAyD;GACpG,MAAM,MAAM,aAAa,KAAK;GAE9B,IAAI,EAAE,mBAAmB,cAAc;IACrC,SAAS,MAAM,OAAO,GAAG;IACzB;GACF;GAEA,SAAS,MAAM,IAAI,KAAK,OAAO;EACjC;EAEA,SAAS,eAAe,MAAgC,OAA0C;GAChG,IAAI,SAAS,OACX,OAAO;GAGT,IAAI,CAAC,QAAQ,CAAC,OACZ,OAAO;GAGT,OAAO,KAAK,UAAU,MAAM,SACvB,KAAK,WAAW,MAAM,UACtB,KAAK,MAAM,MAAM,KACjB,KAAK,MAAM,MAAM;EACxB;EAEA,SAAS,mBAAyB;GAChC,MAAM,OAAO,QAAQ;GACrB,MAAM,SAAS,eAAe;GAC9B,IAAI,CAAC,QAAQ,CAAC,QAAQ;IACpB,IAAI,kBAAkB,UAAU,MAC9B,kBAAkB,QAAQ;IAE5B,IAAI,eAAe,OACjB,eAAe,QAAQ;IAEzB;GACF;GAEA,MAAM,eAAe,SAAS,MAAM,IAAI,aAAa,OAAO,KAAK,CAAC;GAClE,IAAI,CAAC,cACH;GAGF,MAAM,WAAW,KAAK,sBAAsB;GAC5C,MAAM,WAAW,aAAa,sBAAsB;GAEpD,MAAM,eAAe;IACnB,OAAO,KAAK,IAAI,KAAK,MAAM,SAAS,KAAK,GAAG,CAAC;IAC7C,QAAQ,KAAK,IAAI,KAAK,MAAM,SAAS,MAAM,GAAG,CAAC;IAC/C,GAAG,KAAK,MAAM,SAAS,OAAO,SAAS,IAAI;IAC3C,GAAG,KAAK,IAAI,KAAK,MAAM,SAAS,MAAM,SAAS,GAAG,IAAI,GAAG,CAAC;GAC5D;GAEA,IAAI,CAAC,eAAe,kBAAkB,OAAO,YAAY,GACvD,kBAAkB,QAAQ;GAG5B,MAAM,YAAY,aAAa,QAAQ,KAAK,aAAa,SAAS;GAClE,IAAI,eAAe,UAAU,WAC3B,eAAe,QAAQ;EAE3B;EAEA,SAAS,kBAAwB;GAC/B,IAAI,OAAO,mBAAmB,aAC5B;GAGF,MAAM,OAAO,QAAQ;GACrB,MAAM,SAAS,eAAe;GAC9B,MAAM,eAAe,SACjB,SAAS,MAAM,IAAI,aAAa,OAAO,KAAK,CAAC,KAAK,OAClD;GAEJ,IAAI,CAAC,gBACH,iBAAiB,IAAI,qBAAqB,gBAAgB,CAAC;GAG7D,IAAI,CAAC,MAAM;IACT,eAAe,WAAW;IAC1B,eAAe;IACf,eAAe;IACf;GACF;GAEA,IAAI,iBAAiB,QAAQ,iBAAiB,cAC5C;GAGF,eAAe,WAAW;GAC1B,eAAe,QAAQ,IAAI;GAE3B,IAAI,cACF,eAAe,QAAQ,YAAY;GAGrC,eAAe;GACf,eAAe;EACjB;EAEA,SAAS,kBAAwB;GAC/B,IAAI,WACF;GAGF,YAAY;GACZ,eAAoB;IAClB,YAAY;IACZ,iBAAiB;IACjB,gBAAgB;GAClB,CAAC;EACH;EAEA,SAAS,UAAU,QAAiC;GAGlD,IAAI,WAAW,SAAS,gBAAgB,MAAM,KAAK,OAAO,UAAU,MAAM,YACxE;GAGF,KAAK,qBAAqB,OAAO,KAAK;GACtC,KAAK,UAAU,OAAO,OAAO,MAAM;EACrC;EAEA,SAAS,SAAS,OAAwD;GACxE,OAAO,MAAM,QAAQ,MAAK,WAAU,OAAO,UAAU,KAAK;EAC5D;;;;;;EAOA,MAAM,SAAS,eAAiC;GAC9C,aAAa,MAAM,QAAQ,KAAI,WAAU,OAAO,KAAK;GACrD,aAAY,UAAS,SAAS,MAAM,IAAI,aAAa,KAAK,CAAC;GAC3D,aAAa,UAAU;IACrB,MAAM,SAAS,SAAS,KAAK;IAC7B,OAAO,SAAS,gBAAgB,MAAM,IAAI;GAC5C;GACA,mBAAmB;GACnB,oBAAoB;;;;;;GAMpB,kBAAkB;IAChB,MAAM,WAAW,eAAe;IAChC,OAAO,YAAY,CAAC,sBAAsB,QAAQ,IAAI,SAAS,QAAQ,KAAA;GACzE;GAEA,SAAS,UAAU;IACjB,MAAM,SAAS,SAAS,KAAK;IAC7B,IAAI,QAAQ,UAAU,MAAM;GAC9B;EACF,CAAC;EAED,SAAS,YAAY,QAAiC;GACpD,UAAU,MAAM;GAGhB,IAAI,CAAC,gBAAgB,MAAM,GAAG,OAAO,UAAU,OAAO,KAAK;EAC7D;;EAGA,SAAS,gBAAyC;GAChD,MAAM,MAAM,OAAO,UAAU;GAC7B,OAAO,QAAQ,KAAA,IAAY,KAAA,IAAY,SAAS,MAAM,IAAI,aAAa,GAAG,CAAC;EAC7E;EAEA,SAAS,QAAc;GACrB,cAAc,CAAC,EAAE,MAAM;EACzB;EAEA,SAAS,OAAa;GACpB,cAAc,CAAC,EAAE,KAAK;EACxB;EAEA,SAAS,UAAU,OAAsB,OAAqB;GAC5D,IAAI,WAAW,SAAS,WAAW,OACjC;GAGF,IAAI,OAAO,qBAAqB,KAAK,GACnC;GAGF,IAAI,MAAM,QAAQ,OAAO,MAAM,QAAQ,SAAS;IAC9C,MAAM,eAAe;IACrB,MAAM,SAAS,MAAM,QAAQ;IAC7B,IAAI,QACF,UAAU,MAAM;GAEpB;EACF;EAEA,YAAY,MAAM,kBAAkB,gBAAgB,CAAC;EACrD,YAAY,MAAM,eAAe,gBAAgB,GAAG,EAAE,MAAM,KAAK,CAAC;EAClE,MAAM,uBAAuB,gBAAgB,CAAC;EAC9C,MAAM,oBAAoB,gBAAgB,CAAC;EAC3C,YAAY,MAAM,aAAa,gBAAgB,CAAC;EAGhD,YAAY,MAAM,mBAAmB,gBAAgB,CAAC;EAEtD,gBAAgB,gBAAgB,CAAC;EACjC,sBAAsB;GACpB,gBAAgB,WAAW;GAC3B,eAAe;GACf,eAAe;EACjB,CAAC;;uBAIC,mBAsFM,OAAA;IArFH,IAAI,QAAA;aACD;IAAJ,KAAI;IACJ,qBAAA;IACC,gBAAc,MAAA,eAAA;IACf,MAAK;IACJ,oBAAkB,QAAA;IAClB,cAAY,QAAA;IACZ,mBAAiB,WAAA;IACjB,oBAAkB,YAAA;IAClB,gBAAc,MAAA,SAAA,IAAS,SAAY,KAAA;IACnC,iBAAe,MAAA,UAAA,IAAU,SAAY,KAAA;IACrC,iBAAe,MAAA,UAAA,IAAU,SAAY,KAAA;IACrC,iBAAe,MAAA,UAAA,IAAU,SAAY,KAAA;IACrC,OAAK,eAAE,cAAA,KAAa;IACpB,OAAK,eAAE,UAAA,KAAS;IAChB,WAAO,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,SAAA,KAAA,MAAA,SAAA,CAAA,CAAA,GAAA,IAAA;IACT,YAAQ,OAAA,OAAA,OAAA,MAAA,GAAA,SAAE,MAAA,UAAA,KAAA,MAAA,UAAA,CAAA,CAAA,GAAA,IAAA;;IAQH,eAAA,SAAc,CAAK,sBAAsB,eAAA,KAAc,KAAA,UAAA,GAD/D,mBAKC,SAAA;;KAHC,MAAK;KACJ,MAAM,aAAA;KACN,OAAO,OAAO,eAAA,MAAe,KAAK;;IAI7B,aAAA,SAAA,UAAA,GADR,mBAME,QAAA;;KAJA,+BAAA;KACA,eAAY;KACX,OAAK,eAAE,mBAAA,KAAkB;KACzB,OAAK,eAAE,eAAA,KAAc;;sBAGxB,mBA8CS,UAAA,MAAA,WA7CmB,QAAA,UAAlB,QAAQ,UAAK;yBADvB,mBA8CS,UAAA;MA5CN,KAAK,OAAO;;MACZ,MAAK,YAAW,WAAW,OAAO,OAAO,OAAO;MACjD,0BAAA;MACC,cAAY,OAAO,OAAO,KAAK;MAChC,MAAK;MACL,MAAK;MACJ,cAAY,OAAO;MACnB,gBAAc,iBAAiB,MAAM,IAAA,SAAA;MACrC,iBAAe,sBAAsB,MAAM,IAAA,SAAa,KAAA;MACxD,aAAW,aAAa,MAAM,IAAA,SAAa,KAAA;MAC3C,UAAU,sBAAsB,MAAM;MACtC,UAAU,MAAA,MAAA,CAAM,CAAC,YAAY,OAAO,KAAK;MACzC,OAAK,eAAE,MAAA,oBAAA,CAAoB,CAAA;gBAAoB,MAAA,eAAA;iBAAmC,iBAAiB,MAAM;iBAAqB,sBAAsB,MAAM;iBAAqB,iBAAiB,MAAM;;MAMtM,UAAK,WAAE,YAAY,MAAM;MACzB,YAAO,WAAE,UAAU,QAAQ,KAAK;SAEjC,WAsBO,KAAA,QAAA,WAAA;MArBI;MACR,UAAU,iBAAiB,MAAM;MACjC,UAAU,sBAAsB,MAAM;MACtC,SAAS,aAAa,MAAM;cAkBxB,CAdG,aAAa,MAAM,KAAA,UAAA,GAD3B,YAKE,MAAA,qBAAA,GAAA;;MAHA,6BAAA;MACA,eAAY;MACX,OAAK,eAAE,MAAA,2BAAA,CAA2B;+BAIxB,OAAO,QAAA,UAAA,GAFpB,YAKE,wBAJK,OAAO,IAAI,GAAA;;MAEhB,eAAY;MACX,OAAK,eAAE,MAAA,wBAAA,CAAwB;6DAEtB,OAAO,SAAA,UAAA,GAAnB,mBAEO,QAAA;;MAFoB,OAAK,eAAE,MAAA,yBAAA,CAAyB;wBACtD,OAAO,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,CAAA,GAAA,IAAA,UAAA"}

package/dist/components/GrSegmented/index.js

@@ -1,3 +1,3 @@
-import { n as grSegmentedSafelist, r as GR_SEGMENTED_ORIENTATIONS, t as grSegmentedConfig } from "../../chunks/config-B-iNaGdw.js";
-import { t as GrSegmented_default } from "./chunks/GrSegmented-CQw3ijqa.js";
-export { GR_SEGMENTED_ORIENTATIONS, GrSegmented_default as GrSegmented, GrSegmented_default as default, grSegmentedConfig, grSegmentedSafelist };
+import { n as grSegmentedSafelist, t as grSegmentedConfig } from "../../chunks/config-BEVBsvni.js";
+import { t as GrSegmented_default } from "./chunks/GrSegmented-DP9WMAbm.js";
+export { GrSegmented_default as GrSegmented, GrSegmented_default as default, grSegmentedConfig, grSegmentedSafelist };

package/dist/components/GrSelect/chunks/{GrSelect-B-Voni7D.js → GrSelect-CaGuyvtb.js}

@@ -1,7 +1,7 @@
 import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
-import { a as useGrComponentProp, c as useGrThemeAttrs, o as useGrComponentSize } from "../../../chunks/context-BSYR7RZs.js";
+import { a as useGrComponentSize, i as useGrComponentProp, s as useGrThemeAttrs } from "../../../chunks/context-CTbuwcYs.js";
 import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
-import { t as usePortalTarget } from "../../../chunks/usePortalTarget-Cn-Wiz5d.js";
+import { t as usePortalTarget } from "../../../chunks/usePortalTarget-C0p-mhaM.js";
 import { vClickOutside } from "../../../directives/clickOutside.js";
 import { r as isComposingEvent } from "../../../chunks/keyboard-DE2yhz_b.js";
 import { t as loader_circle_default } from "../../../chunks/loader-circle-CfVLz7lb.js";
@@ -15,11 +15,11 @@ import { t as useControlledOpen } from "../../../chunks/useControlledOpen-DV3SqL
 import { useComboboxNavigation } from "../../../composables/useComboboxNavigation.js";
 import { a as resolveSelectedOptions, i as normalizeOptionQuery, n as matchesOptionQuery } from "../../../chunks/optionFilter-DYw9XPPx.js";
 import { t as useControlAddons } from "../../../chunks/useControlAddons-asUr10Pf.js";
-import { t as GrBadge_default } from "../../GrBadge/chunks/GrBadge-B1tgqfGQ.js";
+import { t as GrBadge_default } from "../../GrBadge/chunks/GrBadge-u2ZdS7CN.js";
 import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
 import { t as check_default } from "../../../chunks/check-BZI24Qs4.js";
 import { t as chevron_down_default } from "../../../chunks/chevron-down-CQS2OG_s.js";
-import { t as GrInput_default } from "../../GrInput/chunks/GrInput-2wd7Crs0.js";
+import { t as GrInput_default } from "../../GrInput/chunks/GrInput-Bb_pxqpT.js";
 import { c as grSelectNativeClass, d as grSelectTriggerClass, i as grSelectLinkNativeLabelClass, l as grSelectOptionClass, n as defaultBaseClass, p as linkBaseClass, s as grSelectLinkNativeOverlayClass, u as grSelectPanelClasses } from "../../../chunks/grSelectStyles-eTz4uPMP.js";
 import { Fragment, Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, onBeforeUnmount, openBlock, ref, renderList, renderSlot, toDisplayString, unref, useId, vShow, watch, withCtx, withDirectives, withModifiers } from "vue";
 import '../styles.css';//#region src/components/GrSelect/composables/useSelectPanelItems.ts
@@ -708,7 +708,6 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		"change",
 		"clear",
 		"update:open",
-		"visibleChange",
 		"update:search",
 		"focus",
 		"blur",
@@ -934,7 +933,6 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			addCustom,
 			toggleValue
 		});
-		watch(open, (isOpen) => emit("visibleChange", isOpen));
 		watch(open, async (isOpen, wasOpen) => {
 			if (!isOpen) {
 				internalSearch.value = "";
@@ -1381,6 +1379,6 @@ var GrSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-69cc3e0a"]]);
+}), [["__scopeId", "data-v-c136be0f"]]);
 //#endregion
 export { GrSelect_default as t };