@feugene/granularity 0.10.0 → 0.11.0

package/dist/components/GrDialogService/chunks/GrDialogService-DY_fmaMu.js

@@ -0,0 +1,425 @@
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
+import { n as coreResponseErrorParsers, r as createResponseErrorClassifier, s as responseErrorParserPresets } from "../../GrResponseErrorBanner/chunks/GrResponseErrorBanner-Cdu9ekK9.js";
+import { t as GrConfirmDialog_default } from "../../GrConfirmDialog/chunks/GrConfirmDialog-BWYKCsHd.js";
+import { t as GrPromptDialog_default } from "../../GrPromptDialog/chunks/GrPromptDialog-TmWXbpEP.js";
+import { Fragment, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, nextTick, onBeforeUnmount, openBlock, reactive, ref, render, shallowRef, toDisplayString, watch, withCtx } from "vue";
+//#region src/components/GrDialogService/store.ts
+/**
+* Модульный синглтон очереди диалогов: единый источник правды для всех
+* вызовов сервиса. Хост-компонент рендерит только `queue[0]` — это
+* сериализует диалоги (FIFO) и исключает конкуренцию за фокус-трап.
+*/
+var dialogQueue = reactive([]);
+var counter = 0;
+function makeDialogId() {
+	counter += 1;
+	return `gr-dialog-${Date.now()}-${counter}`;
+}
+//#endregion
+//#region src/components/GrDialogService/GrDialogServiceHost.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex items-center justify-end gap-3" };
+//#endregion
+//#region src/components/GrDialogService/GrDialogServiceHost.vue
+var GrDialogServiceHost_default = /* @__PURE__ */ defineComponent({
+	__name: "GrDialogServiceHost",
+	setup(__props) {
+		/**
+		* GrDialogServiceHost — внутренний компонент-оркестратор императивного
+		* `useDialogService`. Не предназначен для прямого использования в шаблонах.
+		*
+		* Рендерит «голову» очереди `dialogQueue` (FIFO-сериализация), переиспользуя
+		* декларативные `GrConfirmDialog`/`GrPromptDialog`. Управляет состоянием
+		* загрузки и ошибок во время async-`onConfirm`, прогоняя «сырые» ответы
+		* сервера через цепочку парсеров `GrResponseErrorBanner`.
+		*/
+		const active = computed(() => dialogQueue[0] ?? null);
+		const open = ref(false);
+		const loading = ref(false);
+		const currentError = shallowRef(null);
+		const fieldError = ref(null);
+		const promptValue = ref("");
+		let controller = null;
+		let finishing = false;
+		let externalAbortCleanup = null;
+		function resetState() {
+			loading.value = false;
+			currentError.value = null;
+			fieldError.value = null;
+			finishing = false;
+		}
+		function buildClassifier(req) {
+			const opts = req.options;
+			return createResponseErrorClassifier({
+				parsers: typeof opts.errorParsers === "function" ? opts.errorParsers(responseErrorParserPresets) : opts.errorParsers ?? coreResponseErrorParsers,
+				texts: opts.errorTexts,
+				messageKey: opts.errorMessageKey
+			});
+		}
+		watch(() => active.value?.id, (id) => {
+			cleanupExternalAbort();
+			resetState();
+			const req = active.value;
+			if (!req || !id) {
+				open.value = false;
+				return;
+			}
+			promptValue.value = req.options && "value" in req.options ? req.options.value ?? "" : "";
+			controller = new AbortController();
+			const sig = req.options.signal;
+			if (sig) {
+				if (sig.aborted) {
+					finish("close");
+					return;
+				}
+				const onAbort = () => finish("close");
+				sig.addEventListener("abort", onAbort);
+				externalAbortCleanup = () => sig.removeEventListener("abort", onAbort);
+			}
+			nextTick(() => {
+				open.value = true;
+			});
+		});
+		function cleanupExternalAbort() {
+			externalAbortCleanup?.();
+			externalAbortCleanup = null;
+		}
+		function finish(action, value) {
+			const req = active.value;
+			if (!req || finishing) return;
+			finishing = true;
+			open.value = false;
+			controller?.abort();
+			controller = null;
+			cleanupExternalAbort();
+			req.resolve({
+				action,
+				value
+			});
+			nextTick(() => {
+				const index = dialogQueue.findIndex((item) => item.id === req.id);
+				if (index >= 0) dialogQueue.splice(index, 1);
+			});
+		}
+		function buildContext(req, value) {
+			let errorSet = false;
+			const setError = (message) => {
+				if (message == null) {
+					currentError.value = null;
+					return;
+				}
+				errorSet = true;
+				currentError.value = {
+					kind: "unknown",
+					message,
+					raw: message
+				};
+			};
+			const setFieldError = (field, message) => {
+				if (message == null) {
+					fieldError.value = null;
+					return;
+				}
+				errorSet = true;
+				fieldError.value = message;
+			};
+			const clearErrors = () => {
+				currentError.value = null;
+				fieldError.value = null;
+			};
+			const setRawError = async (raw, meta) => {
+				const info = await buildClassifier(req)(raw, meta);
+				if (req.kind === "prompt" && info.fieldErrors?.length) {
+					const match = info.fieldErrors.find((f) => f.field === "value") ?? info.fieldErrors[0];
+					fieldError.value = match.messages.join(" ");
+				}
+				currentError.value = info;
+				errorSet = true;
+				return info;
+			};
+			return {
+				value,
+				signal: controller.signal,
+				setError,
+				setRawError,
+				setFieldError,
+				clearErrors,
+				setLoading: (v) => {
+					loading.value = v;
+				},
+				close: (action = "close") => finish(action),
+				_errorSet: () => errorSet
+			};
+		}
+		async function handleConfirm() {
+			const req = active.value;
+			if (!req) return;
+			const value = req.kind === "prompt" ? promptValue.value : void 0;
+			if (!req.onConfirm) {
+				finish("confirm", value);
+				return;
+			}
+			currentError.value = null;
+			fieldError.value = null;
+			loading.value = true;
+			const ctx = buildContext(req, value);
+			try {
+				const result = await req.onConfirm(ctx);
+				loading.value = false;
+				if (finishing) return;
+				if (result === false) return;
+				if (currentError.value || fieldError.value || ctx._errorSet()) return;
+				finish("confirm", value);
+			} catch (error) {
+				loading.value = false;
+				if (finishing) return;
+				if (!ctx._errorSet()) await ctx.setRawError(error);
+			}
+		}
+		function handleCancel() {
+			finish("cancel");
+		}
+		function handleModelUpdate(value) {
+			if (!value) finish("close");
+		}
+		onBeforeUnmount(() => {
+			cleanupExternalAbort();
+			controller?.abort();
+		});
+		const sharedProps = computed(() => {
+			const o = active.value?.options ?? {};
+			return {
+				title: o.title,
+				size: o.size,
+				closeOnBackdrop: o.closeOnBackdrop,
+				closeOnEsc: o.closeOnEsc,
+				showHeader: o.showHeader,
+				showCloseButton: o.showCloseButton,
+				headerConfig: o.headerConfig,
+				footerConfig: o.footerConfig,
+				bodyConfig: o.bodyConfig,
+				closeLabel: o.closeLabel,
+				buttonSize: o.buttonSize,
+				confirmText: o.confirmText,
+				confirmVariant: o.confirmVariant,
+				confirmTone: o.confirmTone
+			};
+		});
+		return (_ctx, _cache) => {
+			return active.value ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [active.value.kind === "prompt" ? (openBlock(), createBlock(GrPromptDialog_default, mergeProps({ key: 0 }, sharedProps.value, {
+				value: promptValue.value,
+				"onUpdate:value": _cache[0] || (_cache[0] = ($event) => promptValue.value = $event),
+				"model-value": open.value,
+				description: active.value.options.message ?? active.value.options.description,
+				label: active.value.options.label,
+				placeholder: active.value.options.placeholder,
+				required: active.value.options.required ?? false,
+				"required-error-text": active.value.options.requiredErrorText,
+				"cancel-text": active.value.options.cancelText,
+				error: currentError.value,
+				"field-error": fieldError.value,
+				"confirm-loading": loading.value,
+				"close-on-confirm": false,
+				"onUpdate:modelValue": handleModelUpdate,
+				onConfirm: handleConfirm,
+				onCancel: handleCancel
+			}), null, 16, [
+				"value",
+				"model-value",
+				"description",
+				"label",
+				"placeholder",
+				"required",
+				"required-error-text",
+				"cancel-text",
+				"error",
+				"field-error",
+				"confirm-loading"
+			])) : active.value.kind === "alert" ? (openBlock(), createBlock(GrConfirmDialog_default, mergeProps({
+				key: 1,
+				"model-value": open.value
+			}, sharedProps.value, {
+				description: active.value.options.message ?? active.value.options.description,
+				error: currentError.value,
+				"confirm-loading": loading.value,
+				"close-on-confirm": false,
+				"onUpdate:modelValue": handleModelUpdate,
+				onConfirm: handleConfirm
+			}), {
+				footer: withCtx(() => [createElementVNode("div", _hoisted_1, [createVNode(GrButton_default, {
+					"data-testid": "gr-alert-confirm",
+					variant: sharedProps.value.confirmVariant ?? "primary",
+					tone: sharedProps.value.confirmTone ?? "primary",
+					size: sharedProps.value.buttonSize,
+					loading: loading.value,
+					onClick: handleConfirm
+				}, {
+					default: withCtx(() => [createTextVNode(toDisplayString(sharedProps.value.confirmText ?? "OK"), 1)]),
+					_: 1
+				}, 8, [
+					"variant",
+					"tone",
+					"size",
+					"loading"
+				])])]),
+				_: 1
+			}, 16, [
+				"model-value",
+				"description",
+				"error",
+				"confirm-loading"
+			])) : (openBlock(), createBlock(GrConfirmDialog_default, mergeProps({
+				key: 2,
+				"model-value": open.value
+			}, sharedProps.value, {
+				description: active.value.options.message ?? active.value.options.description,
+				"cancel-text": active.value.options.cancelText,
+				error: currentError.value,
+				"confirm-loading": loading.value,
+				"close-on-confirm": false,
+				"onUpdate:modelValue": handleModelUpdate,
+				onConfirm: handleConfirm,
+				onCancel: handleCancel
+			}), null, 16, [
+				"model-value",
+				"description",
+				"cancel-text",
+				"error",
+				"confirm-loading"
+			]))], 64)) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+//#region src/components/GrDialogService/useDialogService.ts
+/**
+* `useDialogService` — императивный сервис диалогов (в духе Element Plus
+* `ElMessageBox`). Позволяет вызывать `confirm`/`alert`/`prompt` из `<script>`
+* или `.ts` без вставки компонента в шаблон.
+*
+* Поверх существующих `GrConfirmDialog`/`GrPromptDialog`: лениво монтирует
+* единый хост (`GrDialogServiceHost`) в `document.body`, наследуя контекст
+* приложения (i18n / тема / `granular-provider`). Диалоги сериализуются
+* очередью FIFO.
+*/
+var mounted = false;
+var container = null;
+var cachedAppContext = null;
+function ensureMounted(appContext) {
+	if (typeof window === "undefined" || typeof document === "undefined") return;
+	if (appContext) cachedAppContext = appContext;
+	if (mounted) return;
+	container = document.createElement("div");
+	container.setAttribute("data-gr-dialog-service-host", "");
+	document.body.appendChild(container);
+	const vnode = createVNode(GrDialogServiceHost_default);
+	vnode.appContext = cachedAppContext ?? null;
+	render(vnode, container);
+	mounted = true;
+}
+/** Тестовая/служебная очистка смонтированного хоста. */
+function teardownDialogService() {
+	if (container) {
+		render(null, container);
+		container.remove();
+		container = null;
+	}
+	mounted = false;
+	dialogQueue.splice(0, dialogQueue.length);
+}
+function enqueue(kind, message, options, onConfirm) {
+	if (typeof window === "undefined" || typeof document === "undefined") throw new Error("[granularity] useDialogService is client-only and cannot be called during SSR (it mounts a host into document.body). Guard imperative dialog calls behind a client-side check.");
+	ensureMounted(options.appContext ?? cachedAppContext);
+	const id = makeDialogId();
+	let resolveFn;
+	const promise = new Promise((resolve) => {
+		resolveFn = resolve;
+	});
+	const request = {
+		id,
+		kind,
+		message,
+		options: {
+			...options,
+			message
+		},
+		onConfirm,
+		resolve: resolveFn
+	};
+	dialogQueue.push(request);
+	const close = () => {
+		const index = dialogQueue.findIndex((item) => item.id === id);
+		if (index < 0) return;
+		dialogQueue.splice(index, 1);
+		resolveFn({ action: "close" });
+	};
+	return {
+		promise,
+		close
+	};
+}
+function withClose(promise, close) {
+	const result = promise;
+	result.close = close;
+	return result;
+}
+function mergeErrorDefaults(defaults, options) {
+	return {
+		size: defaults.size,
+		confirmText: defaults.confirmText,
+		confirmVariant: defaults.confirmVariant,
+		confirmTone: defaults.confirmTone,
+		buttonSize: defaults.buttonSize,
+		closeOnBackdrop: defaults.closeOnBackdrop,
+		closeOnEsc: defaults.closeOnEsc,
+		errorParsers: defaults.errorParsers,
+		errorTexts: defaults.errorTexts,
+		errorMessageKey: defaults.errorMessageKey,
+		fieldLabels: defaults.fieldLabels,
+		...options
+	};
+}
+/**
+* Создаёт сервис диалогов. Опциональные `defaults` применяются ко всем
+* вызовам (можно переопределить в каждом конкретном вызове).
+*
+* Контекст приложения кэшируется автоматически при первом вызове внутри
+* `setup`. Для вызовов вне компонента используйте `setAppContext`.
+*/
+function useDialogService(defaults = {}) {
+	const instance = getCurrentInstance();
+	if (instance?.appContext && !cachedAppContext) cachedAppContext = instance.appContext;
+	function confirm(message, options = {}) {
+		const { promise, close } = enqueue("confirm", message, mergeErrorDefaults(defaults, options), options.onConfirm);
+		return withClose(promise.then((r) => r.action === "confirm"), close);
+	}
+	function alert(message, options = {}) {
+		const { promise, close } = enqueue("alert", message, mergeErrorDefaults(defaults, options), options.onConfirm);
+		return withClose(promise.then(() => void 0), close);
+	}
+	function prompt(message, options = {}) {
+		const { promise, close } = enqueue("prompt", message, mergeErrorDefaults(defaults, options), options.onConfirm);
+		return withClose(promise.then((r) => r.action === "confirm" ? r.value ?? "" : null), close);
+	}
+	function open(kind, message, options = {}) {
+		const { promise, close } = enqueue(kind, message, mergeErrorDefaults(defaults, options), options.onConfirm);
+		return withClose(promise, close);
+	}
+	function closeAll() {
+		while (dialogQueue.length > 0) dialogQueue.pop().resolve({ action: "close" });
+	}
+	function setAppContext(ctx) {
+		cachedAppContext = ctx;
+	}
+	return {
+		confirm,
+		alert,
+		prompt,
+		open,
+		closeAll,
+		setAppContext
+	};
+}
+/** Готовый синглтон-сервис с дефолтными настройками. */
+var dialogService = useDialogService();
+//#endregion
+export { GrDialogServiceHost_default as i, teardownDialogService as n, useDialogService as r, dialogService as t };

package/dist/components/GrDialogService/chunks/GrDialogService-DY_fmaMu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDialogService-DY_fmaMu.js","names":[],"sources":["../../../../src/components/GrDialogService/store.ts","../../../../src/components/GrDialogService/GrDialogServiceHost.vue","../../../../src/components/GrDialogService/GrDialogServiceHost.vue","../../../../src/components/GrDialogService/useDialogService.ts"],"sourcesContent":["import { reactive } from 'vue'\n\nimport type {\n  DialogBaseOptions,\n  DialogKind,\n  DialogOnConfirm,\n  DialogResult,\n} from './types'\n\n/**\n * Внутреннее описание одного запроса диалога в очереди. Создаётся методами\n * сервиса (`confirm`/`alert`/`prompt`/`open`) и потребляется хостом\n * (`GrDialogServiceHost`), который рендерит «голову» очереди (FIFO).\n */\nexport interface DialogRequest {\n  id: string\n  kind: DialogKind\n  message: string\n  options: DialogBaseOptions\n  onConfirm?: DialogOnConfirm<any>\n  /** Резолвит промис вызова детальным результатом `{ action, value }`. */\n  resolve: (result: DialogResult<any>) => void\n}\n\n/**\n * Модульный синглтон очереди диалогов: единый источник правды для всех\n * вызовов сервиса. Хост-компонент рендерит только `queue[0]` — это\n * сериализует диалоги (FIFO) и исключает конкуренцию за фокус-трап.\n */\nexport const dialogQueue = reactive<DialogRequest[]>([])\n\nlet counter = 0\n\nexport function makeDialogId(): string {\n  counter += 1\n  return `gr-dialog-${Date.now()}-${counter}`\n}\n","<script setup lang=\"ts\">\n/**\n * GrDialogServiceHost — внутренний компонент-оркестратор императивного\n * `useDialogService`. Не предназначен для прямого использования в шаблонах.\n *\n * Рендерит «голову» очереди `dialogQueue` (FIFO-сериализация), переиспользуя\n * декларативные `GrConfirmDialog`/`GrPromptDialog`. Управляет состоянием\n * загрузки и ошибок во время async-`onConfirm`, прогоняя «сырые» ответы\n * сервера через цепочку парсеров `GrResponseErrorBanner`.\n */\nimport { computed, nextTick, onBeforeUnmount, ref, shallowRef, watch } 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'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nimport { dialogQueue } from './store'\nimport type { DialogRequest } from './store'\nimport type { DialogCloseAction, DialogConfirmContext } from './types'\n\nconst active = computed<DialogRequest | null>(() => dialogQueue[0] ?? null)\n\nconst open = ref(false)\nconst loading = ref(false)\nconst currentError = shallowRef<ResponseErrorInfo | null>(null)\nconst fieldError = ref<string | null>(null)\nconst promptValue = ref('')\n\nlet controller: AbortController | null = null\nlet finishing = false\nlet externalAbortCleanup: (() => void) | null = null\n\nfunction resetState(): void {\n  loading.value = false\n  currentError.value = null\n  fieldError.value = null\n  finishing = false\n}\n\nfunction buildClassifier(req: DialogRequest) {\n  const opts = req.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\nwatch(\n  () => active.value?.id,\n  (id) => {\n    cleanupExternalAbort()\n    resetState()\n\n    const req = active.value\n    if (!req || !id) {\n      open.value = false\n      return\n    }\n\n    promptValue.value = req.options && 'value' in req.options\n      ? ((req.options as { value?: string }).value ?? '')\n      : ''\n\n    controller = new AbortController()\n\n    // Внешний AbortSignal закрывает диалог как `close`.\n    const sig = req.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)\n\nfunction cleanupExternalAbort(): void {\n  externalAbortCleanup?.()\n  externalAbortCleanup = null\n}\n\nfunction finish(action: DialogCloseAction, value?: unknown): void {\n  const req = active.value\n  if (!req || finishing) return\n  finishing = true\n\n  open.value = false\n  controller?.abort()\n  controller = null\n  cleanupExternalAbort()\n\n  req.resolve({ action, value })\n\n  // Снимаем «голову» очереди на следующем тике — watch откроет следующий диалог.\n  void nextTick(() => {\n    const index = dialogQueue.findIndex(item => item.id === req.id)\n    if (index >= 0) dialogQueue.splice(index, 1)\n  })\n}\n\nfunction buildContext(req: DialogRequest, 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    if (message == null) {\n      fieldError.value = null\n      return\n    }\n    errorSet = true\n    fieldError.value = message\n  }\n\n  const clearErrors = (): void => {\n    currentError.value = null\n    fieldError.value = null\n  }\n\n  const setRawError = async (raw: unknown, meta?: Record<string, unknown>): Promise<ResponseErrorInfo | null> => {\n    const info = await buildClassifier(req)(raw, meta)\n    if (req.kind === 'prompt' && info.fieldErrors?.length) {\n      const match = info.fieldErrors.find(f => f.field === 'value') ?? info.fieldErrors[0]\n      fieldError.value = match.messages.join(' ')\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 = active.value\n  if (!req) return\n\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  fieldError.value = null\n  loading.value = true\n\n  const ctx = buildContext(req, value)\n\n  try {\n    const result = await req.onConfirm(ctx)\n    loading.value = false\n    if (finishing) return // ctx.close уже завершил диалог\n    if (result === false) return // оставить открытым без ошибки\n    if (currentError.value || fieldError.value || ctx._errorSet()) return // есть ошибка — не закрывать\n    finish('confirm', value)\n  }\n  catch (error) {\n    loading.value = false\n    if (finishing) return\n    if (!ctx._errorSet()) await ctx.setRawError(error)\n    // оставить диалог открытым с показанной ошибкой\n  }\n}\n\nfunction handleCancel(): void {\n  finish('cancel')\n}\n\nfunction handleModelUpdate(value: boolean): void {\n  if (!value) finish('close')\n}\n\nonBeforeUnmount(() => {\n  cleanupExternalAbort()\n  controller?.abort()\n})\n\n// Прокидываемые в дочерний диалог общие пропы.\nconst sharedProps = computed(() => {\n  const o = active.value?.options ?? {}\n  return {\n    title: o.title,\n    size: o.size,\n    closeOnBackdrop: o.closeOnBackdrop,\n    closeOnEsc: o.closeOnEsc,\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  <template v-if=\"active\">\n    <!-- prompt -->\n    <GrPromptDialog\n      v-if=\"active.kind === 'prompt'\"\n      v-bind=\"sharedProps\"\n      v-model:value=\"promptValue\"\n      :model-value=\"open\"\n      :description=\"active.options.message ?? active.options.description\"\n      :label=\"(active.options as any).label\"\n      :placeholder=\"(active.options as any).placeholder\"\n      :required=\"(active.options as any).required ?? false\"\n      :required-error-text=\"(active.options as any).requiredErrorText\"\n      :cancel-text=\"(active.options as any).cancelText\"\n      :error=\"currentError\"\n      :field-error=\"fieldError\"\n      :confirm-loading=\"loading\"\n      :close-on-confirm=\"false\"\n      @update:model-value=\"handleModelUpdate\"\n      @confirm=\"handleConfirm\"\n      @cancel=\"handleCancel\"\n    />\n\n    <!-- alert: confirm-диалог без кнопки Cancel -->\n    <GrConfirmDialog\n      v-else-if=\"active.kind === 'alert'\"\n      :model-value=\"open\"\n      v-bind=\"sharedProps\"\n      :description=\"active.options.message ?? active.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 ?? 'OK' }}\n          </GrButton>\n        </div>\n      </template>\n    </GrConfirmDialog>\n\n    <!-- confirm -->\n    <GrConfirmDialog\n      v-else\n      :model-value=\"open\"\n      v-bind=\"sharedProps\"\n      :description=\"active.options.message ?? active.options.description\"\n      :cancel-text=\"(active.options as any).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</template>\n","<script setup lang=\"ts\">\n/**\n * GrDialogServiceHost — внутренний компонент-оркестратор императивного\n * `useDialogService`. Не предназначен для прямого использования в шаблонах.\n *\n * Рендерит «голову» очереди `dialogQueue` (FIFO-сериализация), переиспользуя\n * декларативные `GrConfirmDialog`/`GrPromptDialog`. Управляет состоянием\n * загрузки и ошибок во время async-`onConfirm`, прогоняя «сырые» ответы\n * сервера через цепочку парсеров `GrResponseErrorBanner`.\n */\nimport { computed, nextTick, onBeforeUnmount, ref, shallowRef, watch } 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'\nimport type { ResponseErrorInfo } from '../GrResponseErrorBanner'\n\nimport { dialogQueue } from './store'\nimport type { DialogRequest } from './store'\nimport type { DialogCloseAction, DialogConfirmContext } from './types'\n\nconst active = computed<DialogRequest | null>(() => dialogQueue[0] ?? null)\n\nconst open = ref(false)\nconst loading = ref(false)\nconst currentError = shallowRef<ResponseErrorInfo | null>(null)\nconst fieldError = ref<string | null>(null)\nconst promptValue = ref('')\n\nlet controller: AbortController | null = null\nlet finishing = false\nlet externalAbortCleanup: (() => void) | null = null\n\nfunction resetState(): void {\n  loading.value = false\n  currentError.value = null\n  fieldError.value = null\n  finishing = false\n}\n\nfunction buildClassifier(req: DialogRequest) {\n  const opts = req.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\nwatch(\n  () => active.value?.id,\n  (id) => {\n    cleanupExternalAbort()\n    resetState()\n\n    const req = active.value\n    if (!req || !id) {\n      open.value = false\n      return\n    }\n\n    promptValue.value = req.options && 'value' in req.options\n      ? ((req.options as { value?: string }).value ?? '')\n      : ''\n\n    controller = new AbortController()\n\n    // Внешний AbortSignal закрывает диалог как `close`.\n    const sig = req.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)\n\nfunction cleanupExternalAbort(): void {\n  externalAbortCleanup?.()\n  externalAbortCleanup = null\n}\n\nfunction finish(action: DialogCloseAction, value?: unknown): void {\n  const req = active.value\n  if (!req || finishing) return\n  finishing = true\n\n  open.value = false\n  controller?.abort()\n  controller = null\n  cleanupExternalAbort()\n\n  req.resolve({ action, value })\n\n  // Снимаем «голову» очереди на следующем тике — watch откроет следующий диалог.\n  void nextTick(() => {\n    const index = dialogQueue.findIndex(item => item.id === req.id)\n    if (index >= 0) dialogQueue.splice(index, 1)\n  })\n}\n\nfunction buildContext(req: DialogRequest, 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    if (message == null) {\n      fieldError.value = null\n      return\n    }\n    errorSet = true\n    fieldError.value = message\n  }\n\n  const clearErrors = (): void => {\n    currentError.value = null\n    fieldError.value = null\n  }\n\n  const setRawError = async (raw: unknown, meta?: Record<string, unknown>): Promise<ResponseErrorInfo | null> => {\n    const info = await buildClassifier(req)(raw, meta)\n    if (req.kind === 'prompt' && info.fieldErrors?.length) {\n      const match = info.fieldErrors.find(f => f.field === 'value') ?? info.fieldErrors[0]\n      fieldError.value = match.messages.join(' ')\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 = active.value\n  if (!req) return\n\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  fieldError.value = null\n  loading.value = true\n\n  const ctx = buildContext(req, value)\n\n  try {\n    const result = await req.onConfirm(ctx)\n    loading.value = false\n    if (finishing) return // ctx.close уже завершил диалог\n    if (result === false) return // оставить открытым без ошибки\n    if (currentError.value || fieldError.value || ctx._errorSet()) return // есть ошибка — не закрывать\n    finish('confirm', value)\n  }\n  catch (error) {\n    loading.value = false\n    if (finishing) return\n    if (!ctx._errorSet()) await ctx.setRawError(error)\n    // оставить диалог открытым с показанной ошибкой\n  }\n}\n\nfunction handleCancel(): void {\n  finish('cancel')\n}\n\nfunction handleModelUpdate(value: boolean): void {\n  if (!value) finish('close')\n}\n\nonBeforeUnmount(() => {\n  cleanupExternalAbort()\n  controller?.abort()\n})\n\n// Прокидываемые в дочерний диалог общие пропы.\nconst sharedProps = computed(() => {\n  const o = active.value?.options ?? {}\n  return {\n    title: o.title,\n    size: o.size,\n    closeOnBackdrop: o.closeOnBackdrop,\n    closeOnEsc: o.closeOnEsc,\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  <template v-if=\"active\">\n    <!-- prompt -->\n    <GrPromptDialog\n      v-if=\"active.kind === 'prompt'\"\n      v-bind=\"sharedProps\"\n      v-model:value=\"promptValue\"\n      :model-value=\"open\"\n      :description=\"active.options.message ?? active.options.description\"\n      :label=\"(active.options as any).label\"\n      :placeholder=\"(active.options as any).placeholder\"\n      :required=\"(active.options as any).required ?? false\"\n      :required-error-text=\"(active.options as any).requiredErrorText\"\n      :cancel-text=\"(active.options as any).cancelText\"\n      :error=\"currentError\"\n      :field-error=\"fieldError\"\n      :confirm-loading=\"loading\"\n      :close-on-confirm=\"false\"\n      @update:model-value=\"handleModelUpdate\"\n      @confirm=\"handleConfirm\"\n      @cancel=\"handleCancel\"\n    />\n\n    <!-- alert: confirm-диалог без кнопки Cancel -->\n    <GrConfirmDialog\n      v-else-if=\"active.kind === 'alert'\"\n      :model-value=\"open\"\n      v-bind=\"sharedProps\"\n      :description=\"active.options.message ?? active.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 ?? 'OK' }}\n          </GrButton>\n        </div>\n      </template>\n    </GrConfirmDialog>\n\n    <!-- confirm -->\n    <GrConfirmDialog\n      v-else\n      :model-value=\"open\"\n      v-bind=\"sharedProps\"\n      :description=\"active.options.message ?? active.options.description\"\n      :cancel-text=\"(active.options as any).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</template>\n","import { createVNode, getCurrentInstance, render } from 'vue'\nimport type { AppContext } from 'vue'\n\nimport GrDialogServiceHost from './GrDialogServiceHost.vue'\nimport { dialogQueue, makeDialogId } from './store'\nimport type { DialogRequest } 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 * очередью FIFO.\n */\n\nlet mounted = false\nlet container: HTMLElement | null = null\nlet cachedAppContext: AppContext | null = null\n\nfunction ensureMounted(appContext?: AppContext | null): void {\n  if (typeof window === 'undefined' || typeof document === 'undefined') return\n\n  if (appContext) cachedAppContext = appContext\n  if (mounted) return\n\n  container = document.createElement('div')\n  container.setAttribute('data-gr-dialog-service-host', '')\n  document.body.appendChild(container)\n\n  const vnode = createVNode(GrDialogServiceHost)\n  vnode.appContext = cachedAppContext ?? null\n  render(vnode, container)\n  mounted = true\n}\n\n/** Тестовая/служебная очистка смонтированного хоста. */\nexport function teardownDialogService(): void {\n  if (container) {\n    render(null, container)\n    container.remove()\n    container = null\n  }\n  mounted = false\n  dialogQueue.splice(0, dialogQueue.length)\n}\n\nfunction enqueue(\n  kind: DialogKind,\n  message: string,\n  options: DialogBaseOptions,\n  onConfirm: DialogOnConfirm<any> | undefined,\n): { promise: Promise<DialogResult<any>>, close: () => void } {\n  // Императивный сервис клиент-only: монтирует хост в `document.body`. В SSR\n  // выполнять его нельзя — модульная очередь (`dialogQueue`) мутировалась бы на\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(options.appContext ?? cachedAppContext)\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  const request: DialogRequest = {\n    id,\n    kind,\n    message,\n    options: { ...options, message },\n    onConfirm,\n    resolve: resolveFn,\n  }\n\n  dialogQueue.push(request)\n\n  const close = (): void => {\n    const index = dialogQueue.findIndex(item => item.id === id)\n    if (index < 0) return\n    dialogQueue.splice(index, 1)\n    resolveFn({ 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 {\n  return {\n    size: defaults.size,\n    confirmText: defaults.confirmText,\n    confirmVariant: defaults.confirmVariant,\n    confirmTone: defaults.confirmTone,\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  // Авто-кэш appContext из текущего компонента (если вызвано в setup).\n  const instance = getCurrentInstance()\n  if (instance?.appContext && !cachedAppContext) {\n    cachedAppContext = instance.appContext\n  }\n\n  function confirm(message: string, options: DialogConfirmOptions = {}): DialogPromise<boolean> {\n    const merged = mergeErrorDefaults(defaults, options)\n    const { promise, close } = enqueue('confirm', message, merged, options.onConfirm)\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('alert', message, merged, options.onConfirm)\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('prompt', message, merged, options.onConfirm)\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(kind, message, merged, (options as DialogConfirmOptions).onConfirm)\n    return withClose(promise as Promise<DialogResult<V>>, close)\n  }\n\n  function closeAll(): void {\n    while (dialogQueue.length > 0) {\n      const request = dialogQueue.pop()!\n      request.resolve({ action: 'close' })\n    }\n  }\n\n  function setAppContext(ctx: AppContext | null): void {\n    cachedAppContext = ctx\n  }\n\n  return { confirm, alert, prompt, open, closeAll, setAppContext }\n}\n\n/** Готовый синглтон-сервис с дефолтными настройками. */\nexport const dialogService: DialogService = useDialogService()\n"],"mappings":"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"}

