npm - @feugene/granularity - Versions diffs - 0.18.0 → 0.20.0 - Mend

@feugene/granularity 0.18.0 → 0.20.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1070) hide show

package/dist/components/GrDialogService/chunks/GrDialogService-CrwA4aJq.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GrDialogService-CrwA4aJq.js","names":[],"sources":["../../../../src/components/GrDialogService/store.ts","../../../../src/components/GrDialogService/useDialogService.ts","../../../../src/components/GrDialogService/GrDialogServiceItem.vue","../../../../src/components/GrDialogService/GrDialogServiceItem.vue","../../../../src/components/GrDialogService/GrDialogServiceHost.vue","../../../../src/components/GrDialogService/GrDialogServiceHost.vue"],"sourcesContent":["import { reactive } from 'vue'\nimport type { AppContext, Raw } from 'vue'\n\nimport type { GrConfigContext } from '../GrConfigProvider/context'\nimport type { GranularityI18nLike } from '../../internal/granularityI18n'\n\nimport type {\n DialogBaseOptions,\n DialogKind,\n DialogOnConfirm,\n DialogResult,\n} from './types'\n\n/**\n * Внутреннее описание одного запроса диалога в очереди. Создаётся методами\n * сервиса (`confirm`/`alert`/`prompt`/`open`) и потребляется хостом\n * (`GrDialogServiceHost`), который рендерит видимую часть очереди.\n */\nexport interface DialogRequest {\n id: string\n kind: DialogKind\n message: string\n options: DialogBaseOptions\n onConfirm?: DialogOnConfirm<any>\n /** Позиция среди ожидающих: больше — раньше. При равенстве порядок FIFO. */\n priority: number\n /**\n * Заявка создана из `onConfirm` уже открытого диалога и показывается **поверх**\n * него, а не за ним. Без этого вложенный вызов вставал бы в очередь за тем,\n * кто его ждёт: внешнее окно висело бы в загрузке, а промис не резолвился бы\n * никогда.\n */\n nested: boolean\n /**\n * Заявка уже завершена. Флаг живёт на самой заявке, а не на хосте: завершить\n * её могут трое (кнопка в окне, `close()` промиса, `closeAll()`), и общее\n * состояние на хосте означало бы, что второй и третий путь про первый не\n * знают.\n */\n settled: boolean\n /** Резолвит промис вызова детальным результатом `{ action, value }`. */\n resolve: (result: DialogResult<any>) => void\n /**\n * Конфиг и i18n, захваченные в месте вызова сервиса (в `setup`, где вызывающий\n * компонент ещё находится внутри дерева провайдера). Хост монтируется в\n * `document.body` вне дерева, поэтому сам их не увидит — см.\n * `SPEC-GrConfig-resolver.md`.\n *\n * Лежат в запросе, а не в состоянии сервиса: два поддерева с разными\n * провайдерами должны получать каждое свой конфиг.\n *\n * `Raw<…>` обязателен: очередь — `reactive`, а он разворачивает вложенные рефы.\n * Без `markRaw` контекст превратился бы в объект значений, `size.value` стало\n * бы `undefined`, и мост молча перестал бы работать.\n */\n config?: Raw<GrConfigContext> | null\n i18n?: Raw<GranularityI18nLike> | null\n}\n\n/** Контекст, захваченный вызовом `useDialogService()` внутри `setup`. */\nexport interface CapturedDialogContext {\n config: Raw<GrConfigContext> | null\n i18n: Raw<GranularityI18nLike> | null\n}\n\n/**\n * Состояние одного инстанса сервиса: очередь, смонтированный хост и захваченный\n * контекст приложения. Живёт либо в приложении (через\n * `granularityDialogServicePlugin`), либо в ленивом модульном фолбэке для\n * простых SPA — см. `useDialogService.ts`.\n */\nexport interface DialogServiceState {\n /** Очередь заявок. Видимую часть выбирает хост, остальные ждут. */\n queue: DialogRequest[]\n mounted: boolean\n container: HTMLElement | null\n appContext: AppContext | null\n lastCapturedContext: CapturedDialogContext | null\n contextlessWarned: boolean\n /**\n * Заявки, чей `onConfirm` сейчас в полёте, от внешней к самой глубокой.\n * По ним определяется вложенность нового вызова.\n */\n inFlight: DialogRequest[]\n}\n\nexport function createDialogServiceState(): DialogServiceState {\n return {\n queue: reactive<DialogRequest[]>([]),\n mounted: false,\n container: null,\n appContext: null,\n lastCapturedContext: null,\n contextlessWarned: false,\n inFlight: [],\n }\n}\n\nlet counter = 0\n\nexport function makeDialogId(): string {\n counter += 1\n return `gr-dialog-${Date.now()}-${counter}`\n}\n\n/**\n * Видимая часть очереди: голова и непрерывный хвост вложенных заявок за ней.\n * Всё остальное ждёт — обычные вызовы по-прежнему идут по одному, чтобы три\n * алерта из цикла не легли стопкой.\n */\nexport function visibleDialogRequests(state: DialogServiceState): DialogRequest[] {\n const visible: DialogRequest[] = []\n\n for (const request of state.queue) {\n if (visible.length === 0 || request.nested)\n visible.push(request)\n else\n break\n }\n\n return visible\n}\n\n/**\n * Ставит заявку в очередь. Единственное место, где решается её позиция:\n *\n * - вложенная (создана, пока `onConfirm` другой заявки в полёте) встаёт сразу\n * за своим родителем и показывается поверх него;\n * - обычная — перед всеми ожидающими с меньшим приоритетом; показанные окна не\n * трогаются, выдёргивать фокус-ловушку из-под пользователя нельзя.\n */\nexport function enqueueDialogRequest(state: DialogServiceState, request: DialogRequest): void {\n const parent = state.inFlight[state.inFlight.length - 1]\n\n if (parent) {\n request.nested = true\n const parentIndex = state.queue.findIndex(item => item.id === parent.id)\n state.queue.splice(parentIndex + 1, 0, request)\n return\n }\n\n const visibleCount = visibleDialogRequests(state).length\n const insertAt = state.queue.findIndex(\n (item, index) => index >= visibleCount && item.priority < request.priority,\n )\n\n if (insertAt < 0)\n state.queue.push(request)\n else\n state.queue.splice(insertAt, 0, request)\n}\n\n/**\n * Заявка входит в «полёт»: пока её `onConfirm` не вернулся, новые вызовы\n * считаются вложенными в неё.\n */\nexport function startDialogInFlight(state: DialogServiceState, request: DialogRequest): void {\n state.inFlight.push(request)\n}\n\n/** Заявка вышла из полёта (колбэк вернулся или окно размонтировано). */\nexport function finishDialogInFlight(state: DialogServiceState, request: DialogRequest): void {\n const index = state.inFlight.indexOf(request)\n if (index >= 0)\n state.inFlight.splice(index, 1)\n}\n\n/**\n * Единственный способ завершить заявку: идемпотентно резолвит промис и снимает\n * её из очереди.\n *\n * `removeFromQueue: false` нужен окну: оно гасит себя и даёт анимации закрытия\n * доиграть, прежде чем заявка исчезнет из очереди. Корректность от этой\n * отсрочки не зависит: повторное завершение отсекается флагом на заявке.\n */\nexport function settleDialogRequest(\n state: DialogServiceState,\n request: DialogRequest,\n result: DialogResult<any>,\n { removeFromQueue = true }: { removeFromQueue?: boolean } = {},\n): boolean {\n if (request.settled)\n return false\n\n request.settled = true\n request.resolve(result)\n\n if (removeFromQueue)\n removeDialogRequest(state, request)\n\n return true\n}\n\n/** Снимает заявку из очереди, если она ещё там. */\nexport function removeDialogRequest(state: DialogServiceState, request: DialogRequest): void {\n const index = state.queue.findIndex(item => item.id === request.id)\n if (index >= 0)\n state.queue.splice(index, 1)\n}\n","import { createVNode, getCurrentInstance, inject, markRaw, render } from 'vue'\nimport type { App, AppContext, InjectionKey } from 'vue'\n\nimport { ensurePortalRoot } from '../../composables/internal/portalRoot'\nimport GrDialogServiceHost from './GrDialogServiceHost.vue'\nimport { useGrConfig } from '../GrConfigProvider/context'\nimport { resolveGranularityI18n } from '../../internal/granularityI18n'\nimport {\n createDialogServiceState,\n enqueueDialogRequest,\n makeDialogId,\n settleDialogRequest,\n} from './store'\nimport type { CapturedDialogContext, DialogRequest, DialogServiceState } from './store'\nimport type {\n DialogAlertOptions,\n DialogBaseOptions,\n DialogConfirmOptions,\n DialogKind,\n DialogOnConfirm,\n DialogPromise,\n DialogPromptOptions,\n DialogResult,\n DialogService,\n DialogServiceDefaults,\n} from './types'\n\n/**\n * `useDialogService` — императивный сервис диалогов (в духе Element Plus\n * `ElMessageBox`). Позволяет вызывать `confirm`/`alert`/`prompt` из `<script>`\n * или `.ts` без вставки компонента в шаблон.\n *\n * Поверх существующих `GrConfirmDialog`/`GrPromptDialog`: лениво монтирует\n * единый хост (`GrDialogServiceHost`) в `document.body`, наследуя контекст\n * приложения (i18n / тема / `granular-provider`).\n */\n\n/** Ключ provide/inject для app-scoped состояния сервиса (устанавливает плагин ниже). */\nexport const GRANULARITY_DIALOG_SERVICE_STATE: InjectionKey<DialogServiceState>\n = Symbol.for('@feugene/granularity/dialog-service-state')\n\n/**\n * Инстансы, заведённые плагином. Реестр нужен готовому синглтону\n * `dialogService`: он создаётся на импорте модуля, где `inject` не работает\n * вовсе, и сам до app-scoped состояния не дотянется. Ровно один\n * зарегистрированный — ответ однозначен; несколько — выбирать за пользователя\n * нечего, и он получает предупреждение с модульным фолбэком.\n */\nconst registeredStates = new Set<DialogServiceState>()\n\n/**\n * Vue-плагин: даёт каждому приложению собственное состояние сервиса и снимает\n * его хост вместе с приложением. Обязателен для нескольких Vue-приложений на\n * одной странице (микрофронтенды — иначе они делят одну очередь и один хост) и\n * для HMR, где контейнер прошлого приложения иначе остаётся в `document.body`.\n *\n * ```ts\n * app.use(granularityDialogServicePlugin)\n * ```\n */\nexport const granularityDialogServicePlugin = {\n install(app: App) {\n const state = createDialogServiceState()\n\n app.provide(GRANULARITY_DIALOG_SERVICE_STATE, state)\n registeredStates.add(state)\n\n app.onUnmount(() => {\n teardownDialogServiceState(state)\n registeredStates.delete(state)\n })\n },\n}\n\n// Ленивый модульный фолбэк — канонический вариант для простого SPA без плагина.\nlet moduleState: DialogServiceState | null = null\n\nfunction getModuleState(): DialogServiceState {\n if (!moduleState)\n moduleState = createDialogServiceState()\n\n return moduleState\n}\n\nlet ambiguousStateWarned = false\n\nfunction warnAmbiguousState(): void {\n if (ambiguousStateWarned) return\n if (typeof process !== 'undefined' && process.env.NODE_ENV === 'production') return\n\n ambiguousStateWarned = true\n console.warn(\n '[granularity] useDialogService: плагин установлен в нескольких приложениях, '\n + 'а сервис запрошен вне `setup` — какое из них имелось в виду, знать неоткуда. '\n + 'Используется модульное состояние. Вызовите `useDialogService()` внутри `setup` нужного приложения.',\n )\n}\n\n/**\n * Состояние текущего вызова: app-scoped (плагин) → единственный\n * зарегистрированный инстанс → модульный фолбэк.\n */\nfunction resolveDialogServiceState(): DialogServiceState {\n // `inject` работает только в `setup` — там ответ точный.\n if (getCurrentInstance()) {\n const provided = inject(GRANULARITY_DIALOG_SERVICE_STATE, null)\n if (provided) return provided\n }\n\n if (registeredStates.size === 1)\n return registeredStates.values().next().value!\n\n if (registeredStates.size > 1)\n warnAmbiguousState()\n\n return getModuleState()\n}\n\nfunction ensureMounted(state: DialogServiceState, appContext?: AppContext | null): void {\n if (typeof window === 'undefined' || typeof document === 'undefined') return\n\n if (appContext) state.appContext = appContext\n if (state.mounted) return\n\n const container = document.createElement('div')\n container.setAttribute('data-gr-dialog-service-host', '')\n container.setAttribute('data-gr-overlay-root', '')\n // Хост уезжает в общий портал оверлеев: он должен лежать в той же ветке, что\n // и остальные слои, иначе правило `inert` пометит его вместе со страницей.\n ;(ensurePortalRoot() ?? document.body).appendChild(container)\n state.container = container\n\n // Состояние отдаём пропом: хост монтируется вне дерева и своим `inject` до\n // app-scoped состояния не дотянулся бы. `markRaw` — чтобы Vue не пытался\n // сделать реактивной саму обёртку: реактивна очередь внутри неё.\n const vnode = createVNode(GrDialogServiceHost, { state: markRaw(state) })\n vnode.appContext = state.appContext ?? null\n render(vnode, container)\n state.mounted = true\n}\n\nfunction warnIfContextless(state: DialogServiceState, context: CapturedDialogContext | null): void {\n if (state.contextlessWarned || context?.config || context?.i18n) return\n if (typeof process !== 'undefined' && process.env.NODE_ENV === 'production') return\n\n state.contextlessWarned = true\n console.warn(\n '[granularity] useDialogService: диалог открыт без контекста приложения — '\n + 'ни `GrConfigProvider`, ни адаптер i18n не найдены, будут использованы дефолты. '\n + 'Вызовите `useDialogService()` внутри `setup` хотя бы один раз или передайте `setAppContext`.',\n )\n}\n\n/** Снимает смонтированный хост и сбрасывает захваченный контекст одного инстанса. */\nfunction teardownDialogServiceState(state: DialogServiceState): void {\n if (state.container) {\n render(null, state.container)\n state.container.remove()\n state.container = null\n }\n state.mounted = false\n // Сбрасываем и кэш контекста приложения: без этого он переживает teardown и\n // протекает в следующее приложение (в тестах — в следующий тест), из-за чего\n // диалог может подхватить чужие provides и проверка соврёт.\n state.appContext = null\n state.lastCapturedContext = null\n state.contextlessWarned = false\n state.queue.splice(0, state.queue.length)\n state.inFlight.splice(0, state.inFlight.length)\n}\n\n/**\n * Тестовая/служебная очистка смонтированного хоста. Работает над тем же\n * состоянием, что и сам сервис: app-scoped при вызове из `setup` или при\n * единственном зарегистрированном приложении, иначе — модульным.\n */\nexport function teardownDialogService(): void {\n teardownDialogServiceState(resolveDialogServiceState())\n}\n\nfunction enqueue(\n state: DialogServiceState,\n kind: DialogKind,\n message: string,\n options: DialogBaseOptions,\n onConfirm: DialogOnConfirm<any> | undefined,\n captured: CapturedDialogContext,\n): { promise: Promise<DialogResult<any>>, close: () => void } {\n // Императивный сервис клиент-only: монтирует хост в `document.body`. В SSR\n // выполнять его нельзя — очередь мутировалась бы на сервере и текла между\n // запросами. Явно запрещаем вместо тихого no-op.\n if (typeof window === 'undefined' || typeof document === 'undefined') {\n throw new Error(\n '[granularity] useDialogService is client-only and cannot be called during SSR '\n + '(it mounts a host into document.body). Guard imperative dialog calls behind a client-side check.',\n )\n }\n\n ensureMounted(state, options.appContext ?? state.appContext)\n\n const id = makeDialogId()\n let resolveFn!: (result: DialogResult<any>) => void\n const promise = new Promise<DialogResult<any>>((resolve) => {\n resolveFn = resolve\n })\n\n // Синглтон `dialogService` создаётся на импорте модуля, вне `setup`, и своего\n // контекста не имеет в принципе. Берём последний захваченный — иначе такие\n // вызовы навсегда остаются без i18n и без `GrConfigProvider`.\n const context = captured.config || captured.i18n ? captured : state.lastCapturedContext\n warnIfContextless(state, context)\n\n const request: DialogRequest = {\n id,\n kind,\n message,\n options: { ...options, message },\n onConfirm,\n priority: options.priority ?? 0,\n nested: false,\n settled: false,\n resolve: resolveFn,\n config: context?.config ?? null,\n i18n: context?.i18n ?? null,\n }\n\n enqueueDialogRequest(state, request)\n\n // Закрытие через промис идёт тем же путём, что и кнопка в окне: заявка сама\n // знает, завершена ли она, а окно по её исчезновению свернёт всё, что под неё\n // заведено (в т.ч. оборвёт in-flight `onConfirm` через `abort()`).\n const close = (): void => {\n settleDialogRequest(state, request, { action: 'close' })\n }\n\n return { promise, close }\n}\n\nfunction withClose<T>(promise: Promise<T>, close: () => void): DialogPromise<T> {\n const result = promise as DialogPromise<T>\n result.close = close\n return result\n}\n\nfunction mergeErrorDefaults(\n defaults: DialogServiceDefaults,\n options: DialogBaseOptions,\n): DialogBaseOptions & Pick<DialogConfirmOptions, 'cancelText'> {\n return {\n size: defaults.size,\n confirmText: defaults.confirmText,\n confirmVariant: defaults.confirmVariant,\n confirmTone: defaults.confirmTone,\n cancelText: defaults.cancelText,\n buttonSize: defaults.buttonSize,\n closeOnBackdrop: defaults.closeOnBackdrop,\n closeOnEsc: defaults.closeOnEsc,\n errorParsers: defaults.errorParsers,\n errorTexts: defaults.errorTexts,\n errorMessageKey: defaults.errorMessageKey,\n fieldLabels: defaults.fieldLabels,\n ...options,\n }\n}\n\n/**\n * Создаёт сервис диалогов. Опциональные `defaults` применяются ко всем\n * вызовам (можно переопределить в каждом конкретном вызове).\n *\n * Контекст приложения кэшируется автоматически при первом вызове внутри\n * `setup`. Для вызовов вне компонента используйте `setAppContext`.\n */\nexport function useDialogService(defaults: DialogServiceDefaults = {}): DialogService {\n const state = resolveDialogServiceState()\n\n // Авто-кэш appContext из текущего компонента (если вызвано в setup).\n const instance = getCurrentInstance()\n if (instance?.appContext && !state.appContext) {\n state.appContext = instance.appContext\n }\n\n // Конфиг и i18n захватываем здесь и только здесь: `inject` работает лишь в\n // `setup`, а хост монтируется вне дерева и сам до провайдера не дотянется.\n // Храним в замыкании сервиса, а не в состоянии, — иначе два поддерева с\n // разными провайдерами делили бы конфиг первого.\n // i18n захватываем не «на всякий случай»: дочерний `GrConfirmDialog` сам зовёт\n // `useGranularityTranslations()`, но его `inject` из хоста уходит в\n // `appContext.provides` — то есть видит только установку через `app.use()`.\n // Адаптер, переданный пропом `<GrConfigProvider i18n>`, живёт в дереве, и без\n // захвата диалог откатился бы на встроенные английские строки.\n //\n // `markRaw` — потому что дальше контекст ложится в `reactive`-очередь, а она\n // разворачивает вложенные рефы (см. комментарий в `store.ts`).\n const capturedI18n = instance ? resolveGranularityI18n() : null\n const captured: CapturedDialogContext = {\n config: instance ? markRaw(useGrConfig()) : null,\n i18n: capturedI18n ? markRaw(capturedI18n) : null,\n }\n\n if (captured.config || captured.i18n)\n state.lastCapturedContext = captured\n\n function confirm(message: string, options: DialogConfirmOptions = {}): DialogPromise<boolean> {\n const merged = mergeErrorDefaults(defaults, options)\n const { promise, close } = enqueue(state, 'confirm', message, merged, options.onConfirm, captured)\n return withClose(promise.then(r => r.action === 'confirm'), close)\n }\n\n function alert(message: string, options: DialogAlertOptions = {}): DialogPromise<void> {\n const merged = mergeErrorDefaults(defaults, options)\n const { promise, close } = enqueue(state, 'alert', message, merged, options.onConfirm, captured)\n return withClose(promise.then(() => undefined), close)\n }\n\n function prompt(message: string, options: DialogPromptOptions = {}): DialogPromise<string | null> {\n const merged = mergeErrorDefaults(defaults, options)\n const { promise, close } = enqueue(state, 'prompt', message, merged, options.onConfirm, captured)\n return withClose(\n promise.then(r => (r.action === 'confirm' ? ((r.value as string) ?? '') : null)),\n close,\n )\n }\n\n function open<V = unknown>(\n kind: DialogKind,\n message: string,\n options: DialogBaseOptions = {},\n ): DialogPromise<DialogResult<V>> {\n const merged = mergeErrorDefaults(defaults, options)\n const { promise, close } = enqueue(\n state,\n kind,\n message,\n merged,\n (options as DialogConfirmOptions).onConfirm,\n captured,\n )\n return withClose(promise as Promise<DialogResult<V>>, close)\n }\n\n // Порядок разбора — FIFO, как и порядок показа: `pop()` резолвил промисы\n // задом наперёд, и вызывающий получал результаты в обратном порядке.\n function closeAll(): void {\n for (const request of [...state.queue])\n settleDialogRequest(state, request, { action: 'close' })\n }\n\n function setAppContext(ctx: AppContext | null): void {\n state.appContext = ctx\n }\n\n return { confirm, alert, prompt, open, closeAll, setAppContext }\n}\n\n/** Готовый синглтон-сервис с дефолтными настройками. */\nexport const dialogService: DialogService = {\n confirm: (message, options) => useDialogService().confirm(message, options),\n alert: (message, options) => useDialogService().alert(message, options),\n prompt: (message, options) => useDialogService().prompt(message, options),\n open: (kind, message, options) => useDialogService().open(kind, message, options),\n closeAll: () => useDialogService().closeAll(),\n setAppContext: ctx => useDialogService().setAppContext(ctx),\n}\n","<script setup lang=\"ts\">\n/**\n * GrDialogServiceItem — одно окно императивного сервиса. Внутренний компонент,\n * в шаблонах напрямую не используется.\n *\n * Всё состояние живёт здесь, а не на хосте, ровно потому, что окон может быть\n * несколько: вложенный вызов из `onConfirm` показывается поверх родителя, и\n * общий `loading` с общей ошибкой означали бы, что верхнее окно пишет в нижнее.\n */\nimport { computed, inject, nextTick, onBeforeUnmount, onMounted, provide, ref, shallowRef } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrConfirmDialog from '../GrConfirmDialog/GrConfirmDialog.vue'\nimport GrPromptDialog from '../GrPromptDialog/GrPromptDialog.vue'\nimport {\n coreResponseErrorParsers,\n createResponseErrorClassifier,\n responseErrorParserPresets,\n} from '../GrResponseErrorBanner/parsers'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nimport { GR_CONFIG_KEY, type GrComponentDefaults, type GrConfigContext } from '../GrConfigProvider/context'\nimport { GRANULARITY_I18N_KEY } from '../../i18n/adapter'\nimport { resolveGranularityI18n, useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport { finishDialogInFlight, removeDialogRequest, settleDialogRequest, startDialogInFlight } from './store'\nimport type { DialogRequest, DialogServiceState } from './store'\nimport { GRANULARITY_DIALOG_SERVICE_STATE } from './useDialogService'\nimport type { DialogCloseAction, DialogConfirmContext, DialogConfirmOptions, DialogPromptOptions } from './types'\n\nconst props = defineProps<{\n request: DialogRequest\n}>()\n\n// Состояние инстанса приходит через `provide` хоста, а не пропом: окно его\n// мутирует (очередь, список заявок в полёте), а мутировать проп — значит писать\n// в чужое владение.\nconst state = inject(GRANULARITY_DIALOG_SERVICE_STATE) as DialogServiceState\n\n// ————— Мост конфига и i18n.\n//\n// Окно рендерится через `render(vnode, container)` в `document.body`, то есть вне\n// дерева компонентов. Vue в этом случае берёт `provides` только из `appContext`,\n// куда попадает лишь `app.provide()` — значения от `<GrConfigProvider>` до сюда\n// не доходят. Поэтому вызов сервиса захватывает их в `setup` и кладёт в заявку,\n// а окно раздаёт вниз конфиг **своей** заявки.\nconst EMPTY_DEFAULTS: GrComponentDefaults = Object.freeze({})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, {\n size: computed(() => props.request.config?.size.value),\n componentDefaults: computed(() => props.request.config?.componentDefaults.value ?? EMPTY_DEFAULTS),\n})\n\n// i18n: тот же приём. Адаптер хоста (из `appContext`) — запасной вариант для\n// вызова без захваченного: без него установка через `app.use()` осталась бы\n// незамеченной.\nconst hostI18n = resolveGranularityI18n()\n\nprovide(GRANULARITY_I18N_KEY, {\n t: (key: string, params?: Record<string, unknown>) => {\n const adapter = props.request.i18n ?? hostI18n\n // Вернуть сам ключ — принятый в пакете сигнал «перевода нет»: потребитель\n // подставит свой fallback-текст (см. `useGranularityTranslations`).\n return adapter?.t(key, params) ?? key\n },\n get locale() {\n return (props.request.i18n ?? hostI18n)?.locale\n },\n})\n\n// Подвал alert-ветки рисуется здесь, поэтому и перевод кнопки достаётся здесь.\n// Адаптер берём тот же, что раздан вниз: собственный `provide` компонента его\n// же `inject` не видит, и `useGranularityTranslations()` без аргумента ушёл бы\n// мимо захваченного вызовом адаптера — в фолбэк из `appContext`.\nconst alertConfirmText = computed(() => {\n const { t } = useGranularityTranslations(props.request.i18n ?? hostI18n)\n return t('gr.dialog.ok', 'OK')\n})\n\nconst open = ref(false)\nconst loading = ref(false)\nconst currentError = shallowRef<ResponseErrorInfo | null>(null)\n/**\n * Ошибки по именам полей. Карта, а не одна строка: `setFieldError(field, …)`\n * обещает адресность, и обещание должно быть правдой ещё до того, как в\n * диалоге появится второе поле.\n */\nconst fieldErrors = ref<Record<string, string>>({})\nconst promptValue = ref(\n props.request.options && 'value' in props.request.options\n ? ((props.request.options as { value?: string }).value ?? '')\n : '',\n)\n\n/** Единственное поле `GrPromptDialog` называется `value`. */\nconst PROMPT_FIELD = 'value'\n\n// Одна запись — её и показываем: адрес не важен, когда адресат один.\nconst promptFieldError = computed<string | null>(() => {\n const own = fieldErrors.value[PROMPT_FIELD]\n if (own != null) return own\n\n const entries = Object.values(fieldErrors.value)\n return entries.length === 1 ? entries[0] : null\n})\n\nconst hasFieldError = computed(() => Object.keys(fieldErrors.value).length > 0)\n\nconst controller = new AbortController()\nlet externalAbortCleanup: (() => void) | null = null\n\nfunction buildClassifier() {\n const opts = props.request.options\n const parsers = typeof opts.errorParsers === 'function'\n ? opts.errorParsers(responseErrorParserPresets)\n : opts.errorParsers ?? coreResponseErrorParsers\n\n return createResponseErrorClassifier({\n parsers,\n texts: opts.errorTexts,\n messageKey: opts.errorMessageKey,\n })\n}\n\nonMounted(() => {\n // Внешний AbortSignal закрывает диалог как `close`.\n const sig = props.request.options.signal\n if (sig) {\n if (sig.aborted) {\n finish('close')\n return\n }\n const onAbort = () => finish('close')\n sig.addEventListener('abort', onAbort)\n externalAbortCleanup = () => sig.removeEventListener('abort', onAbort)\n }\n\n void nextTick(() => {\n open.value = true\n })\n})\n\nonBeforeUnmount(() => {\n // Снимаем всё, что заведено под заявку: подписку на внешний сигнал и свой\n // контроллер. Размонтирование — единственная точка, которую видят все три\n // пути завершения (кнопка, `close()` промиса, `closeAll()`), поэтому обрыв\n // in-flight `onConfirm` живёт именно здесь.\n externalAbortCleanup?.()\n externalAbortCleanup = null\n controller.abort()\n\n finishDialogInFlight(state, props.request)\n})\n\nfunction finish(action: DialogCloseAction, value?: unknown): void {\n // Снятие заявки из очереди откладываем на тик: окно должно успеть закрыться\n // до того, как исчезнет из разметки.\n if (!settleDialogRequest(state, props.request, { action, value }, { removeFromQueue: false }))\n return\n\n open.value = false\n void nextTick(() => removeDialogRequest(state, props.request))\n}\n\nfunction buildContext(value: unknown): DialogConfirmContext<any> & { _errorSet: () => boolean } {\n let errorSet = false\n\n const setError = (message: string | null): void => {\n if (message == null) {\n currentError.value = null\n return\n }\n errorSet = true\n currentError.value = { kind: 'unknown', message, raw: message }\n }\n\n const setFieldError = (field: string, message: string | null): void => {\n const next = { ...fieldErrors.value }\n if (message == null) {\n delete next[field]\n fieldErrors.value = next\n return\n }\n errorSet = true\n next[field] = message\n fieldErrors.value = next\n }\n\n const clearErrors = (): void => {\n currentError.value = null\n fieldErrors.value = {}\n }\n\n const setRawError = async (raw: unknown, meta?: Record<string, unknown>): Promise<ResponseErrorInfo | null> => {\n const info = await buildClassifier()(raw, meta)\n if (info.fieldErrors?.length) {\n const next = { ...fieldErrors.value }\n for (const entry of info.fieldErrors)\n next[entry.field] = entry.messages.join(' ')\n fieldErrors.value = next\n }\n currentError.value = info\n errorSet = true\n return info\n }\n\n return {\n value,\n signal: controller.signal,\n setError,\n setRawError,\n setFieldError,\n clearErrors,\n setLoading: (v: boolean) => { loading.value = v },\n close: (action: DialogCloseAction = 'close') => finish(action),\n _errorSet: () => errorSet,\n }\n}\n\nasync function handleConfirm(): Promise<void> {\n const req = props.request\n const value = req.kind === 'prompt' ? promptValue.value : undefined\n\n if (!req.onConfirm) {\n finish('confirm', value)\n return\n }\n\n currentError.value = null\n fieldErrors.value = {}\n loading.value = true\n\n const ctx = buildContext(value)\n\n // Пока колбэк в полёте, заявка считается родителем для новых вызовов: диалог,\n // открытый изнутри `onConfirm`, показывается поверх, а не встаёт в очередь за\n // тем, кто его ждёт.\n startDialogInFlight(state, req)\n\n try {\n const result = await req.onConfirm(ctx)\n // Сначала проверка «диалог ещё жив», потом запись состояния: за время\n // `await` заявку мог завершить `ctx.close()` или `closeAll()`.\n if (req.settled) return\n loading.value = false\n if (result === false) return // оставить открытым без ошибки\n if (currentError.value || hasFieldError.value || ctx._errorSet()) return // есть ошибка — не закрывать\n finish('confirm', value)\n }\n catch (error) {\n if (req.settled) return\n loading.value = false\n if (!ctx._errorSet()) await ctx.setRawError(error)\n // оставить диалог открытым с показанной ошибкой\n }\n finally {\n finishDialogInFlight(state, req)\n }\n}\n\nfunction handleCancel(): void {\n finish('cancel')\n}\n\nfunction handleModelUpdate(value: boolean): void {\n if (!value) finish('close')\n}\n\n// Опции веток читаются типизированно, без `as any` в шаблоне.\nconst promptOptions = computed<DialogPromptOptions>(() => props.request.options as DialogPromptOptions)\nconst confirmOptions = computed<DialogConfirmOptions>(() => props.request.options as DialogConfirmOptions)\n\n// Прокидываемые в дочерний диалог общие пропы.\nconst sharedProps = computed(() => {\n const o = props.request.options\n return {\n title: o.title,\n size: o.size,\n closeOnBackdrop: o.closeOnBackdrop,\n closeOnEsc: o.closeOnEsc,\n // Подавление «мягкого» закрытия на время `onConfirm` считает сам диалог по\n // `confirmLoading` — здесь только включаем режим, чтобы механизм жил в\n // одном месте, а не дублировался сервисом.\n persistent: true,\n showHeader: o.showHeader,\n showCloseButton: o.showCloseButton,\n headerConfig: o.headerConfig,\n footerConfig: o.footerConfig,\n bodyConfig: o.bodyConfig,\n closeLabel: o.closeLabel,\n buttonSize: o.buttonSize,\n confirmText: o.confirmText,\n confirmVariant: o.confirmVariant,\n confirmTone: o.confirmTone,\n }\n})\n</script>\n\n<template>\n \n <GrPromptDialog\n v-if=\"request.kind === 'prompt'\"\n v-bind=\"sharedProps\"\n v-model:value=\"promptValue\"\n :model-value=\"open\"\n :description=\"request.options.message ?? request.options.description\"\n :label=\"promptOptions.label\"\n :placeholder=\"promptOptions.placeholder\"\n :required=\"promptOptions.required ?? false\"\n :required-error-text=\"promptOptions.requiredErrorText\"\n :cancel-text=\"promptOptions.cancelText\"\n :input-type=\"promptOptions.inputType\"\n :inputmode=\"promptOptions.inputmode\"\n :maxlength=\"promptOptions.maxlength\"\n :show-count=\"promptOptions.showCount\"\n :multiline=\"promptOptions.multiline\"\n :rows=\"promptOptions.rows\"\n :autosize=\"promptOptions.autosize\"\n :rules=\"promptOptions.rules\"\n :error=\"currentError\"\n :field-error=\"promptFieldError\"\n :confirm-loading=\"loading\"\n :close-on-confirm=\"false\"\n @update:model-value=\"handleModelUpdate\"\n @confirm=\"handleConfirm\"\n @cancel=\"handleCancel\"\n />\n\n \n <GrConfirmDialog\n v-else-if=\"request.kind === 'alert'\"\n :model-value=\"open\"\n v-bind=\"sharedProps\"\n :description=\"request.options.message ?? request.options.description\"\n :error=\"currentError\"\n :confirm-loading=\"loading\"\n :close-on-confirm=\"false\"\n @update:model-value=\"handleModelUpdate\"\n @confirm=\"handleConfirm\"\n >\n <template #footer>\n <div class=\"flex items-center justify-end gap-3\">\n <GrButton\n data-testid=\"gr-alert-confirm\"\n :variant=\"sharedProps.confirmVariant ?? 'primary'\"\n :tone=\"sharedProps.confirmTone ?? 'primary'\"\n :size=\"sharedProps.buttonSize\"\n :loading=\"loading\"\n @click=\"handleConfirm\"\n >\n {{ sharedProps.confirmText ?? alertConfirmText }}\n </GrButton>\n </div>\n </template>\n </GrConfirmDialog>\n\n \n <GrConfirmDialog\n v-else\n :model-value=\"open\"\n v-bind=\"sharedProps\"\n :description=\"request.options.message ?? request.options.description\"\n :cancel-text=\"confirmOptions.cancelText\"\n :error=\"currentError\"\n :confirm-loading=\"loading\"\n :close-on-confirm=\"false\"\n @update:model-value=\"handleModelUpdate\"\n @confirm=\"handleConfirm\"\n @cancel=\"handleCancel\"\n />\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialogServiceItem — одно окно императивного сервиса. Внутренний компонент,\n * в шаблонах напрямую не используется.\n *\n * Всё состояние живёт здесь, а не на хосте, ровно потому, что окон может быть\n * несколько: вложенный вызов из `onConfirm` показывается поверх родителя, и\n * общий `loading` с общей ошибкой означали бы, что верхнее окно пишет в нижнее.\n */\nimport { computed, inject, nextTick, onBeforeUnmount, onMounted, provide, ref, shallowRef } from 'vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrConfirmDialog from '../GrConfirmDialog/GrConfirmDialog.vue'\nimport GrPromptDialog from '../GrPromptDialog/GrPromptDialog.vue'\nimport {\n coreResponseErrorParsers,\n createResponseErrorClassifier,\n responseErrorParserPresets,\n} from '../GrResponseErrorBanner/parsers'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nimport { GR_CONFIG_KEY, type GrComponentDefaults, type GrConfigContext } from '../GrConfigProvider/context'\nimport { GRANULARITY_I18N_KEY } from '../../i18n/adapter'\nimport { resolveGranularityI18n, useGranularityTranslations } from '../../internal/granularityI18n'\n\nimport { finishDialogInFlight, removeDialogRequest, settleDialogRequest, startDialogInFlight } from './store'\nimport type { DialogRequest, DialogServiceState } from './store'\nimport { GRANULARITY_DIALOG_SERVICE_STATE } from './useDialogService'\nimport type { DialogCloseAction, DialogConfirmContext, DialogConfirmOptions, DialogPromptOptions } from './types'\n\nconst props = defineProps<{\n request: DialogRequest\n}>()\n\n// Состояние инстанса приходит через `provide` хоста, а не пропом: окно его\n// мутирует (очередь, список заявок в полёте), а мутировать проп — значит писать\n// в чужое владение.\nconst state = inject(GRANULARITY_DIALOG_SERVICE_STATE) as DialogServiceState\n\n// ————— Мост конфига и i18n.\n//\n// Окно рендерится через `render(vnode, container)` в `document.body`, то есть вне\n// дерева компонентов. Vue в этом случае берёт `provides` только из `appContext`,\n// куда попадает лишь `app.provide()` — значения от `<GrConfigProvider>` до сюда\n// не доходят. Поэтому вызов сервиса захватывает их в `setup` и кладёт в заявку,\n// а окно раздаёт вниз конфиг **своей** заявки.\nconst EMPTY_DEFAULTS: GrComponentDefaults = Object.freeze({})\n\nprovide<GrConfigContext>(GR_CONFIG_KEY, {\n size: computed(() => props.request.config?.size.value),\n componentDefaults: computed(() => props.request.config?.componentDefaults.value ?? EMPTY_DEFAULTS),\n})\n\n// i18n: тот же приём. Адаптер хоста (из `appContext`) — запасной вариант для\n// вызова без захваченного: без него установка через `app.use()` осталась бы\n// незамеченной.\nconst hostI18n = resolveGranularityI18n()\n\nprovide(GRANULARITY_I18N_KEY, {\n t: (key: string, params?: Record<string, unknown>) => {\n const adapter = props.request.i18n ?? hostI18n\n // Вернуть сам ключ — принятый в пакете сигнал «перевода нет»: потребитель\n // подставит свой fallback-текст (см. `useGranularityTranslations`).\n return adapter?.t(key, params) ?? key\n },\n get locale() {\n return (props.request.i18n ?? hostI18n)?.locale\n },\n})\n\n// Подвал alert-ветки рисуется здесь, поэтому и перевод кнопки достаётся здесь.\n// Адаптер берём тот же, что раздан вниз: собственный `provide` компонента его\n// же `inject` не видит, и `useGranularityTranslations()` без аргумента ушёл бы\n// мимо захваченного вызовом адаптера — в фолбэк из `appContext`.\nconst alertConfirmText = computed(() => {\n const { t } = useGranularityTranslations(props.request.i18n ?? hostI18n)\n return t('gr.dialog.ok', 'OK')\n})\n\nconst open = ref(false)\nconst loading = ref(false)\nconst currentError = shallowRef<ResponseErrorInfo | null>(null)\n/**\n * Ошибки по именам полей. Карта, а не одна строка: `setFieldError(field, …)`\n * обещает адресность, и обещание должно быть правдой ещё до того, как в\n * диалоге появится второе поле.\n */\nconst fieldErrors = ref<Record<string, string>>({})\nconst promptValue = ref(\n props.request.options && 'value' in props.request.options\n ? ((props.request.options as { value?: string }).value ?? '')\n : '',\n)\n\n/** Единственное поле `GrPromptDialog` называется `value`. */\nconst PROMPT_FIELD = 'value'\n\n// Одна запись — её и показываем: адрес не важен, когда адресат один.\nconst promptFieldError = computed<string | null>(() => {\n const own = fieldErrors.value[PROMPT_FIELD]\n if (own != null) return own\n\n const entries = Object.values(fieldErrors.value)\n return entries.length === 1 ? entries[0] : null\n})\n\nconst hasFieldError = computed(() => Object.keys(fieldErrors.value).length > 0)\n\nconst controller = new AbortController()\nlet externalAbortCleanup: (() => void) | null = null\n\nfunction buildClassifier() {\n const opts = props.request.options\n const parsers = typeof opts.errorParsers === 'function'\n ? opts.errorParsers(responseErrorParserPresets)\n : opts.errorParsers ?? coreResponseErrorParsers\n\n return createResponseErrorClassifier({\n parsers,\n texts: opts.errorTexts,\n messageKey: opts.errorMessageKey,\n })\n}\n\nonMounted(() => {\n // Внешний AbortSignal закрывает диалог как `close`.\n const sig = props.request.options.signal\n if (sig) {\n if (sig.aborted) {\n finish('close')\n return\n }\n const onAbort = () => finish('close')\n sig.addEventListener('abort', onAbort)\n externalAbortCleanup = () => sig.removeEventListener('abort', onAbort)\n }\n\n void nextTick(() => {\n open.value = true\n })\n})\n\nonBeforeUnmount(() => {\n // Снимаем всё, что заведено под заявку: подписку на внешний сигнал и свой\n // контроллер. Размонтирование — единственная точка, которую видят все три\n // пути завершения (кнопка, `close()` промиса, `closeAll()`), поэтому обрыв\n // in-flight `onConfirm` живёт именно здесь.\n externalAbortCleanup?.()\n externalAbortCleanup = null\n controller.abort()\n\n finishDialogInFlight(state, props.request)\n})\n\nfunction finish(action: DialogCloseAction, value?: unknown): void {\n // Снятие заявки из очереди откладываем на тик: окно должно успеть закрыться\n // до того, как исчезнет из разметки.\n if (!settleDialogRequest(state, props.request, { action, value }, { removeFromQueue: false }))\n return\n\n open.value = false\n void nextTick(() => removeDialogRequest(state, props.request))\n}\n\nfunction buildContext(value: unknown): DialogConfirmContext<any> & { _errorSet: () => boolean } {\n let errorSet = false\n\n const setError = (message: string | null): void => {\n if (message == null) {\n currentError.value = null\n return\n }\n errorSet = true\n currentError.value = { kind: 'unknown', message, raw: message }\n }\n\n const setFieldError = (field: string, message: string | null): void => {\n const next = { ...fieldErrors.value }\n if (message == null) {\n delete next[field]\n fieldErrors.value = next\n return\n }\n errorSet = true\n next[field] = message\n fieldErrors.value = next\n }\n\n const clearErrors = (): void => {\n currentError.value = null\n fieldErrors.value = {}\n }\n\n const setRawError = async (raw: unknown, meta?: Record<string, unknown>): Promise<ResponseErrorInfo | null> => {\n const info = await buildClassifier()(raw, meta)\n if (info.fieldErrors?.length) {\n const next = { ...fieldErrors.value }\n for (const entry of info.fieldErrors)\n next[entry.field] = entry.messages.join(' ')\n fieldErrors.value = next\n }\n currentError.value = info\n errorSet = true\n return info\n }\n\n return {\n value,\n signal: controller.signal,\n setError,\n setRawError,\n setFieldError,\n clearErrors,\n setLoading: (v: boolean) => { loading.value = v },\n close: (action: DialogCloseAction = 'close') => finish(action),\n _errorSet: () => errorSet,\n }\n}\n\nasync function handleConfirm(): Promise<void> {\n const req = props.request\n const value = req.kind === 'prompt' ? promptValue.value : undefined\n\n if (!req.onConfirm) {\n finish('confirm', value)\n return\n }\n\n currentError.value = null\n fieldErrors.value = {}\n loading.value = true\n\n const ctx = buildContext(value)\n\n // Пока колбэк в полёте, заявка считается родителем для новых вызовов: диалог,\n // открытый изнутри `onConfirm`, показывается поверх, а не встаёт в очередь за\n // тем, кто его ждёт.\n startDialogInFlight(state, req)\n\n try {\n const result = await req.onConfirm(ctx)\n // Сначала проверка «диалог ещё жив», потом запись состояния: за время\n // `await` заявку мог завершить `ctx.close()` или `closeAll()`.\n if (req.settled) return\n loading.value = false\n if (result === false) return // оставить открытым без ошибки\n if (currentError.value || hasFieldError.value || ctx._errorSet()) return // есть ошибка — не закрывать\n finish('confirm', value)\n }\n catch (error) {\n if (req.settled) return\n loading.value = false\n if (!ctx._errorSet()) await ctx.setRawError(error)\n // оставить диалог открытым с показанной ошибкой\n }\n finally {\n finishDialogInFlight(state, req)\n }\n}\n\nfunction handleCancel(): void {\n finish('cancel')\n}\n\nfunction handleModelUpdate(value: boolean): void {\n if (!value) finish('close')\n}\n\n// Опции веток читаются типизированно, без `as any` в шаблоне.\nconst promptOptions = computed<DialogPromptOptions>(() => props.request.options as DialogPromptOptions)\nconst confirmOptions = computed<DialogConfirmOptions>(() => props.request.options as DialogConfirmOptions)\n\n// Прокидываемые в дочерний диалог общие пропы.\nconst sharedProps = computed(() => {\n const o = props.request.options\n return {\n title: o.title,\n size: o.size,\n closeOnBackdrop: o.closeOnBackdrop,\n closeOnEsc: o.closeOnEsc,\n // Подавление «мягкого» закрытия на время `onConfirm` считает сам диалог по\n // `confirmLoading` — здесь только включаем режим, чтобы механизм жил в\n // одном месте, а не дублировался сервисом.\n persistent: true,\n showHeader: o.showHeader,\n showCloseButton: o.showCloseButton,\n headerConfig: o.headerConfig,\n footerConfig: o.footerConfig,\n bodyConfig: o.bodyConfig,\n closeLabel: o.closeLabel,\n buttonSize: o.buttonSize,\n confirmText: o.confirmText,\n confirmVariant: o.confirmVariant,\n confirmTone: o.confirmTone,\n }\n})\n</script>\n\n<template>\n \n <GrPromptDialog\n v-if=\"request.kind === 'prompt'\"\n v-bind=\"sharedProps\"\n v-model:value=\"promptValue\"\n :model-value=\"open\"\n :description=\"request.options.message ?? request.options.description\"\n :label=\"promptOptions.label\"\n :placeholder=\"promptOptions.placeholder\"\n :required=\"promptOptions.required ?? false\"\n :required-error-text=\"promptOptions.requiredErrorText\"\n :cancel-text=\"promptOptions.cancelText\"\n :input-type=\"promptOptions.inputType\"\n :inputmode=\"promptOptions.inputmode\"\n :maxlength=\"promptOptions.maxlength\"\n :show-count=\"promptOptions.showCount\"\n :multiline=\"promptOptions.multiline\"\n :rows=\"promptOptions.rows\"\n :autosize=\"promptOptions.autosize\"\n :rules=\"promptOptions.rules\"\n :error=\"currentError\"\n :field-error=\"promptFieldError\"\n :confirm-loading=\"loading\"\n :close-on-confirm=\"false\"\n @update:model-value=\"handleModelUpdate\"\n @confirm=\"handleConfirm\"\n @cancel=\"handleCancel\"\n />\n\n \n <GrConfirmDialog\n v-else-if=\"request.kind === 'alert'\"\n :model-value=\"open\"\n v-bind=\"sharedProps\"\n :description=\"request.options.message ?? request.options.description\"\n :error=\"currentError\"\n :confirm-loading=\"loading\"\n :close-on-confirm=\"false\"\n @update:model-value=\"handleModelUpdate\"\n @confirm=\"handleConfirm\"\n >\n <template #footer>\n <div class=\"flex items-center justify-end gap-3\">\n <GrButton\n data-testid=\"gr-alert-confirm\"\n :variant=\"sharedProps.confirmVariant ?? 'primary'\"\n :tone=\"sharedProps.confirmTone ?? 'primary'\"\n :size=\"sharedProps.buttonSize\"\n :loading=\"loading\"\n @click=\"handleConfirm\"\n >\n {{ sharedProps.confirmText ?? alertConfirmText }}\n </GrButton>\n </div>\n </template>\n </GrConfirmDialog>\n\n \n <GrConfirmDialog\n v-else\n :model-value=\"open\"\n v-bind=\"sharedProps\"\n :description=\"request.options.message ?? request.options.description\"\n :cancel-text=\"confirmOptions.cancelText\"\n :error=\"currentError\"\n :confirm-loading=\"loading\"\n :close-on-confirm=\"false\"\n @update:model-value=\"handleModelUpdate\"\n @confirm=\"handleConfirm\"\n @cancel=\"handleCancel\"\n />\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialogServiceHost — внутренний компонент-оркестратор императивного\n * `useDialogService`. Не предназначен для прямого использования в шаблонах.\n *\n * Держит раскладку очереди и ничего больше: состояние каждой заявки — загрузка,\n * ошибки, введённое значение, мост конфига и i18n — живёт в\n * `GrDialogServiceItem`, потому что окон может быть несколько.\n *\n * Видимы голова очереди и её вложенные окна (`store.visibleDialogRequests`):\n * обычные вызовы по-прежнему показываются по одному, а диалог, открытый из\n * `onConfirm` другого диалога, ложится поверх родителя — иначе он ждал бы в\n * очереди того, кто ждёт его.\n */\nimport { computed, inject, provide } from 'vue'\n\nimport GrDialogServiceItem from './GrDialogServiceItem.vue'\nimport { visibleDialogRequests } from './store'\nimport type { DialogRequest, DialogServiceState } from './store'\nimport { GRANULARITY_DIALOG_SERVICE_STATE } from './useDialogService'\n\nexport interface GrDialogServiceHostProps {\n /**\n * Состояние инстанса сервиса. Приходит пропом при программном монтировании:\n * хост живёт вне дерева и своим `inject` до app-scoped состояния не дотянулся\n * бы. `inject` остаётся для случая, когда хост поставили в шаблон руками.\n */\n state?: DialogServiceState | null\n}\n\nconst props = defineProps<GrDialogServiceHostProps>()\n\nconst injected = inject(GRANULARITY_DIALOG_SERVICE_STATE, null)\n\nconst activeState = computed<DialogServiceState | null>(() => props.state ?? injected)\n\nconst visible = computed<DialogRequest[]>(() =>\n activeState.value ? visibleDialogRequests(activeState.value) : [],\n)\n\n// Окна берут состояние отсюда, а не пропом: они его мутируют (очередь, список\n// заявок в полёте), а мутировать проп — значит писать в чужое владение.\nprovide(GRANULARITY_DIALOG_SERVICE_STATE, activeState.value!)\n</script>\n\n<template>\n <GrDialogServiceItem\n v-for=\"request in visible\"\n :key=\"request.id\"\n :request=\"request\"\n />\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialogServiceHost — внутренний компонент-оркестратор императивного\n * `useDialogService`. Не предназначен для прямого использования в шаблонах.\n *\n * Держит раскладку очереди и ничего больше: состояние каждой заявки — загрузка,\n * ошибки, введённое значение, мост конфига и i18n — живёт в\n * `GrDialogServiceItem`, потому что окон может быть несколько.\n *\n * Видимы голова очереди и её вложенные окна (`store.visibleDialogRequests`):\n * обычные вызовы по-прежнему показываются по одному, а диалог, открытый из\n * `onConfirm` другого диалога, ложится поверх родителя — иначе он ждал бы в\n * очереди того, кто ждёт его.\n */\nimport { computed, inject, provide } from 'vue'\n\nimport GrDialogServiceItem from './GrDialogServiceItem.vue'\nimport { visibleDialogRequests } from './store'\nimport type { DialogRequest, DialogServiceState } from './store'\nimport { GRANULARITY_DIALOG_SERVICE_STATE } from './useDialogService'\n\nexport interface GrDialogServiceHostProps {\n /**\n * Состояние инстанса сервиса. Приходит пропом при программном монтировании:\n * хост живёт вне дерева и своим `inject` до app-scoped состояния не дотянулся\n * бы. `inject` остаётся для случая, когда хост поставили в шаблон руками.\n */\n state?: DialogServiceState | null\n}\n\nconst props = defineProps<GrDialogServiceHostProps>()\n\nconst injected = inject(GRANULARITY_DIALOG_SERVICE_STATE, null)\n\nconst activeState = computed<DialogServiceState | null>(() => props.state ?? injected)\n\nconst visible = computed<DialogRequest[]>(() =>\n activeState.value ? visibleDialogRequests(activeState.value) : [],\n)\n\n// Окна берут состояние отсюда, а не пропом: они его мутируют (очередь, список\n// заявок в полёте), а мутировать проп — значит писать в чужое владение.\nprovide(GRANULARITY_DIALOG_SERVICE_STATE, activeState.value!)\n</script>\n\n<template>\n <GrDialogServiceItem\n v-for=\"request in visible\"\n :key=\"request.id\"\n :request=\"request\"\n />\n</template>\n"],"mappings":"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"}

