@feugene/granularity 0.26.0 → 0.27.1

package/dist/components/GrResponseErrorBanner/chunks/{GrResponseErrorBanner-BhP-xw2P.js.map → GrResponseErrorBanner-DudGc9LO.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrResponseErrorBanner-BhP-xw2P.js","names":[],"sources":["../../../../src/components/GrResponseErrorBanner/responseError.defaults.ts","../../../../src/components/GrResponseErrorBanner/parsers/abortErrorParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/fileValidationParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/httpStatusParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/jsonApiErrorParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/laravelValidationParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/networkErrorParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/normalizeError.ts","../../../../src/components/GrResponseErrorBanner/parsers/plainMessageParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/problemDetailsParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/createResponseErrorClassifier.ts","../../../../src/components/GrResponseErrorBanner/GrResponseErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrResponseErrorBanner.vue"],"sourcesContent":["import type { ResponseErrorKind, ResponseErrorTexts, ResponseErrorTone } from './responseError.types'\n\n/**\n * Default English texts. Any field can be overridden via the `texts` prop\n * on `GrResponseErrorBanner` or the `texts` option of `useResponseError`.\n */\nexport const DEFAULT_RESPONSE_ERROR_TEXTS: ResponseErrorTexts = {\n  networkTitle: 'No connection to the server',\n  networkMessage: 'Check your internet connection and try again.',\n  abortedTitle: 'Request cancelled',\n  abortedMessage: 'The request was cancelled.',\n  validationTitle: 'Check the data',\n  validationMessage: 'The server returned a validation error. Fix the fields and try again.',\n  clientTitle: 'Request error',\n  clientMessage: 'The server rejected the request.',\n  serverTitle: 'Server error',\n  serverMessage: 'A server error occurred. Please try again.',\n  unknownTitle: 'Something went wrong',\n  unknownMessage: 'The operation could not be completed. Please try again.',\n  statusLabel: 'HTTP {status}',\n  retryLabel: 'Retry',\n  dismissLabel: 'Dismiss',\n}\n\n/**\n * Маппинг `kind` → `tone` по умолчанию. Применяется внутри баннера, если\n * пользователь не передал `tone` или `toneByKind`. Цель — визуально отделить\n * «исправь ввод» (warning) от «упало по сети/серверу» (danger).\n */\nexport const DEFAULT_TONE_BY_KIND: Record<ResponseErrorKind, ResponseErrorTone> = {\n  network: 'danger',\n  aborted: 'info',\n  validation: 'warning',\n  client: 'warning',\n  server: 'danger',\n  unknown: 'danger',\n}\n\n/**\n * `kind`'ы, которые по умолчанию не показываются (баннер скрыт).\n * Семантика: отмена пользователем — не «ошибка», UI обычно тихо проглатывает.\n * Пользователь может переопределить через `autoHideKinds: []`, чтобы показать info-плашку.\n */\nexport const DEFAULT_AUTO_HIDE_KINDS: ResponseErrorKind[] = []\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Распознаёт отмену запроса клиентом.\n *\n * Триггеры:\n * - `ctx.isAbort === true` (выставляется `normalizeError` для `AbortError`,\n *   axios `isCancel`/`ERR_CANCELED`, xhr `status === 0 && readyState === 4`).\n *\n * Возвращает `kind: 'aborted'` и `stop: true` — другие парсеры пропускаются,\n * чтобы случайный `status === 0` не интерпретировался как сетевая ошибка.\n *\n * По умолчанию `aborted` показывается info-плашкой; чтобы скрыть совсем —\n * добавьте `'aborted'` в `autoHideKinds`.\n */\nexport const abortErrorParser: ResponseErrorParser = (ctx) => {\n  if (!ctx.isAbort) return null\n  // Текст по `kind` подставит классификатор — и пометит его фолбэком.\n  return {\n    kind: 'aborted',\n    stop: true,\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Распознаёт `FileValidationError` от `GrFileUpload` (или совместимый по форме\n * объект). Не зависит от жёсткого импорта класса — определяет по `name`.\n *\n * Активируется, если `ctx.raw.name === 'FileValidationError'` и есть массив\n * `issues`/`errors` с полями `{ file?, code?, message }`.\n *\n * Возвращает `kind: 'validation'` и `stop: true` — это локальная клиентская\n * валидация, незачем дальше идти по HTTP-парсерам.\n */\nexport const fileValidationParser: ResponseErrorParser = (ctx) => {\n  const raw = ctx.raw as\n    | undefined\n    | {\n      name?: string\n      message?: string\n      issues?: Array<{ file?: { name?: string }, message?: unknown, code?: string }>\n      errors?: Array<{ file?: { name?: string }, message?: unknown, code?: string }>\n    }\n  if (!raw || typeof raw !== 'object') return null\n  if (raw.name !== 'FileValidationError') return null\n\n  const list = raw.issues ?? raw.errors ?? []\n  const details: string[] = []\n  for (const it of list) {\n    if (!it || typeof it !== 'object') continue\n    const msg = typeof it.message === 'string' ? it.message : ''\n    if (!msg) continue\n    const fileName = it.file?.name\n    details.push(fileName ? `${fileName}: ${msg}` : msg)\n  }\n\n  return {\n    kind: 'validation',\n    message: raw.message || undefined,\n    details: details.length ? details : undefined,\n    stop: true,\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Базовая классификация по HTTP-статусу.\n *\n * Правила:\n * - `400` / `422` ⇒ `kind: 'validation'`,\n * - остальные `4xx` ⇒ `kind: 'client'`,\n * - `>= 500` ⇒ `kind: 'server'`.\n *\n * Не использует `stop` — даёт более специализированным парсерам\n * (Laravel/JSON:API/RFC 7807) уточнить сообщение и `fieldErrors`.\n *\n * `message` **не** заполняет: общий текст по `kind` — работа классификатора,\n * который помечает такое сообщение `isFallbackMessage`. Только по этому флагу\n * баннер вправе заменить текст переводом.\n */\nexport const httpStatusParser: ResponseErrorParser = (ctx) => {\n  const status = ctx.status\n  if (typeof status !== 'number') return null\n\n  if (status >= 500) {\n    return { kind: 'server', status }\n  }\n  if (status === 400 || status === 422) {\n    return { kind: 'validation', status }\n  }\n  if (status >= 400) {\n    return { kind: 'client', status }\n  }\n  return null\n}\n","import type { ResponseErrorFieldError, ResponseErrorParser } from '../responseError.types'\n\n/**\n * Парсер JSON:API-стиля:\n *\n * ```json\n * { \"errors\": [\n *     { \"status\": \"422\", \"title\": \"Invalid Attribute\",\n *       \"detail\": \"Email is required.\",\n *       \"source\": { \"pointer\": \"/data/attributes/email\" } }\n *   ] }\n * ```\n *\n * Активируется, когда `ctx.body.errors` — массив объектов с `title`/`detail`.\n * Поле извлекается из последнего сегмента `source.pointer`. Все `detail`\n * собираются в `details`, первый `title` — в `message`.\n */\nexport const jsonApiErrorParser: ResponseErrorParser = (ctx) => {\n  const body = ctx.body\n  if (!body || typeof body !== 'object') return null\n\n  const errors = (body as { errors?: unknown }).errors\n  if (!Array.isArray(errors) || errors.length === 0) return null\n\n  // Эвристика: первый элемент должен иметь title/detail/source — иначе это не JSON:API\n  const first = errors[0]\n  if (!first || typeof first !== 'object') return null\n  const has = (key: string) => key in (first as object)\n  if (!has('title') && !has('detail') && !has('source')) return null\n\n  const fieldErrorsMap = new Map<string, string[]>()\n  const details: string[] = []\n  let message: string | undefined\n\n  for (const e of errors) {\n    if (!e || typeof e !== 'object') continue\n    const eo = e as { title?: unknown, detail?: unknown, source?: { pointer?: unknown } }\n    const text = (typeof eo.detail === 'string' && eo.detail) || (typeof eo.title === 'string' && eo.title) || ''\n    if (!text) continue\n    if (!message && typeof eo.title === 'string') message = eo.title\n\n    const pointer = typeof eo.source?.pointer === 'string' ? eo.source.pointer : ''\n    const field = pointer ? pointer.split('/').filter(Boolean).pop() : undefined\n\n    if (field) {\n      const list = fieldErrorsMap.get(field) ?? []\n      list.push(text)\n      fieldErrorsMap.set(field, list)\n    }\n    details.push(text)\n  }\n\n  if (!details.length) return null\n\n  const fieldErrors: ResponseErrorFieldError[] = Array.from(fieldErrorsMap, ([field, messages]) => ({ field, messages }))\n\n  const kind = fieldErrors.length ? 'validation' : undefined\n\n  return {\n    kind,\n    // Без `title` сообщение не выдумываем: общий текст по `kind` — работа\n    // классификатора, и только он помечает такое сообщение фолбэком.\n    message,\n    details,\n    fieldErrors: fieldErrors.length ? fieldErrors : undefined,\n  }\n}\n","import type { ResponseErrorFieldError, ResponseErrorParser } from '../responseError.types'\n\n/**\n * Парсит Laravel-формат ответа об ошибке валидации:\n *\n * ```json\n * { \"message\": \"The given data was invalid.\",\n *   \"errors\": { \"file\": [\"The file is required.\"], \"amount\": [\"...\"] } }\n * ```\n *\n * Активируется при наличии `ctx.body.errors` как plain-объекта (значения —\n * массив строк или строка). Если есть `fieldErrors`, повышает `kind` до\n * `validation` независимо от статуса (полезно, когда сервер прислал 200/4xx\n * без 422). `message` берётся из `body.message` / `body.error`.\n */\nexport const laravelValidationParser: ResponseErrorParser = (ctx) => {\n  const body = ctx.body\n  if (!body || typeof body !== 'object' || Array.isArray(body)) return null\n\n  const data = body as Record<string, unknown>\n  const errors = data.errors\n  if (!errors || typeof errors !== 'object' || Array.isArray(errors)) return null\n\n  const fieldErrors: ResponseErrorFieldError[] = []\n  for (const [field, raw] of Object.entries(errors as Record<string, unknown>)) {\n    const messages = Array.isArray(raw)\n      ? raw.filter((m): m is string => typeof m === 'string')\n      : typeof raw === 'string' ? [raw] : []\n    if (messages.length) fieldErrors.push({ field, messages })\n  }\n\n  if (!fieldErrors.length) return null\n\n  // Только то, что действительно прислал сервер: не нашли — пусть общий текст\n  // подставит классификатор, пометив его фолбэком (иначе баннер не переведёт).\n  const message = (typeof data.message === 'string' && data.message)\n    || (typeof data.error === 'string' && data.error)\n    || undefined\n\n  const details = fieldErrors.flatMap(fe => fe.messages)\n\n  return {\n    kind: 'validation',\n    message,\n    details,\n    fieldErrors,\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Распознаёт транспортные ошибки **без ответа сервера**: отсутствие интернета,\n * DNS-фейл, CORS-preflight, fetch `TypeError('Failed to fetch')`,\n * axios `ERR_NETWORK`/`ECONNABORTED`.\n *\n * Триггеры:\n * - `ctx.isNetwork === true` (выставлено `normalizeError`),\n * - либо нет ни `status`, ни `body`, ни признака отмены, но есть исходная\n *   ошибка с `code === 'ERR_NETWORK'` / `message ~ /network|fetch/i/`.\n *\n * Возвращает `kind: 'network'` и `stop: true`.\n */\nexport const networkErrorParser: ResponseErrorParser = (ctx) => {\n  if (ctx.isAbort) return null\n\n  if (ctx.isNetwork) {\n    // Текст по `kind` подставит классификатор — и пометит его фолбэком.\n    return {\n      kind: 'network',\n      stop: true,\n    }\n  }\n\n  // Эвристика для случаев, когда normalizeError не пометил, но статус-кода нет.\n  if (typeof ctx.status !== 'number' && ctx.body == null && ctx.raw && typeof ctx.raw === 'object') {\n    const r = ctx.raw as { code?: string, message?: string, name?: string }\n    if (r.code === 'ERR_NETWORK' || (typeof r.message === 'string' && /network|failed to fetch/i.test(r.message))) {\n      return {\n        kind: 'network',\n        stop: true,\n      }\n    }\n  }\n\n  return null\n}\n","import type { NormalizedRawError } from '../responseError.types'\n\n/**\n * Универсально приводит «сырой» вход к {@link NormalizedRawError}.\n *\n * Поддерживаемые источники:\n * - **axios** — `AxiosError` с `response.status`/`response.data`/`response.headers`,\n *   либо `request` без `response` + `code === 'ERR_NETWORK'`, либо `code === 'ERR_CANCELED'`.\n * - **fetch `Response`** — объект `Response` с `ok=false`. Тело читается через\n *   `clone().json()` (с фолбэком на `.text()`); поэтому функция асинхронная.\n * - **fetch `TypeError`** — `TypeError('Failed to fetch')` ⇒ `isNetwork=true`.\n * - **`{ response: Response, body: unknown }`** — если потребитель уже прочитал тело сам.\n * - **`XMLHttpRequest`** / `{ status, responseText, response }` — пара полей.\n * - **`AbortError` / `DOMException`** ⇒ `isAbort=true`.\n * - **`Error`/строка/произвольный объект** — кладётся в `body`/`raw` как есть.\n *\n * Цель — отделить «откуда пришла ошибка» от «как её классифицировать»: парсеры\n * работают только с нормализованным `ResponseErrorContext`, не зная о транспорте.\n */\nexport async function normalizeError(raw: unknown): Promise<NormalizedRawError> {\n  // 1) Уже нормализованный вход (потребитель сам подготовил)\n  if (isPlainNormalized(raw)) {\n    return { ...(raw), raw }\n  }\n\n  // 2) `{ response: Response, body }` — уже прочитанное тело\n  if (isResponseEnvelope(raw)) {\n    const res = raw.response\n    return {\n      raw,\n      status: res.status,\n      body: raw.body,\n      headers: readHeaders(res),\n    }\n  }\n\n  // 3) Голый fetch Response\n  if (isFetchResponse(raw)) {\n    const body = await readFetchBody(raw)\n    return {\n      raw,\n      status: raw.status,\n      body,\n      headers: readHeaders(raw),\n    }\n  }\n\n  // 4) XMLHttpRequest\n  if (isXhr(raw)) {\n    const body = parseMaybeJson(raw.responseText) ?? raw.response\n    return {\n      raw,\n      status: typeof raw.status === 'number' ? raw.status : undefined,\n      body,\n      isAbort: raw.status === 0 && raw.readyState === 4,\n    }\n  }\n\n  // 5) axios error (есть `isAxiosError` или `response`/`request` + `code`)\n  if (isAxiosLike(raw)) {\n    const e = raw\n    const status = e.response?.status\n    const code = e.code\n    const isAbort = code === 'ERR_CANCELED' || code === 'CANCELED' || (e as { __CANCEL__?: boolean }).__CANCEL__ === true\n    const isNetwork = !e.response && (code === 'ERR_NETWORK' || code === 'ECONNABORTED')\n\n    return {\n      raw,\n      status,\n      body: e.response?.data,\n      headers: normalizeHeaderRecord(e.response?.headers),\n      isAbort,\n      isNetwork,\n    }\n  }\n\n  // 6) AbortError / DOMException\n  if (isAbortError(raw)) {\n    return { raw, isAbort: true }\n  }\n\n  // 7) Сетевой TypeError от fetch\n  if (raw instanceof TypeError && /fetch|network/i.test(raw.message || '')) {\n    return { raw, isNetwork: true }\n  }\n\n  // 8) Произвольный Error / строка / объект\n  if (raw instanceof Error) {\n    return { raw, body: { message: raw.message } }\n  }\n\n  if (typeof raw === 'string') {\n    return { raw, body: { message: raw } }\n  }\n\n  if (raw && typeof raw === 'object') {\n    return { raw, body: raw }\n  }\n\n  return { raw }\n}\n\n// ----------------- helpers -----------------\n\ntype AxiosLikeError = Error & {\n  isAxiosError?: boolean\n  code?: string\n  response?: { status?: number, data?: unknown, headers?: unknown }\n  request?: unknown\n}\n\nfunction isPlainNormalized(v: unknown): v is NormalizedRawError {\n  if (!v || typeof v !== 'object') return false\n  const o = v as Record<string, unknown>\n  return 'raw' in o && (\n    'status' in o || 'body' in o || 'isAbort' in o || 'isNetwork' in o || 'headers' in o\n  )\n}\n\nfunction isResponseEnvelope(v: unknown): v is { response: Response, body: unknown } {\n  return !!v && typeof v === 'object'\n      && 'response' in (v)\n      && isFetchResponse((v).response)\n}\n\nfunction isFetchResponse(v: unknown): v is Response {\n  return typeof Response !== 'undefined' && v instanceof Response\n}\n\nfunction isXhr(v: unknown): v is XMLHttpRequest {\n  return typeof XMLHttpRequest !== 'undefined' && v instanceof XMLHttpRequest\n}\n\nfunction isAxiosLike(v: unknown): v is AxiosLikeError {\n  if (!v || typeof v !== 'object') return false\n  const o = v as Record<string, unknown>\n  return o.isAxiosError === true\n      || ('response' in o && typeof o.response === 'object' && o.response !== null)\n      || ('code' in o && typeof o.code === 'string')\n}\n\nfunction isAbortError(v: unknown): boolean {\n  if (!v || typeof v !== 'object') return false\n  const o = v as { name?: string, code?: string }\n  return o.name === 'AbortError' || o.name === 'CanceledError' || o.code === 'ERR_CANCELED'\n}\n\nasync function readFetchBody(res: Response): Promise<unknown> {\n  if (res.bodyUsed) return undefined\n  try {\n    const clone = res.clone()\n    const text = await clone.text()\n    return parseMaybeJson(text) ?? text\n  }\n  catch {\n    return undefined\n  }\n}\n\nfunction readHeaders(res: Response): Record<string, string> {\n  const out: Record<string, string> = {}\n  res.headers.forEach((value, key) => {\n    out[key.toLowerCase()] = value\n  })\n  return out\n}\n\nfunction normalizeHeaderRecord(h: unknown): Record<string, string> | undefined {\n  if (!h || typeof h !== 'object') return undefined\n  const out: Record<string, string> = {}\n  for (const [k, v] of Object.entries(h as Record<string, unknown>)) {\n    if (typeof v === 'string') out[k.toLowerCase()] = v\n  }\n  return out\n}\n\nfunction parseMaybeJson(text: string | undefined): unknown {\n  if (typeof text !== 'string' || !text) return undefined\n  try {\n    return JSON.parse(text)\n  }\n  catch {\n    return undefined\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Финальный фолбэк-парсер. Достаёт хоть какое-нибудь человекочитаемое\n * сообщение, чтобы баннер не был пустым.\n *\n * Источники (по приоритету):\n * 1. `ctx.body` — если строка ⇒ message,\n * 2. `ctx.body[messageKey]` (default `'message'`),\n * 3. `ctx.body.error` (строка),\n * 4. `ctx.raw.message` — **только когда ответа не было вовсе** (нет ни статуса,\n *    ни тела). Иначе это строка транспорта (`Request failed with status 500` у\n *    axios), а не сообщение сервера: пользователь получил бы техническую фразу\n *    на английском вместо переведённого текста по `kind`.\n *\n * Не выставляет `kind` — оставляет на усмотрение классификатора.\n * Использует ключ `messageKey` из `ctx.meta._messageKey`, если задан.\n */\nexport const plainMessageParser: ResponseErrorParser = (ctx) => {\n  const messageKey = (ctx.meta._messageKey as string | undefined) || 'message'\n\n  if (typeof ctx.body === 'string' && ctx.body.trim()) {\n    return { message: ctx.body }\n  }\n\n  if (ctx.body && typeof ctx.body === 'object') {\n    const data = ctx.body as Record<string, unknown>\n    const fromKey = data[messageKey]\n    if (typeof fromKey === 'string' && fromKey) return { message: fromKey }\n    if (typeof data.error === 'string' && data.error) return { message: data.error }\n  }\n\n  const hadResponse = typeof ctx.status === 'number' || ctx.body != null\n  if (!hadResponse && ctx.raw instanceof Error && ctx.raw.message) {\n    return { message: ctx.raw.message }\n  }\n\n  return null\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Парсер RFC 7807 «Problem Details for HTTP APIs»:\n *\n * ```json\n * { \"type\": \"https://example.com/probs/out-of-credit\",\n *   \"title\": \"You do not have enough credit.\",\n *   \"status\": 403,\n *   \"detail\": \"Your current balance is 30.\",\n *   \"errors\": { \"balance\": [\"...\"] } }\n * ```\n *\n * Активируется, если есть `body.type` + `body.title`, либо\n * Content-Type заголовка `application/problem+json`. Берёт `title` как\n * `message`, `detail` — в `details[0]`, status — в `status`.\n */\nexport const problemDetailsParser: ResponseErrorParser = (ctx) => {\n  const body = ctx.body\n  if (!body || typeof body !== 'object' || Array.isArray(body)) return null\n\n  const data = body as { type?: unknown, title?: unknown, detail?: unknown, status?: unknown }\n  const isProblemContentType = ctx.headers?.['content-type']?.includes('application/problem+json')\n  const hasShape = typeof data.title === 'string' && (typeof data.type === 'string' || typeof data.status === 'number')\n\n  if (!isProblemContentType && !hasShape) return null\n\n  const message = typeof data.title === 'string' ? data.title : undefined\n  const details: string[] = []\n  if (typeof data.detail === 'string' && data.detail) details.push(data.detail)\n\n  const status = typeof data.status === 'number' ? data.status : ctx.status\n\n  return {\n    message,\n    details: details.length ? details : undefined,\n    status,\n  }\n}\n","import { DEFAULT_RESPONSE_ERROR_TEXTS } from '../responseError.defaults'\nimport type {\n  ResponseErrorContext,\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from '../responseError.types'\n\nimport { abortErrorParser } from './abortErrorParser'\nimport { fileValidationParser } from './fileValidationParser'\nimport { httpStatusParser } from './httpStatusParser'\nimport { jsonApiErrorParser } from './jsonApiErrorParser'\nimport { laravelValidationParser } from './laravelValidationParser'\nimport { networkErrorParser } from './networkErrorParser'\nimport { normalizeError } from './normalizeError'\nimport { plainMessageParser } from './plainMessageParser'\nimport { problemDetailsParser } from './problemDetailsParser'\n\n/**\n * Дефолтная цепочка парсеров. Порядок важен:\n * `abort → network → fileValidation → laravel → problemDetails → jsonApi → httpStatus → plainMessage`.\n *\n * - Ранние специализированные парсеры могут поставить `stop` (abort/file).\n * - HTTP-парсер даёт fallback-kind/message, чтобы остальное могло уточнить.\n * - `plainMessage` всегда последний — добывает хоть какое-то сообщение.\n */\nexport const defaultResponseErrorParsers: ResponseErrorParser[] = [\n  abortErrorParser,\n  networkErrorParser,\n  fileValidationParser,\n  laravelValidationParser,\n  problemDetailsParser,\n  jsonApiErrorParser,\n  httpStatusParser,\n  plainMessageParser,\n]\n\n/**\n * Универсальное «ядро» парсеров — транспортно-независимый набор, безопасный\n * для любого бэкенда (Laravel / Symfony / Go / …). Не делает формат-специфичных\n * допущений: разбирает только отмену, сетевые ошибки, HTTP-статус и «плоское»\n * сообщение из тела. Используется как дефолт в `useDialogService`.\n *\n * Порядок: `abort → network → httpStatus → plainMessage`.\n */\nexport const coreResponseErrorParsers: ResponseErrorParser[] = [\n  abortErrorParser,\n  networkErrorParser,\n  httpStatusParser,\n  plainMessageParser,\n]\n\n/**\n * Именованные пресеты-строительные блоки для удобной композиции цепочки\n * парсеров без ручного импорта каждого из них.\n *\n * - `core` — универсальное ядро (см. `coreResponseErrorParsers`).\n * - `all` — полная дефолтная цепочка (`defaultResponseErrorParsers`).\n * - остальные — серверо-специфичные парсеры, подключаемые осознанно.\n */\nexport type ResponseErrorParserPresets = {\n  core: ResponseErrorParser[]\n  all: ResponseErrorParser[]\n  laravel: ResponseErrorParser\n  problemDetails: ResponseErrorParser\n  jsonApi: ResponseErrorParser\n  fileValidation: ResponseErrorParser\n}\n\n/** Объект пресетов, передаётся builder-функции `errorParsers`. */\nexport const responseErrorParserPresets: ResponseErrorParserPresets = {\n  core: coreResponseErrorParsers,\n  all: defaultResponseErrorParsers,\n  laravel: laravelValidationParser,\n  problemDetails: problemDetailsParser,\n  jsonApi: jsonApiErrorParser,\n  fileValidation: fileValidationParser,\n}\n\n/** Добавляет пользовательские парсеры в начало дефолтной цепочки. */\nexport function extendDefaultParsers(extra: ResponseErrorParser[]): ResponseErrorParser[] {\n  return [...extra, ...defaultResponseErrorParsers]\n}\n\nexport type CreateResponseErrorClassifierOptions = {\n  parsers?: ResponseErrorParser[]\n  texts?: Partial<ResponseErrorTexts>\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: string\n}\n\n/**\n * Фабрика классификатора. Возвращает функцию `(raw, meta?) => Promise<ResponseErrorInfo>`,\n * которая:\n * 1. нормализует вход через `normalizeError`,\n * 2. строит `ResponseErrorContext`,\n * 3. прогоняет цепочку парсеров (с поддержкой `stop`),\n * 4. собирает финальный `ResponseErrorInfo` с фолбэками из `texts`.\n */\nexport function createResponseErrorClassifier(options: CreateResponseErrorClassifierOptions = {}) {\n  const parsers = options.parsers ?? defaultResponseErrorParsers\n  const texts: ResponseErrorTexts = { ...DEFAULT_RESPONSE_ERROR_TEXTS, ...(options.texts ?? {}) }\n  const messageKey = options.messageKey ?? 'message'\n\n  return async function classify(raw: unknown, meta: Record<string, unknown> = {}): Promise<ResponseErrorInfo> {\n    const normalized = await normalizeError(raw)\n\n    const ctx: ResponseErrorContext = {\n      ...normalized,\n      meta: { ...meta, _messageKey: messageKey },\n      texts,\n    }\n\n    let kind: ResponseErrorKind | undefined\n    let status: number | undefined = ctx.status\n    let message: string | undefined\n    let details: string[] | undefined\n    let fieldErrors: ResponseErrorInfo['fieldErrors']\n\n    for (const parser of parsers) {\n      const result = parser(ctx)\n      if (!result) continue\n      if (result.kind) kind = result.kind\n      if (typeof result.status === 'number') status = result.status\n      if (result.message) message = result.message\n      if (result.details?.length) details = result.details\n      if (result.fieldErrors?.length) fieldErrors = result.fieldErrors\n      if (result.stop) break\n    }\n\n    if (!kind) kind = 'unknown'\n\n    // Ни один парсер не дал сообщения — подставляем своё и помечаем это флагом:\n    // по нему (и только по нему) баннер вправе заменить текст переводом.\n    const isFallbackMessage = !message\n    if (!message) message = resolveDefaultMessage(kind, texts)\n\n    return {\n      kind,\n      status,\n      message,\n      details,\n      fieldErrors,\n      raw,\n      meta,\n      isFallbackMessage,\n    }\n  }\n}\n\nfunction resolveDefaultMessage(kind: ResponseErrorKind, texts: ResponseErrorTexts): string {\n  switch (kind) {\n    case 'network': return texts.networkMessage\n    case 'aborted': return texts.abortedMessage\n    case 'validation': return texts.validationMessage\n    case 'client': return texts.clientMessage\n    case 'server': return texts.serverMessage\n    case 'unknown':\n    default: return texts.unknownMessage\n  }\n}\n\nexport function resolveResponseErrorTitle(kind: ResponseErrorKind, texts: ResponseErrorTexts): string {\n  switch (kind) {\n    case 'network': return texts.networkTitle\n    case 'aborted': return texts.abortedTitle\n    case 'validation': return texts.validationTitle\n    case 'client': return texts.clientTitle\n    case 'server': return texts.serverTitle\n    case 'unknown':\n    default: return texts.unknownTitle\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrAlert from '../GrAlert/GrAlert.vue'\nimport GrButton from '../GrButton/GrButton.vue'\n\nimport { resolveResponseErrorTitle } from './parsers/createResponseErrorClassifier'\nimport {\n  DEFAULT_AUTO_HIDE_KINDS,\n  DEFAULT_RESPONSE_ERROR_TEXTS,\n  DEFAULT_TONE_BY_KIND,\n} from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrResponseErrorBannerProps {\n  /** Готовая структура ошибки. Если `null` — баннер не рендерится. */\n  error: ResponseErrorInfo | null\n  /** Частичный override текстов. Мерджится с `DEFAULT_RESPONSE_ERROR_TEXTS`. */\n  texts?: Partial<ResponseErrorTexts>\n  /** Жёсткий оверрайд тона. Бьёт `toneByKind`. */\n  tone?: ResponseErrorTone\n  /** Маппинг `kind` → `tone`. Мерджится с `DEFAULT_TONE_BY_KIND`. */\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  /** Показывать ли блок `details`/`fieldErrors` под основным сообщением. */\n  showDetails?: boolean\n  /** Префиксить ли `field:` перед сообщениями по полям. */\n  showFieldLabels?: boolean\n  /** Человекочитаемые подписи полей (`{ file: 'Файл' }`). */\n  fieldLabels?: Record<string, string>\n  /** Удалять дубликаты сообщений между `message` и `details`. */\n  dedupeDetails?: boolean\n  /** Показывать ли кнопку «Повторить». */\n  canRetry?: boolean\n  /** Показывать ли кнопку «Скрыть». */\n  canDismiss?: boolean\n  /** Какие `kind` не рендерить вообще (баннер скрывается). */\n  autoHideKinds?: ResponseErrorKind[]\n  /** Показывать ли HTTP-status бейдж. */\n  showStatus?: boolean\n  /** Префикс `data-testid`. */\n  testIdPrefix?: string\n}\n\nexport interface GrResponseErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrResponseErrorBannerProps>(), {\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  showDetails: true,\n  showFieldLabels: true,\n  fieldLabels: () => ({}),\n  dedupeDetails: true,\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => DEFAULT_AUTO_HIDE_KINDS,\n  showStatus: true,\n  testIdPrefix: 'response-error',\n})\n\nconst emit = defineEmits<GrResponseErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\nconst i18nTexts = computed<ResponseErrorTexts>(() => {\n  const out = {} as ResponseErrorTexts\n  for (const key of Object.keys(DEFAULT_RESPONSE_ERROR_TEXTS) as (keyof ResponseErrorTexts)[]) {\n    out[key] = t(`gr.responseError.${key}`, DEFAULT_RESPONSE_ERROR_TEXTS[key])\n  }\n  return out\n})\n\nconst mergedTexts = computed<ResponseErrorTexts>(() => ({\n  ...DEFAULT_RESPONSE_ERROR_TEXTS,\n  ...i18nTexts.value,\n  ...props.texts,\n}))\n\nconst mergedToneByKind = computed<Record<ResponseErrorKind, ResponseErrorTone>>(() => ({\n  ...DEFAULT_TONE_BY_KIND,\n  ...props.toneByKind,\n}))\n\nconst isHidden = computed(() => {\n  if (!props.error) return true\n  return props.autoHideKinds.includes(props.error.kind)\n})\n\nconst tone = computed<ResponseErrorTone>(() => {\n  if (props.tone) return props.tone\n  if (!props.error) return 'danger'\n  return mergedToneByKind.value[props.error.kind] ?? 'danger'\n})\n\nconst title = computed(() => {\n  if (!props.error) return ''\n  return resolveResponseErrorTitle(props.error.kind, mergedTexts.value)\n})\n\n/**\n * Маппинг `kind` → ключ поля сообщения в `ResponseErrorTexts`.\n * Используется, чтобы подменить «дефолтное английское» fallback-сообщение\n * классификатора на i18n-перевод (или текущий `mergedTexts.<kind>Message`).\n */\nconst KIND_MESSAGE_KEY: Record<ResponseErrorKind, keyof ResponseErrorTexts> = {\n  network: 'networkMessage',\n  aborted: 'abortedMessage',\n  validation: 'validationMessage',\n  client: 'clientMessage',\n  server: 'serverMessage',\n  unknown: 'unknownMessage',\n}\n\n// Через `mergedTexts`, а не напрямую через `t`: подпись — такой же текст\n// баннера, как и остальные, и проп `texts` обязан её перебивать.\nconst statusLabel = computed(() =>\n  mergedTexts.value.statusLabel.replace('{status}', String(props.error?.status ?? '')),\n)\n\nconst message = computed(() => {\n  const raw = props.error?.message ?? ''\n  if (!props.error) return raw\n\n  // Заменяем переводом только то сообщение, которое сам классификатор и\n  // подставил (`isFallbackMessage`). Прежнее опознание сравнением строк\n  // выбрасывало ответ сервера, если тот дословно совпал с дефолтом.\n  if (!raw || props.error.isFallbackMessage) {\n    return mergedTexts.value[KIND_MESSAGE_KEY[props.error.kind]]\n  }\n  return raw\n})\n\n/**\n * Сводный список «деталей» под основным `message`.\n * Предпочитаем `fieldErrors` (поле → сообщения), затем — плоский `details`.\n * Дедуплицируем и убираем повтор с `message`.\n */\nconst detailEntries = computed<{ field?: string, text: string }[]>(() => {\n  if (!props.error || !props.showDetails) return []\n\n  const seen = new Set<string>()\n  if (props.dedupeDetails) {\n    const main = message.value.trim()\n    if (main) seen.add(main)\n  }\n\n  const result: { field?: string, text: string }[] = []\n  const fieldErrors = props.error.fieldErrors\n  if (fieldErrors?.length) {\n    for (const fe of fieldErrors) {\n      for (const m of fe.messages) {\n        const text = m.trim()\n        if (!text || seen.has(text)) continue\n        seen.add(text)\n        result.push({ field: fe.field, text })\n      }\n    }\n    if (result.length) return result\n  }\n\n  const details = props.error.details\n  if (details?.length) {\n    for (const d of details) {\n      const text = (d ?? '').trim()\n      if (!text || seen.has(text)) continue\n      seen.add(text)\n      result.push({ text })\n    }\n  }\n  return result\n})\n\nfunction fieldLabel(field?: string): string | undefined {\n  if (!field) return undefined\n  return props.fieldLabels[field] ?? field\n}\n\nfunction onRetry(): void {\n  if (props.error) emit('retry', props.error)\n}\n\nfunction onDismiss(): void {\n  emit('dismiss')\n}\n</script>\n\n<template>\n  <GrAlert\n    v-if=\"!isHidden && props.error\"\n    :tone=\"tone\"\n    :title=\"title\"\n    :closable=\"props.canDismiss\"\n    :data-testid=\"`${props.testIdPrefix}-banner`\"\n    :data-kind=\"props.error.kind\"\n    @close=\"onDismiss\"\n  >\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <span\n          v-if=\"props.showStatus && typeof props.error.status === 'number'\"\n          class=\"inline-flex items-center rounded-[var(--gr-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-control-text-2xs)] font-700 leading-none\"\n          :data-testid=\"`${props.testIdPrefix}-status`\"\n        >\n          {{ statusLabel }}\n        </span>\n        <span\n          class=\"text-[length:var(--gr-control-text-sm)]\"\n          :data-testid=\"`${props.testIdPrefix}-message`\"\n        >\n          {{ message }}\n        </span>\n      </div>\n\n      <ul\n        v-if=\"detailEntries.length\"\n        class=\"m-0 list-disc pl-5 text-[length:var(--gr-control-text-xs)]\"\n        :data-testid=\"`${props.testIdPrefix}-details`\"\n      >\n        <li\n          v-for=\"(entry, idx) in detailEntries\"\n          :key=\"`${entry.field ?? ''}:${idx}`\"\n        >\n          <template v-if=\"props.showFieldLabels && entry.field\">\n            <strong>{{ fieldLabel(entry.field) }}:</strong>&nbsp;\n          </template>{{ entry.text }}\n        </li>\n      </ul>\n\n      <div\n        v-if=\"props.canRetry\"\n        class=\"mt-1 flex flex-wrap items-center gap-2\"\n      >\n        <!--\n          Тон кнопки — тон баннера: `primary` по умолчанию давал синюю кнопку на\n          красной и оранжевой подложке. Шкала тонов у кнопки и у баннера одна,\n          поэтому это проброс, а не маппинг.\n        -->\n        <GrButton\n          size=\"sm\"\n          variant=\"outline\"\n          :tone=\"tone\"\n          :data-testid=\"`${props.testIdPrefix}-retry`\"\n          @click=\"onRetry\"\n        >\n          {{ mergedTexts.retryLabel }}\n        </GrButton>\n      </div>\n    </div>\n  </GrAlert>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrAlert from '../GrAlert/GrAlert.vue'\nimport GrButton from '../GrButton/GrButton.vue'\n\nimport { resolveResponseErrorTitle } from './parsers/createResponseErrorClassifier'\nimport {\n  DEFAULT_AUTO_HIDE_KINDS,\n  DEFAULT_RESPONSE_ERROR_TEXTS,\n  DEFAULT_TONE_BY_KIND,\n} from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrResponseErrorBannerProps {\n  /** Готовая структура ошибки. Если `null` — баннер не рендерится. */\n  error: ResponseErrorInfo | null\n  /** Частичный override текстов. Мерджится с `DEFAULT_RESPONSE_ERROR_TEXTS`. */\n  texts?: Partial<ResponseErrorTexts>\n  /** Жёсткий оверрайд тона. Бьёт `toneByKind`. */\n  tone?: ResponseErrorTone\n  /** Маппинг `kind` → `tone`. Мерджится с `DEFAULT_TONE_BY_KIND`. */\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  /** Показывать ли блок `details`/`fieldErrors` под основным сообщением. */\n  showDetails?: boolean\n  /** Префиксить ли `field:` перед сообщениями по полям. */\n  showFieldLabels?: boolean\n  /** Человекочитаемые подписи полей (`{ file: 'Файл' }`). */\n  fieldLabels?: Record<string, string>\n  /** Удалять дубликаты сообщений между `message` и `details`. */\n  dedupeDetails?: boolean\n  /** Показывать ли кнопку «Повторить». */\n  canRetry?: boolean\n  /** Показывать ли кнопку «Скрыть». */\n  canDismiss?: boolean\n  /** Какие `kind` не рендерить вообще (баннер скрывается). */\n  autoHideKinds?: ResponseErrorKind[]\n  /** Показывать ли HTTP-status бейдж. */\n  showStatus?: boolean\n  /** Префикс `data-testid`. */\n  testIdPrefix?: string\n}\n\nexport interface GrResponseErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrResponseErrorBannerProps>(), {\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  showDetails: true,\n  showFieldLabels: true,\n  fieldLabels: () => ({}),\n  dedupeDetails: true,\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => DEFAULT_AUTO_HIDE_KINDS,\n  showStatus: true,\n  testIdPrefix: 'response-error',\n})\n\nconst emit = defineEmits<GrResponseErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\nconst i18nTexts = computed<ResponseErrorTexts>(() => {\n  const out = {} as ResponseErrorTexts\n  for (const key of Object.keys(DEFAULT_RESPONSE_ERROR_TEXTS) as (keyof ResponseErrorTexts)[]) {\n    out[key] = t(`gr.responseError.${key}`, DEFAULT_RESPONSE_ERROR_TEXTS[key])\n  }\n  return out\n})\n\nconst mergedTexts = computed<ResponseErrorTexts>(() => ({\n  ...DEFAULT_RESPONSE_ERROR_TEXTS,\n  ...i18nTexts.value,\n  ...props.texts,\n}))\n\nconst mergedToneByKind = computed<Record<ResponseErrorKind, ResponseErrorTone>>(() => ({\n  ...DEFAULT_TONE_BY_KIND,\n  ...props.toneByKind,\n}))\n\nconst isHidden = computed(() => {\n  if (!props.error) return true\n  return props.autoHideKinds.includes(props.error.kind)\n})\n\nconst tone = computed<ResponseErrorTone>(() => {\n  if (props.tone) return props.tone\n  if (!props.error) return 'danger'\n  return mergedToneByKind.value[props.error.kind] ?? 'danger'\n})\n\nconst title = computed(() => {\n  if (!props.error) return ''\n  return resolveResponseErrorTitle(props.error.kind, mergedTexts.value)\n})\n\n/**\n * Маппинг `kind` → ключ поля сообщения в `ResponseErrorTexts`.\n * Используется, чтобы подменить «дефолтное английское» fallback-сообщение\n * классификатора на i18n-перевод (или текущий `mergedTexts.<kind>Message`).\n */\nconst KIND_MESSAGE_KEY: Record<ResponseErrorKind, keyof ResponseErrorTexts> = {\n  network: 'networkMessage',\n  aborted: 'abortedMessage',\n  validation: 'validationMessage',\n  client: 'clientMessage',\n  server: 'serverMessage',\n  unknown: 'unknownMessage',\n}\n\n// Через `mergedTexts`, а не напрямую через `t`: подпись — такой же текст\n// баннера, как и остальные, и проп `texts` обязан её перебивать.\nconst statusLabel = computed(() =>\n  mergedTexts.value.statusLabel.replace('{status}', String(props.error?.status ?? '')),\n)\n\nconst message = computed(() => {\n  const raw = props.error?.message ?? ''\n  if (!props.error) return raw\n\n  // Заменяем переводом только то сообщение, которое сам классификатор и\n  // подставил (`isFallbackMessage`). Прежнее опознание сравнением строк\n  // выбрасывало ответ сервера, если тот дословно совпал с дефолтом.\n  if (!raw || props.error.isFallbackMessage) {\n    return mergedTexts.value[KIND_MESSAGE_KEY[props.error.kind]]\n  }\n  return raw\n})\n\n/**\n * Сводный список «деталей» под основным `message`.\n * Предпочитаем `fieldErrors` (поле → сообщения), затем — плоский `details`.\n * Дедуплицируем и убираем повтор с `message`.\n */\nconst detailEntries = computed<{ field?: string, text: string }[]>(() => {\n  if (!props.error || !props.showDetails) return []\n\n  const seen = new Set<string>()\n  if (props.dedupeDetails) {\n    const main = message.value.trim()\n    if (main) seen.add(main)\n  }\n\n  const result: { field?: string, text: string }[] = []\n  const fieldErrors = props.error.fieldErrors\n  if (fieldErrors?.length) {\n    for (const fe of fieldErrors) {\n      for (const m of fe.messages) {\n        const text = m.trim()\n        if (!text || seen.has(text)) continue\n        seen.add(text)\n        result.push({ field: fe.field, text })\n      }\n    }\n    if (result.length) return result\n  }\n\n  const details = props.error.details\n  if (details?.length) {\n    for (const d of details) {\n      const text = (d ?? '').trim()\n      if (!text || seen.has(text)) continue\n      seen.add(text)\n      result.push({ text })\n    }\n  }\n  return result\n})\n\nfunction fieldLabel(field?: string): string | undefined {\n  if (!field) return undefined\n  return props.fieldLabels[field] ?? field\n}\n\nfunction onRetry(): void {\n  if (props.error) emit('retry', props.error)\n}\n\nfunction onDismiss(): void {\n  emit('dismiss')\n}\n</script>\n\n<template>\n  <GrAlert\n    v-if=\"!isHidden && props.error\"\n    :tone=\"tone\"\n    :title=\"title\"\n    :closable=\"props.canDismiss\"\n    :data-testid=\"`${props.testIdPrefix}-banner`\"\n    :data-kind=\"props.error.kind\"\n    @close=\"onDismiss\"\n  >\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <span\n          v-if=\"props.showStatus && typeof props.error.status === 'number'\"\n          class=\"inline-flex items-center rounded-[var(--gr-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-control-text-2xs)] font-700 leading-none\"\n          :data-testid=\"`${props.testIdPrefix}-status`\"\n        >\n          {{ statusLabel }}\n        </span>\n        <span\n          class=\"text-[length:var(--gr-control-text-sm)]\"\n          :data-testid=\"`${props.testIdPrefix}-message`\"\n        >\n          {{ message }}\n        </span>\n      </div>\n\n      <ul\n        v-if=\"detailEntries.length\"\n        class=\"m-0 list-disc pl-5 text-[length:var(--gr-control-text-xs)]\"\n        :data-testid=\"`${props.testIdPrefix}-details`\"\n      >\n        <li\n          v-for=\"(entry, idx) in detailEntries\"\n          :key=\"`${entry.field ?? ''}:${idx}`\"\n        >\n          <template v-if=\"props.showFieldLabels && entry.field\">\n            <strong>{{ fieldLabel(entry.field) }}:</strong>&nbsp;\n          </template>{{ entry.text }}\n        </li>\n      </ul>\n\n      <div\n        v-if=\"props.canRetry\"\n        class=\"mt-1 flex flex-wrap items-center gap-2\"\n      >\n        <!--\n          Тон кнопки — тон баннера: `primary` по умолчанию давал синюю кнопку на\n          красной и оранжевой подложке. Шкала тонов у кнопки и у баннера одна,\n          поэтому это проброс, а не маппинг.\n        -->\n        <GrButton\n          size=\"sm\"\n          variant=\"outline\"\n          :tone=\"tone\"\n          :data-testid=\"`${props.testIdPrefix}-retry`\"\n          @click=\"onRetry\"\n        >\n          {{ mergedTexts.retryLabel }}\n        </GrButton>\n      </div>\n    </div>\n  </GrAlert>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"GrResponseErrorBanner-DudGc9LO.js","names":[],"sources":["../../../../src/components/GrResponseErrorBanner/responseError.defaults.ts","../../../../src/components/GrResponseErrorBanner/parsers/abortErrorParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/fileValidationParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/httpStatusParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/jsonApiErrorParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/laravelValidationParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/networkErrorParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/normalizeError.ts","../../../../src/components/GrResponseErrorBanner/parsers/plainMessageParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/problemDetailsParser.ts","../../../../src/components/GrResponseErrorBanner/parsers/createResponseErrorClassifier.ts","../../../../src/components/GrResponseErrorBanner/GrResponseErrorBanner.vue","../../../../src/components/GrResponseErrorBanner/GrResponseErrorBanner.vue"],"sourcesContent":["import type { ResponseErrorKind, ResponseErrorTexts, ResponseErrorTone } from './responseError.types'\n\n/**\n * Default English texts. Any field can be overridden via the `texts` prop\n * on `GrResponseErrorBanner` or the `texts` option of `useResponseError`.\n */\nexport const DEFAULT_RESPONSE_ERROR_TEXTS: ResponseErrorTexts = {\n  networkTitle: 'No connection to the server',\n  networkMessage: 'Check your internet connection and try again.',\n  abortedTitle: 'Request cancelled',\n  abortedMessage: 'The request was cancelled.',\n  validationTitle: 'Check the data',\n  validationMessage: 'The server returned a validation error. Fix the fields and try again.',\n  clientTitle: 'Request error',\n  clientMessage: 'The server rejected the request.',\n  serverTitle: 'Server error',\n  serverMessage: 'A server error occurred. Please try again.',\n  unknownTitle: 'Something went wrong',\n  unknownMessage: 'The operation could not be completed. Please try again.',\n  statusLabel: 'HTTP {status}',\n  retryLabel: 'Retry',\n  dismissLabel: 'Dismiss',\n}\n\n/**\n * Маппинг `kind` → `tone` по умолчанию. Применяется внутри баннера, если\n * пользователь не передал `tone` или `toneByKind`. Цель — визуально отделить\n * «исправь ввод» (warning) от «упало по сети/серверу» (danger).\n */\nexport const DEFAULT_TONE_BY_KIND: Record<ResponseErrorKind, ResponseErrorTone> = {\n  network: 'danger',\n  aborted: 'info',\n  validation: 'warning',\n  client: 'warning',\n  server: 'danger',\n  unknown: 'danger',\n}\n\n/**\n * `kind`'ы, которые по умолчанию не показываются (баннер скрыт).\n * Семантика: отмена пользователем — не «ошибка», UI обычно тихо проглатывает.\n * Пользователь может переопределить через `autoHideKinds: []`, чтобы показать info-плашку.\n */\nexport const DEFAULT_AUTO_HIDE_KINDS: ResponseErrorKind[] = []\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Распознаёт отмену запроса клиентом.\n *\n * Триггеры:\n * - `ctx.isAbort === true` (выставляется `normalizeError` для `AbortError`,\n *   axios `isCancel`/`ERR_CANCELED`, xhr `status === 0 && readyState === 4`).\n *\n * Возвращает `kind: 'aborted'` и `stop: true` — другие парсеры пропускаются,\n * чтобы случайный `status === 0` не интерпретировался как сетевая ошибка.\n *\n * По умолчанию `aborted` показывается info-плашкой; чтобы скрыть совсем —\n * добавьте `'aborted'` в `autoHideKinds`.\n */\nexport const abortErrorParser: ResponseErrorParser = (ctx) => {\n  if (!ctx.isAbort) return null\n  // Текст по `kind` подставит классификатор — и пометит его фолбэком.\n  return {\n    kind: 'aborted',\n    stop: true,\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Распознаёт `FileValidationError` от `GrFileUpload` (или совместимый по форме\n * объект). Не зависит от жёсткого импорта класса — определяет по `name`.\n *\n * Активируется, если `ctx.raw.name === 'FileValidationError'` и есть массив\n * `issues`/`errors` с полями `{ file?, code?, message }`.\n *\n * Возвращает `kind: 'validation'` и `stop: true` — это локальная клиентская\n * валидация, незачем дальше идти по HTTP-парсерам.\n */\nexport const fileValidationParser: ResponseErrorParser = (ctx) => {\n  const raw = ctx.raw as\n    | undefined\n    | {\n      name?: string\n      message?: string\n      issues?: Array<{ file?: { name?: string }, message?: unknown, code?: string }>\n      errors?: Array<{ file?: { name?: string }, message?: unknown, code?: string }>\n    }\n  if (!raw || typeof raw !== 'object') return null\n  if (raw.name !== 'FileValidationError') return null\n\n  const list = raw.issues ?? raw.errors ?? []\n  const details: string[] = []\n  for (const it of list) {\n    if (!it || typeof it !== 'object') continue\n    const msg = typeof it.message === 'string' ? it.message : ''\n    if (!msg) continue\n    const fileName = it.file?.name\n    details.push(fileName ? `${fileName}: ${msg}` : msg)\n  }\n\n  return {\n    kind: 'validation',\n    message: raw.message || undefined,\n    details: details.length ? details : undefined,\n    stop: true,\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Базовая классификация по HTTP-статусу.\n *\n * Правила:\n * - `400` / `422` ⇒ `kind: 'validation'`,\n * - остальные `4xx` ⇒ `kind: 'client'`,\n * - `>= 500` ⇒ `kind: 'server'`.\n *\n * Не использует `stop` — даёт более специализированным парсерам\n * (Laravel/JSON:API/RFC 7807) уточнить сообщение и `fieldErrors`.\n *\n * `message` **не** заполняет: общий текст по `kind` — работа классификатора,\n * который помечает такое сообщение `isFallbackMessage`. Только по этому флагу\n * баннер вправе заменить текст переводом.\n */\nexport const httpStatusParser: ResponseErrorParser = (ctx) => {\n  const status = ctx.status\n  if (typeof status !== 'number') return null\n\n  if (status >= 500) {\n    return { kind: 'server', status }\n  }\n  if (status === 400 || status === 422) {\n    return { kind: 'validation', status }\n  }\n  if (status >= 400) {\n    return { kind: 'client', status }\n  }\n  return null\n}\n","import type { ResponseErrorFieldError, ResponseErrorParser } from '../responseError.types'\n\n/**\n * Парсер JSON:API-стиля:\n *\n * ```json\n * { \"errors\": [\n *     { \"status\": \"422\", \"title\": \"Invalid Attribute\",\n *       \"detail\": \"Email is required.\",\n *       \"source\": { \"pointer\": \"/data/attributes/email\" } }\n *   ] }\n * ```\n *\n * Активируется, когда `ctx.body.errors` — массив объектов с `title`/`detail`.\n * Поле извлекается из последнего сегмента `source.pointer`. Все `detail`\n * собираются в `details`, первый `title` — в `message`.\n */\nexport const jsonApiErrorParser: ResponseErrorParser = (ctx) => {\n  const body = ctx.body\n  if (!body || typeof body !== 'object') return null\n\n  const errors = (body as { errors?: unknown }).errors\n  if (!Array.isArray(errors) || errors.length === 0) return null\n\n  // Эвристика: первый элемент должен иметь title/detail/source — иначе это не JSON:API\n  const first = errors[0]\n  if (!first || typeof first !== 'object') return null\n  const has = (key: string) => key in (first as object)\n  if (!has('title') && !has('detail') && !has('source')) return null\n\n  const fieldErrorsMap = new Map<string, string[]>()\n  const details: string[] = []\n  let message: string | undefined\n\n  for (const e of errors) {\n    if (!e || typeof e !== 'object') continue\n    const eo = e as { title?: unknown, detail?: unknown, source?: { pointer?: unknown } }\n    const text = (typeof eo.detail === 'string' && eo.detail) || (typeof eo.title === 'string' && eo.title) || ''\n    if (!text) continue\n    if (!message && typeof eo.title === 'string') message = eo.title\n\n    const pointer = typeof eo.source?.pointer === 'string' ? eo.source.pointer : ''\n    const field = pointer ? pointer.split('/').filter(Boolean).pop() : undefined\n\n    if (field) {\n      const list = fieldErrorsMap.get(field) ?? []\n      list.push(text)\n      fieldErrorsMap.set(field, list)\n    }\n    details.push(text)\n  }\n\n  if (!details.length) return null\n\n  const fieldErrors: ResponseErrorFieldError[] = Array.from(fieldErrorsMap, ([field, messages]) => ({ field, messages }))\n\n  const kind = fieldErrors.length ? 'validation' : undefined\n\n  return {\n    kind,\n    // Без `title` сообщение не выдумываем: общий текст по `kind` — работа\n    // классификатора, и только он помечает такое сообщение фолбэком.\n    message,\n    details,\n    fieldErrors: fieldErrors.length ? fieldErrors : undefined,\n  }\n}\n","import type { ResponseErrorFieldError, ResponseErrorParser } from '../responseError.types'\n\n/**\n * Парсит Laravel-формат ответа об ошибке валидации:\n *\n * ```json\n * { \"message\": \"The given data was invalid.\",\n *   \"errors\": { \"file\": [\"The file is required.\"], \"amount\": [\"...\"] } }\n * ```\n *\n * Активируется при наличии `ctx.body.errors` как plain-объекта (значения —\n * массив строк или строка). Если есть `fieldErrors`, повышает `kind` до\n * `validation` независимо от статуса (полезно, когда сервер прислал 200/4xx\n * без 422). `message` берётся из `body.message` / `body.error`.\n */\nexport const laravelValidationParser: ResponseErrorParser = (ctx) => {\n  const body = ctx.body\n  if (!body || typeof body !== 'object' || Array.isArray(body)) return null\n\n  const data = body as Record<string, unknown>\n  const errors = data.errors\n  if (!errors || typeof errors !== 'object' || Array.isArray(errors)) return null\n\n  const fieldErrors: ResponseErrorFieldError[] = []\n  for (const [field, raw] of Object.entries(errors as Record<string, unknown>)) {\n    const messages = Array.isArray(raw)\n      ? raw.filter((m): m is string => typeof m === 'string')\n      : typeof raw === 'string' ? [raw] : []\n    if (messages.length) fieldErrors.push({ field, messages })\n  }\n\n  if (!fieldErrors.length) return null\n\n  // Только то, что действительно прислал сервер: не нашли — пусть общий текст\n  // подставит классификатор, пометив его фолбэком (иначе баннер не переведёт).\n  const message = (typeof data.message === 'string' && data.message)\n    || (typeof data.error === 'string' && data.error)\n    || undefined\n\n  const details = fieldErrors.flatMap(fe => fe.messages)\n\n  return {\n    kind: 'validation',\n    message,\n    details,\n    fieldErrors,\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Распознаёт транспортные ошибки **без ответа сервера**: отсутствие интернета,\n * DNS-фейл, CORS-preflight, fetch `TypeError('Failed to fetch')`,\n * axios `ERR_NETWORK`/`ECONNABORTED`.\n *\n * Триггеры:\n * - `ctx.isNetwork === true` (выставлено `normalizeError`),\n * - либо нет ни `status`, ни `body`, ни признака отмены, но есть исходная\n *   ошибка с `code === 'ERR_NETWORK'` / `message ~ /network|fetch/i/`.\n *\n * Возвращает `kind: 'network'` и `stop: true`.\n */\nexport const networkErrorParser: ResponseErrorParser = (ctx) => {\n  if (ctx.isAbort) return null\n\n  if (ctx.isNetwork) {\n    // Текст по `kind` подставит классификатор — и пометит его фолбэком.\n    return {\n      kind: 'network',\n      stop: true,\n    }\n  }\n\n  // Эвристика для случаев, когда normalizeError не пометил, но статус-кода нет.\n  if (typeof ctx.status !== 'number' && ctx.body == null && ctx.raw && typeof ctx.raw === 'object') {\n    const r = ctx.raw as { code?: string, message?: string, name?: string }\n    if (r.code === 'ERR_NETWORK' || (typeof r.message === 'string' && /network|failed to fetch/i.test(r.message))) {\n      return {\n        kind: 'network',\n        stop: true,\n      }\n    }\n  }\n\n  return null\n}\n","import type { NormalizedRawError } from '../responseError.types'\n\n/**\n * Универсально приводит «сырой» вход к {@link NormalizedRawError}.\n *\n * Поддерживаемые источники:\n * - **axios** — `AxiosError` с `response.status`/`response.data`/`response.headers`,\n *   либо `request` без `response` + `code === 'ERR_NETWORK'`, либо `code === 'ERR_CANCELED'`.\n * - **fetch `Response`** — объект `Response` с `ok=false`. Тело читается через\n *   `clone().json()` (с фолбэком на `.text()`); поэтому функция асинхронная.\n * - **fetch `TypeError`** — `TypeError('Failed to fetch')` ⇒ `isNetwork=true`.\n * - **`{ response: Response, body: unknown }`** — если потребитель уже прочитал тело сам.\n * - **`XMLHttpRequest`** / `{ status, responseText, response }` — пара полей.\n * - **`AbortError` / `DOMException`** ⇒ `isAbort=true`.\n * - **`Error`/строка/произвольный объект** — кладётся в `body`/`raw` как есть.\n *\n * Цель — отделить «откуда пришла ошибка» от «как её классифицировать»: парсеры\n * работают только с нормализованным `ResponseErrorContext`, не зная о транспорте.\n */\nexport async function normalizeError(raw: unknown): Promise<NormalizedRawError> {\n  // 1) Уже нормализованный вход (потребитель сам подготовил)\n  if (isPlainNormalized(raw)) {\n    return { ...(raw), raw }\n  }\n\n  // 2) `{ response: Response, body }` — уже прочитанное тело\n  if (isResponseEnvelope(raw)) {\n    const res = raw.response\n    return {\n      raw,\n      status: res.status,\n      body: raw.body,\n      headers: readHeaders(res),\n    }\n  }\n\n  // 3) Голый fetch Response\n  if (isFetchResponse(raw)) {\n    const body = await readFetchBody(raw)\n    return {\n      raw,\n      status: raw.status,\n      body,\n      headers: readHeaders(raw),\n    }\n  }\n\n  // 4) XMLHttpRequest\n  if (isXhr(raw)) {\n    const body = parseMaybeJson(raw.responseText) ?? raw.response\n    return {\n      raw,\n      status: typeof raw.status === 'number' ? raw.status : undefined,\n      body,\n      isAbort: raw.status === 0 && raw.readyState === 4,\n    }\n  }\n\n  // 5) axios error (есть `isAxiosError` или `response`/`request` + `code`)\n  if (isAxiosLike(raw)) {\n    const e = raw\n    const status = e.response?.status\n    const code = e.code\n    const isAbort = code === 'ERR_CANCELED' || code === 'CANCELED' || (e as { __CANCEL__?: boolean }).__CANCEL__ === true\n    const isNetwork = !e.response && (code === 'ERR_NETWORK' || code === 'ECONNABORTED')\n\n    return {\n      raw,\n      status,\n      body: e.response?.data,\n      headers: normalizeHeaderRecord(e.response?.headers),\n      isAbort,\n      isNetwork,\n    }\n  }\n\n  // 6) AbortError / DOMException\n  if (isAbortError(raw)) {\n    return { raw, isAbort: true }\n  }\n\n  // 7) Сетевой TypeError от fetch\n  if (raw instanceof TypeError && /fetch|network/i.test(raw.message || '')) {\n    return { raw, isNetwork: true }\n  }\n\n  // 8) Произвольный Error / строка / объект\n  if (raw instanceof Error) {\n    return { raw, body: { message: raw.message } }\n  }\n\n  if (typeof raw === 'string') {\n    return { raw, body: { message: raw } }\n  }\n\n  if (raw && typeof raw === 'object') {\n    return { raw, body: raw }\n  }\n\n  return { raw }\n}\n\n// ----------------- helpers -----------------\n\ntype AxiosLikeError = Error & {\n  isAxiosError?: boolean\n  code?: string\n  response?: { status?: number, data?: unknown, headers?: unknown }\n  request?: unknown\n}\n\nfunction isPlainNormalized(v: unknown): v is NormalizedRawError {\n  if (!v || typeof v !== 'object') return false\n  const o = v as Record<string, unknown>\n  return 'raw' in o && (\n    'status' in o || 'body' in o || 'isAbort' in o || 'isNetwork' in o || 'headers' in o\n  )\n}\n\nfunction isResponseEnvelope(v: unknown): v is { response: Response, body: unknown } {\n  return !!v && typeof v === 'object'\n      && 'response' in (v)\n      && isFetchResponse((v).response)\n}\n\nfunction isFetchResponse(v: unknown): v is Response {\n  return typeof Response !== 'undefined' && v instanceof Response\n}\n\nfunction isXhr(v: unknown): v is XMLHttpRequest {\n  return typeof XMLHttpRequest !== 'undefined' && v instanceof XMLHttpRequest\n}\n\nfunction isAxiosLike(v: unknown): v is AxiosLikeError {\n  if (!v || typeof v !== 'object') return false\n  const o = v as Record<string, unknown>\n  return o.isAxiosError === true\n      || ('response' in o && typeof o.response === 'object' && o.response !== null)\n      || ('code' in o && typeof o.code === 'string')\n}\n\nfunction isAbortError(v: unknown): boolean {\n  if (!v || typeof v !== 'object') return false\n  const o = v as { name?: string, code?: string }\n  return o.name === 'AbortError' || o.name === 'CanceledError' || o.code === 'ERR_CANCELED'\n}\n\nasync function readFetchBody(res: Response): Promise<unknown> {\n  if (res.bodyUsed) return undefined\n  try {\n    const clone = res.clone()\n    const text = await clone.text()\n    return parseMaybeJson(text) ?? text\n  }\n  catch {\n    return undefined\n  }\n}\n\nfunction readHeaders(res: Response): Record<string, string> {\n  const out: Record<string, string> = {}\n  res.headers.forEach((value, key) => {\n    out[key.toLowerCase()] = value\n  })\n  return out\n}\n\nfunction normalizeHeaderRecord(h: unknown): Record<string, string> | undefined {\n  if (!h || typeof h !== 'object') return undefined\n  const out: Record<string, string> = {}\n  for (const [k, v] of Object.entries(h as Record<string, unknown>)) {\n    if (typeof v === 'string') out[k.toLowerCase()] = v\n  }\n  return out\n}\n\nfunction parseMaybeJson(text: string | undefined): unknown {\n  if (typeof text !== 'string' || !text) return undefined\n  try {\n    return JSON.parse(text)\n  }\n  catch {\n    return undefined\n  }\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Финальный фолбэк-парсер. Достаёт хоть какое-нибудь человекочитаемое\n * сообщение, чтобы баннер не был пустым.\n *\n * Источники (по приоритету):\n * 1. `ctx.body` — если строка ⇒ message,\n * 2. `ctx.body[messageKey]` (default `'message'`),\n * 3. `ctx.body.error` (строка),\n * 4. `ctx.raw.message` — **только когда ответа не было вовсе** (нет ни статуса,\n *    ни тела). Иначе это строка транспорта (`Request failed with status 500` у\n *    axios), а не сообщение сервера: пользователь получил бы техническую фразу\n *    на английском вместо переведённого текста по `kind`.\n *\n * Не выставляет `kind` — оставляет на усмотрение классификатора.\n * Использует ключ `messageKey` из `ctx.meta._messageKey`, если задан.\n */\nexport const plainMessageParser: ResponseErrorParser = (ctx) => {\n  const messageKey = (ctx.meta._messageKey as string | undefined) || 'message'\n\n  if (typeof ctx.body === 'string' && ctx.body.trim()) {\n    return { message: ctx.body }\n  }\n\n  if (ctx.body && typeof ctx.body === 'object') {\n    const data = ctx.body as Record<string, unknown>\n    const fromKey = data[messageKey]\n    if (typeof fromKey === 'string' && fromKey) return { message: fromKey }\n    if (typeof data.error === 'string' && data.error) return { message: data.error }\n  }\n\n  const hadResponse = typeof ctx.status === 'number' || ctx.body != null\n  if (!hadResponse && ctx.raw instanceof Error && ctx.raw.message) {\n    return { message: ctx.raw.message }\n  }\n\n  return null\n}\n","import type { ResponseErrorParser } from '../responseError.types'\n\n/**\n * Парсер RFC 7807 «Problem Details for HTTP APIs»:\n *\n * ```json\n * { \"type\": \"https://example.com/probs/out-of-credit\",\n *   \"title\": \"You do not have enough credit.\",\n *   \"status\": 403,\n *   \"detail\": \"Your current balance is 30.\",\n *   \"errors\": { \"balance\": [\"...\"] } }\n * ```\n *\n * Активируется, если есть `body.type` + `body.title`, либо\n * Content-Type заголовка `application/problem+json`. Берёт `title` как\n * `message`, `detail` — в `details[0]`, status — в `status`.\n */\nexport const problemDetailsParser: ResponseErrorParser = (ctx) => {\n  const body = ctx.body\n  if (!body || typeof body !== 'object' || Array.isArray(body)) return null\n\n  const data = body as { type?: unknown, title?: unknown, detail?: unknown, status?: unknown }\n  const isProblemContentType = ctx.headers?.['content-type']?.includes('application/problem+json')\n  const hasShape = typeof data.title === 'string' && (typeof data.type === 'string' || typeof data.status === 'number')\n\n  if (!isProblemContentType && !hasShape) return null\n\n  const message = typeof data.title === 'string' ? data.title : undefined\n  const details: string[] = []\n  if (typeof data.detail === 'string' && data.detail) details.push(data.detail)\n\n  const status = typeof data.status === 'number' ? data.status : ctx.status\n\n  return {\n    message,\n    details: details.length ? details : undefined,\n    status,\n  }\n}\n","import { DEFAULT_RESPONSE_ERROR_TEXTS } from '../responseError.defaults'\nimport type {\n  ResponseErrorContext,\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorParser,\n  ResponseErrorTexts,\n} from '../responseError.types'\n\nimport { abortErrorParser } from './abortErrorParser'\nimport { fileValidationParser } from './fileValidationParser'\nimport { httpStatusParser } from './httpStatusParser'\nimport { jsonApiErrorParser } from './jsonApiErrorParser'\nimport { laravelValidationParser } from './laravelValidationParser'\nimport { networkErrorParser } from './networkErrorParser'\nimport { normalizeError } from './normalizeError'\nimport { plainMessageParser } from './plainMessageParser'\nimport { problemDetailsParser } from './problemDetailsParser'\n\n/**\n * Дефолтная цепочка парсеров. Порядок важен:\n * `abort → network → fileValidation → laravel → problemDetails → jsonApi → httpStatus → plainMessage`.\n *\n * - Ранние специализированные парсеры могут поставить `stop` (abort/file).\n * - HTTP-парсер даёт fallback-kind/message, чтобы остальное могло уточнить.\n * - `plainMessage` всегда последний — добывает хоть какое-то сообщение.\n */\nexport const defaultResponseErrorParsers: ResponseErrorParser[] = [\n  abortErrorParser,\n  networkErrorParser,\n  fileValidationParser,\n  laravelValidationParser,\n  problemDetailsParser,\n  jsonApiErrorParser,\n  httpStatusParser,\n  plainMessageParser,\n]\n\n/**\n * Универсальное «ядро» парсеров — транспортно-независимый набор, безопасный\n * для любого бэкенда (Laravel / Symfony / Go / …). Не делает формат-специфичных\n * допущений: разбирает только отмену, сетевые ошибки, HTTP-статус и «плоское»\n * сообщение из тела. Используется как дефолт в `useDialogService`.\n *\n * Порядок: `abort → network → httpStatus → plainMessage`.\n */\nexport const coreResponseErrorParsers: ResponseErrorParser[] = [\n  abortErrorParser,\n  networkErrorParser,\n  httpStatusParser,\n  plainMessageParser,\n]\n\n/**\n * Именованные пресеты-строительные блоки для удобной композиции цепочки\n * парсеров без ручного импорта каждого из них.\n *\n * - `core` — универсальное ядро (см. `coreResponseErrorParsers`).\n * - `all` — полная дефолтная цепочка (`defaultResponseErrorParsers`).\n * - остальные — серверо-специфичные парсеры, подключаемые осознанно.\n */\nexport type ResponseErrorParserPresets = {\n  core: ResponseErrorParser[]\n  all: ResponseErrorParser[]\n  laravel: ResponseErrorParser\n  problemDetails: ResponseErrorParser\n  jsonApi: ResponseErrorParser\n  fileValidation: ResponseErrorParser\n}\n\n/** Объект пресетов, передаётся builder-функции `errorParsers`. */\nexport const responseErrorParserPresets: ResponseErrorParserPresets = {\n  core: coreResponseErrorParsers,\n  all: defaultResponseErrorParsers,\n  laravel: laravelValidationParser,\n  problemDetails: problemDetailsParser,\n  jsonApi: jsonApiErrorParser,\n  fileValidation: fileValidationParser,\n}\n\n/** Добавляет пользовательские парсеры в начало дефолтной цепочки. */\nexport function extendDefaultParsers(extra: ResponseErrorParser[]): ResponseErrorParser[] {\n  return [...extra, ...defaultResponseErrorParsers]\n}\n\nexport type CreateResponseErrorClassifierOptions = {\n  parsers?: ResponseErrorParser[]\n  texts?: Partial<ResponseErrorTexts>\n  /** Имя поля основного сообщения в body (для `plainMessageParser`). */\n  messageKey?: string\n}\n\n/**\n * Фабрика классификатора. Возвращает функцию `(raw, meta?) => Promise<ResponseErrorInfo>`,\n * которая:\n * 1. нормализует вход через `normalizeError`,\n * 2. строит `ResponseErrorContext`,\n * 3. прогоняет цепочку парсеров (с поддержкой `stop`),\n * 4. собирает финальный `ResponseErrorInfo` с фолбэками из `texts`.\n */\nexport function createResponseErrorClassifier(options: CreateResponseErrorClassifierOptions = {}) {\n  const parsers = options.parsers ?? defaultResponseErrorParsers\n  const texts: ResponseErrorTexts = { ...DEFAULT_RESPONSE_ERROR_TEXTS, ...(options.texts ?? {}) }\n  const messageKey = options.messageKey ?? 'message'\n\n  return async function classify(raw: unknown, meta: Record<string, unknown> = {}): Promise<ResponseErrorInfo> {\n    const normalized = await normalizeError(raw)\n\n    const ctx: ResponseErrorContext = {\n      ...normalized,\n      meta: { ...meta, _messageKey: messageKey },\n      texts,\n    }\n\n    let kind: ResponseErrorKind | undefined\n    let status: number | undefined = ctx.status\n    let message: string | undefined\n    let details: string[] | undefined\n    let fieldErrors: ResponseErrorInfo['fieldErrors']\n\n    for (const parser of parsers) {\n      const result = parser(ctx)\n      if (!result) continue\n      if (result.kind) kind = result.kind\n      if (typeof result.status === 'number') status = result.status\n      if (result.message) message = result.message\n      if (result.details?.length) details = result.details\n      if (result.fieldErrors?.length) fieldErrors = result.fieldErrors\n      if (result.stop) break\n    }\n\n    if (!kind) kind = 'unknown'\n\n    // Ни один парсер не дал сообщения — подставляем своё и помечаем это флагом:\n    // по нему (и только по нему) баннер вправе заменить текст переводом.\n    const isFallbackMessage = !message\n    if (!message) message = resolveDefaultMessage(kind, texts)\n\n    return {\n      kind,\n      status,\n      message,\n      details,\n      fieldErrors,\n      raw,\n      meta,\n      isFallbackMessage,\n    }\n  }\n}\n\nfunction resolveDefaultMessage(kind: ResponseErrorKind, texts: ResponseErrorTexts): string {\n  switch (kind) {\n    case 'network': return texts.networkMessage\n    case 'aborted': return texts.abortedMessage\n    case 'validation': return texts.validationMessage\n    case 'client': return texts.clientMessage\n    case 'server': return texts.serverMessage\n    case 'unknown':\n    default: return texts.unknownMessage\n  }\n}\n\nexport function resolveResponseErrorTitle(kind: ResponseErrorKind, texts: ResponseErrorTexts): string {\n  switch (kind) {\n    case 'network': return texts.networkTitle\n    case 'aborted': return texts.abortedTitle\n    case 'validation': return texts.validationTitle\n    case 'client': return texts.clientTitle\n    case 'server': return texts.serverTitle\n    case 'unknown':\n    default: return texts.unknownTitle\n  }\n}\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrAlert from '../GrAlert/GrAlert.vue'\nimport GrButton from '../GrButton/GrButton.vue'\n\nimport { resolveResponseErrorTitle } from './parsers/createResponseErrorClassifier'\nimport {\n  DEFAULT_AUTO_HIDE_KINDS,\n  DEFAULT_RESPONSE_ERROR_TEXTS,\n  DEFAULT_TONE_BY_KIND,\n} from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrResponseErrorBannerProps {\n  /** Готовая структура ошибки. Если `null` — баннер не рендерится. */\n  error: ResponseErrorInfo | null\n  /** Частичный override текстов. Мерджится с `DEFAULT_RESPONSE_ERROR_TEXTS`. */\n  texts?: Partial<ResponseErrorTexts>\n  /** Жёсткий оверрайд тона. Бьёт `toneByKind`. */\n  tone?: ResponseErrorTone\n  /** Маппинг `kind` → `tone`. Мерджится с `DEFAULT_TONE_BY_KIND`. */\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  /** Показывать ли блок `details`/`fieldErrors` под основным сообщением. */\n  showDetails?: boolean\n  /** Префиксить ли `field:` перед сообщениями по полям. */\n  showFieldLabels?: boolean\n  /** Человекочитаемые подписи полей (`{ file: 'Файл' }`). */\n  fieldLabels?: Record<string, string>\n  /** Удалять дубликаты сообщений между `message` и `details`. */\n  dedupeDetails?: boolean\n  /** Показывать ли кнопку «Повторить». */\n  canRetry?: boolean\n  /** Показывать ли кнопку «Скрыть». */\n  canDismiss?: boolean\n  /** Какие `kind` не рендерить вообще (баннер скрывается). */\n  autoHideKinds?: ResponseErrorKind[]\n  /** Показывать ли HTTP-status бейдж. */\n  showStatus?: boolean\n  /** Префикс `data-testid`. */\n  testIdPrefix?: string\n}\n\nexport interface GrResponseErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrResponseErrorBannerProps>(), {\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  showDetails: true,\n  showFieldLabels: true,\n  fieldLabels: () => ({}),\n  dedupeDetails: true,\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => DEFAULT_AUTO_HIDE_KINDS,\n  showStatus: true,\n  testIdPrefix: 'response-error',\n})\n\nconst emit = defineEmits<GrResponseErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\nconst i18nTexts = computed<ResponseErrorTexts>(() => {\n  const out = {} as ResponseErrorTexts\n  for (const key of Object.keys(DEFAULT_RESPONSE_ERROR_TEXTS) as (keyof ResponseErrorTexts)[]) {\n    out[key] = t(`gr.responseError.${key}`, DEFAULT_RESPONSE_ERROR_TEXTS[key])\n  }\n  return out\n})\n\nconst mergedTexts = computed<ResponseErrorTexts>(() => ({\n  ...DEFAULT_RESPONSE_ERROR_TEXTS,\n  ...i18nTexts.value,\n  ...props.texts,\n}))\n\nconst mergedToneByKind = computed<Record<ResponseErrorKind, ResponseErrorTone>>(() => ({\n  ...DEFAULT_TONE_BY_KIND,\n  ...props.toneByKind,\n}))\n\nconst isHidden = computed(() => {\n  if (!props.error) return true\n  return props.autoHideKinds.includes(props.error.kind)\n})\n\nconst tone = computed<ResponseErrorTone>(() => {\n  if (props.tone) return props.tone\n  if (!props.error) return 'danger'\n  return mergedToneByKind.value[props.error.kind] ?? 'danger'\n})\n\nconst title = computed(() => {\n  if (!props.error) return ''\n  return resolveResponseErrorTitle(props.error.kind, mergedTexts.value)\n})\n\n/**\n * Маппинг `kind` → ключ поля сообщения в `ResponseErrorTexts`.\n * Используется, чтобы подменить «дефолтное английское» fallback-сообщение\n * классификатора на i18n-перевод (или текущий `mergedTexts.<kind>Message`).\n */\nconst KIND_MESSAGE_KEY: Record<ResponseErrorKind, keyof ResponseErrorTexts> = {\n  network: 'networkMessage',\n  aborted: 'abortedMessage',\n  validation: 'validationMessage',\n  client: 'clientMessage',\n  server: 'serverMessage',\n  unknown: 'unknownMessage',\n}\n\n// Через `mergedTexts`, а не напрямую через `t`: подпись — такой же текст\n// баннера, как и остальные, и проп `texts` обязан её перебивать.\nconst statusLabel = computed(() =>\n  mergedTexts.value.statusLabel.replace('{status}', String(props.error?.status ?? '')),\n)\n\nconst message = computed(() => {\n  const raw = props.error?.message ?? ''\n  if (!props.error) return raw\n\n  // Заменяем переводом только то сообщение, которое сам классификатор и\n  // подставил (`isFallbackMessage`). Прежнее опознание сравнением строк\n  // выбрасывало ответ сервера, если тот дословно совпал с дефолтом.\n  if (!raw || props.error.isFallbackMessage) {\n    return mergedTexts.value[KIND_MESSAGE_KEY[props.error.kind]]\n  }\n  return raw\n})\n\n/**\n * Сводный список «деталей» под основным `message`.\n * Предпочитаем `fieldErrors` (поле → сообщения), затем — плоский `details`.\n * Дедуплицируем и убираем повтор с `message`.\n */\nconst detailEntries = computed<{ field?: string, text: string }[]>(() => {\n  if (!props.error || !props.showDetails) return []\n\n  const seen = new Set<string>()\n  if (props.dedupeDetails) {\n    const main = message.value.trim()\n    if (main) seen.add(main)\n  }\n\n  const result: { field?: string, text: string }[] = []\n  const fieldErrors = props.error.fieldErrors\n  if (fieldErrors?.length) {\n    for (const fe of fieldErrors) {\n      for (const m of fe.messages) {\n        const text = m.trim()\n        if (!text || seen.has(text)) continue\n        seen.add(text)\n        result.push({ field: fe.field, text })\n      }\n    }\n    if (result.length) return result\n  }\n\n  const details = props.error.details\n  if (details?.length) {\n    for (const d of details) {\n      const text = (d ?? '').trim()\n      if (!text || seen.has(text)) continue\n      seen.add(text)\n      result.push({ text })\n    }\n  }\n  return result\n})\n\nfunction fieldLabel(field?: string): string | undefined {\n  if (!field) return undefined\n  return props.fieldLabels[field] ?? field\n}\n\nfunction onRetry(): void {\n  if (props.error) emit('retry', props.error)\n}\n\nfunction onDismiss(): void {\n  emit('dismiss')\n}\n</script>\n\n<template>\n  <GrAlert\n    v-if=\"!isHidden && props.error\"\n    :tone=\"tone\"\n    :title=\"title\"\n    :closable=\"props.canDismiss\"\n    :data-testid=\"`${props.testIdPrefix}-banner`\"\n    :data-kind=\"props.error.kind\"\n    @close=\"onDismiss\"\n  >\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <span\n          v-if=\"props.showStatus && typeof props.error.status === 'number'\"\n          class=\"inline-flex items-center rounded-[var(--gr-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-control-text-2xs)] font-700 leading-none\"\n          :data-testid=\"`${props.testIdPrefix}-status`\"\n        >\n          {{ statusLabel }}\n        </span>\n        <span\n          class=\"text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]\"\n          :data-testid=\"`${props.testIdPrefix}-message`\"\n        >\n          {{ message }}\n        </span>\n      </div>\n\n      <ul\n        v-if=\"detailEntries.length\"\n        class=\"m-0 list-disc pl-5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]\"\n        :data-testid=\"`${props.testIdPrefix}-details`\"\n      >\n        <li\n          v-for=\"(entry, idx) in detailEntries\"\n          :key=\"`${entry.field ?? ''}:${idx}`\"\n        >\n          <template v-if=\"props.showFieldLabels && entry.field\">\n            <strong>{{ fieldLabel(entry.field) }}:</strong>&nbsp;\n          </template>{{ entry.text }}\n        </li>\n      </ul>\n\n      <div\n        v-if=\"props.canRetry\"\n        class=\"mt-1 flex flex-wrap items-center gap-2\"\n      >\n        <!--\n          Тон кнопки — тон баннера: `primary` по умолчанию давал синюю кнопку на\n          красной и оранжевой подложке. Шкала тонов у кнопки и у баннера одна,\n          поэтому это проброс, а не маппинг.\n        -->\n        <GrButton\n          size=\"sm\"\n          variant=\"outline\"\n          :tone=\"tone\"\n          :data-testid=\"`${props.testIdPrefix}-retry`\"\n          @click=\"onRetry\"\n        >\n          {{ mergedTexts.retryLabel }}\n        </GrButton>\n      </div>\n    </div>\n  </GrAlert>\n</template>\n","<script setup lang=\"ts\">\nimport { computed } from 'vue'\n\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport GrAlert from '../GrAlert/GrAlert.vue'\nimport GrButton from '../GrButton/GrButton.vue'\n\nimport { resolveResponseErrorTitle } from './parsers/createResponseErrorClassifier'\nimport {\n  DEFAULT_AUTO_HIDE_KINDS,\n  DEFAULT_RESPONSE_ERROR_TEXTS,\n  DEFAULT_TONE_BY_KIND,\n} from './responseError.defaults'\nimport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport type {\n  ResponseErrorInfo,\n  ResponseErrorKind,\n  ResponseErrorTexts,\n  ResponseErrorTone,\n} from './responseError.types'\n\nexport interface GrResponseErrorBannerProps {\n  /** Готовая структура ошибки. Если `null` — баннер не рендерится. */\n  error: ResponseErrorInfo | null\n  /** Частичный override текстов. Мерджится с `DEFAULT_RESPONSE_ERROR_TEXTS`. */\n  texts?: Partial<ResponseErrorTexts>\n  /** Жёсткий оверрайд тона. Бьёт `toneByKind`. */\n  tone?: ResponseErrorTone\n  /** Маппинг `kind` → `tone`. Мерджится с `DEFAULT_TONE_BY_KIND`. */\n  toneByKind?: Partial<Record<ResponseErrorKind, ResponseErrorTone>>\n  /** Показывать ли блок `details`/`fieldErrors` под основным сообщением. */\n  showDetails?: boolean\n  /** Префиксить ли `field:` перед сообщениями по полям. */\n  showFieldLabels?: boolean\n  /** Человекочитаемые подписи полей (`{ file: 'Файл' }`). */\n  fieldLabels?: Record<string, string>\n  /** Удалять дубликаты сообщений между `message` и `details`. */\n  dedupeDetails?: boolean\n  /** Показывать ли кнопку «Повторить». */\n  canRetry?: boolean\n  /** Показывать ли кнопку «Скрыть». */\n  canDismiss?: boolean\n  /** Какие `kind` не рендерить вообще (баннер скрывается). */\n  autoHideKinds?: ResponseErrorKind[]\n  /** Показывать ли HTTP-status бейдж. */\n  showStatus?: boolean\n  /** Префикс `data-testid`. */\n  testIdPrefix?: string\n}\n\nexport interface GrResponseErrorBannerEmits {\n  (e: 'retry', error: ResponseErrorInfo): void\n  (e: 'dismiss'): void\n}\n\nconst props = withDefaults(defineProps<GrResponseErrorBannerProps>(), {\n  texts: () => ({}),\n  tone: undefined,\n  toneByKind: () => ({}),\n  showDetails: true,\n  showFieldLabels: true,\n  fieldLabels: () => ({}),\n  dedupeDetails: true,\n  canRetry: false,\n  canDismiss: true,\n  autoHideKinds: () => DEFAULT_AUTO_HIDE_KINDS,\n  showStatus: true,\n  testIdPrefix: 'response-error',\n})\n\nconst emit = defineEmits<GrResponseErrorBannerEmits>()\n\nconst { t } = useGranularityTranslations()\n\nconst i18nTexts = computed<ResponseErrorTexts>(() => {\n  const out = {} as ResponseErrorTexts\n  for (const key of Object.keys(DEFAULT_RESPONSE_ERROR_TEXTS) as (keyof ResponseErrorTexts)[]) {\n    out[key] = t(`gr.responseError.${key}`, DEFAULT_RESPONSE_ERROR_TEXTS[key])\n  }\n  return out\n})\n\nconst mergedTexts = computed<ResponseErrorTexts>(() => ({\n  ...DEFAULT_RESPONSE_ERROR_TEXTS,\n  ...i18nTexts.value,\n  ...props.texts,\n}))\n\nconst mergedToneByKind = computed<Record<ResponseErrorKind, ResponseErrorTone>>(() => ({\n  ...DEFAULT_TONE_BY_KIND,\n  ...props.toneByKind,\n}))\n\nconst isHidden = computed(() => {\n  if (!props.error) return true\n  return props.autoHideKinds.includes(props.error.kind)\n})\n\nconst tone = computed<ResponseErrorTone>(() => {\n  if (props.tone) return props.tone\n  if (!props.error) return 'danger'\n  return mergedToneByKind.value[props.error.kind] ?? 'danger'\n})\n\nconst title = computed(() => {\n  if (!props.error) return ''\n  return resolveResponseErrorTitle(props.error.kind, mergedTexts.value)\n})\n\n/**\n * Маппинг `kind` → ключ поля сообщения в `ResponseErrorTexts`.\n * Используется, чтобы подменить «дефолтное английское» fallback-сообщение\n * классификатора на i18n-перевод (или текущий `mergedTexts.<kind>Message`).\n */\nconst KIND_MESSAGE_KEY: Record<ResponseErrorKind, keyof ResponseErrorTexts> = {\n  network: 'networkMessage',\n  aborted: 'abortedMessage',\n  validation: 'validationMessage',\n  client: 'clientMessage',\n  server: 'serverMessage',\n  unknown: 'unknownMessage',\n}\n\n// Через `mergedTexts`, а не напрямую через `t`: подпись — такой же текст\n// баннера, как и остальные, и проп `texts` обязан её перебивать.\nconst statusLabel = computed(() =>\n  mergedTexts.value.statusLabel.replace('{status}', String(props.error?.status ?? '')),\n)\n\nconst message = computed(() => {\n  const raw = props.error?.message ?? ''\n  if (!props.error) return raw\n\n  // Заменяем переводом только то сообщение, которое сам классификатор и\n  // подставил (`isFallbackMessage`). Прежнее опознание сравнением строк\n  // выбрасывало ответ сервера, если тот дословно совпал с дефолтом.\n  if (!raw || props.error.isFallbackMessage) {\n    return mergedTexts.value[KIND_MESSAGE_KEY[props.error.kind]]\n  }\n  return raw\n})\n\n/**\n * Сводный список «деталей» под основным `message`.\n * Предпочитаем `fieldErrors` (поле → сообщения), затем — плоский `details`.\n * Дедуплицируем и убираем повтор с `message`.\n */\nconst detailEntries = computed<{ field?: string, text: string }[]>(() => {\n  if (!props.error || !props.showDetails) return []\n\n  const seen = new Set<string>()\n  if (props.dedupeDetails) {\n    const main = message.value.trim()\n    if (main) seen.add(main)\n  }\n\n  const result: { field?: string, text: string }[] = []\n  const fieldErrors = props.error.fieldErrors\n  if (fieldErrors?.length) {\n    for (const fe of fieldErrors) {\n      for (const m of fe.messages) {\n        const text = m.trim()\n        if (!text || seen.has(text)) continue\n        seen.add(text)\n        result.push({ field: fe.field, text })\n      }\n    }\n    if (result.length) return result\n  }\n\n  const details = props.error.details\n  if (details?.length) {\n    for (const d of details) {\n      const text = (d ?? '').trim()\n      if (!text || seen.has(text)) continue\n      seen.add(text)\n      result.push({ text })\n    }\n  }\n  return result\n})\n\nfunction fieldLabel(field?: string): string | undefined {\n  if (!field) return undefined\n  return props.fieldLabels[field] ?? field\n}\n\nfunction onRetry(): void {\n  if (props.error) emit('retry', props.error)\n}\n\nfunction onDismiss(): void {\n  emit('dismiss')\n}\n</script>\n\n<template>\n  <GrAlert\n    v-if=\"!isHidden && props.error\"\n    :tone=\"tone\"\n    :title=\"title\"\n    :closable=\"props.canDismiss\"\n    :data-testid=\"`${props.testIdPrefix}-banner`\"\n    :data-kind=\"props.error.kind\"\n    @close=\"onDismiss\"\n  >\n    <div class=\"flex flex-col gap-2\">\n      <div class=\"flex flex-wrap items-center gap-2\">\n        <span\n          v-if=\"props.showStatus && typeof props.error.status === 'number'\"\n          class=\"inline-flex items-center rounded-[var(--gr-radius-sm)] bg-[color-mix(in_srgb,currentColor_12%,transparent)] px-1.5 py-0.5 text-[length:var(--gr-control-text-2xs)] font-700 leading-none\"\n          :data-testid=\"`${props.testIdPrefix}-status`\"\n        >\n          {{ statusLabel }}\n        </span>\n        <span\n          class=\"text-[length:var(--gr-control-text-sm)] leading-[var(--gr-control-leading-sm)]\"\n          :data-testid=\"`${props.testIdPrefix}-message`\"\n        >\n          {{ message }}\n        </span>\n      </div>\n\n      <ul\n        v-if=\"detailEntries.length\"\n        class=\"m-0 list-disc pl-5 text-[length:var(--gr-control-text-xs)] leading-[var(--gr-control-leading-xs)]\"\n        :data-testid=\"`${props.testIdPrefix}-details`\"\n      >\n        <li\n          v-for=\"(entry, idx) in detailEntries\"\n          :key=\"`${entry.field ?? ''}:${idx}`\"\n        >\n          <template v-if=\"props.showFieldLabels && entry.field\">\n            <strong>{{ fieldLabel(entry.field) }}:</strong>&nbsp;\n          </template>{{ entry.text }}\n        </li>\n      </ul>\n\n      <div\n        v-if=\"props.canRetry\"\n        class=\"mt-1 flex flex-wrap items-center gap-2\"\n      >\n        <!--\n          Тон кнопки — тон баннера: `primary` по умолчанию давал синюю кнопку на\n          красной и оранжевой подложке. Шкала тонов у кнопки и у баннера одна,\n          поэтому это проброс, а не маппинг.\n        -->\n        <GrButton\n          size=\"sm\"\n          variant=\"outline\"\n          :tone=\"tone\"\n          :data-testid=\"`${props.testIdPrefix}-retry`\"\n          @click=\"onRetry\"\n        >\n          {{ mergedTexts.retryLabel }}\n        </GrButton>\n      </div>\n    </div>\n  </GrAlert>\n</template>\n"],"mappings":"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"}

package/dist/components/GrResponseErrorBanner/index.js

@@ -1,3 +1,3 @@
-import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./chunks/GrResponseErrorBanner-BhP-xw2P.js";
-import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./chunks/GrResponseErrorBanner-DA4q90Zt.js";
+import { a as extendDefaultParsers, n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as normalizeError, t as GrResponseErrorBanner_default } from "./chunks/GrResponseErrorBanner-DudGc9LO.js";
+import { n as GrFormErrorBanner_default, r as GrUploadErrorBanner_default, t as useResponseError } from "./chunks/GrResponseErrorBanner-C_skObtv.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-DKpo3cnC.js → GrSegmented-CB-VR-yL.js}

@@ -4,7 +4,7 @@ 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 grSegmentedItemIconClass, c as grSegmentedRootClass, i as grSegmentedItemClass, l as grSegmentedRootStyle, o as grSegmentedItemLabelClass, r as grSegmentedIndicatorClass, s as grSegmentedItemSpinnerClass } from "../../../chunks/config-BEVBsvni2.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-rLkc9Zn2.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/shared/truncationTitle.ts
 /**

package/dist/components/GrSegmented/chunks/{GrSegmented-DKpo3cnC.js.map → GrSegmented-CB-VR-yL.js.map}

@@ -1 +1 @@
-{"version":3,"file":"GrSegmented-DKpo3cnC.js","names":[],"sources":["../../../../src/components/shared/truncationTitle.ts","../../../../src/components/GrSegmented/GrSegmented.vue","../../../../src/components/GrSegmented/GrSegmented.vue"],"sourcesContent":["/**\n * Полный текст обрезанной строки — нативной подсказкой по наведению.\n *\n * `truncate` прячет хвост **визуально**: в DOM и для скринридера подпись\n * остаётся целой, поэтому теряет её ровно один читатель — тот, кто смотрит\n * глазами. Он видит «Включе…» и узнать остальное не может ничем.\n *\n * Подсказка ставится **по факту обрезки**, а не всегда: тултип, дублирующий\n * видимую целиком подпись, — шум, которого никто не просил. Замер делается на\n * самом наведении, поэтому ни наблюдателей, ни подписок заводить не нужно.\n *\n * Ширина сравнивается с запасом в пиксель: браузеры считают `scrollWidth`\n * округлением вверх, и у необрезанной строки он бывает на единицу больше\n * `clientWidth` — без запаса подсказка появлялась бы на ровном месте.\n */\nexport function titleWhenTruncated(event: Event): void {\n  const element = event.currentTarget\n\n  if (!(element instanceof HTMLElement)) return\n\n  // У поля ввода видимая строка живёт в `value`, а не в содержимом узла.\n  const source = element instanceof HTMLInputElement ? element.value : element.textContent\n  const text = source?.trim() ?? ''\n\n  if (text && element.scrollWidth > element.clientWidth + 1)\n    element.setAttribute('title', text)\n  else\n    element.removeAttribute('title')\n}\n","<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'\nimport { titleWhenTruncated } from '../shared/truncationTitle'\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  /** Имя скрытого поля, которым выбранное значение уходит в нативную форму. */\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        <!-- Подпись сегмента обрезается по ширине трека, и «Включе…» без\n             подсказки прочитать нечем: полный текст отдаётся по наведению. -->\n        <span\n          v-if=\"option.label\"\n          :class=\"grSegmentedItemLabelClass\"\n          @pointerenter=\"titleWhenTruncated\"\n        >\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'\nimport { titleWhenTruncated } from '../shared/truncationTitle'\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  /** Имя скрытого поля, которым выбранное значение уходит в нативную форму. */\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        <!-- Подпись сегмента обрезается по ширине трека, и «Включе…» без\n             подсказки прочитать нечем: полный текст отдаётся по наведению. -->\n        <span\n          v-if=\"option.label\"\n          :class=\"grSegmentedItemLabelClass\"\n          @pointerenter=\"titleWhenTruncated\"\n        >\n          {{ option.label }}\n        </span>\n      </slot>\n    </button>\n  </div>\n</template>"],"mappings":"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"}
+{"version":3,"file":"GrSegmented-CB-VR-yL.js","names":[],"sources":["../../../../src/components/shared/truncationTitle.ts","../../../../src/components/GrSegmented/GrSegmented.vue","../../../../src/components/GrSegmented/GrSegmented.vue"],"sourcesContent":["/**\n * Полный текст обрезанной строки — нативной подсказкой по наведению.\n *\n * `truncate` прячет хвост **визуально**: в DOM и для скринридера подпись\n * остаётся целой, поэтому теряет её ровно один читатель — тот, кто смотрит\n * глазами. Он видит «Включе…» и узнать остальное не может ничем.\n *\n * Подсказка ставится **по факту обрезки**, а не всегда: тултип, дублирующий\n * видимую целиком подпись, — шум, которого никто не просил. Замер делается на\n * самом наведении, поэтому ни наблюдателей, ни подписок заводить не нужно.\n *\n * Ширина сравнивается с запасом в пиксель: браузеры считают `scrollWidth`\n * округлением вверх, и у необрезанной строки он бывает на единицу больше\n * `clientWidth` — без запаса подсказка появлялась бы на ровном месте.\n */\nexport function titleWhenTruncated(event: Event): void {\n  const element = event.currentTarget\n\n  if (!(element instanceof HTMLElement)) return\n\n  // У поля ввода видимая строка живёт в `value`, а не в содержимом узла.\n  const source = element instanceof HTMLInputElement ? element.value : element.textContent\n  const text = source?.trim() ?? ''\n\n  if (text && element.scrollWidth > element.clientWidth + 1)\n    element.setAttribute('title', text)\n  else\n    element.removeAttribute('title')\n}\n","<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'\nimport { titleWhenTruncated } from '../shared/truncationTitle'\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  /** Имя скрытого поля, которым выбранное значение уходит в нативную форму. */\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        <!-- Подпись сегмента обрезается по ширине трека, и «Включе…» без\n             подсказки прочитать нечем: полный текст отдаётся по наведению. -->\n        <span\n          v-if=\"option.label\"\n          :class=\"grSegmentedItemLabelClass\"\n          @pointerenter=\"titleWhenTruncated\"\n        >\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'\nimport { titleWhenTruncated } from '../shared/truncationTitle'\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  /** Имя скрытого поля, которым выбранное значение уходит в нативную форму. */\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        <!-- Подпись сегмента обрезается по ширине трека, и «Включе…» без\n             подсказки прочитать нечем: полный текст отдаётся по наведению. -->\n        <span\n          v-if=\"option.label\"\n          :class=\"grSegmentedItemLabelClass\"\n          @pointerenter=\"titleWhenTruncated\"\n        >\n          {{ option.label }}\n        </span>\n      </slot>\n    </button>\n  </div>\n</template>"],"mappings":"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"}

package/dist/components/GrSegmented/index.js

@@ -1,3 +1,3 @@
-import { t as GrSegmented_default } from "./chunks/GrSegmented-DKpo3cnC.js";
-import { n as grSegmentedSafelist, t as grSegmentedConfig } from "../../chunks/config-BEVBsvni2.js";
+import { t as GrSegmented_default } from "./chunks/GrSegmented-CB-VR-yL.js";
+import { n as grSegmentedSafelist, t as grSegmentedConfig } from "../../chunks/config-rLkc9Zn2.js";
 export { GrSegmented_default as GrSegmented, GrSegmented_default as default, grSegmentedConfig, grSegmentedSafelist };