package/dist/components/GrDialogService/index.js

@@ -0,0 +1,3 @@
+import { i as GrDialogServiceHost_default, n as teardownDialogService, r as useDialogService, t as dialogService } from "./chunks/GrDialogService-DY_fmaMu.js";
+import { t as grDialogServiceConfig } from "../../chunks/config-BX1JTrkV2.js";
+export { GrDialogServiceHost_default as GrDialogServiceHost, dialogService, grDialogServiceConfig, teardownDialogService, useDialogService };

package/dist/components/GrDrawer/chunks/{GrDrawer-BW3wtI7h.js → GrDrawer-D1kzsjXN.js}

@@ -1,23 +1,24 @@
-import { t as x_default } from "../../../chunks/x-Pa6C2hwi.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-CPDKonoB.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-BV7RBU_0.js";
-import { a as Ve, n as he, o as Ye, r as Ge, t as Se } from "../../../chunks/transition-mJ3PZCHH.js";
-import { i as grDrawerPanelEnterFrom, r as grDrawerPanelClass } from "../../../chunks/config-C6zT56Jc2.js";
+import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
+import { t as useGranularityTranslations } from "../../../chunks/granularityI18n-DoV7Ca2m.js";
+import { t as GrButton_default } from "../../GrButton/chunks/GrButton-BlffdeJr.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
+import { a as Ve, n as he, o as Ye, r as Ge, t as Se } from "../../../chunks/transition-TLFw4KBn.js";
+import { i as grDrawerPanelEnterFrom, r as grDrawerPanelClass } from "../../../chunks/config-DUcu1D68.js";
 import { Teleport, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, useId, withCtx } from "vue";
 //#region src/components/GrDrawer/GrDrawer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "fixed inset-0" };
 var _hoisted_2 = {
-	"data-ds-drawer-header": "",
+	"data-gr-drawer-header": "",
 	class: "px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4"
 };
 var _hoisted_3 = {
-	"data-ds-drawer-body": "",
+	"data-gr-drawer-body": "",
 	class: "flex-1 overflow-y-auto"
 };
 var _hoisted_4 = { class: "p-5" };
 var _hoisted_5 = {
 	key: 0,
-	"data-ds-drawer-footer": "",
+	"data-gr-drawer-footer": "",
 	class: "px-5 py-4 border-t border-[var(--brd)]"
 };
 //#endregion
