@feugene/granularity 0.13.0 → 0.18.0

package/dist/components/GrToaster/chunks/GrToaster-BVHjIHcM.js

@@ -1,230 +0,0 @@
-import { n as check_circle_default, r as alert_triangle_default, t as x_circle_default } from "../../../chunks/x-circle-BCBURwyX.js";
-import { t as info_default } from "../../../chunks/info-Be2OccTu.js";
-import { t as x_default } from "../../../chunks/x-2KXnqxiD.js";
-import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-SH0I--GW.js";
-import { t as _plugin_vue_export_helper_default } from "../../../chunks/_plugin-vue_export-helper-BOaGB7Aw.js";
-import { t as GrButton_default } from "../../GrButton/chunks/GrButton-DCi4CUpo.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
-import { useToast } from "../../../composables/useToast.js";
-import { r as PLACEMENT_CLASS } from "../../../chunks/config-LGrZIdaZ.js";
-import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, watchEffect, withCtx } from "vue";
-import '../../../GrToaster.css';//#region src/components/GrToaster/GrToaster.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = ["data-tone", "role"];
-var _hoisted_3 = { class: "flex items-start gap-3" };
-var _hoisted_4 = { class: "min-w-0 flex-1" };
-var _hoisted_5 = { class: "text-[13px] font-700" };
-var _hoisted_6 = {
-	key: 0,
-	class: "mt-0.5 text-[13px] text-[var(--gr-muted-fg)]"
-};
-var _hoisted_7 = {
-	key: 1,
-	class: "mt-2 flex flex-wrap gap-2"
-};
-//#endregion
-//#region src/components/GrToaster/GrToaster.vue
-var GrToaster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
-	__name: "GrToaster",
-	props: {
-		placement: { default: "top-right" },
-		maxVisible: { default: 4 },
-		dismissLabel: { default: void 0 },
-		regionLabel: { default: void 0 }
-	},
-	setup(__props) {
-		/**
-		* GrToaster — GR-примитив области уведомлений (toast).
-		*
-		* Модель состояния берётся из `useToast`, поэтому в приложении предполагается
-		* **один активный `GrToaster`** на корень (или app-scoped через плагин).
-		*
-		* A11y:
-		* - контейнер — `role="region"` с `aria-label` (i18n-проп `regionLabel`);
-		* - список обёрнут в ПОСТОЯННЫЙ live-region (`aria-live="polite"`), который
-		*   существует до вставки тостов — иначе SR часто не озвучивают целиком
-		*   вставленный узел с `aria-live`;
-		* - критичные тосты (`warning`/`danger`) несут `role="alert"` (ассертивно).
-		*
-		* UX:
-		* - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);
-		* - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и
-		*   визуализируется прогресс-баром до закрытия;
-		* - `placement` настраивает угол экрана; слой — `--gr-z-toast`.
-		*/
-		const TONE_META = {
-			primary: {
-				icon: info_default,
-				color: "var(--gr-primary)",
-				role: "status"
-			},
-			neutral: {
-				icon: info_default,
-				color: "var(--gr-muted-fg)",
-				role: "status"
-			},
-			info: {
-				icon: info_default,
-				color: "var(--gr-info)",
-				role: "status"
-			},
-			success: {
-				icon: check_circle_default,
-				color: "var(--gr-success)",
-				role: "status"
-			},
-			warning: {
-				icon: alert_triangle_default,
-				color: "var(--gr-warning)",
-				role: "alert"
-			},
-			danger: {
-				icon: x_circle_default,
-				color: "var(--gr-danger)",
-				role: "alert"
-			},
-			slate: {
-				icon: info_default,
-				color: "var(--gr-slate)",
-				role: "status"
-			},
-			azure: {
-				icon: info_default,
-				color: "var(--gr-azure)",
-				role: "status"
-			}
-		};
-		const props = __props;
-		/**
-		* Слот `actions` полностью заменяет дефолтные action-кнопки тоста. Получает сам
-		* `toast` и `dismiss` — функцию, закрывающую именно этот тост.
-		*/
-		const { t } = useGranularityTranslations();
-		const slots = useSlots();
-		const resolvedDismissLabel = computed(() => props.dismissLabel ?? t("gr.toaster.dismiss", "Dismiss"));
-		const resolvedRegionLabel = computed(() => props.regionLabel ?? t("gr.toaster.region", "Notifications"));
-		const { list, dismiss, pause, resume } = useToast();
-		function toastActions(toast) {
-			return [...toast.action ? [toast.action] : [], ...toast.actions ?? []];
-		}
-		function hasActions(toast) {
-			return Boolean(slots.actions) || toastActions(toast).length > 0;
-		}
-		function onAction(toast, action) {
-			action.onClick();
-			if (action.dismissOnClick !== false) dismiss(toast.id);
-		}
-		const isClient = typeof window !== "undefined";
-		const visibleToasts = computed(() => list.value.slice(0, Math.max(1, props.maxVisible)));
-		const visibleIds = computed(() => new Set(visibleToasts.value.map((toast) => toast.id)));
-		const paused = ref(false);
-		watchEffect(() => {
-			for (const toast of list.value) if (visibleIds.value.has(toast.id) && !paused.value) resume(toast.id);
-			else pause(toast.id);
-		});
-		function metaFor(tone) {
-			return TONE_META[tone] ?? TONE_META.info;
-		}
-		const containerClass = computed(() => PLACEMENT_CLASS[props.placement]);
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(Teleport, {
-				to: "body",
-				disabled: !isClient
-			}, [createElementVNode("div", {
-				"data-gr-toaster": "",
-				role: "region",
-				"aria-label": resolvedRegionLabel.value,
-				class: normalizeClass(["fixed z-[var(--gr-z-toast)] w-[360px] max-w-[calc(100vw-2rem)]", containerClass.value]),
-				onMouseenter: _cache[0] || (_cache[0] = ($event) => paused.value = true),
-				onMouseleave: _cache[1] || (_cache[1] = ($event) => paused.value = false),
-				onFocusin: _cache[2] || (_cache[2] = ($event) => paused.value = true),
-				onFocusout: _cache[3] || (_cache[3] = ($event) => paused.value = false)
-			}, [createVNode(TransitionGroup, {
-				tag: "div",
-				"aria-live": "polite",
-				"aria-atomic": "false",
-				class: "grid gap-3",
-				"enter-active-class": "transition duration-200 ease-out",
-				"enter-from-class": "opacity-0 translate-y-2",
-				"enter-to-class": "opacity-100 translate-y-0",
-				"leave-active-class": "transition duration-150 ease-in absolute",
-				"leave-from-class": "opacity-100 translate-y-0",
-				"leave-to-class": "opacity-0 translate-y-2",
-				"move-class": "transition-transform duration-200 ease-out"
-			}, {
-				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(visibleToasts.value, (toast) => {
-					return openBlock(), createElementBlock("div", {
-						key: toast.id,
-						"data-gr-toast": "",
-						"data-tone": toast.tone,
-						role: metaFor(toast.tone).role,
-						"aria-atomic": "true",
-						class: "relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] px-4 py-3 shadow-[var(--gr-shadow-2)]"
-					}, [createElementVNode("div", _hoisted_3, [
-						createVNode(unref(GrIcon_default), {
-							size: "md",
-							class: "mt-0.5",
-							style: normalizeStyle({ color: metaFor(toast.tone).color }),
-							"aria-hidden": "true"
-						}, {
-							default: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(metaFor(toast.tone).icon)))]),
-							_: 2
-						}, 1032, ["style"]),
-						createElementVNode("div", _hoisted_4, [
-							createElementVNode("div", _hoisted_5, toDisplayString(toast.title), 1),
-							toast.message ? (openBlock(), createElementBlock("div", _hoisted_6, toDisplayString(toast.message), 1)) : createCommentVNode("", true),
-							hasActions(toast) ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "actions", {
-								toast,
-								dismiss: () => unref(dismiss)(toast.id)
-							}, () => [(openBlock(true), createElementBlock(Fragment, null, renderList(toastActions(toast), (action, index) => {
-								return openBlock(), createBlock(unref(GrButton_default), {
-									key: index,
-									variant: action.variant ?? "outline",
-									size: action.size ?? "sm",
-									"data-gr-toast-action": "",
-									onClick: ($event) => onAction(toast, action)
-								}, {
-									default: withCtx(() => [createTextVNode(toDisplayString(action.label), 1)]),
-									_: 2
-								}, 1032, [
-									"variant",
-									"size",
-									"onClick"
-								]);
-							}), 128))], true)])) : createCommentVNode("", true)
-						]),
-						createVNode(unref(GrButton_default), {
-							variant: "ghost",
-							size: "sm",
-							square: "",
-							"aria-label": resolvedDismissLabel.value,
-							onClick: ($event) => unref(dismiss)(toast.id)
-						}, {
-							default: withCtx(() => [createVNode(unref(GrIcon_default), {
-								size: "sm",
-								"aria-hidden": "true"
-							}, {
-								default: withCtx(() => [createVNode(unref(x_default))]),
-								_: 1
-							})]),
-							_: 1
-						}, 8, ["aria-label", "onClick"])
-					]), toast.timeoutMs > 0 ? (openBlock(), createElementBlock("div", {
-						key: 0,
-						"data-gr-toast-progress": "",
-						"aria-hidden": "true",
-						class: "gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left",
-						style: normalizeStyle({
-							backgroundColor: metaFor(toast.tone).color,
-							animationDuration: `${toast.timeoutMs}ms`,
-							animationPlayState: paused.value ? "paused" : "running"
-						})
-					}, null, 4)) : createCommentVNode("", true)], 8, _hoisted_2);
-				}), 128))]),
-				_: 3
-			})], 42, _hoisted_1)], 8, ["disabled"]);
-		};
-	}
-}), [["__scopeId", "data-v-9cb2a65b"]]);
-//#endregion
-export { GrToaster_default as t };

