@feugene/granularity 0.18.0 → 0.20.0

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

@@ -0,0 +1,373 @@
+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 { s as useGrThemeAttrs } from "../../../chunks/context-CTbuwcYs.js";
+import { n as useGranularityTranslations } from "../../../chunks/granularityI18n-BC5zsj_d.js";
+import { t as usePortalTarget } from "../../../chunks/usePortalTarget-C0p-mhaM.js";
+import { vHotkey } from "../../../directives/hotkey.js";
+import { t as GrIcon_default } from "../../GrIcon/chunks/GrIcon-bQwtZtYT.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-Bw2AH4uX.js";
+import { useDragGesture } from "../../../composables/useDragGesture.js";
+import { useToast } from "../../../composables/useToast.js";
+import { a as SWIPE_THRESHOLD_RATIO, i as SWIPE_DIRECTION, o as swipeOpacity, r as PLACEMENT_CLASS } from "../../../chunks/config-ScuvHw6k2.js";
+import { Fragment, Teleport, TransitionGroup, computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, nextTick, normalizeClass, normalizeStyle, openBlock, ref, renderList, renderSlot, resolveDynamicComponent, toDisplayString, unref, useSlots, watchEffect, withCtx, withDirectives } from "vue";
+import '../styles.css';//#region src/components/GrToaster/GrToaster.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = [
+	"data-tone",
+	"data-toast-id",
+	"role",
+	"onKeydown"
+];
+var _hoisted_3 = { class: "flex items-start gap-3" };
+var _hoisted_4 = { class: "min-w-0 flex-1" };
+var _hoisted_5 = { class: "text-[length:var(--gr-text-sm)] font-700" };
+var _hoisted_6 = {
+	key: 0,
+	class: "mt-0.5 text-[length:var(--gr-text-sm)] 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 },
+		width: { default: void 0 },
+		focusHotkey: {
+			type: [String, Boolean],
+			default: "F6"
+		},
+		swipeDismiss: {
+			type: Boolean,
+			default: true
+		}
+	},
+	setup(__props, { expose: __expose }) {
+		/**
+		* GrToaster — GR-примитив области уведомлений (toast).
+		*
+		* Модель состояния берётся из `useToast`, поэтому в приложении предполагается
+		* **один активный `GrToaster`** на корень (или app-scoped через плагин).
+		*
+		* A11y:
+		* - контейнер — `role="region"` с `aria-label` (i18n-проп `regionLabel`);
+		* - объявляет каждый тост сам собой: `role="status"`, а критичные
+		*   (`warning`/`danger`) — ассертивный `role="alert"`. Обёртки-live-region над
+		*   ними нет намеренно: вложение регионов с разной ассертивностью
+		*   спецификацией не определено, браузеры и SR расходятся вплоть до потери
+		*   объявления;
+		* - стек достижим с клавиатуры по `focusHotkey` (по умолчанию `F6`) — тосты
+		*   телепортированы в конец `body`, и без хоткея кнопка «Отменить» лежала бы
+		*   за пределами разумного числа нажатий `Tab`.
+		*
+		* 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 { target: portalTarget, enabled: teleportEnabled } = usePortalTarget();
+		const themeAttrs = useGrThemeAttrs();
+		const visibleToasts = computed(() => list.value.slice(-Math.max(1, props.maxVisible)));
+		const visibleIds = computed(() => new Set(visibleToasts.value.map((toast) => toast.id)));
+		const hovered = ref(false);
+		const focusWithin = ref(false);
+		const containerEl = ref(null);
+		const swipingId = ref(null);
+		const swipeOffset = ref(0);
+		let swipeStartX = 0;
+		let swipeThreshold = 56;
+		const paused = computed(() => hovered.value || focusWithin.value || swipingId.value !== null);
+		function toastElement(id) {
+			return containerEl.value?.querySelector(`[data-gr-toast][data-toast-id="${id}"]`) ?? null;
+		}
+		/** Жест отпущен и тост закрывается: переход снова разрешён (см. `releaseSwiped`). */
+		const swipeReleased = ref(false);
+		function resetSwipe() {
+			swipingId.value = null;
+			swipeOffset.value = 0;
+			swipeReleased.value = false;
+		}
+		/**
+		* Отпущенный тост уезжает за свой край и только потом закрывается.
+		*
+		* Два кадра здесь обязательны, и оба по одной причине: уходящий элемент Vue
+		* больше не перерисовывает — он уезжает с тем стилем, что был на последнем
+		* рендере. Значит и разрешение перехода, и конечную точку нужно успеть отдать
+		* до закрытия: первый кадр снимает инлайновый `transition: none` (во время
+		* жеста он нужен, иначе переходы группы борются с пальцем), второй задаёт точку
+		* отлёта — с этого момента анимация уже идёт, и `leave` подхватывает её на ходу.
+		*
+		* Закрыв тост сразу, получили бы не отлёт, а мгновенное исчезновение: элемент
+		* ушёл бы в `leave` с запрещённым переходом.
+		*/
+		async function releaseSwiped(id) {
+			swipeReleased.value = true;
+			await nextTick();
+			swipeOffset.value = SWIPE_DIRECTION[props.placement] * 600;
+			await nextTick();
+			dismiss(id);
+			resetSwipe();
+		}
+		/**
+		* Движение к своему краю идёт один к одному, в обратную сторону — с
+		* сопротивлением: тост едет за пальцем, но закрыть его «наоборот» нельзя.
+		*/
+		function resistOffset(delta) {
+			const toEdge = SWIPE_DIRECTION[props.placement];
+			return Math.sign(delta) === toEdge ? delta : delta / 4;
+		}
+		const swipe = useDragGesture({
+			disabled: () => !props.swipeDismiss,
+			onStart: (event) => {
+				const target = event.target;
+				if (target?.closest("button, a[href]")) return false;
+				const host = target?.closest("[data-gr-toast]");
+				const id = host?.dataset.toastId;
+				if (!host || !id) return false;
+				swipingId.value = id;
+				swipeOffset.value = 0;
+				swipeStartX = event.clientX;
+				swipeThreshold = Math.max(56, host.getBoundingClientRect().width * SWIPE_THRESHOLD_RATIO);
+			},
+			onMove: (event) => {
+				event.preventDefault();
+				swipeOffset.value = resistOffset(event.clientX - swipeStartX);
+			},
+			onEnd: () => {
+				const id = swipingId.value;
+				if (id !== null && Math.sign(swipeOffset.value) === SWIPE_DIRECTION[props.placement] && Math.abs(swipeOffset.value) >= swipeThreshold) releaseSwiped(id);
+				else resetSwipe();
+			},
+			onCancel: resetSwipe
+		});
+		function swipeStyle(toast) {
+			if (swipingId.value !== toast.id) return void 0;
+			return {
+				transform: `translateX(${swipeOffset.value}px)`,
+				opacity: String(swipeOpacity(swipeOffset.value, swipeThreshold)),
+				...swipeReleased.value ? {} : { transition: "none" }
+			};
+		}
+		/**
+		* Клавиатурный эквивалент смахивания. `Escape` намеренно не берём: тостер не
+		* модальный слой, и перехват закрывал бы уведомление вместо диалога под ним.
+		*/
+		function onToastKeydown(event, toast) {
+			if (event.key !== "Delete" && event.key !== "Backspace") return;
+			event.preventDefault();
+			const index = visibleToasts.value.findIndex((item) => item.id === toast.id);
+			const next = visibleToasts.value[index + 1] ?? visibleToasts.value[index - 1];
+			dismiss(toast.id);
+			if (next) nextTick(() => toastElement(next.id)?.focus());
+		}
+		watchEffect(() => {
+			for (const toast of list.value) if (toast.timeoutMs > 0 && 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]);
+		const containerStyle = computed(() => {
+			if (props.width === void 0) return void 0;
+			return { "--gr-toaster-width": typeof props.width === "number" ? `${props.width}px` : props.width };
+		});
+		/**
+		* Переводит фокус на верхний тост. Тост фокусируем только программно
+		* (`tabindex="-1"`): собственной остановкой `Tab` стек быть не должен, иначе
+		* всплывающее уведомление перехватывало бы обход страницы.
+		*/
+		function focus() {
+			const target = containerEl.value?.querySelector("[data-gr-toast]");
+			if (!target) return false;
+			target.focus();
+			return true;
+		}
+		const hotkeyBinding = computed(() => ({
+			enabled: props.focusHotkey !== false && visibleToasts.value.length > 0,
+			handlers: { [props.focusHotkey || "F6"]: {
+				handler: onFocusHotkey,
+				allowInEditable: true
+			} }
+		}));
+		function onFocusHotkey(event) {
+			if (focus()) event.preventDefault();
+		}
+		__expose({ focus });
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(Teleport, {
+				to: unref(portalTarget),
+				disabled: !unref(teleportEnabled)
+			}, [withDirectives((openBlock(), createElementBlock("div", mergeProps({
+				ref_key: "containerEl",
+				ref: containerEl
+			}, unref(themeAttrs), {
+				"data-gr-toaster": "",
+				"data-gr-overlay-root": "",
+				role: "region",
+				"aria-label": resolvedRegionLabel.value,
+				class: ["fixed z-[var(--gr-z-toast)] w-[var(--gr-toaster-width,360px)] max-w-[calc(100vw-2rem)]", containerClass.value],
+				style: containerStyle.value,
+				onMouseenter: _cache[1] || (_cache[1] = ($event) => hovered.value = true),
+				onMouseleave: _cache[2] || (_cache[2] = ($event) => hovered.value = false),
+				onFocusin: _cache[3] || (_cache[3] = ($event) => focusWithin.value = true),
+				onFocusout: _cache[4] || (_cache[4] = ($event) => focusWithin.value = false)
+			}), [createVNode(TransitionGroup, {
+				tag: "div",
+				class: "grid gap-3",
+				"enter-active-class": "transition duration-[var(--gr-duration-base)] ease-[var(--gr-ease-out)]",
+				"enter-from-class": "opacity-0 translate-y-2",
+				"enter-to-class": "opacity-100 translate-y-0",
+				"leave-active-class": "transition duration-[var(--gr-duration-fast)] ease-[var(--gr-ease-in)] absolute",
+				"leave-from-class": "opacity-100 translate-y-0",
+				"leave-to-class": "opacity-0 translate-y-2",
+				"move-class": "transition-transform duration-[var(--gr-duration-base)] ease-[var(--gr-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,
+						"data-toast-id": toast.id,
+						role: metaFor(toast.tone).role,
+						"aria-atomic": "true",
+						tabindex: "-1",
+						class: normalizeClass(["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)] focus-visible:outline-none focus-visible:shadow-[var(--gr-shadow-2),0_0_0_2px_var(--gr-ring)]", __props.swipeDismiss ? "[touch-action:pan-y]" : ""]),
+						style: normalizeStyle(swipeStyle(toast)),
+						onPointerdown: _cache[0] || (_cache[0] = (...args) => unref(swipe).start && unref(swipe).start(...args)),
+						onKeydown: ($event) => onToastKeydown($event, toast)
+					}, [createElementVNode("div", _hoisted_3, [
+						createVNode(unref(GrIcon_default), {
+							size: "md",
+							class: "mt-0.5",
+							style: normalizeStyle({ color: metaFor(toast.tone).color })
+						}, {
+							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" }, {
+								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)], 46, _hoisted_2);
+				}), 128))]),
+				_: 3
+			})], 16, _hoisted_1)), [[unref(vHotkey), hotkeyBinding.value]])], 8, ["to", "disabled"]);
+		};
+	}
+}), [["__scopeId", "data-v-3ad9ca7d"]]);
+//#endregion
+export { GrToaster_default as t };

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