package/dist/components/GrDialogService/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
-import { a as teardownDialogService, i as granularityDialogServicePlugin, n as GRANULARITY_DIALOG_SERVICE_STATE, o as useDialogService, r as dialogService, t as GrDialogServiceHost_default } from "./chunks/GrDialogService-DtgUijMj.js";
+import { a as useDialogService, i as teardownDialogService, n as dialogService, r as granularityDialogServicePlugin, t as GrDialogServiceHost_default } from "./chunks/GrDialogService-CrwA4aJq.js";
 import { t as grDialogServiceConfig } from "../../chunks/config-CjXjhphs.js";
-export { GRANULARITY_DIALOG_SERVICE_STATE, GrDialogServiceHost_default as GrDialogServiceHost, dialogService, grDialogServiceConfig, granularityDialogServicePlugin, teardownDialogService, useDialogService };
+export { GrDialogServiceHost_default as GrDialogServiceHost, dialogService, grDialogServiceConfig, granularityDialogServicePlugin, teardownDialogService, useDialogService };

package/dist/components/GrDivider/chunks/GrDivider-CAhm9jbE.js ADDED Viewed

@@ -0,0 +1,109 @@
+import { i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { a as labelLineClass, c as verticalLineClass, i as horizontalSpacingClass, l as verticalSpacingClass, o as labelRootClass, r as horizontalLineClass, s as lineVariantClass } from "../../../chunks/config-CY0_6cMi.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot, toDisplayString, unref, useSlots } from "vue";
+//#region src/components/GrDivider/GrDivider.vue?vue&type=script&setup=true&lang.ts
+/**
+* GrDivider — разделитель контента.
+*
+* - `orientation="horizontal"` (по умолчанию) — линия на всю ширину; с `label`
+*   или default-слотом рисует текст по центру/краю между отрезками линии.
+* - `orientation="vertical"` — тонкая вертикальная линия. Растягивается по
+*   высоте flex-родителя; вне flex-контекста высоту задаёт `length`.
+*
+* A11y: `role="separator"` делает потомков презентационными, поэтому подпись
+* скринридеру не достаётся — имя разделителя приходит через `aria-label`.
+*/
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = { class: "shrink-0" };
+var _hoisted_4 = ["aria-label"];
+//#endregion
+//#region src/components/GrDivider/GrDivider.vue
+var GrDivider_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDivider",
+	props: {
+		orientation: { default: "horizontal" },
+		label: { default: void 0 },
+		align: { default: "center" },
+		variant: { default: void 0 },
+		spacing: { default: void 0 },
+		thickness: { default: void 0 },
+		length: { default: void 0 },
+		ariaLabel: { default: void 0 }
+	},
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const resolvedVariant = useGrComponentProp("GrDivider", "variant", () => props.variant, "solid");
+		const resolvedSpacing = useGrComponentProp("GrDivider", "spacing", () => props.spacing, "none");
+		const hasLabel = computed(() => props.orientation === "horizontal" && (Boolean(props.label) || Boolean(slots.default)));
+		const accessibleName = computed(() => props.ariaLabel ?? props.label);
+		function toCssLength(value) {
+			if (value == null) return void 0;
+			return typeof value === "number" ? `${value}px` : value;
+		}
+		const rootStyle = computed(() => {
+			const style = {};
+			const thickness = toCssLength(props.thickness);
+			if (thickness) style["--gr-divider-thickness"] = thickness;
+			const length = toCssLength(props.length);
+			if (length) style[props.orientation === "vertical" ? "height" : "width"] = length;
+			return style;
+		});
+		const spacingClass = computed(() => props.orientation === "vertical" ? verticalSpacingClass[resolvedSpacing.value] : horizontalSpacingClass[resolvedSpacing.value]);
+		const variantClass = computed(() => lineVariantClass[resolvedVariant.value]);
+		return (_ctx, _cache) => {
+			return __props.orientation === "vertical" ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				"data-gr-divider": "",
+				role: "separator",
+				"aria-orientation": "vertical",
+				"aria-label": accessibleName.value,
+				style: normalizeStyle(rootStyle.value),
+				class: normalizeClass(["inline-block self-stretch", [
+					unref(verticalLineClass),
+					variantClass.value,
+					spacingClass.value
+				]])
+			}, null, 14, _hoisted_1)) : hasLabel.value ? (openBlock(), createElementBlock("div", {
+				key: 1,
+				"data-gr-divider": "",
+				role: "separator",
+				"aria-orientation": "horizontal",
+				"aria-label": accessibleName.value,
+				style: normalizeStyle(rootStyle.value),
+				class: normalizeClass([unref(labelRootClass), spacingClass.value])
+			}, [
+				__props.align !== "start" ? (openBlock(), createElementBlock("span", {
+					key: 0,
+					class: normalizeClass([
+						unref(labelLineClass),
+						unref(horizontalLineClass),
+						variantClass.value
+					])
+				}, null, 2)) : createCommentVNode("", true),
+				createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.label), 1)])]),
+				__props.align !== "end" ? (openBlock(), createElementBlock("span", {
+					key: 1,
+					class: normalizeClass([
+						unref(labelLineClass),
+						unref(horizontalLineClass),
+						variantClass.value
+					])
+				}, null, 2)) : createCommentVNode("", true)
+			], 14, _hoisted_2)) : (openBlock(), createElementBlock("hr", {
+				key: 2,
+				"data-gr-divider": "",
+				"aria-label": accessibleName.value,
+				style: normalizeStyle(rootStyle.value),
+				class: normalizeClass(["w-full", [
+					unref(horizontalLineClass),
+					variantClass.value,
+					spacingClass.value
+				]])
+			}, null, 14, _hoisted_4));
+		};
+	}
+});
+//#endregion
+export { GrDivider_default as t };