@@ -37,11 +38,14 @@ var GrDrawer_default = /* @__PURE__ */ defineComponent({
 		},
 		side: { default: "right" },
 		size: { default: "md" },
-		closeLabel: { default: "Close" }
+		closeLabel: { default: void 0 }
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const { t } = useGranularityTranslations();
+		const resolvedTitle = computed(() => props.title ?? t("gr.drawer.title", "Drawer"));
+		const resolvedCloseLabel = computed(() => props.closeLabel ?? t("gr.common.close", "Close"));
 		const emit = __emit;
 		const titleId = useId();
 		const panelClass = computed(() => {
@@ -76,7 +80,7 @@ var GrDrawer_default = /* @__PURE__ */ defineComponent({
 			}, {
 				default: withCtx(() => [createVNode(unref(Ye), {
 					as: "div",
-					"data-ds-drawer": "",
+					"data-gr-drawer": "",
 					class: "fixed inset-0 z-50",
 					static: true,
 					"aria-labelledby": unref(titleId),
@@ -93,7 +97,7 @@ var GrDrawer_default = /* @__PURE__ */ defineComponent({
 						"leave-to": "opacity-0"
 					}, {
 						default: withCtx(() => [createElementVNode("div", {
-							"data-ds-drawer-overlay": "",
+							"data-gr-drawer-overlay": "",
 							class: "fixed inset-0 bg-black/40",
 							"aria-hidden": "true",
 							onClick: onOverlayClick
@@ -109,7 +113,7 @@ var GrDrawer_default = /* @__PURE__ */ defineComponent({
 						"leave-to": panelEnterFrom.value
 					}, {
 						default: withCtx(() => [createVNode(unref(Ge), {
-							"data-ds-drawer-panel": "",
+							"data-gr-drawer-panel": "",
 							tabindex: "-1",
 							class: normalizeClass(["fixed inset-y-0 flex flex-col", panelClass.value])
 						}, {
@@ -117,16 +121,16 @@ var GrDrawer_default = /* @__PURE__ */ defineComponent({
 								createElementVNode("div", _hoisted_2, [createVNode(unref(Ve), {
 									id: unref(titleId),
 									as: "div",
-									"data-ds-drawer-title": "",
+									"data-gr-drawer-title": "",
 									class: "text-[14px] font-700 min-w-0 truncate"
 								}, {
-									default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(__props.title ?? "Drawer"), 1)])]),
+									default: withCtx(() => [renderSlot(_ctx.$slots, "title", {}, () => [createTextVNode(toDisplayString(resolvedTitle.value), 1)])]),
 									_: 3
 								}, 8, ["id"]), createVNode(GrButton_default, {
 									variant: "ghost",
 									size: "sm",
 									square: "",
-									"aria-label": __props.closeLabel,
+									"aria-label": resolvedCloseLabel.value,
 									onClick: close
 								}, {
 									default: withCtx(() => [createVNode(GrIcon_default, {

package/dist/components/GrDrawer/chunks/GrDrawer-D1kzsjXN.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GrDrawer-D1kzsjXN.js","names":["$slots"],"sources":["../../../../src/components/GrDrawer/GrDrawer.vue","../../../../src/components/GrDrawer/GrDrawer.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.drawer.title', 'Drawer'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'Escape') return\n  if (!props.closeOnEsc) return\n  e.stopPropagation()\n  e.preventDefault()\n  close()\n}\n</script>\n\n<template>\n  <teleport to=\"body\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-gr-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n        @keydown=\"onKeydown\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-gr-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-gr-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-gr-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-gr-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ resolvedTitle }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"resolvedCloseLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-gr-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-gr-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n","<script setup lang=\"ts\">\nimport { computed, useId } from 'vue'\nimport { Dialog, DialogPanel, DialogTitle, TransitionChild, TransitionRoot } from '@headlessui/vue'\n\nimport GrButton from '../GrButton/GrButton.vue'\nimport GrIcon from '../GrIcon/GrIcon.vue'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport {\n  grDrawerPanelClass,\n  grDrawerPanelEnterFrom,\n  type GrDrawerSide,\n  type GrDrawerSize,\n} from './grDrawerStyles'\n\nimport IconClose from '~icons/lucide/x'\n\nexport interface GrDrawerProps {\n  /** Контроль открытия через v-model. */\n  modelValue: boolean\n  /** Заголовок; если передан — покажется в хедере. Можно переопределить слотом `#title`. */\n  title?: string\n  /** Закрывать при клике по бэкдропу / через HeadlessUI close. */\n  closeOnBackdrop?: boolean\n  /** Закрывать по Esc. */\n  closeOnEsc?: boolean\n  /** Сторона, с которой выезжает панель. */\n  side?: GrDrawerSide\n  /** Размер панели. */\n  size?: GrDrawerSize\n  /** i18n-friendly aria-label для кнопки закрытия. */\n  closeLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrDrawerProps>(), {\n  title: undefined,\n  closeOnBackdrop: true,\n  closeOnEsc: true,\n  side: 'right',\n  size: 'md',\n  closeLabel: undefined,\n})\n\nconst { t } = useGranularityTranslations()\nconst resolvedTitle = computed(() => props.title ?? t('gr.drawer.title', 'Drawer'))\nconst resolvedCloseLabel = computed(() => props.closeLabel ?? t('gr.common.close', 'Close'))\n\nconst emit = defineEmits<{\n  (e: 'update:modelValue', value: boolean): void\n}>()\n\nconst titleId = useId()\n\nconst panelClass = computed(() => {\n  return grDrawerPanelClass({ side: props.side, size: props.size })\n})\n\nconst panelEnterFrom = computed(() => grDrawerPanelEnterFrom(props.side))\n\nfunction close(): void {\n  emit('update:modelValue', false)\n}\n\nfunction onDialogClose(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onOverlayClick(): void {\n  if (!props.closeOnBackdrop) return\n  close()\n}\n\nfunction onKeydown(e: KeyboardEvent): void {\n  if (e.key !== 'Escape') return\n  if (!props.closeOnEsc) return\n  e.stopPropagation()\n  e.preventDefault()\n  close()\n}\n</script>\n\n<template>\n  <teleport to=\"body\">\n    <TransitionRoot :show=\"modelValue\" as=\"template\">\n      <Dialog\n        as=\"div\"\n        data-gr-drawer\n        class=\"fixed inset-0 z-50\"\n        :static=\"true\"\n        :aria-labelledby=\"titleId\"\n        @close=\"onDialogClose\"\n        @keydown=\"onKeydown\"\n      >\n        <div class=\"fixed inset-0\">\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            enter-from=\"opacity-0\"\n            enter-to=\"opacity-100\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"opacity-100\"\n            leave-to=\"opacity-0\"\n          >\n            <div\n              data-gr-drawer-overlay\n              class=\"fixed inset-0 bg-black/40\"\n              aria-hidden=\"true\"\n              @click=\"onOverlayClick\"\n            />\n          </TransitionChild>\n\n          <TransitionChild\n            as=\"template\"\n            enter=\"duration-200 ease-out\"\n            :enter-from=\"panelEnterFrom\"\n            enter-to=\"translate-x-0\"\n            leave=\"duration-150 ease-in\"\n            leave-from=\"translate-x-0\"\n            :leave-to=\"panelEnterFrom\"\n          >\n            <DialogPanel\n              data-gr-drawer-panel\n              tabindex=\"-1\"\n              class=\"fixed inset-y-0 flex flex-col\"\n              :class=\"panelClass\"\n            >\n              <div\n                data-gr-drawer-header\n                class=\"px-5 py-4 border-b border-[var(--brd)] flex items-center justify-between gap-4\"\n              >\n                <DialogTitle :id=\"titleId\" as=\"div\" data-gr-drawer-title class=\"text-[14px] font-700 min-w-0 truncate\">\n                  <slot name=\"title\">\n                    {{ resolvedTitle }}\n                  </slot>\n                </DialogTitle>\n\n                <GrButton\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  square\n                  :aria-label=\"resolvedCloseLabel\"\n                  @click=\"close\"\n                >\n                  <GrIcon size=\"sm\" aria-hidden=\"true\">\n                    <IconClose />\n                  </GrIcon>\n                </GrButton>\n              </div>\n\n              <div data-gr-drawer-body class=\"flex-1 overflow-y-auto\">\n                <div class=\"p-5\">\n                  <slot />\n                </div>\n              </div>\n\n              <div\n                v-if=\"$slots.footer\"\n                data-gr-drawer-footer\n                class=\"px-5 py-4 border-t border-[var(--brd)]\"\n              >\n                <slot name=\"footer\" />\n              </div>\n            </DialogPanel>\n          </TransitionChild>\n        </div>\n      </Dialog>\n    </TransitionRoot>\n  </teleport>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCA,MAAM,QAAQ;EASd,MAAM,EAAE,MAAM,2BAA2B;EACzC,MAAM,gBAAgB,eAAe,MAAM,SAAS,EAAE,mBAAmB,QAAQ,CAAC;EAClF,MAAM,qBAAqB,eAAe,MAAM,cAAc,EAAE,mBAAmB,OAAO,CAAC;EAE3F,MAAM,OAAO;EAIb,MAAM,UAAU,MAAM;EAEtB,MAAM,aAAa,eAAe;GAChC,OAAO,mBAAmB;IAAE,MAAM,MAAM;IAAM,MAAM,MAAM;GAAK,CAAC;EAClE,CAAC;EAED,MAAM,iBAAiB,eAAe,uBAAuB,MAAM,IAAI,CAAC;EAExE,SAAS,QAAc;GACrB,KAAK,qBAAqB,KAAK;EACjC;EAEA,SAAS,gBAAsB;GAC7B,IAAI,CAAC,MAAM,iBAAiB;GAC5B,MAAM;EACR;EAEA,SAAS,iBAAuB;GAC9B,IAAI,CAAC,MAAM,iBAAiB;GAC5B,MAAM;EACR;EAEA,SAAS,UAAU,GAAwB;GACzC,IAAI,EAAE,QAAQ,UAAU;GACxB,IAAI,CAAC,MAAM,YAAY;GACvB,EAAE,gBAAgB;GAClB,EAAE,eAAe;GACjB,MAAM;EACR;;uBAIE,YAqFW,UAAA,EArFD,IAAG,OAAM,GAAA,CACjB,YAmFiB,MAAA,EAAA,GAAA;IAnFA,MAAM,QAAA;IAAY,IAAG;;2BAkF3B,CAjFT,YAiFS,MAAA,EAAA,GAAA;KAhFP,IAAG;KACH,kBAAA;KACA,OAAM;KACL,QAAQ;KACR,mBAAiB,MAAA,OAAA;KACjB,SAAO;KACE;;4BAyEJ,CAvEN,mBAuEM,OAvEN,YAuEM,CAtEJ,YAekB,MAAA,EAAA,GAAA;MAdhB,IAAG;MACH,OAAM;MACN,cAAW;MACX,YAAS;MACT,OAAM;MACN,cAAW;MACX,YAAS;;6BAOP,CALF,mBAKE,OAAA;OAJA,0BAAA;OACA,OAAM;OACN,eAAY;OACX,SAAO;;;SAIZ,YAoDkB,MAAA,EAAA,GAAA;MAnDhB,IAAG;MACH,OAAM;MACL,cAAY,eAAA;MACb,YAAS;MACT,OAAM;MACN,cAAW;MACV,YAAU,eAAA;;6BA4CG,CA1Cd,YA0Cc,MAAA,EAAA,GAAA;OAzCZ,wBAAA;OACA,UAAS;OACT,OAAK,eAAA,CAAC,iCACE,WAAA,KAAU,CAAA;;8BAuBZ;QArBN,mBAqBM,OArBN,YAqBM,CAjBJ,YAIc,MAAA,EAAA,GAAA;SAJA,IAAI,MAAA,OAAA;SAAS,IAAG;SAAM,wBAAA;SAAqB,OAAM;;gCAGtD,CAFP,WAEO,KAAA,QAAA,SAAA,CAAA,SAAA,CAAA,gBAAA,gBADF,cAAA,KAAa,GAAA,CAAA,CAAA,CAAA,CAAA,CAAA;;uBAIpB,YAUW,kBAAA;SATT,SAAQ;SACR,MAAK;SACL,QAAA;SACC,cAAY,mBAAA;SACZ,SAAO;;gCAIC,CAFT,YAES,gBAAA;UAFD,MAAK;UAAK,eAAY;;iCACf,CAAb,YAAa,MAAA,SAAA,CAAA,CAAA,CAAA;;;;;QAKnB,mBAIM,OAJN,YAIM,CAHJ,mBAEM,OAFN,YAEM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA;QAKJA,KAAAA,OAAO,UAAA,UAAA,GADf,mBAMM,OANN,YAMM,CADJ,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/components/GrDrawer/index.js

@@ -1,3 +1,3 @@
-import { n as grDrawerSafelist, t as grDrawerConfig } from "../../chunks/config-C6zT56Jc2.js";
-import { t as GrDrawer_default } from "./chunks/GrDrawer-BW3wtI7h.js";
+import { n as grDrawerSafelist, t as grDrawerConfig } from "../../chunks/config-DUcu1D68.js";
+import { t as GrDrawer_default } from "./chunks/GrDrawer-D1kzsjXN.js";
 export { GrDrawer_default as GrDrawer, GrDrawer_default as default, grDrawerConfig, grDrawerSafelist };