package/dist/components/GrToaster/chunks/GrToaster-BVHjIHcM.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrToaster-BVHjIHcM.js","names":[],"sources":["../../../../src/components/GrToaster/GrToaster.vue","../../../../src/components/GrToaster/GrToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrToaster — GR-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast`, поэтому в приложении предполагается\n * **один активный `GrToaster`** на корень (или app-scoped через плагин).\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - список обёрнут в ПОСТОЯННЫЙ live-region (`aria-live=\"polite\"`), который\n *   существует до вставки тостов — иначе SR часто не озвучивают целиком\n *   вставленный узел с `aria-live`;\n * - критичные тосты (`warning`/`danger`) несут `role=\"alert\"` (ассертивно).\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, ref, useSlots, watchEffect } from 'vue'\nimport type { Component } from 'vue'\n\nimport { useToast } from '../../composables/useToast'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone, Toast, ToastAction } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport { PLACEMENT_CLASS, type GrToasterPlacement } from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type { GrToasterPlacement }\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль. На уровне модуля —\n// чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: { icon: IconInfo, color: 'var(--gr-primary)', role: 'status' },\n  neutral: { icon: IconInfo, color: 'var(--gr-muted-fg)', role: 'status' },\n  info: { icon: IconInfo, color: 'var(--gr-info)', role: 'status' },\n  success: { icon: IconCheck, color: 'var(--gr-success)', role: 'status' },\n  warning: { icon: IconWarning, color: 'var(--gr-warning)', role: 'alert' },\n  danger: { icon: IconError, color: 'var(--gr-danger)', role: 'alert' },\n  slate: { icon: IconInfo, color: 'var(--gr-slate)', role: 'status' },\n  azure: { icon: IconInfo, color: 'var(--gr-azure)', role: 'status' },\n}\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** Максимум одновременно видимых тостов; остальные ждут в очереди. По умолчанию `4`. */\n  maxVisible?: number\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n})\n\n/**\n * Слот `actions` полностью заменяет дефолтные action-кнопки тоста. Получает сам\n * `toast` и `dismiss` — функцию, закрывающую именно этот тост.\n */\ndefineSlots<{\n  actions?: (props: { toast: Toast, dismiss: () => void }) => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\nconst slots = useSlots()\nconst resolvedDismissLabel = computed(() => props.dismissLabel ?? t('gr.toaster.dismiss', 'Dismiss'))\nconst resolvedRegionLabel = computed(() => props.regionLabel ?? t('gr.toaster.region', 'Notifications'))\n\nconst { list, dismiss, pause, resume } = useToast()\n\n// Единый список кнопок тоста: `action` (шорткат) + массив `actions`.\nfunction toastActions(toast: Toast): ToastAction[] {\n  return [...(toast.action ? [toast.action] : []), ...(toast.actions ?? [])]\n}\n\n// Показываем блок действий, если есть кнопки или задан слот `actions`.\nfunction hasActions(toast: Toast): boolean {\n  return Boolean(slots.actions) || toastActions(toast).length > 0\n}\n\n// Клик по action-кнопке тоста: вызываем обработчик и (по умолчанию) закрываем тост.\nfunction onAction(toast: Toast, action: ToastAction): void {\n  action.onClick()\n  if (action.dismissOnClick !== false)\n    dismiss(toast.id)\n}\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\n\n// Видимые тосты (не больше `maxVisible`); остальные — в очереди.\nconst visibleToasts = computed(() => list.value.slice(0, Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Один флаг на весь стек.\nconst paused = ref(false)\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    if (visibleIds.value.has(toast.id) && !paused.value)\n      resume(toast.id)\n    else\n      pause(toast.id)\n  }\n})\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <div\n        data-gr-toaster\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[360px] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        @mouseenter=\"paused = true\"\n        @mouseleave=\"paused = false\"\n        @focusin=\"paused = true\"\n        @focusout=\"paused = false\"\n    >\n      <!-- Постоянный live-region: существует всегда, поэтому вставленные тосты озвучиваются. -->\n      <TransitionGroup\n          tag=\"div\"\n          aria-live=\"polite\"\n          aria-atomic=\"false\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-200 ease-out\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-150 ease-in absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-200 ease-out\"\n      >\n        <div\n            v-for=\"toast in visibleToasts\"\n            :key=\"toast.id\"\n            data-gr-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            class=\"relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] px-4 py-3 shadow-[var(--gr-shadow-2)]\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\" aria-hidden=\"true\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[13px] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[13px] text-[var(--gr-muted-fg)]\">\n                {{ toast.message }}\n              </div>\n\n              <!-- Action-кнопки тоста: например «Отменить»/«Повторить». Можно\n                   задать массивом (`actions`) или переопределить слотом. -->\n              <div v-if=\"hasActions(toast)\" class=\"mt-2 flex flex-wrap gap-2\">\n                <slot name=\"actions\" :toast=\"toast\" :dismiss=\"() => dismiss(toast.id)\">\n                  <GrButton\n                      v-for=\"(action, index) in toastActions(toast)\"\n                      :key=\"index\"\n                      :variant=\"action.variant ?? 'outline'\"\n                      :size=\"action.size ?? 'sm'\"\n                      data-gr-toast-action\n                      @click=\"onAction(toast, action)\"\n                  >\n                    {{ action.label }}\n                  </GrButton>\n                </slot>\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"resolvedDismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n\n          <!-- Прогресс до автозакрытия; замирает вместе с таймером на паузе. -->\n          <div\n              v-if=\"toast.timeoutMs > 0\"\n              data-gr-toast-progress\n              aria-hidden=\"true\"\n              class=\"gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left\"\n              :style=\"{\n                backgroundColor: metaFor(toast.tone).color,\n                animationDuration: `${toast.timeoutMs}ms`,\n                animationPlayState: paused ? 'paused' : 'running',\n              }\"\n          />\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n\n<style scoped>\n.gr-toast-progress {\n  animation-name: gr-toast-progress;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n}\n\n@keyframes gr-toast-progress {\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n}\n</style>\n","<script setup lang=\"ts\">\n/**\n * GrToaster — GR-примитив области уведомлений (toast).\n *\n * Модель состояния берётся из `useToast`, поэтому в приложении предполагается\n * **один активный `GrToaster`** на корень (или app-scoped через плагин).\n *\n * A11y:\n * - контейнер — `role=\"region\"` с `aria-label` (i18n-проп `regionLabel`);\n * - список обёрнут в ПОСТОЯННЫЙ live-region (`aria-live=\"polite\"`), который\n *   существует до вставки тостов — иначе SR часто не озвучивают целиком\n *   вставленный узел с `aria-live`;\n * - критичные тосты (`warning`/`danger`) несут `role=\"alert\"` (ассертивно).\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, ref, useSlots, watchEffect } from 'vue'\nimport type { Component } from 'vue'\n\nimport { useToast } from '../../composables/useToast'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone, Toast, ToastAction } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport { PLACEMENT_CLASS, type GrToasterPlacement } from './grToasterStyles'\n\nimport IconCheck from '~icons/lucide/check-circle'\nimport IconWarning from '~icons/lucide/alert-triangle'\nimport IconError from '~icons/lucide/x-circle'\nimport IconInfo from '~icons/lucide/info'\nimport IconClose from '~icons/lucide/x'\n\nexport type { GrToasterPlacement }\n\ninterface ToneMeta {\n  icon: Component\n  color: string\n  role: 'status' | 'alert'\n}\n\n// Единый маппинг по tone'у: иконка, цвет, a11y-роль. На уровне модуля —\n// чтобы не пересоздавать объект на каждый рендер.\nconst TONE_META: Record<GrToastTone, ToneMeta> = {\n  primary: { icon: IconInfo, color: 'var(--gr-primary)', role: 'status' },\n  neutral: { icon: IconInfo, color: 'var(--gr-muted-fg)', role: 'status' },\n  info: { icon: IconInfo, color: 'var(--gr-info)', role: 'status' },\n  success: { icon: IconCheck, color: 'var(--gr-success)', role: 'status' },\n  warning: { icon: IconWarning, color: 'var(--gr-warning)', role: 'alert' },\n  danger: { icon: IconError, color: 'var(--gr-danger)', role: 'alert' },\n  slate: { icon: IconInfo, color: 'var(--gr-slate)', role: 'status' },\n  azure: { icon: IconInfo, color: 'var(--gr-azure)', role: 'status' },\n}\n\nexport interface GrToasterProps {\n  /** Угол экрана для стека уведомлений. */\n  placement?: GrToasterPlacement\n  /** Максимум одновременно видимых тостов; остальные ждут в очереди. По умолчанию `4`. */\n  maxVisible?: number\n  /** A11y-лейбл кнопки закрытия (i18n). */\n  dismissLabel?: string\n  /** A11y-лейбл контейнера-региона (i18n). */\n  regionLabel?: string\n}\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n})\n\n/**\n * Слот `actions` полностью заменяет дефолтные action-кнопки тоста. Получает сам\n * `toast` и `dismiss` — функцию, закрывающую именно этот тост.\n */\ndefineSlots<{\n  actions?: (props: { toast: Toast, dismiss: () => void }) => unknown\n}>()\n\nconst { t } = useGranularityTranslations()\nconst slots = useSlots()\nconst resolvedDismissLabel = computed(() => props.dismissLabel ?? t('gr.toaster.dismiss', 'Dismiss'))\nconst resolvedRegionLabel = computed(() => props.regionLabel ?? t('gr.toaster.region', 'Notifications'))\n\nconst { list, dismiss, pause, resume } = useToast()\n\n// Единый список кнопок тоста: `action` (шорткат) + массив `actions`.\nfunction toastActions(toast: Toast): ToastAction[] {\n  return [...(toast.action ? [toast.action] : []), ...(toast.actions ?? [])]\n}\n\n// Показываем блок действий, если есть кнопки или задан слот `actions`.\nfunction hasActions(toast: Toast): boolean {\n  return Boolean(slots.actions) || toastActions(toast).length > 0\n}\n\n// Клик по action-кнопке тоста: вызываем обработчик и (по умолчанию) закрываем тост.\nfunction onAction(toast: Toast, action: ToastAction): void {\n  action.onClick()\n  if (action.dismissOnClick !== false)\n    dismiss(toast.id)\n}\n\n// SSR-guard: на сервере `document.body` недоступен — отключаем `teleport`.\nconst isClient = typeof window !== 'undefined'\n\n// Видимые тосты (не больше `maxVisible`); остальные — в очереди.\nconst visibleToasts = computed(() => list.value.slice(0, Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Один флаг на весь стек.\nconst paused = ref(false)\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    if (visibleIds.value.has(toast.id) && !paused.value)\n      resume(toast.id)\n    else\n      pause(toast.id)\n  }\n})\n\nfunction metaFor(tone: GrToastTone): ToneMeta {\n  return TONE_META[tone] ?? TONE_META.info\n}\n\nconst containerClass = computed(() => PLACEMENT_CLASS[props.placement])\n</script>\n\n<template>\n  <teleport to=\"body\" :disabled=\"!isClient\">\n    <div\n        data-gr-toaster\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[360px] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        @mouseenter=\"paused = true\"\n        @mouseleave=\"paused = false\"\n        @focusin=\"paused = true\"\n        @focusout=\"paused = false\"\n    >\n      <!-- Постоянный live-region: существует всегда, поэтому вставленные тосты озвучиваются. -->\n      <TransitionGroup\n          tag=\"div\"\n          aria-live=\"polite\"\n          aria-atomic=\"false\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-200 ease-out\"\n          enter-from-class=\"opacity-0 translate-y-2\"\n          enter-to-class=\"opacity-100 translate-y-0\"\n          leave-active-class=\"transition duration-150 ease-in absolute\"\n          leave-from-class=\"opacity-100 translate-y-0\"\n          leave-to-class=\"opacity-0 translate-y-2\"\n          move-class=\"transition-transform duration-200 ease-out\"\n      >\n        <div\n            v-for=\"toast in visibleToasts\"\n            :key=\"toast.id\"\n            data-gr-toast\n            :data-tone=\"toast.tone\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            class=\"relative overflow-hidden rounded-[var(--gr-radius-lg)] border border-[var(--gr-brd)] bg-[var(--gr-card)] px-4 py-3 shadow-[var(--gr-shadow-2)]\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\" aria-hidden=\"true\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[13px] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[13px] text-[var(--gr-muted-fg)]\">\n                {{ toast.message }}\n              </div>\n\n              <!-- Action-кнопки тоста: например «Отменить»/«Повторить». Можно\n                   задать массивом (`actions`) или переопределить слотом. -->\n              <div v-if=\"hasActions(toast)\" class=\"mt-2 flex flex-wrap gap-2\">\n                <slot name=\"actions\" :toast=\"toast\" :dismiss=\"() => dismiss(toast.id)\">\n                  <GrButton\n                      v-for=\"(action, index) in toastActions(toast)\"\n                      :key=\"index\"\n                      :variant=\"action.variant ?? 'outline'\"\n                      :size=\"action.size ?? 'sm'\"\n                      data-gr-toast-action\n                      @click=\"onAction(toast, action)\"\n                  >\n                    {{ action.label }}\n                  </GrButton>\n                </slot>\n              </div>\n            </div>\n            <GrButton\n                variant=\"ghost\"\n                size=\"sm\"\n                square\n                :aria-label=\"resolvedDismissLabel\"\n                @click=\"dismiss(toast.id)\"\n            >\n              <GrIcon size=\"sm\" aria-hidden=\"true\">\n                <IconClose />\n              </GrIcon>\n            </GrButton>\n          </div>\n\n          <!-- Прогресс до автозакрытия; замирает вместе с таймером на паузе. -->\n          <div\n              v-if=\"toast.timeoutMs > 0\"\n              data-gr-toast-progress\n              aria-hidden=\"true\"\n              class=\"gr-toast-progress absolute bottom-0 left-0 h-[2px] w-full origin-left\"\n              :style=\"{\n                backgroundColor: metaFor(toast.tone).color,\n                animationDuration: `${toast.timeoutMs}ms`,\n                animationPlayState: paused ? 'paused' : 'running',\n              }\"\n          />\n        </div>\n      </TransitionGroup>\n    </div>\n  </teleport>\n</template>\n\n<style scoped>\n.gr-toast-progress {\n  animation-name: gr-toast-progress;\n  animation-timing-function: linear;\n  animation-fill-mode: forwards;\n}\n\n@keyframes gr-toast-progress {\n  from {\n    transform: scaleX(1);\n  }\n  to {\n    transform: scaleX(0);\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrTooltip/chunks/GrTooltip-BMKH2lIx.js