package/dist/components/GrDivider/chunks/GrDivider-CAhm9jbE.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"GrDivider-CAhm9jbE.js","names":[],"sources":["../../../../src/components/GrDivider/GrDivider.vue","../../../../src/components/GrDivider/GrDivider.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\n\n/**\n * GrDivider — разделитель контента.\n *\n * - `orientation=\"horizontal\"` (по умолчанию) — линия на всю ширину; с `label`\n * или default-слотом рисует текст по центру/краю между отрезками линии.\n * - `orientation=\"vertical\"` — тонкая вертикальная линия. Растягивается по\n * высоте flex-родителя; вне flex-контекста высоту задаёт `length`.\n *\n * A11y: `role=\"separator\"` делает потомков презентационными, поэтому подпись\n * скринридеру не достаётся — имя разделителя приходит через `aria-label`.\n */\nimport {\n horizontalLineClass,\n horizontalSpacingClass,\n labelLineClass,\n labelRootClass,\n lineVariantClass,\n verticalLineClass,\n verticalSpacingClass,\n type GrDividerAlign,\n type GrDividerOrientation,\n type GrDividerSpacing,\n type GrDividerVariant,\n} from './grDividerStyles'\n\nexport interface GrDividerProps {\n orientation?: GrDividerOrientation\n label?: string\n align?: GrDividerAlign\n /** Начертание линии. Не задано — берётся из `GrConfigProvider`, иначе `solid`. */\n variant?: GrDividerVariant\n /** Отступы вокруг разделителя. Не задано — из `GrConfigProvider`, иначе `none`. */\n spacing?: GrDividerSpacing\n /** Толщина линии. Число трактуется как пиксели. */\n thickness?: number | string\n /**\n * Длина линии: высота вертикального разделителя, ширина горизонтального.\n * Нужна вертикальному вне flex-родителя — там ему не от чего растянуться.\n */\n length?: number | string\n /**\n * Имя разделителя для скринридера. Подпись из слота строкой не выразить,\n * поэтому имя задаётся отдельно; при `label` оно берётся из него.\n */\n ariaLabel?: string\n}\n\nimport './defaults'\n\nexport type { GrDividerAlign, GrDividerOrientation, GrDividerSpacing, GrDividerVariant }\n\nconst props = withDefaults(\n defineProps<GrDividerProps>(),\n {\n orientation: 'horizontal',\n label: undefined,\n align: 'center',\n // Дефолты `variant`/`spacing` живут в резолверах ниже, а не здесь: Vue\n // подставил бы их до того, как компонент заглянет в `GrConfigProvider`.\n variant: undefined,\n spacing: undefined,\n thickness: undefined,\n length: undefined,\n ariaLabel: undefined,\n },\n)\n\nconst slots = useSlots()\n\nconst resolvedVariant = useGrComponentProp('GrDivider', 'variant', () => props.variant, 'solid')\nconst resolvedSpacing = useGrComponentProp('GrDivider', 'spacing', () => props.spacing, 'none')\n\nconst hasLabel = computed(() =>\n props.orientation === 'horizontal' && (Boolean(props.label) || Boolean(slots.default)),\n)\n\nconst accessibleName = computed(() => props.ariaLabel ?? props.label)\n\nfunction toCssLength(value: number | string | undefined): string | undefined {\n if (value == null) return undefined\n return typeof value === 'number' ? `${value}px` : value\n}\n\nconst rootStyle = computed(() => {\n const style: Record<string, string> = {}\n\n const thickness = toCssLength(props.thickness)\n if (thickness) style['--gr-divider-thickness'] = thickness\n\n const length = toCssLength(props.length)\n if (length) style[props.orientation === 'vertical' ? 'height' : 'width'] = length\n\n return style\n})\n\nconst spacingClass = computed(() =>\n props.orientation === 'vertical'\n ? verticalSpacingClass[resolvedSpacing.value]\n : horizontalSpacingClass[resolvedSpacing.value],\n)\n\nconst variantClass = computed(() => lineVariantClass[resolvedVariant.value])\n</script>\n\n<template>\n <div\n v-if=\"orientation === 'vertical'\"\n data-gr-divider\n role=\"separator\"\n aria-orientation=\"vertical\"\n :aria-label=\"accessibleName\"\n :style=\"rootStyle\"\n class=\"inline-block self-stretch\"\n :class=\"[verticalLineClass, variantClass, spacingClass]\"\n />\n\n <div\n v-else-if=\"hasLabel\"\n data-gr-divider\n role=\"separator\"\n aria-orientation=\"horizontal\"\n :aria-label=\"accessibleName\"\n :style=\"rootStyle\"\n :class=\"[labelRootClass, spacingClass]\"\n >\n <span\n v-if=\"align !== 'start'\"\n :class=\"[labelLineClass, horizontalLineClass, variantClass]\"\n />\n <span class=\"shrink-0\"><slot>{{ label }}</slot></span>\n <span\n v-if=\"align !== 'end'\"\n :class=\"[labelLineClass, horizontalLineClass, variantClass]\"\n />\n </div>\n\n <hr\n v-else\n data-gr-divider\n :aria-label=\"accessibleName\"\n :style=\"rootStyle\"\n class=\"w-full\"\n :class=\"[horizontalLineClass, variantClass, spacingClass]\"\n >\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useSlots } from 'vue'\n\nimport { useGrComponentProp } from '../GrConfigProvider/context'\n\n/**\n * GrDivider — разделитель контента.\n *\n * - `orientation=\"horizontal\"` (по умолчанию) — линия на всю ширину; с `label`\n * или default-слотом рисует текст по центру/краю между отрезками линии.\n * - `orientation=\"vertical\"` — тонкая вертикальная линия. Растягивается по\n * высоте flex-родителя; вне flex-контекста высоту задаёт `length`.\n *\n * A11y: `role=\"separator\"` делает потомков презентационными, поэтому подпись\n * скринридеру не достаётся — имя разделителя приходит через `aria-label`.\n */\nimport {\n horizontalLineClass,\n horizontalSpacingClass,\n labelLineClass,\n labelRootClass,\n lineVariantClass,\n verticalLineClass,\n verticalSpacingClass,\n type GrDividerAlign,\n type GrDividerOrientation,\n type GrDividerSpacing,\n type GrDividerVariant,\n} from './grDividerStyles'\n\nexport interface GrDividerProps {\n orientation?: GrDividerOrientation\n label?: string\n align?: GrDividerAlign\n /** Начертание линии. Не задано — берётся из `GrConfigProvider`, иначе `solid`. */\n variant?: GrDividerVariant\n /** Отступы вокруг разделителя. Не задано — из `GrConfigProvider`, иначе `none`. */\n spacing?: GrDividerSpacing\n /** Толщина линии. Число трактуется как пиксели. */\n thickness?: number | string\n /**\n * Длина линии: высота вертикального разделителя, ширина горизонтального.\n * Нужна вертикальному вне flex-родителя — там ему не от чего растянуться.\n */\n length?: number | string\n /**\n * Имя разделителя для скринридера. Подпись из слота строкой не выразить,\n * поэтому имя задаётся отдельно; при `label` оно берётся из него.\n */\n ariaLabel?: string\n}\n\nimport './defaults'\n\nexport type { GrDividerAlign, GrDividerOrientation, GrDividerSpacing, GrDividerVariant }\n\nconst props = withDefaults(\n defineProps<GrDividerProps>(),\n {\n orientation: 'horizontal',\n label: undefined,\n align: 'center',\n // Дефолты `variant`/`spacing` живут в резолверах ниже, а не здесь: Vue\n // подставил бы их до того, как компонент заглянет в `GrConfigProvider`.\n variant: undefined,\n spacing: undefined,\n thickness: undefined,\n length: undefined,\n ariaLabel: undefined,\n },\n)\n\nconst slots = useSlots()\n\nconst resolvedVariant = useGrComponentProp('GrDivider', 'variant', () => props.variant, 'solid')\nconst resolvedSpacing = useGrComponentProp('GrDivider', 'spacing', () => props.spacing, 'none')\n\nconst hasLabel = computed(() =>\n props.orientation === 'horizontal' && (Boolean(props.label) || Boolean(slots.default)),\n)\n\nconst accessibleName = computed(() => props.ariaLabel ?? props.label)\n\nfunction toCssLength(value: number | string | undefined): string | undefined {\n if (value == null) return undefined\n return typeof value === 'number' ? `${value}px` : value\n}\n\nconst rootStyle = computed(() => {\n const style: Record<string, string> = {}\n\n const thickness = toCssLength(props.thickness)\n if (thickness) style['--gr-divider-thickness'] = thickness\n\n const length = toCssLength(props.length)\n if (length) style[props.orientation === 'vertical' ? 'height' : 'width'] = length\n\n return style\n})\n\nconst spacingClass = computed(() =>\n props.orientation === 'vertical'\n ? verticalSpacingClass[resolvedSpacing.value]\n : horizontalSpacingClass[resolvedSpacing.value],\n)\n\nconst variantClass = computed(() => lineVariantClass[resolvedVariant.value])\n</script>\n\n<template>\n <div\n v-if=\"orientation === 'vertical'\"\n data-gr-divider\n role=\"separator\"\n aria-orientation=\"vertical\"\n :aria-label=\"accessibleName\"\n :style=\"rootStyle\"\n class=\"inline-block self-stretch\"\n :class=\"[verticalLineClass, variantClass, spacingClass]\"\n />\n\n <div\n v-else-if=\"hasLabel\"\n data-gr-divider\n role=\"separator\"\n aria-orientation=\"horizontal\"\n :aria-label=\"accessibleName\"\n :style=\"rootStyle\"\n :class=\"[labelRootClass, spacingClass]\"\n >\n <span\n v-if=\"align !== 'start'\"\n :class=\"[labelLineClass, horizontalLineClass, variantClass]\"\n />\n <span class=\"shrink-0\"><slot>{{ label }}</slot></span>\n <span\n v-if=\"align !== 'end'\"\n :class=\"[labelLineClass, horizontalLineClass, variantClass]\"\n />\n </div>\n\n <hr\n v-else\n data-gr-divider\n :aria-label=\"accessibleName\"\n :style=\"rootStyle\"\n class=\"w-full\"\n :class=\"[horizontalLineClass, variantClass, spacingClass]\"\n >\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwDA,MAAM,QAAQ;EAgBd,MAAM,QAAQ,SAAS;EAEvB,MAAM,kBAAkB,mBAAmB,aAAa,iBAAiB,MAAM,SAAS,OAAO;EAC/F,MAAM,kBAAkB,mBAAmB,aAAa,iBAAiB,MAAM,SAAS,MAAM;EAE9F,MAAM,WAAW,eACf,MAAM,gBAAgB,iBAAiB,QAAQ,MAAM,KAAK,KAAK,QAAQ,MAAM,OAAO,EACtF;EAEA,MAAM,iBAAiB,eAAe,MAAM,aAAa,MAAM,KAAK;EAEpE,SAAS,YAAY,OAAwD;GAC3E,IAAI,SAAS,MAAM,OAAO,KAAA;GAC1B,OAAO,OAAO,UAAU,WAAW,GAAG,MAAM,MAAM;EACpD;EAEA,MAAM,YAAY,eAAe;GAC/B,MAAM,QAAgC,CAAC;GAEvC,MAAM,YAAY,YAAY,MAAM,SAAS;GAC7C,IAAI,WAAW,MAAM,4BAA4B;GAEjD,MAAM,SAAS,YAAY,MAAM,MAAM;GACvC,IAAI,QAAQ,MAAM,MAAM,gBAAgB,aAAa,WAAW,WAAW;GAE3E,OAAO;EACT,CAAC;EAED,MAAM,eAAe,eACnB,MAAM,gBAAgB,aAClB,qBAAqB,gBAAgB,SACrC,uBAAuB,gBAAgB,MAC7C;EAEA,MAAM,eAAe,eAAe,iBAAiB,gBAAgB,MAAM;;UAKjE,QAAA,gBAAW,cAAA,UAAA,GADnB,mBASE,OAAA;;IAPA,mBAAA;IACA,MAAK;IACL,oBAAiB;IAChB,cAAY,eAAA;IACZ,OAAK,eAAE,UAAA,KAAS;IACjB,OAAK,eAAA,CAAC,6BAA2B;KACxB,MAAA,iBAAA;KAAmB,aAAA;KAAc,aAAA;IAAY,CAAA,CAAA;+BAI3C,SAAA,SAAA,UAAA,GADb,mBAkBM,OAAA;;IAhBJ,mBAAA;IACA,MAAK;IACL,oBAAiB;IAChB,cAAY,eAAA;IACZ,OAAK,eAAE,UAAA,KAAS;IAChB,OAAK,eAAA,CAAG,MAAA,cAAA,GAAgB,aAAA,KAAY,CAAA;;IAG7B,QAAA,UAAK,WAAA,UAAA,GADb,mBAGE,QAAA;;KADC,OAAK,eAAA;MAAG,MAAA,cAAA;MAAgB,MAAA,mBAAA;MAAqB,aAAA;KAAY,CAAA;;IAE5D,mBAAsD,QAAtD,YAAsD,CAA/B,WAAwB,KAAA,QAAA,WAAA,CAAA,SAAA,CAAA,gBAAA,gBAAf,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;IAE7B,QAAA,UAAK,SAAA,UAAA,GADb,mBAGE,QAAA;;KADC,OAAK,eAAA;MAAG,MAAA,cAAA;MAAgB,MAAA,mBAAA;MAAqB,aAAA;KAAY,CAAA;;uCAI9D,mBAOC,MAAA;;IALC,mBAAA;IACC,cAAY,eAAA;IACZ,OAAK,eAAE,UAAA,KAAS;IACjB,OAAK,eAAA,CAAC,UAAQ;KACL,MAAA,mBAAA;KAAqB,aAAA;KAAc,aAAA;IAAY,CAAA,CAAA"}