@@ -0,0 +1 @@
+{"version":3,"file":"GrToaster-Db2NgrXu.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 * - объявляет каждый тост сам собой: `role=\"status\"`, а критичные\n *   (`warning`/`danger`) — ассертивный `role=\"alert\"`. Обёртки-live-region над\n *   ними нет намеренно: вложение регионов с разной ассертивностью\n *   спецификацией не определено, браузеры и SR расходятся вплоть до потери\n *   объявления;\n * - стек достижим с клавиатуры по `focusHotkey` (по умолчанию `F6`) — тосты\n *   телепортированы в конец `body`, и без хоткея кнопка «Отменить» лежала бы\n *   за пределами разумного числа нажатий `Tab`.\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, nextTick, ref, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\nimport type { Component } from 'vue'\n\nimport { useDragGesture } from '../../composables/useDragGesture'\nimport { useToast } from '../../composables/useToast'\nimport { vHotkey } from '../../directives'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone, Toast, ToastAction } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport {\n  PLACEMENT_CLASS,\n  SWIPE_DIRECTION,\n  SWIPE_FLY_OUT_PX,\n  SWIPE_RESISTANCE,\n  SWIPE_THRESHOLD_MIN_PX,\n  SWIPE_THRESHOLD_RATIO,\n  swipeOpacity,\n  type GrToasterPlacement,\n} 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   * Ширина стека. Число — пиксели, строка — любая CSS-длина. Уезжает в\n   * `--gr-toaster-width`, поэтому то же самое можно задать и темой.\n   */\n  width?: string | number\n  /**\n   * Клавиша перевода фокуса в стек уведомлений; `false` отключает хоткей.\n   * `F6` — рекомендация APG для перехода между «регионами» страницы.\n   */\n  focusHotkey?: string | false\n  /**\n   * Смахивание тоста к своему краю экрана. Клавиатурный эквивалент — `Delete`\n   * и `Backspace` на сфокусированном тосте — остаётся и при выключенном жесте.\n   */\n  swipeDismiss?: boolean\n}\n\nimport { useGrThemeAttrs } from '../GrConfigProvider/context'\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n  width: undefined,\n  focusHotkey: 'F6',\n  swipeDismiss: true,\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`.\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\n// Видимые тосты (не больше `maxVisible`); остальные ждут в очереди. Список\n// хранится новейшими вперёд, поэтому «видимые дожинают, новые ждут» — это\n// хвост: старейшие N. Взяв голову, стек показывал бы новейшие, и каждый пуш\n// вытеснял бы с экрана тост, который пользователь ещё читает.\nconst visibleToasts = computed(() => list.value.slice(-Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Флага два и они независимы: один\n// `paused` терялся на «фокус внутри + мышь прошла насквозь» — `mouseleave`\n// возобновлял отсчёт под клавиатурным фокусом.\nconst hovered = ref(false)\nconst focusWithin = ref(false)\n\n// Контейнер стека: по нему ищутся тосты — и для фокуса, и для жеста.\nconst containerEl = ref<HTMLElement | null>(null)\n\n// ————— Смахивание.\n\nconst swipingId = ref<string | null>(null)\nconst swipeOffset = ref(0)\nlet swipeStartX = 0\nlet swipeThreshold = SWIPE_THRESHOLD_MIN_PX\n\n// Тост, который тянут, тоже держит таймеры: иначе уведомление сгорало бы прямо\n// под пальцем, посреди жеста.\nconst paused = computed(() => hovered.value || focusWithin.value || swipingId.value !== null)\n\nfunction toastElement(id: string): HTMLElement | null {\n  return containerEl.value?.querySelector<HTMLElement>(`[data-gr-toast][data-toast-id=\"${id}\"]`) ?? null\n}\n\n/** Жест отпущен и тост закрывается: переход снова разрешён (см. `releaseSwiped`). */\nconst swipeReleased = ref(false)\n\nfunction resetSwipe(): void {\n  swipingId.value = null\n  swipeOffset.value = 0\n  swipeReleased.value = false\n}\n\n/**\n * Отпущенный тост уезжает за свой край и только потом закрывается.\n *\n * Два кадра здесь обязательны, и оба по одной причине: уходящий элемент Vue\n * больше не перерисовывает — он уезжает с тем стилем, что был на последнем\n * рендере. Значит и разрешение перехода, и конечную точку нужно успеть отдать\n * до закрытия: первый кадр снимает инлайновый `transition: none` (во время\n * жеста он нужен, иначе переходы группы борются с пальцем), второй задаёт точку\n * отлёта — с этого момента анимация уже идёт, и `leave` подхватывает её на ходу.\n *\n * Закрыв тост сразу, получили бы не отлёт, а мгновенное исчезновение: элемент\n * ушёл бы в `leave` с запрещённым переходом.\n */\nasync function releaseSwiped(id: string): Promise<void> {\n  swipeReleased.value = true\n  await nextTick()\n\n  swipeOffset.value = SWIPE_DIRECTION[props.placement] * SWIPE_FLY_OUT_PX\n  await nextTick()\n\n  dismiss(id)\n  resetSwipe()\n}\n\n/**\n * Движение к своему краю идёт один к одному, в обратную сторону — с\n * сопротивлением: тост едет за пальцем, но закрыть его «наоборот» нельзя.\n */\nfunction resistOffset(delta: number): number {\n  const toEdge = SWIPE_DIRECTION[props.placement]\n\n  return Math.sign(delta) === toEdge ? delta : delta / SWIPE_RESISTANCE\n}\n\nconst swipe = useDragGesture({\n  disabled: () => !props.swipeDismiss,\n  onStart: (event) => {\n    const target = event.target as HTMLElement | null\n    // Нажатие на кнопке — это нажатие на кнопке: закрытие и действия тоста не\n    // должны превращаться в протяжку.\n    if (target?.closest('button, a[href]')) return false\n\n    const host = target?.closest<HTMLElement>('[data-gr-toast]')\n    const id = host?.dataset.toastId\n    if (!host || !id) return false\n\n    swipingId.value = id\n    swipeOffset.value = 0\n    swipeStartX = event.clientX\n    swipeThreshold = Math.max(SWIPE_THRESHOLD_MIN_PX, host.getBoundingClientRect().width * SWIPE_THRESHOLD_RATIO)\n  },\n  onMove: (event) => {\n    // Против выделения текста тоста во время протяжки.\n    event.preventDefault()\n    swipeOffset.value = resistOffset(event.clientX - swipeStartX)\n  },\n  onEnd: () => {\n    const id = swipingId.value\n    const passed = id !== null\n      && Math.sign(swipeOffset.value) === SWIPE_DIRECTION[props.placement]\n      && Math.abs(swipeOffset.value) >= swipeThreshold\n\n    if (passed) void releaseSwiped(id)\n    else resetSwipe()\n  },\n  // Обрыв возвращает тост на место, а не дожимает смахивание: указатель забрал\n  // браузер, а не пользователь довёл жест.\n  onCancel: resetSwipe,\n})\n\nfunction swipeStyle(toast: Toast): Record<string, string> | undefined {\n  if (swipingId.value !== toast.id) return undefined\n\n  return {\n    transform: `translateX(${swipeOffset.value}px)`,\n    opacity: String(swipeOpacity(swipeOffset.value, swipeThreshold)),\n    // Переходы группы во время жеста борются с пальцем: тост едет с задержкой\n    // и «догоняет» курсор после отпускания. После отпускания запрет снимается —\n    // уходящему тосту переход нужен, иначе он не уедет вовсе.\n    ...(swipeReleased.value ? {} : { transition: 'none' }),\n  }\n}\n\n/**\n * Клавиатурный эквивалент смахивания. `Escape` намеренно не берём: тостер не\n * модальный слой, и перехват закрывал бы уведомление вместо диалога под ним.\n */\nfunction onToastKeydown(event: KeyboardEvent, toast: Toast): void {\n  if (event.key !== 'Delete' && event.key !== 'Backspace') return\n\n  event.preventDefault()\n\n  const index = visibleToasts.value.findIndex(item => item.id === toast.id)\n  const next = visibleToasts.value[index + 1] ?? visibleToasts.value[index - 1]\n\n  dismiss(toast.id)\n\n  // Фокус не должен упасть на `body`: дальше по стеку есть что читать.\n  if (next) void nextTick(() => toastElement(next.id)?.focus())\n}\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\n//\n// `timeoutMs` читается ради зависимости, а не ради значения: `toast.promise` и\n// `update` перезапускают таймер уже существующего тоста, не трогая ни список, ни\n// паузу. Без этой зависимости эффект не просыпался бы, и заново заведённый\n// таймер тикал бы под курсором или у тоста, который ещё ждёт в очереди, — тот\n// сгорал бы, ни разу не показавшись.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    const shouldTick = toast.timeoutMs > 0 && visibleIds.value.has(toast.id) && !paused.value\n\n    if (shouldTick)\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\nconst containerStyle = computed(() => {\n  if (props.width === undefined) return undefined\n\n  return { '--gr-toaster-width': typeof props.width === 'number' ? `${props.width}px` : props.width }\n})\n\n\n/**\n * Переводит фокус на верхний тост. Тост фокусируем только программно\n * (`tabindex=\"-1\"`): собственной остановкой `Tab` стек быть не должен, иначе\n * всплывающее уведомление перехватывало бы обход страницы.\n */\nfunction focus(): boolean {\n  const target = containerEl.value?.querySelector<HTMLElement>('[data-gr-toast]')\n  if (!target) return false\n\n  target.focus()\n  return true\n}\n\nconst hotkeyBinding = computed(() => ({\n  enabled: props.focusHotkey !== false && visibleToasts.value.length > 0,\n  handlers: { [props.focusHotkey || 'F6']: { handler: onFocusHotkey, allowInEditable: true } },\n}))\n\nfunction onFocusHotkey(event: KeyboardEvent): void {\n  if (focus()) event.preventDefault()\n}\n\ndefineExpose({ focus })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n        ref=\"containerEl\"\n        v-hotkey=\"hotkeyBinding\"\n        v-bind=\"themeAttrs\"\n        data-gr-toaster\n        data-gr-overlay-root\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[var(--gr-toaster-width,360px)] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        :style=\"containerStyle\"\n        @mouseenter=\"hovered = true\"\n        @mouseleave=\"hovered = false\"\n        @focusin=\"focusWithin = true\"\n        @focusout=\"focusWithin = false\"\n    >\n      <TransitionGroup\n          tag=\"div\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-[var(--gr-duration-base)] ease-[var(--gr-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-[var(--gr-duration-fast)] ease-[var(--gr-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-[var(--gr-duration-base)] ease-[var(--gr-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            :data-toast-id=\"toast.id\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            tabindex=\"-1\"\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)] focus-visible:outline-none focus-visible:shadow-[var(--gr-shadow-2),0_0_0_2px_var(--gr-ring)]\"\n            :class=\"swipeDismiss ? '[touch-action:pan-y]' : ''\"\n            :style=\"swipeStyle(toast)\"\n            @pointerdown=\"swipe.start\"\n            @keydown=\"onToastKeydown($event, toast)\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[length:var(--gr-text-sm)] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[length:var(--gr-text-sm)] 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\">\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\n/*\n * Единственная анимация пакета, которую глобальный кламп чинит неверно.\n *\n * У полосы `animation-fill-mode: forwards`, поэтому сжатая до `0.01ms` она не\n * возвращается в исходное состояние, а фиксируется на `scaleX(0)`: таймер\n * выглядит истёкшим, пока тост ещё висит на экране. Полоса — единственный\n * носитель этого смысла, и статичной её оставить нельзя, поэтому под reduce она\n * убирается совсем. Автозакрытие ведёт JS-таймер, оно не страдает, а сам элемент\n * и так `aria-hidden`.\n */\n@media (prefers-reduced-motion: reduce) {\n  .gr-toast-progress {\n    display: none;\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 * - объявляет каждый тост сам собой: `role=\"status\"`, а критичные\n *   (`warning`/`danger`) — ассертивный `role=\"alert\"`. Обёртки-live-region над\n *   ними нет намеренно: вложение регионов с разной ассертивностью\n *   спецификацией не определено, браузеры и SR расходятся вплоть до потери\n *   объявления;\n * - стек достижим с клавиатуры по `focusHotkey` (по умолчанию `F6`) — тосты\n *   телепортированы в конец `body`, и без хоткея кнопка «Отменить» лежала бы\n *   за пределами разумного числа нажатий `Tab`.\n *\n * UX:\n * - `maxVisible` ограничивает стек; лишние ждут в очереди (их таймеры на паузе);\n * - автозакрытие **останавливается под курсором/фокусом** (WCAG 2.2.1) и\n *   визуализируется прогресс-баром до закрытия;\n * - `placement` настраивает угол экрана; слой — `--gr-z-toast`.\n */\nimport { computed, nextTick, ref, useSlots, watchEffect } from 'vue'\n\nimport { usePortalTarget } from '../../composables/usePortalTarget'\nimport type { Component } from 'vue'\n\nimport { useDragGesture } from '../../composables/useDragGesture'\nimport { useToast } from '../../composables/useToast'\nimport { vHotkey } from '../../directives'\nimport { useGranularityTranslations } from '../../internal/granularityI18n'\nimport type { GrToastTone, Toast, ToastAction } from '../../composables/useToast'\nimport GrButton from '../GrButton'\nimport GrIcon from '../GrIcon'\nimport {\n  PLACEMENT_CLASS,\n  SWIPE_DIRECTION,\n  SWIPE_FLY_OUT_PX,\n  SWIPE_RESISTANCE,\n  SWIPE_THRESHOLD_MIN_PX,\n  SWIPE_THRESHOLD_RATIO,\n  swipeOpacity,\n  type GrToasterPlacement,\n} 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   * Ширина стека. Число — пиксели, строка — любая CSS-длина. Уезжает в\n   * `--gr-toaster-width`, поэтому то же самое можно задать и темой.\n   */\n  width?: string | number\n  /**\n   * Клавиша перевода фокуса в стек уведомлений; `false` отключает хоткей.\n   * `F6` — рекомендация APG для перехода между «регионами» страницы.\n   */\n  focusHotkey?: string | false\n  /**\n   * Смахивание тоста к своему краю экрана. Клавиатурный эквивалент — `Delete`\n   * и `Backspace` на сфокусированном тосте — остаётся и при выключенном жесте.\n   */\n  swipeDismiss?: boolean\n}\n\nimport { useGrThemeAttrs } from '../GrConfigProvider/context'\n\nconst props = withDefaults(defineProps<GrToasterProps>(), {\n  placement: 'top-right',\n  maxVisible: 4,\n  dismissLabel: undefined,\n  regionLabel: undefined,\n  width: undefined,\n  focusHotkey: 'F6',\n  swipeDismiss: true,\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`.\n// Телепорт включается только ПОСЛЕ монтирования: иначе первый клиентский\n// рендер не совпадает с серверным и ломается гидрация (см. композабл).\nconst { target: portalTarget, enabled: teleportEnabled } = usePortalTarget()\n\n// Тема поддерева на телепортированную панель: в DOM она уезжает в `body`, то\n// есть вне обёртки провайдера, и `data-theme` с неё не наследуется. В дереве\n// компонентов панель остаётся внутри — `inject` доходит, и тему она ставит себе\n// сама.\nconst themeAttrs = useGrThemeAttrs()\n\n// Видимые тосты (не больше `maxVisible`); остальные ждут в очереди. Список\n// хранится новейшими вперёд, поэтому «видимые дожинают, новые ждут» — это\n// хвост: старейшие N. Взяв голову, стек показывал бы новейшие, и каждый пуш\n// вытеснял бы с экрана тост, который пользователь ещё читает.\nconst visibleToasts = computed(() => list.value.slice(-Math.max(1, props.maxVisible)))\nconst visibleIds = computed(() => new Set(visibleToasts.value.map(toast => toast.id)))\n\n// Пауза под курсором/фокусом (WCAG 2.2.1). Флага два и они независимы: один\n// `paused` терялся на «фокус внутри + мышь прошла насквозь» — `mouseleave`\n// возобновлял отсчёт под клавиатурным фокусом.\nconst hovered = ref(false)\nconst focusWithin = ref(false)\n\n// Контейнер стека: по нему ищутся тосты — и для фокуса, и для жеста.\nconst containerEl = ref<HTMLElement | null>(null)\n\n// ————— Смахивание.\n\nconst swipingId = ref<string | null>(null)\nconst swipeOffset = ref(0)\nlet swipeStartX = 0\nlet swipeThreshold = SWIPE_THRESHOLD_MIN_PX\n\n// Тост, который тянут, тоже держит таймеры: иначе уведомление сгорало бы прямо\n// под пальцем, посреди жеста.\nconst paused = computed(() => hovered.value || focusWithin.value || swipingId.value !== null)\n\nfunction toastElement(id: string): HTMLElement | null {\n  return containerEl.value?.querySelector<HTMLElement>(`[data-gr-toast][data-toast-id=\"${id}\"]`) ?? null\n}\n\n/** Жест отпущен и тост закрывается: переход снова разрешён (см. `releaseSwiped`). */\nconst swipeReleased = ref(false)\n\nfunction resetSwipe(): void {\n  swipingId.value = null\n  swipeOffset.value = 0\n  swipeReleased.value = false\n}\n\n/**\n * Отпущенный тост уезжает за свой край и только потом закрывается.\n *\n * Два кадра здесь обязательны, и оба по одной причине: уходящий элемент Vue\n * больше не перерисовывает — он уезжает с тем стилем, что был на последнем\n * рендере. Значит и разрешение перехода, и конечную точку нужно успеть отдать\n * до закрытия: первый кадр снимает инлайновый `transition: none` (во время\n * жеста он нужен, иначе переходы группы борются с пальцем), второй задаёт точку\n * отлёта — с этого момента анимация уже идёт, и `leave` подхватывает её на ходу.\n *\n * Закрыв тост сразу, получили бы не отлёт, а мгновенное исчезновение: элемент\n * ушёл бы в `leave` с запрещённым переходом.\n */\nasync function releaseSwiped(id: string): Promise<void> {\n  swipeReleased.value = true\n  await nextTick()\n\n  swipeOffset.value = SWIPE_DIRECTION[props.placement] * SWIPE_FLY_OUT_PX\n  await nextTick()\n\n  dismiss(id)\n  resetSwipe()\n}\n\n/**\n * Движение к своему краю идёт один к одному, в обратную сторону — с\n * сопротивлением: тост едет за пальцем, но закрыть его «наоборот» нельзя.\n */\nfunction resistOffset(delta: number): number {\n  const toEdge = SWIPE_DIRECTION[props.placement]\n\n  return Math.sign(delta) === toEdge ? delta : delta / SWIPE_RESISTANCE\n}\n\nconst swipe = useDragGesture({\n  disabled: () => !props.swipeDismiss,\n  onStart: (event) => {\n    const target = event.target as HTMLElement | null\n    // Нажатие на кнопке — это нажатие на кнопке: закрытие и действия тоста не\n    // должны превращаться в протяжку.\n    if (target?.closest('button, a[href]')) return false\n\n    const host = target?.closest<HTMLElement>('[data-gr-toast]')\n    const id = host?.dataset.toastId\n    if (!host || !id) return false\n\n    swipingId.value = id\n    swipeOffset.value = 0\n    swipeStartX = event.clientX\n    swipeThreshold = Math.max(SWIPE_THRESHOLD_MIN_PX, host.getBoundingClientRect().width * SWIPE_THRESHOLD_RATIO)\n  },\n  onMove: (event) => {\n    // Против выделения текста тоста во время протяжки.\n    event.preventDefault()\n    swipeOffset.value = resistOffset(event.clientX - swipeStartX)\n  },\n  onEnd: () => {\n    const id = swipingId.value\n    const passed = id !== null\n      && Math.sign(swipeOffset.value) === SWIPE_DIRECTION[props.placement]\n      && Math.abs(swipeOffset.value) >= swipeThreshold\n\n    if (passed) void releaseSwiped(id)\n    else resetSwipe()\n  },\n  // Обрыв возвращает тост на место, а не дожимает смахивание: указатель забрал\n  // браузер, а не пользователь довёл жест.\n  onCancel: resetSwipe,\n})\n\nfunction swipeStyle(toast: Toast): Record<string, string> | undefined {\n  if (swipingId.value !== toast.id) return undefined\n\n  return {\n    transform: `translateX(${swipeOffset.value}px)`,\n    opacity: String(swipeOpacity(swipeOffset.value, swipeThreshold)),\n    // Переходы группы во время жеста борются с пальцем: тост едет с задержкой\n    // и «догоняет» курсор после отпускания. После отпускания запрет снимается —\n    // уходящему тосту переход нужен, иначе он не уедет вовсе.\n    ...(swipeReleased.value ? {} : { transition: 'none' }),\n  }\n}\n\n/**\n * Клавиатурный эквивалент смахивания. `Escape` намеренно не берём: тостер не\n * модальный слой, и перехват закрывал бы уведомление вместо диалога под ним.\n */\nfunction onToastKeydown(event: KeyboardEvent, toast: Toast): void {\n  if (event.key !== 'Delete' && event.key !== 'Backspace') return\n\n  event.preventDefault()\n\n  const index = visibleToasts.value.findIndex(item => item.id === toast.id)\n  const next = visibleToasts.value[index + 1] ?? visibleToasts.value[index - 1]\n\n  dismiss(toast.id)\n\n  // Фокус не должен упасть на `body`: дальше по стеку есть что читать.\n  if (next) void nextTick(() => toastElement(next.id)?.focus())\n}\n\n// Единый источник правды по таймерам: тост тикает, только если он видим И стек не на\n// паузе. Очередь и hover — на паузе. Реагирует на изменения списка/hover.\n//\n// `timeoutMs` читается ради зависимости, а не ради значения: `toast.promise` и\n// `update` перезапускают таймер уже существующего тоста, не трогая ни список, ни\n// паузу. Без этой зависимости эффект не просыпался бы, и заново заведённый\n// таймер тикал бы под курсором или у тоста, который ещё ждёт в очереди, — тот\n// сгорал бы, ни разу не показавшись.\nwatchEffect(() => {\n  for (const toast of list.value) {\n    const shouldTick = toast.timeoutMs > 0 && visibleIds.value.has(toast.id) && !paused.value\n\n    if (shouldTick)\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\nconst containerStyle = computed(() => {\n  if (props.width === undefined) return undefined\n\n  return { '--gr-toaster-width': typeof props.width === 'number' ? `${props.width}px` : props.width }\n})\n\n\n/**\n * Переводит фокус на верхний тост. Тост фокусируем только программно\n * (`tabindex=\"-1\"`): собственной остановкой `Tab` стек быть не должен, иначе\n * всплывающее уведомление перехватывало бы обход страницы.\n */\nfunction focus(): boolean {\n  const target = containerEl.value?.querySelector<HTMLElement>('[data-gr-toast]')\n  if (!target) return false\n\n  target.focus()\n  return true\n}\n\nconst hotkeyBinding = computed(() => ({\n  enabled: props.focusHotkey !== false && visibleToasts.value.length > 0,\n  handlers: { [props.focusHotkey || 'F6']: { handler: onFocusHotkey, allowInEditable: true } },\n}))\n\nfunction onFocusHotkey(event: KeyboardEvent): void {\n  if (focus()) event.preventDefault()\n}\n\ndefineExpose({ focus })\n</script>\n\n<template>\n  <teleport :to=\"portalTarget\" :disabled=\"!teleportEnabled\">\n    <div\n        ref=\"containerEl\"\n        v-hotkey=\"hotkeyBinding\"\n        v-bind=\"themeAttrs\"\n        data-gr-toaster\n        data-gr-overlay-root\n        role=\"region\"\n        :aria-label=\"resolvedRegionLabel\"\n        class=\"fixed z-[var(--gr-z-toast)] w-[var(--gr-toaster-width,360px)] max-w-[calc(100vw-2rem)]\"\n        :class=\"containerClass\"\n        :style=\"containerStyle\"\n        @mouseenter=\"hovered = true\"\n        @mouseleave=\"hovered = false\"\n        @focusin=\"focusWithin = true\"\n        @focusout=\"focusWithin = false\"\n    >\n      <TransitionGroup\n          tag=\"div\"\n          class=\"grid gap-3\"\n          enter-active-class=\"transition duration-[var(--gr-duration-base)] ease-[var(--gr-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-[var(--gr-duration-fast)] ease-[var(--gr-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-[var(--gr-duration-base)] ease-[var(--gr-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            :data-toast-id=\"toast.id\"\n            :role=\"metaFor(toast.tone).role\"\n            aria-atomic=\"true\"\n            tabindex=\"-1\"\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)] focus-visible:outline-none focus-visible:shadow-[var(--gr-shadow-2),0_0_0_2px_var(--gr-ring)]\"\n            :class=\"swipeDismiss ? '[touch-action:pan-y]' : ''\"\n            :style=\"swipeStyle(toast)\"\n            @pointerdown=\"swipe.start\"\n            @keydown=\"onToastKeydown($event, toast)\"\n        >\n          <div class=\"flex items-start gap-3\">\n            <GrIcon size=\"md\" class=\"mt-0.5\" :style=\"{ color: metaFor(toast.tone).color }\">\n              <component :is=\"metaFor(toast.tone).icon\" />\n            </GrIcon>\n            <div class=\"min-w-0 flex-1\">\n              <div class=\"text-[length:var(--gr-text-sm)] font-700\">\n                {{ toast.title }}\n              </div>\n              <div v-if=\"toast.message\" class=\"mt-0.5 text-[length:var(--gr-text-sm)] 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\">\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\n/*\n * Единственная анимация пакета, которую глобальный кламп чинит неверно.\n *\n * У полосы `animation-fill-mode: forwards`, поэтому сжатая до `0.01ms` она не\n * возвращается в исходное состояние, а фиксируется на `scaleX(0)`: таймер\n * выглядит истёкшим, пока тост ещё висит на экране. Полоса — единственный\n * носитель этого смысла, и статичной её оставить нельзя, поэтому под reduce она\n * убирается совсем. Автозакрытие ведёт JS-таймер, оно не страдает, а сам элемент\n * и так `aria-hidden`.\n */\n@media (prefers-reduced-motion: reduce) {\n  .gr-toast-progress {\n    display: none;\n  }\n}\n</style>\n"],"mappings":"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"}

package/dist/components/GrToaster/index.js

@@ -1,3 +1,3 @@
 import { n as grToasterSafelist, t as grToasterConfig } from "../../chunks/config-ScuvHw6k2.js";
-import { t as GrToaster_default } from "./chunks/GrToaster-Ct-39hga.js";
+import { t as GrToaster_default } from "./chunks/GrToaster-Db2NgrXu.js";
 export { GrToaster_default as GrToaster, GrToaster_default as default, grToasterConfig, grToasterSafelist };