@@ -1,109 +0,0 @@
-import { t as info_default } from "../../../chunks/info-Be2OccTu.js";
-import { t as useFloating } from "../../../chunks/useFloating-DtM6TyE4.js";
-import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-D9AWQLk2.js";
-import { Teleport, Transition, computed, createBlock, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeStyle, onUnmounted, openBlock, ref, renderSlot, toDisplayString, unref, useId, vShow, watch, withCtx, withDirectives } from "vue";
-//#region src/components/GrTooltip/GrTooltip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	"data-gr-tooltip": "",
-	class: "relative inline-flex"
-};
-//#endregion
-//#region src/components/GrTooltip/GrTooltip.vue
-var GrTooltip_default = /* @__PURE__ */ defineComponent({
-	__name: "GrTooltip",
-	props: {
-		text: {},
-		iconColor: { default: "var(--gr-muted-fg)" }
-	},
-	setup(__props) {
-		/**
-		* GrTooltip — GR-примитив инлайн-подсказки на hover/focus.
-		*
-		* По умолчанию триггер — иконка info; можно заменить через слот.
-		* A11y:
-		* - `role="tooltip"` связывается с триггером через уникальный `aria-describedby`;
-		* - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —
-		*   dismissible без необходимости двигать курсор/фокус);
-		* - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование
-		*   того же критерия неприменимо — навести курсор на саму подсказку невозможно.
-		*
-		* Позиционирование — через общий `useFloating` (см. `composables/internal`):
-		* по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если
-		* места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.
-		*/
-		const props = __props;
-		const tooltipId = `gr-tooltip-${useId()}`;
-		const triggerStyle = computed(() => ({ color: props.iconColor }));
-		const isClient = typeof window !== "undefined";
-		const open = ref(false);
-		const triggerEl = ref(null);
-		const panelEl = ref(null);
-		const { floatingStyle } = useFloating(triggerEl, panelEl, open, {
-			placement: "top",
-			zIndexVar: "--gr-z-tooltip"
-		});
-		function show() {
-			open.value = true;
-		}
-		function hide() {
-			open.value = false;
-		}
-		function closeOnEscape(e) {
-			if (e.key === "Escape") hide();
-		}
-		watch(open, (isOpen) => {
-			if (typeof document === "undefined") return;
-			document.removeEventListener("keydown", closeOnEscape);
-			if (isOpen) document.addEventListener("keydown", closeOnEscape);
-		}, { immediate: true });
-		onUnmounted(() => {
-			if (typeof document === "undefined") return;
-			document.removeEventListener("keydown", closeOnEscape);
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", _hoisted_1, [createElementVNode("span", {
-				ref_key: "triggerEl",
-				ref: triggerEl,
-				"data-gr-tooltip-trigger": "",
-				"data-testid": "gr-tooltip-trigger",
-				tabindex: "0",
-				"aria-describedby": tooltipId,
-				class: "inline-flex items-center justify-center focus:outline-none",
-				style: normalizeStyle(triggerStyle.value),
-				onMouseenter: show,
-				onMouseleave: hide,
-				onFocus: show,
-				onBlur: hide
-			}, [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(unref(GrIcon_default), {
-				size: "sm",
-				"aria-hidden": "true"
-			}, {
-				default: withCtx(() => [createVNode(unref(info_default))]),
-				_: 1
-			})])], 36), (openBlock(), createBlock(Teleport, {
-				to: "body",
-				disabled: !isClient
-			}, [createVNode(Transition, {
-				"enter-active-class": "transition-opacity duration-150",
-				"enter-from-class": "opacity-0",
-				"enter-to-class": "opacity-100",
-				"leave-active-class": "transition-opacity duration-100",
-				"leave-from-class": "opacity-100",
-				"leave-to-class": "opacity-0"
-			}, {
-				default: withCtx(() => [withDirectives(createElementVNode("span", {
-					id: tooltipId,
-					ref_key: "panelEl",
-					ref: panelEl,
-					role: "tooltip",
-					"data-gr-tooltip-panel": "",
-					class: "pointer-events-none max-w-[280px] rounded-md border border-[var(--gr-brd)] bg-[var(--gr-popover)] px-2 py-1 text-[12px] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-1)]",
-					style: normalizeStyle(unref(floatingStyle))
-				}, toDisplayString(__props.text), 5), [[vShow, open.value]])]),
-				_: 1
-			})], 8, ["disabled"]))]);
-		};
-	}
-});
-//#endregion
-export { GrTooltip_default as t };