package/dist/components/GrDivider/index.js CHANGED Viewed

@@ -1,3 +1,3 @@
 import { n as grDividerSafelist, t as grDividerConfig } from "../../chunks/config-CY0_6cMi.js";
-import { t as GrDivider_default } from "./chunks/GrDivider-B2Xwc_QO.js";
+import { t as GrDivider_default } from "./chunks/GrDivider-CAhm9jbE.js";
 export { GrDivider_default as GrDivider, GrDivider_default as default, grDividerConfig, grDividerSafelist };

package/dist/components/GrDrawer/chunks/GrDrawer-C3zAg2tG.js ADDED Viewed

@@ -0,0 +1,251 @@
+import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
+import { i as useGrComponentProp } from "../../../chunks/context-CTbuwcYs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-bQwtZtYT.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-Bw2AH4uX.js";
+import { t as useModalOverlay } from "../../../chunks/useModalOverlay-Cv5hF63W.js";
+import { a as DEFAULT_GR_DRAWER_HEADER_CONFIG, c as grDrawerPanelClass, d as overlayClass, f as resolveGrDrawerSectionConfig, g as titleClass, h as srOnlyTitleClass, i as DEFAULT_GR_DRAWER_FOOTER_CONFIG, l as grDrawerPanelEnterFrom, m as rootPassThroughClass, o as footerBorderClass, p as rootClass, r as DEFAULT_GR_DRAWER_BODY_CONFIG, s as grDrawerAxis, u as headerBorderClass } from "../../../chunks/config-D94Z9po5.js";
+import { Teleport, Transition, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderSlot, toDisplayString, toHandlers, unref, useId, useSlots, watch, withCtx } from "vue";
+//#region src/components/GrDrawer/GrDrawer.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-modal",
+	"inert",
+	"aria-labelledby",
+	"aria-label"
+];
+var _hoisted_2 = ["id"];
+var _hoisted_3 = ["id"];
+var _hoisted_4 = {
+	key: 1,
+	class: "min-w-0 flex-1"
+};
+var _hoisted_5 = {
+	"data-gr-drawer-body": "",
+	tabindex: "0",
+	class: "min-h-0 flex-1 overflow-y-auto"
+};
+//#endregion
+//#region src/components/GrDrawer/GrDrawer.vue
+var GrDrawer_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDrawer",
+	props: {
+		modelValue: { type: Boolean },
+		title: { default: void 0 },
+		modal: {
+			type: Boolean,
+			default: true
+		},
+		closeOnBackdrop: {
+			type: Boolean,
+			default: true
+		},
+		closeOnEsc: {
+			type: Boolean,
+			default: true
+		},
+		persistent: {
+			type: Boolean,
+			default: false
+		},
+		side: { default: void 0 },
+		size: { default: void 0 },
+		width: { default: void 0 },
+		height: { default: void 0 },
+		showHeader: {
+			type: Boolean,
+			default: true
+		},
+		showCloseButton: {
+			type: Boolean,
+			default: true
+		},
+		headerConfig: { default: void 0 },
+		bodyConfig: { default: void 0 },
+		footerConfig: { default: void 0 },
+		initialFocus: { default: null },
+		closeLabel: { default: void 0 }
+	},
+	emits: [
+		"update:modelValue",
+		"opened",
+		"closed"
+	],
+	setup(__props, { expose: __expose, emit: __emit }) {
+		const props = __props;
+		const { t } = useGranularityTranslations();
+		const resolvedCloseLabel = computed(() => props.closeLabel ?? t("gr.common.close", "Close"));
+		const emit = __emit;
+		const slots = useSlots();
+		const titleId = useId();
+		const size = useGrComponentProp("GrDrawer", "size", () => props.size, "md");
+		const side = useGrComponentProp("GrDrawer", "side", () => props.side, "right");
+		const axis = computed(() => grDrawerAxis(side.value));
+		const resolvedTitle = computed(() => props.title?.trim() || void 0);
+		const hasTitle = computed(() => Boolean(resolvedTitle.value) || Boolean(slots.title));
+		const hasCustomHeader = computed(() => Boolean(slots.header));
+		const hasHeader = computed(() => props.showHeader && (hasCustomHeader.value || hasTitle.value || props.showCloseButton));
+		/**
+		* Видимый заголовок рисуется только в стандартной шапке. Со своей шапкой и без
+		* шапки вовсе заголовок всё равно нужен — но скрытым: имя слоя обязано остаться
+		* осмысленным, а не свалиться на обобщённое «Drawer» из локали.
+		*/
+		const showVisibleTitle = computed(() => props.showHeader && !hasCustomHeader.value && hasTitle.value);
+		const showSrOnlyTitle = computed(() => hasTitle.value && !showVisibleTitle.value);
+		const labelledBy = computed(() => hasTitle.value ? titleId : void 0);
+		const ariaLabel = computed(() => labelledBy.value ? void 0 : t("gr.drawer.title", "Drawer"));
+		const panelEl = ref(null);
+		/** Произвольный размер — только по оси панели: у боковой ширина, у нижней высота. */
+		const customLength = computed(() => axis.value === "horizontal" ? props.width : props.height);
+		const panelClass = computed(() => grDrawerPanelClass({
+			side: side.value,
+			size: size.value,
+			hasCustomLength: customLength.value !== void 0
+		}));
+		const panelStyle = computed(() => {
+			const length = customLength.value;
+			if (length === void 0) return void 0;
+			const value = typeof length === "number" ? `${length}px` : length;
+			return axis.value === "horizontal" ? { width: value } : { height: value };
+		});
+		if (process.env.NODE_ENV !== "production") watch([
+			axis,
+			() => props.width,
+			() => props.height
+		], ([currentAxis, width, height]) => {
+			const ignored = currentAxis === "horizontal" ? "height" : "width";
+			if ((currentAxis === "horizontal" ? height : width) === void 0) return;
+			console.warn(`[GrDrawer] Проп \`${ignored}\` не применяется к стороне "${side.value}": панель по этой оси растянута. Задайте \`${ignored === "height" ? "width" : "height"}\`.`);
+		}, { immediate: true });
+		const panelEnterFrom = computed(() => grDrawerPanelEnterFrom(side.value));
+		const headerSection = computed(() => resolveGrDrawerSectionConfig(props.headerConfig, DEFAULT_GR_DRAWER_HEADER_CONFIG));
+		const bodySection = computed(() => resolveGrDrawerSectionConfig(props.bodyConfig, DEFAULT_GR_DRAWER_BODY_CONFIG));
+		const footerSection = computed(() => resolveGrDrawerSectionConfig(props.footerConfig, DEFAULT_GR_DRAWER_FOOTER_CONFIG));
+		function sectionClass(section, borderClass) {
+			return [
+				section.paddingX,
+				section.paddingY,
+				section.bordered ? borderClass : ""
+			];
+		}
+		function close() {
+			emit("update:modelValue", false);
+		}
+		/** Закрытие «мягким» способом: бэкдроп или Esc. `persistent` их и запрещает. */
+		function closeSoftly() {
+			if (props.persistent) return;
+			close();
+		}
+		const rootClasses = computed(() => [rootClass, props.modal ? "" : rootPassThroughClass].filter(Boolean));
+		const { rootEl, isMounted, isVisible, inertAttr, portalTarget, teleportEnabled, themeAttrs, onPanelAfterLeave: releasePresence, backdrop } = useModalOverlay(computed(() => props.modelValue), closeSoftly, {
+			panel: panelEl,
+			modal: () => props.modal,
+			closeOnEscape: () => props.closeOnEsc && !props.persistent,
+			closeOnBackdrop: () => props.closeOnBackdrop,
+			initialFocus: () => props.initialFocus ?? panelEl.value
+		});
+		function onPanelAfterLeave() {
+			releasePresence();
+			emit("closed");
+		}
+		__expose({
+			/** Закрыть панель (эквивалент `v-model = false`), минуя `persistent`. */
+			close,
+			/** Вернуть фокус на панель — например после операции, уведшей его наружу. */
+			focus: () => panelEl.value?.focus()
+		});
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, {
+				to: unref(portalTarget),
+				disabled: !unref(teleportEnabled)
+			}, [unref(teleportEnabled) && unref(isMounted) ? (openBlock(), createElementBlock("div", {
+				key: 0,
+				ref_key: "rootEl",
+				ref: rootEl,
+				"data-gr-drawer": "",
+				"data-gr-overlay-root": "",
+				role: "dialog",
+				"aria-modal": __props.modal ? "true" : void 0,
+				class: normalizeClass(rootClasses.value),
+				inert: unref(inertAttr),
+				"aria-labelledby": labelledBy.value,
+				"aria-label": ariaLabel.value
+			}, [createVNode(Transition, {
+				appear: "",
+				"enter-active-class": "duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]",
+				"enter-from-class": "opacity-0",
+				"leave-active-class": "duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]",
+				"leave-to-class": "opacity-0"
+			}, {
+				default: withCtx(() => [unref(isVisible) && __props.modal ? (openBlock(), createElementBlock("div", mergeProps({
+					key: 0,
+					"data-gr-drawer-overlay": "",
+					class: unref(overlayClass),
+					"aria-hidden": "true"
+				}, toHandlers(unref(backdrop), true)), null, 16)) : createCommentVNode("", true)]),
+				_: 1
+			}), createVNode(Transition, {
+				appear: "",
+				"enter-active-class": "duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]",
+				"enter-from-class": panelEnterFrom.value,
+				"leave-active-class": "duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)]",
+				"leave-to-class": panelEnterFrom.value,
+				onAfterEnter: _cache[0] || (_cache[0] = ($event) => emit("opened")),
+				onAfterLeave: onPanelAfterLeave
+			}, {
+				default: withCtx(() => [unref(isVisible) ? (openBlock(), createElementBlock("div", mergeProps({
+					key: 0,
+					ref_key: "panelEl",
+					ref: panelEl
+				}, unref(themeAttrs), {
+					"data-gr-drawer-panel": "",
+					tabindex: "-1",
+					class: panelClass.value,
+					style: panelStyle.value
+				}), [
+					showSrOnlyTitle.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						id: unref(titleId),
+						"data-gr-drawer-title": "",
+						class: normalizeClass(unref(srOnlyTitleClass))
+					}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(resolvedTitle.value), 1)])], 10, _hoisted_2)) : createCommentVNode("", true),
+					hasHeader.value ? (openBlock(), createElementBlock("div", {
+						key: 1,
+						"data-gr-drawer-header": "",
+						class: normalizeClass([hasCustomHeader.value ? "" : "flex items-center justify-between gap-4", sectionClass(headerSection.value, unref(headerBorderClass))])
+					}, [renderSlot(_ctx.$slots, "header", {
+						title: resolvedTitle.value,
+						close
+					}, () => [showVisibleTitle.value ? (openBlock(), createElementBlock("div", {
+						key: 0,
+						id: unref(titleId),
+						"data-gr-drawer-title": "",
+						class: normalizeClass(unref(titleClass))
+					}, [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(resolvedTitle.value), 1)])], 10, _hoisted_3)) : (openBlock(), createElementBlock("div", _hoisted_4)), __props.showCloseButton ? (openBlock(), createBlock(GrButton_default, {
+						key: 2,
+						variant: "ghost",
+						size: "sm",
+						square: "",
+						"data-gr-drawer-close": "",
+						"aria-label": resolvedCloseLabel.value,
+						onClick: close
+					}, {
+						default: withCtx(() => [createVNode(GrIcon_default, { size: "sm" }, {
+							default: withCtx(() => [createVNode(unref(x_default))]),
+							_: 1
+						})]),
+						_: 1
+					}, 8, ["aria-label"])) : createCommentVNode("", true)])], 2)) : createCommentVNode("", true),
+					createElementVNode("div", _hoisted_5, [createElementVNode("div", { class: normalizeClass(sectionClass(bodySection.value, "")) }, [renderSlot(_ctx.$slots, "default")], 2)]),
+					_ctx.$slots.footer ? (openBlock(), createElementBlock("div", {
+						key: 2,
+						"data-gr-drawer-footer": "",
+						class: normalizeClass(sectionClass(footerSection.value, unref(footerBorderClass)))
+					}, [renderSlot(_ctx.$slots, "footer")], 2)) : createCommentVNode("", true)
+				], 16)) : createCommentVNode("", true)]),
+				_: 3
+			}, 8, ["enter-from-class", "leave-to-class"])], 10, _hoisted_1)) : createCommentVNode("", true)], 8, ["to", "disabled"]);
+		};
+	}
+});
+//#endregion
+export { GrDrawer_default as t };