package/dist/components/GrTooltip/chunks/GrTooltip-BMKH2lIx.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"GrTooltip-BMKH2lIx.js","names":[],"sources":["../../../../src/components/GrTooltip/GrTooltip.vue","../../../../src/components/GrTooltip/GrTooltip.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если\n * места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onUnmounted, ref, useId, watch } from 'vue'\n\nimport GrIcon from '../GrIcon'\nimport { useFloating } from '../../composables/internal/useFloating'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--gr-muted-fg)',\n})\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\nconst isClient = typeof window !== 'undefined'\n\nconst open = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: 'top',\n  zIndexVar: '--gr-z-tooltip',\n})\n\nfunction show(): void {\n  open.value = true\n}\n\nfunction hide(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') hide()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n</script>\n\n<template>\n  <span data-gr-tooltip class=\"relative inline-flex\">\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focus=\"show\"\n      @blur=\"hide\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport to=\"body\" :disabled=\"!isClient\">\n      <transition\n        enter-active-class=\"transition-opacity duration-150\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-100\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          data-gr-tooltip-panel\n          class=\"pointer-events-none max-w-[280px] rounded-md border border-[var(--gr-brd)] bg-[var(--gr-popover)] px-2 py-1 text-[12px] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :style=\"floatingStyle\"\n        >\n          {{ text }}\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n","<script setup lang=\"ts\">\n/**\n * GrTooltip — GR-примитив инлайн-подсказки на hover/focus.\n *\n * По умолчанию триггер — иконка info; можно заменить через слот.\n * A11y:\n * - `role=\"tooltip\"` связывается с триггером через уникальный `aria-describedby`;\n * - подсказка закрывается по `Escape` (WCAG 1.4.13 «Content on Hover or Focus» —\n *   dismissible без необходимости двигать курсор/фокус);\n * - панель не интерактивна (`pointer-events-none`), поэтому «hoverable»-требование\n *   того же критерия неприменимо — навести курсор на саму подсказку невозможно.\n *\n * Позиционирование — через общий `useFloating` (см. `composables/internal`):\n * по умолчанию сверху по центру, но `flip` переворачивает подсказку вниз, если\n * места над триггером не хватает, а `shift` не даёт ей вылезти за края viewport.\n */\nimport { computed, onUnmounted, ref, useId, watch } from 'vue'\n\nimport GrIcon from '../GrIcon'\nimport { useFloating } from '../../composables/internal/useFloating'\n\nimport IconInfo from '~icons/lucide/info'\n\nexport interface GrTooltipProps {\n  text: string\n  /** Цвет триггер-иконки (CSS color). По умолчанию — `var(--gr-muted-fg)`. */\n  iconColor?: string\n}\n\nconst props = withDefaults(defineProps<GrTooltipProps>(), {\n  iconColor: 'var(--gr-muted-fg)',\n})\n\nconst tooltipId = `gr-tooltip-${useId()}`\n\nconst triggerStyle = computed(() => ({ color: props.iconColor }))\n\nconst isClient = typeof window !== 'undefined'\n\nconst open = ref(false)\nconst triggerEl = ref<HTMLElement | null>(null)\nconst panelEl = ref<HTMLElement | null>(null)\n\nconst { floatingStyle } = useFloating(triggerEl, panelEl, open, {\n  placement: 'top',\n  zIndexVar: '--gr-z-tooltip',\n})\n\nfunction show(): void {\n  open.value = true\n}\n\nfunction hide(): void {\n  open.value = false\n}\n\nfunction closeOnEscape(e: KeyboardEvent): void {\n  if (e.key === 'Escape') hide()\n}\n\nwatch(\n  open,\n  (isOpen) => {\n    if (typeof document === 'undefined') return\n\n    document.removeEventListener('keydown', closeOnEscape)\n    if (isOpen) document.addEventListener('keydown', closeOnEscape)\n  },\n  { immediate: true },\n)\n\nonUnmounted(() => {\n  if (typeof document === 'undefined') return\n  document.removeEventListener('keydown', closeOnEscape)\n})\n</script>\n\n<template>\n  <span data-gr-tooltip class=\"relative inline-flex\">\n    <span\n      ref=\"triggerEl\"\n      data-gr-tooltip-trigger\n      data-testid=\"gr-tooltip-trigger\"\n      tabindex=\"0\"\n      :aria-describedby=\"tooltipId\"\n      class=\"inline-flex items-center justify-center focus:outline-none\"\n      :style=\"triggerStyle\"\n      @mouseenter=\"show\"\n      @mouseleave=\"hide\"\n      @focus=\"show\"\n      @blur=\"hide\"\n    >\n      <slot>\n        <GrIcon size=\"sm\" aria-hidden=\"true\">\n          <IconInfo />\n        </GrIcon>\n      </slot>\n    </span>\n\n    <teleport to=\"body\" :disabled=\"!isClient\">\n      <transition\n        enter-active-class=\"transition-opacity duration-150\"\n        enter-from-class=\"opacity-0\"\n        enter-to-class=\"opacity-100\"\n        leave-active-class=\"transition-opacity duration-100\"\n        leave-from-class=\"opacity-100\"\n        leave-to-class=\"opacity-0\"\n      >\n        <span\n          v-show=\"open\"\n          :id=\"tooltipId\"\n          ref=\"panelEl\"\n          role=\"tooltip\"\n          data-gr-tooltip-panel\n          class=\"pointer-events-none max-w-[280px] rounded-md border border-[var(--gr-brd)] bg-[var(--gr-popover)] px-2 py-1 text-[12px] text-[var(--gr-popover-fg)] shadow-[var(--gr-shadow-1)]\"\n          :style=\"floatingStyle\"\n        >\n          {{ text }}\n        </span>\n      </transition>\n    </teleport>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6BA,MAAM,QAAQ;EAId,MAAM,YAAY,cAAc,MAAM;EAEtC,MAAM,eAAe,gBAAgB,EAAE,OAAO,MAAM,UAAU,EAAE;EAEhE,MAAM,WAAW,OAAO,WAAW;EAEnC,MAAM,OAAO,IAAI,KAAK;EACtB,MAAM,YAAY,IAAwB,IAAI;EAC9C,MAAM,UAAU,IAAwB,IAAI;EAE5C,MAAM,EAAE,kBAAkB,YAAY,WAAW,SAAS,MAAM;GAC9D,WAAW;GACX,WAAW;EACb,CAAC;EAED,SAAS,OAAa;GACpB,KAAK,QAAQ;EACf;EAEA,SAAS,OAAa;GACpB,KAAK,QAAQ;EACf;EAEA,SAAS,cAAc,GAAwB;GAC7C,IAAI,EAAE,QAAQ,UAAU,KAAK;EAC/B;EAEA,MACE,OACC,WAAW;GACV,IAAI,OAAO,aAAa,aAAa;GAErC,SAAS,oBAAoB,WAAW,aAAa;GACrD,IAAI,QAAQ,SAAS,iBAAiB,WAAW,aAAa;EAChE,GACA,EAAE,WAAW,KAAK,CACpB;EAEA,kBAAkB;GAChB,IAAI,OAAO,aAAa,aAAa;GACrC,SAAS,oBAAoB,WAAW,aAAa;EACvD,CAAC;;uBAIC,mBA2CO,QA3CP,YA2CO,CA1CL,mBAkBO,QAAA;aAjBD;IAAJ,KAAI;IACJ,2BAAA;IACA,eAAY;IACZ,UAAS;IACR,oBAAkB;IACnB,OAAM;IACL,OAAK,eAAE,aAAA,KAAY;IACnB,cAAY;IACZ,cAAY;IACZ,SAAO;IACP,QAAM;OAEP,WAIO,KAAA,QAAA,WAAA,CAAA,SAAA,CAHL,YAES,MAAA,cAAA,GAAA;IAFD,MAAK;IAAK,eAAY;;2BAChB,CAAZ,YAAY,MAAA,YAAA,CAAA,CAAA,CAAA;;6BAKlB,YAqBW,UAAA;IArBD,IAAG;IAAQ,UAAQ,CAAG;OAC9B,YAmBa,YAAA;IAlBX,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;IACf,sBAAmB;IACnB,oBAAiB;IACjB,kBAAe;;2BAYR,CAAA,eAVP,mBAUO,QAAA;KARJ,IAAI;cACD;KAAJ,KAAI;KACJ,MAAK;KACL,yBAAA;KACA,OAAM;KACL,OAAK,eAAE,MAAA,aAAA,CAAa;uBAElB,QAAA,IAAI,GAAA,CAAA,GAAA,CAAA,CAAA,OARC,KAAA,KAAI,CAAA,CAAA,CAAA,CAAA"}