@greypan/web-ui 11.2.0 → 12.0.0

package/dist/components/toast/manager.js

@@ -1,141 +1,237 @@
-import { getFallbackOverlayRoot as e } from "../../shared/overlay/overlay-root.js";
-import { findNearestTheme as t, findRootTheme as n } from "../../shared/overlay/theme-overlay-scope.js";
-//#region src/components/toast/manager.ts
-var r = 0, i = /* @__PURE__ */ new Set(), a = /* @__PURE__ */ new Map(), o, s = !1;
-function c() {
-	return `toast-${++r}`;
-}
-function l(r) {
-	let i = r.target ? t(r.target) : n();
-	return r.container ?? i?.getOverlayRoot() ?? e();
-}
-function u(e, t) {
-	let n = Array.from(t.children).find((t) => t instanceof HTMLElement && t.dataset.wuiToastPosition === e);
-	if (n) return n;
-	let r = document.createElement("div");
-	return r.className = `wui-toast-container wui-toast-${e} wui-scroll`, r.dataset.wuiToastPosition = e, r.setAttribute("role", "log"), r.setAttribute("aria-live", "polite"), r.setAttribute("aria-relevant", "additions"), t.appendChild(r), i.add(r), r.addEventListener("pointerenter", () => r.dataset.hovered = "true"), r.addEventListener("pointerleave", () => {
-		delete r.dataset.hovered, f(r);
-	}), r;
-}
-function d(e) {
-	!e || e.children.length > 0 || (e.remove(), i.delete(e));
-}
-function f(e) {
-	e.dataset.hovered !== "true" && requestAnimationFrame(() => {
-		e.scrollTop = e.scrollHeight;
+import { getFallbackOverlayRoot } from "../../shared/overlay/overlay-root.js";
+import { findNearestTheme, findRootTheme } from "../../shared/overlay/theme-overlay-scope.js";
+// src/components/toast/manager.ts
+let toastIdCounter = 0;
+const toastContainers = /* @__PURE__ */ new Set();
+const visibleToasts = /* @__PURE__ */ new Map();
+let pendingBatch;
+let isBatchScheduled = false;
+function generateId() {
+	return `toast-${++toastIdCounter}`;
+}
+function resolveRoot(options) {
+	const targetTheme = options.target ? findNearestTheme(options.target) : findRootTheme();
+	return options.container ?? targetTheme?.getOverlayRoot() ?? getFallbackOverlayRoot();
+}
+function ensureContainer(position, root) {
+	const existing = Array.from(root.children).find((child) => child instanceof HTMLElement && child.dataset.wuiToastPosition === position);
+	if (existing) return existing;
+	const container = document.createElement("div");
+	container.className = `wui-toast-container wui-toast-${position} wui-scroll`;
+	container.dataset.wuiToastPosition = position;
+	container.setAttribute("role", "log");
+	container.setAttribute("aria-live", "polite");
+	container.setAttribute("aria-relevant", "additions");
+	root.appendChild(container);
+	toastContainers.add(container);
+	container.addEventListener("pointerenter", () => container.dataset.hovered = "true");
+	container.addEventListener("pointerleave", () => {
+		delete container.dataset.hovered;
+		scrollToBottom(container);
 	});
+	return container;
 }
-function p() {
-	s || (s = !0, Promise.resolve().then(m));
-}
-function m() {
-	s = !1;
-	let e = o;
-	if (o = void 0, !e) return;
-	let t = /* @__PURE__ */ new Set();
-	for (let n of e) {
-		let e = u(n.options.position || "top-right", n.root);
-		y(n.id, n.options, e), t.add(e);
+function pruneContainer(container) {
+	if (!container || container.children.length > 0) return;
+	container.remove();
+	toastContainers.delete(container);
+}
+function scrollToBottom(container) {
+	if (container.dataset.hovered === "true") return;
+	requestAnimationFrame(() => {
+		container.scrollTop = container.scrollHeight;
+	});
+}
+function scheduleBatchFlush() {
+	if (isBatchScheduled) return;
+	isBatchScheduled = true;
+	Promise.resolve().then(flushBatch);
+}
+function flushBatch() {
+	isBatchScheduled = false;
+	const batch = pendingBatch;
+	pendingBatch = void 0;
+	if (!batch) return;
+	const containersToScroll = /* @__PURE__ */ new Set();
+	for (const item of batch) {
+		const container = ensureContainer(item.options.position || "top-right", item.root);
+		mountToast(item.id, item.options, container);
+		containersToScroll.add(container);
 	}
-	for (let e of t) f(e);
+	for (const container of containersToScroll) scrollToBottom(container);
 }
-function h(e, t) {
+/**
+* 命令式 API 的 upsert 语义：指定同一个 id 的多次调用收敛到同一条 toast。
+* 给出的字段覆盖，未给出的保持原值；`container` 与 `target` 以首次为准，换 overlay root 牵连更广。
+*/
+function mergePatch(base, patch) {
 	return {
-		...e,
-		message: t.message ?? e.message,
-		heading: t.heading ?? e.heading,
-		type: t.type ?? e.type,
-		duration: t.duration ?? e.duration,
-		closable: t.closable ?? e.closable,
-		position: t.position ?? e.position,
-		container: e.container,
-		target: e.target
+		...base,
+		message: patch.message ?? base.message,
+		heading: patch.heading ?? base.heading,
+		type: patch.type ?? base.type,
+		duration: patch.duration ?? base.duration,
+		closable: patch.closable ?? base.closable,
+		position: patch.position ?? base.position,
+		container: base.container,
+		target: base.target
 	};
 }
-function g(e, t) {
-	t.message !== void 0 && (e.message = t.message), t.heading !== void 0 && (e.heading = t.heading), t.type !== void 0 && (e.type = t.type), t.closable !== void 0 && (e.noCloseButton = t.closable === !1), t.duration !== void 0 && e.setDuration(t.duration), t.position !== void 0 && t.position !== e.position && _(e, t.position);
-}
-function _(e, t) {
-	let n = e.parentElement, r = n?.parentElement;
-	if (!r) return;
-	let i = u(t, r), a = i;
-	typeof a.moveBefore == "function" ? a.moveBefore(e, null) : (e.pauseAutoClose(), i.appendChild(e), e.resumeAutoClose()), e.position = t, d(n), f(i);
-}
-function v(e) {
-	let t = e.id || c(), n = a.get(t);
-	if (n) {
-		if (n.isConnected && !n.dismissing) return g(n, e), t;
-		a.delete(t);
+function applyPatch(el, options) {
+	if (options.message !== void 0) el.message = options.message;
+	if (options.heading !== void 0) el.heading = options.heading;
+	if (options.type !== void 0) el.type = options.type;
+	if (options.closable !== void 0) el.noCloseButton = options.closable === false;
+	if (options.duration !== void 0) el.setDuration(options.duration);
+	if (options.position !== void 0 && options.position !== el.position) relocateToast(el, options.position);
+}
+function relocateToast(el, position) {
+	const prev = el.parentElement;
+	const root = prev?.parentElement;
+	if (!root) return;
+	const next = ensureContainer(position, root);
+	const movable = next;
+	if (typeof movable.moveBefore === "function") movable.moveBefore(el, null);
+	else {
+		el.pauseAutoClose();
+		next.appendChild(el);
+		el.resumeAutoClose();
+	}
+	el.position = position;
+	pruneContainer(prev);
+	scrollToBottom(next);
+}
+function createToast(options) {
+	const id = options.id || generateId();
+	const mounted = visibleToasts.get(id);
+	if (mounted) {
+		if (mounted.isConnected && !mounted.dismissing) {
+			applyPatch(mounted, options);
+			return id;
+		}
+		visibleToasts.delete(id);
 	}
-	let r = o?.find((e) => e.id === t);
-	return r ? (r.options = h(r.options, e), t) : (o ||= [], o.push({
-		id: t,
-		options: e,
-		root: l(e)
-	}), p(), t);
-}
-function y(e, t, n) {
-	let r = document.createElement("web-ui-toast"), i = t.type || "info";
-	r.toastId = e, r.type = i, r.position = t.position || "top-right", r.heading = t.heading || "", r.message = t.message, r.duration = t.duration ?? (i === "error" ? 5e3 : 3e3), r.noCloseButton = t.closable === !1, r.addEventListener("toast-close", () => b(r)), n.appendChild(r), a.set(e, r), requestAnimationFrame(() => {
-		r.dismissing || r.show();
+	const pending = pendingBatch?.find((item) => item.id === id);
+	if (pending) {
+		pending.options = mergePatch(pending.options, options);
+		return id;
+	}
+	if (!pendingBatch) pendingBatch = [];
+	pendingBatch.push({
+		id,
+		options,
+		root: resolveRoot(options)
+	});
+	scheduleBatchFlush();
+	return id;
+}
+function mountToast(id, options, container) {
+	const el = document.createElement("web-ui-toast");
+	const type = options.type || "info";
+	el.toastId = id;
+	el.type = type;
+	el.position = options.position || "top-right";
+	el.heading = options.heading || "";
+	el.message = options.message;
+	el.duration = options.duration ?? (type === "error" ? 5e3 : 3e3);
+	el.noCloseButton = options.closable === false;
+	el.addEventListener("toast-close", () => removeToastElement(el));
+	container.appendChild(el);
+	visibleToasts.set(id, el);
+	requestAnimationFrame(() => {
+		if (el.dismissing) return;
+		el.show();
 	});
 }
-function b(e) {
-	a.get(e.toastId) === e && a.delete(e.toastId);
-	let t = e.parentElement;
-	e.remove(), d(t);
-}
-function x(e) {
-	for (let t of i) for (let n of Array.from(t.children)) n.tagName === "WEB-UI-TOAST" && n.toastId === e && n.remove();
-	for (let e of Array.from(i)) d(e);
-}
-function S(e) {
-	let t = o;
-	if (t) {
-		let n = t.findIndex((t) => t.id === e);
-		if (n >= 0) {
-			t.splice(n, 1);
+/**
+* 按元素身份解绑并移除。退场中的旧元素会在稍后派发 `toast-close`，而此刻同 id 可能已经有
+* 新元素（退场窗口内的 upsert 会新建一条）；若按 `detail.id` 删映射，就会把刚建好的那条
+* 一起删掉 —— 与「孤儿元素收不走」是同一类缺陷，只是换了个入口。
+*/
+function removeToastElement(el) {
+	if (visibleToasts.get(el.toastId) === el) visibleToasts.delete(el.toastId);
+	const container = el.parentElement;
+	el.remove();
+	pruneContainer(container);
+}
+/**
+* id 不在 Map 里时仍要清掉同 id 的残留节点：按 id 删除的路径若在这里直接 return，
+* 重复挂载留下的孤儿 toast 就连自关闭、close() 和 clear() 都收不走，会永久留在
+* role="log" 容器里。强删不派发 `toast-close`，但对不可从管理器触达的元素来说没有消费方状态可言。
+*/
+function removeStray(id) {
+	for (const container of toastContainers) for (const child of Array.from(container.children)) {
+		if (child.tagName !== "WEB-UI-TOAST") continue;
+		if (child.toastId === id) child.remove();
+	}
+	for (const container of Array.from(toastContainers)) pruneContainer(container);
+}
+/**
+* 关闭一个 id 时，「还没开始显示」的两种状态都要能取消，否则 close() 会静默失效：
+*
+* - 同 tick 仍在 `pendingBatch` 里：还不是 DOM 元素，`removeStray` 扫不到 —— 出队即取消挂载。
+* - 已 `flushBatch`、rAF 里的 `show()` 未跑：元素在映射里但 `visible` 仍是 false，
+*   `dismiss()` 现在对这段窗口立即派发（无退场动画可播），由 toast-close 监听摘除。
+*
+* 已在退场的元素不必也不该再动：它自己延迟派发的 toast-close 会收尾，重复 close 不改变结果。
+*/
+function close(id) {
+	const queued = pendingBatch;
+	if (queued) {
+		const index = queued.findIndex((item) => item.id === id);
+		if (index >= 0) {
+			queued.splice(index, 1);
 			return;
 		}
 	}
-	let n = a.get(e);
-	if (n) {
-		n.dismiss("programmatic");
+	const el = visibleToasts.get(id);
+	if (el) {
+		el.dismiss("programmatic");
 		return;
 	}
-	x(e);
-}
-function C() {
-	o = void 0;
-	for (let e of a.values()) e.dismiss("clear");
-}
-function w(e) {
-	return v(e);
-}
-w.success = (e, t) => v({
-	...t,
-	message: e,
+	removeStray(id);
+}
+/**
+* 队列条目与已挂载元素一起取消。二者都会在同一个微任务内落地，只遍历已挂载元素会让
+* 「clear() 之后仍冒出一条」成为唯一的例外 —— 与 close() 的可用范围对齐。
+*/
+function clear() {
+	pendingBatch = void 0;
+	for (const el of visibleToasts.values()) el.dismiss("clear");
+}
+function toast(options) {
+	return createToast(options);
+}
+toast.success = (message, options) => createToast({
+	...options,
+	message,
 	type: "success"
-}), w.info = (e, t) => v({
-	...t,
-	message: e,
+});
+toast.info = (message, options) => createToast({
+	...options,
+	message,
 	type: "info"
-}), w.warning = (e, t) => v({
-	...t,
-	message: e,
+});
+toast.warning = (message, options) => createToast({
+	...options,
+	message,
 	type: "warning"
-}), w.error = (e, t) => v({
-	...t,
-	message: e,
+});
+toast.error = (message, options) => createToast({
+	...options,
+	message,
 	type: "error"
-}), w.close = S, w.clear = C, w._reset = () => {
-	o = void 0, s = !1;
-	for (let e of a.values()) e.remove();
-	a.clear();
-	for (let e of i) e.remove();
-	i.clear();
+});
+toast.close = close;
+toast.clear = clear;
+toast._reset = () => {
+	pendingBatch = void 0;
+	isBatchScheduled = false;
+	for (const el of visibleToasts.values()) el.remove();
+	visibleToasts.clear();
+	for (const container of toastContainers) container.remove();
+	toastContainers.clear();
 };
-//#endregion
-export { w as toast };
+export { toast };
 
 //# sourceMappingURL=manager.js.map

package/dist/components/toast/manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"manager.js","names":[],"sources":["../../../src/components/toast/manager.ts"],"sourcesContent":["import { getFallbackOverlayRoot } from '@/shared/overlay/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/overlay/theme-overlay-scope'\n\nimport type { WebUiToast } from './toast'\nimport type { ToastInstanceOptions, ToastOptions, ToastPosition } from './types'\n\nlet toastIdCounter = 0\n\nconst toastContainers = new Set<HTMLElement>()\nconst visibleToasts = new Map<string, WebUiToast>()\n\nlet pendingBatch: Array<{ id: string; options: ToastInstanceOptions; root: HTMLElement }> | undefined\nlet isBatchScheduled = false\n\ntype ToastShortcutOptions = Omit<ToastOptions, 'message' | 'type'> & Pick<ToastInstanceOptions, 'position'>\n\n// moveBefore 尚未进入 Baseline，DOM lib 未必声明；按能力探测调用，缺失时走降级分支。\ntype MaybeMoveBefore = HTMLElement & { moveBefore?: (node: Node, child: Node | null) => void }\n\nfunction generateId(): string {\n  return `toast-${++toastIdCounter}`\n}\n\nfunction resolveRoot(options: ToastInstanceOptions): HTMLElement {\n  const targetTheme = options.target ? findNearestTheme(options.target) : findRootTheme()\n  return options.container ?? targetTheme?.getOverlayRoot() ?? getFallbackOverlayRoot()\n}\n\nfunction ensureContainer(position: ToastPosition, root: HTMLElement): HTMLElement {\n  const existing = Array.from(root.children).find(\n    (child): child is HTMLElement => child instanceof HTMLElement && child.dataset.wuiToastPosition === position\n  )\n  if (existing) return existing\n\n  const container = document.createElement('div')\n  container.className = `wui-toast-container wui-toast-${position} wui-scroll`\n  container.dataset.wuiToastPosition = position\n  container.setAttribute('role', 'log')\n  container.setAttribute('aria-live', 'polite')\n  container.setAttribute('aria-relevant', 'additions')\n  root.appendChild(container)\n  toastContainers.add(container)\n\n  container.addEventListener('pointerenter', () => (container.dataset.hovered = 'true'))\n  container.addEventListener('pointerleave', () => {\n    delete container.dataset.hovered\n    scrollToBottom(container)\n  })\n  return container\n}\n\nfunction pruneContainer(container: HTMLElement | null) {\n  if (!container || container.children.length > 0) return\n  container.remove()\n  toastContainers.delete(container)\n}\n\nfunction scrollToBottom(container: HTMLElement) {\n  if (container.dataset.hovered === 'true') return\n  requestAnimationFrame(() => {\n    container.scrollTop = container.scrollHeight\n  })\n}\n\nfunction scheduleBatchFlush() {\n  if (isBatchScheduled) return\n  isBatchScheduled = true\n  void Promise.resolve().then(flushBatch)\n}\n\nfunction flushBatch() {\n  isBatchScheduled = false\n  const batch = pendingBatch\n  pendingBatch = undefined\n  if (!batch) return\n\n  const containersToScroll = new Set<HTMLElement>()\n  for (const item of batch) {\n    // 容器在挂载时才解析：待挂载条目被 patch 改了 position 也能落到正确容器。\n    const container = ensureContainer(item.options.position || 'top-right', item.root)\n    mountToast(item.id, item.options, container)\n    containersToScroll.add(container)\n  }\n  for (const container of containersToScroll) scrollToBottom(container)\n}\n\n/**\n * 命令式 API 的 upsert 语义：指定同一个 id 的多次调用收敛到同一条 toast。\n * 给出的字段覆盖，未给出的保持原值；`container` 与 `target` 以首次为准，换 overlay root 牵连更广。\n */\nfunction mergePatch(base: ToastInstanceOptions, patch: ToastInstanceOptions): ToastInstanceOptions {\n  return {\n    ...base,\n    message: patch.message ?? base.message,\n    heading: patch.heading ?? base.heading,\n    type: patch.type ?? base.type,\n    duration: patch.duration ?? base.duration,\n    closable: patch.closable ?? base.closable,\n    position: patch.position ?? base.position,\n    container: base.container,\n    target: base.target\n  }\n}\n\nfunction applyPatch(el: WebUiToast, options: ToastInstanceOptions) {\n  if (options.message !== undefined) el.message = options.message\n  if (options.heading !== undefined) el.heading = options.heading\n  if (options.type !== undefined) el.type = options.type\n  if (options.closable !== undefined) el.noCloseButton = options.closable === false\n  // duration 只有显式传入才重启计时；message/heading/type 都是 Lit 属性，赋值不碰 _closeTimer。\n  // 悬停暂停期间交给元素自己裁决：setDuration() 只记新值不点火，否则鼠标还压在 toast 上\n  // 时倒计时就被重启，「悬停暂停」在这条路径上会静默失效。\n  if (options.duration !== undefined) el.setDuration(options.duration)\n  if (options.position !== undefined && options.position !== el.position) relocateToast(el, options.position)\n}\n\nfunction relocateToast(el: WebUiToast, position: ToastPosition) {\n  const prev = el.parentElement\n  const root = prev?.parentElement\n  if (!root) return\n  const next = ensureContainer(position, root)\n\n  const movable = next as MaybeMoveBefore\n  if (typeof movable.moveBefore === 'function') {\n    // 不摘出节点，disconnected/connected 都不触发：计时、焦点与动画状态原样保留。\n    movable.moveBefore(el, null)\n  } else {\n    el.pauseAutoClose()\n    next.appendChild(el)\n    el.resumeAutoClose()\n  }\n\n  el.position = position\n  pruneContainer(prev)\n  scrollToBottom(next)\n}\n\nfunction createToast(options: ToastInstanceOptions): string {\n  const id = options.id || generateId()\n\n  const mounted = visibleToasts.get(id)\n  if (mounted) {\n    /*\n     * 「已挂载但 show() 还没跑」的窗口（mountToast 之后、rAF 里的 show() 之前）仍复用同一条元素；\n     * 正在退场、或被宿主摘出 DOM 的元素则不再接受更新。后者的补丁只会落在一条即将（或已经）\n     * 离开文档的元素上：调用方拿到同一个 id，却没有任何可见通知，`relocateToast` 也会因\n     * 找不到 root 而静默吞掉 position。因此摘掉映射、改走新建路径。\n     * 退场元素仍在 DOM 里，由它自己延迟派发的 `toast-close` 收尾（按元素身份解绑，见 removeToastElement）。\n     */\n    if (mounted.isConnected && !mounted.dismissing) {\n      applyPatch(mounted, options)\n      return id\n    }\n    visibleToasts.delete(id)\n  }\n\n  const pending = pendingBatch?.find(item => item.id === id)\n  if (pending) {\n    pending.options = mergePatch(pending.options, options)\n    return id\n  }\n\n  if (!pendingBatch) pendingBatch = []\n  pendingBatch.push({ id, options, root: resolveRoot(options) })\n  scheduleBatchFlush()\n  return id\n}\n\nfunction mountToast(id: string, options: ToastInstanceOptions, container: HTMLElement) {\n  const el = document.createElement('web-ui-toast')\n  const type = options.type || 'info'\n  el.toastId = id\n  el.type = type\n  el.position = options.position || 'top-right'\n  el.heading = options.heading || ''\n  el.message = options.message\n  // error 的 5000 只在挂载时兜底，不写进 options：写进去 applyPatch 就会把它当成「显式传入\n  // duration」而每次 upsert 都重启倒计时，与「duration 只有显式传入才重启」的契约冲突。\n  el.duration = options.duration ?? (type === 'error' ? 5000 : 3000)\n  el.noCloseButton = options.closable === false\n\n  el.addEventListener('toast-close', () => removeToastElement(el))\n\n  container.appendChild(el)\n  visibleToasts.set(id, el)\n  requestAnimationFrame(() => {\n    // close()/clear() 可能已经在这段窗口里收走了它（见 dismiss 的无退场动画分支）：\n    // 不再入场，否则一条孤儿元素会在 duration 之后补派一次同 id 的 toast-close。\n    if (el.dismissing) return\n    el.show()\n  })\n}\n\n/**\n * 按元素身份解绑并移除。退场中的旧元素会在稍后派发 `toast-close`，而此刻同 id 可能已经有\n * 新元素（退场窗口内的 upsert 会新建一条）；若按 `detail.id` 删映射，就会把刚建好的那条\n * 一起删掉 —— 与「孤儿元素收不走」是同一类缺陷，只是换了个入口。\n */\nfunction removeToastElement(el: WebUiToast) {\n  if (visibleToasts.get(el.toastId) === el) visibleToasts.delete(el.toastId)\n  const container = el.parentElement\n  el.remove()\n  pruneContainer(container)\n}\n\n/**\n * id 不在 Map 里时仍要清掉同 id 的残留节点：早先的按 id 删除路径在这里直接 return，\n * 重复挂载留下的孤儿 toast 因此连自关闭、close() 和 clear() 都收不走，会永久留在\n * role=\"log\" 容器里。强删不派发 `toast-close`，但对不可从管理器触达的元素来说没有消费方状态可言。\n */\nfunction removeStray(id: string) {\n  for (const container of toastContainers) {\n    for (const child of Array.from(container.children)) {\n      if (child.tagName !== 'WEB-UI-TOAST') continue\n      if ((child as Partial<WebUiToast>).toastId === id) child.remove()\n    }\n  }\n  for (const container of Array.from(toastContainers)) pruneContainer(container)\n}\n\n/**\n * 关闭一个 id 时，「还没开始显示」的两种状态都要能取消，否则 close() 会静默失效：\n *\n * - 同 tick 仍在 `pendingBatch` 里：还不是 DOM 元素，`removeStray` 扫不到 —— 出队即取消挂载。\n * - 已 `flushBatch`、rAF 里的 `show()` 未跑：元素在映射里但 `visible` 仍是 false，\n *   `dismiss()` 现在对这段窗口立即派发（无退场动画可播），由 toast-close 监听摘除。\n *\n * 已在退场的元素不必也不该再动：它自己延迟派发的 toast-close 会收尾，重复 close 不改变结果。\n */\nfunction close(id: string) {\n  const queued = pendingBatch\n  if (queued) {\n    const index = queued.findIndex(item => item.id === id)\n    if (index >= 0) {\n      queued.splice(index, 1)\n      return\n    }\n  }\n\n  const el = visibleToasts.get(id)\n  if (el) {\n    el.dismiss('programmatic')\n    return\n  }\n  removeStray(id)\n}\n\n/**\n * 队列条目与已挂载元素一起取消。二者都会在同一个微任务内落地，只遍历已挂载元素会让\n * 「clear() 之后仍冒出一条」成为唯一的例外 —— 与 close() 的可用范围对齐。\n */\nfunction clear() {\n  pendingBatch = undefined\n  for (const el of visibleToasts.values()) el.dismiss('clear')\n}\n\nfunction toast(options: ToastInstanceOptions): string {\n  return createToast(options)\n}\n\ntoast.success = (message: string, options?: ToastShortcutOptions) =>\n  createToast({ ...options, message, type: 'success' })\ntoast.info = (message: string, options?: ToastShortcutOptions) => createToast({ ...options, message, type: 'info' })\ntoast.warning = (message: string, options?: ToastShortcutOptions) =>\n  createToast({ ...options, message, type: 'warning' })\n// 不注入 duration：error 的 5000 默认值在 mountToast 兜底，否则 upsert 每次都判定为\n// 「显式传入 duration」而重启倒计时（success/info/warning 都没有这个不对称）。\ntoast.error = (message: string, options?: ToastShortcutOptions) => createToast({ ...options, message, type: 'error' })\ntoast.close = close\ntoast.clear = clear\n\n// 重置全部状态（测试用）\ntoast._reset = () => {\n  pendingBatch = undefined\n  isBatchScheduled = false\n  for (const el of visibleToasts.values()) el.remove()\n  visibleToasts.clear()\n  for (const container of toastContainers) container.remove()\n  toastContainers.clear()\n}\n\nexport { toast }\n"],"mappings":"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"}
+{"version":3,"file":"manager.js","names":[],"sources":["../../../src/components/toast/manager.ts"],"sourcesContent":["import { getFallbackOverlayRoot } from '@/shared/overlay/overlay-root'\nimport { findNearestTheme, findRootTheme } from '@/shared/overlay/theme-overlay-scope'\n\nimport type { WebUiToast } from './toast'\nimport type { ToastInstanceOptions, ToastOptions, ToastPosition } from './types'\n\nlet toastIdCounter = 0\n\nconst toastContainers = new Set<HTMLElement>()\nconst visibleToasts = new Map<string, WebUiToast>()\n\nlet pendingBatch: Array<{ id: string; options: ToastInstanceOptions; root: HTMLElement }> | undefined\nlet isBatchScheduled = false\n\ntype ToastShortcutOptions = Omit<ToastOptions, 'message' | 'type'> & Pick<ToastInstanceOptions, 'position'>\n\n// moveBefore 尚未进入 Baseline，DOM lib 未必声明；按能力探测调用，缺失时走降级分支。\ntype MaybeMoveBefore = HTMLElement & { moveBefore?: (node: Node, child: Node | null) => void }\n\nfunction generateId(): string {\n  return `toast-${++toastIdCounter}`\n}\n\nfunction resolveRoot(options: ToastInstanceOptions): HTMLElement {\n  const targetTheme = options.target ? findNearestTheme(options.target) : findRootTheme()\n  return options.container ?? targetTheme?.getOverlayRoot() ?? getFallbackOverlayRoot()\n}\n\nfunction ensureContainer(position: ToastPosition, root: HTMLElement): HTMLElement {\n  const existing = Array.from(root.children).find(\n    (child): child is HTMLElement => child instanceof HTMLElement && child.dataset.wuiToastPosition === position\n  )\n  if (existing) return existing\n\n  const container = document.createElement('div')\n  container.className = `wui-toast-container wui-toast-${position} wui-scroll`\n  container.dataset.wuiToastPosition = position\n  container.setAttribute('role', 'log')\n  container.setAttribute('aria-live', 'polite')\n  container.setAttribute('aria-relevant', 'additions')\n  root.appendChild(container)\n  toastContainers.add(container)\n\n  container.addEventListener('pointerenter', () => (container.dataset.hovered = 'true'))\n  container.addEventListener('pointerleave', () => {\n    delete container.dataset.hovered\n    scrollToBottom(container)\n  })\n  return container\n}\n\nfunction pruneContainer(container: HTMLElement | null) {\n  if (!container || container.children.length > 0) return\n  container.remove()\n  toastContainers.delete(container)\n}\n\nfunction scrollToBottom(container: HTMLElement) {\n  if (container.dataset.hovered === 'true') return\n  requestAnimationFrame(() => {\n    container.scrollTop = container.scrollHeight\n  })\n}\n\nfunction scheduleBatchFlush() {\n  if (isBatchScheduled) return\n  isBatchScheduled = true\n  void Promise.resolve().then(flushBatch)\n}\n\nfunction flushBatch() {\n  isBatchScheduled = false\n  const batch = pendingBatch\n  pendingBatch = undefined\n  if (!batch) return\n\n  const containersToScroll = new Set<HTMLElement>()\n  for (const item of batch) {\n    // 容器在挂载时才解析：待挂载条目被 patch 改了 position 也能落到正确容器。\n    const container = ensureContainer(item.options.position || 'top-right', item.root)\n    mountToast(item.id, item.options, container)\n    containersToScroll.add(container)\n  }\n  for (const container of containersToScroll) scrollToBottom(container)\n}\n\n/**\n * 命令式 API 的 upsert 语义：指定同一个 id 的多次调用收敛到同一条 toast。\n * 给出的字段覆盖，未给出的保持原值；`container` 与 `target` 以首次为准，换 overlay root 牵连更广。\n */\nfunction mergePatch(base: ToastInstanceOptions, patch: ToastInstanceOptions): ToastInstanceOptions {\n  return {\n    ...base,\n    message: patch.message ?? base.message,\n    heading: patch.heading ?? base.heading,\n    type: patch.type ?? base.type,\n    duration: patch.duration ?? base.duration,\n    closable: patch.closable ?? base.closable,\n    position: patch.position ?? base.position,\n    container: base.container,\n    target: base.target\n  }\n}\n\nfunction applyPatch(el: WebUiToast, options: ToastInstanceOptions) {\n  if (options.message !== undefined) el.message = options.message\n  if (options.heading !== undefined) el.heading = options.heading\n  if (options.type !== undefined) el.type = options.type\n  if (options.closable !== undefined) el.noCloseButton = options.closable === false\n  // duration 只有显式传入才重启计时；message/heading/type 都是 Lit 属性，赋值不碰 _closeTimer。\n  // 悬停暂停期间交给元素自己裁决：setDuration() 只记新值不点火，否则鼠标还压在 toast 上\n  // 时倒计时就被重启，「悬停暂停」在这条路径上会静默失效。\n  if (options.duration !== undefined) el.setDuration(options.duration)\n  if (options.position !== undefined && options.position !== el.position) relocateToast(el, options.position)\n}\n\nfunction relocateToast(el: WebUiToast, position: ToastPosition) {\n  const prev = el.parentElement\n  const root = prev?.parentElement\n  if (!root) return\n  const next = ensureContainer(position, root)\n\n  const movable = next as MaybeMoveBefore\n  if (typeof movable.moveBefore === 'function') {\n    // 不摘出节点，disconnected/connected 都不触发：计时、焦点与动画状态原样保留。\n    movable.moveBefore(el, null)\n  } else {\n    el.pauseAutoClose()\n    next.appendChild(el)\n    el.resumeAutoClose()\n  }\n\n  el.position = position\n  pruneContainer(prev)\n  scrollToBottom(next)\n}\n\nfunction createToast(options: ToastInstanceOptions): string {\n  const id = options.id || generateId()\n\n  const mounted = visibleToasts.get(id)\n  if (mounted) {\n    /*\n     * 「已挂载但 show() 还没跑」的窗口（mountToast 之后、rAF 里的 show() 之前）仍复用同一条元素；\n     * 正在退场、或被宿主摘出 DOM 的元素则不再接受更新。后者的补丁只会落在一条即将（或已经）\n     * 离开文档的元素上：调用方拿到同一个 id，却没有任何可见通知，`relocateToast` 也会因\n     * 找不到 root 而静默吞掉 position。因此摘掉映射、改走新建路径。\n     * 退场元素仍在 DOM 里，由它自己延迟派发的 `toast-close` 收尾（按元素身份解绑，见 removeToastElement）。\n     */\n    if (mounted.isConnected && !mounted.dismissing) {\n      applyPatch(mounted, options)\n      return id\n    }\n    visibleToasts.delete(id)\n  }\n\n  const pending = pendingBatch?.find(item => item.id === id)\n  if (pending) {\n    pending.options = mergePatch(pending.options, options)\n    return id\n  }\n\n  if (!pendingBatch) pendingBatch = []\n  pendingBatch.push({ id, options, root: resolveRoot(options) })\n  scheduleBatchFlush()\n  return id\n}\n\nfunction mountToast(id: string, options: ToastInstanceOptions, container: HTMLElement) {\n  const el = document.createElement('web-ui-toast')\n  const type = options.type || 'info'\n  el.toastId = id\n  el.type = type\n  el.position = options.position || 'top-right'\n  el.heading = options.heading || ''\n  el.message = options.message\n  // error 的 5000 只在挂载时兜底，不写进 options：写进去 applyPatch 就会把它当成「显式传入\n  // duration」而每次 upsert 都重启倒计时，与「duration 只有显式传入才重启」的契约冲突。\n  el.duration = options.duration ?? (type === 'error' ? 5000 : 3000)\n  el.noCloseButton = options.closable === false\n\n  el.addEventListener('toast-close', () => removeToastElement(el))\n\n  container.appendChild(el)\n  visibleToasts.set(id, el)\n  requestAnimationFrame(() => {\n    // close()/clear() 可能已经在这段窗口里收走了它（见 dismiss 的无退场动画分支）：\n    // 不再入场，否则一条孤儿元素会在 duration 之后补派一次同 id 的 toast-close。\n    if (el.dismissing) return\n    el.show()\n  })\n}\n\n/**\n * 按元素身份解绑并移除。退场中的旧元素会在稍后派发 `toast-close`，而此刻同 id 可能已经有\n * 新元素（退场窗口内的 upsert 会新建一条）；若按 `detail.id` 删映射，就会把刚建好的那条\n * 一起删掉 —— 与「孤儿元素收不走」是同一类缺陷，只是换了个入口。\n */\nfunction removeToastElement(el: WebUiToast) {\n  if (visibleToasts.get(el.toastId) === el) visibleToasts.delete(el.toastId)\n  const container = el.parentElement\n  el.remove()\n  pruneContainer(container)\n}\n\n/**\n * id 不在 Map 里时仍要清掉同 id 的残留节点：按 id 删除的路径若在这里直接 return，\n * 重复挂载留下的孤儿 toast 就连自关闭、close() 和 clear() 都收不走，会永久留在\n * role=\"log\" 容器里。强删不派发 `toast-close`，但对不可从管理器触达的元素来说没有消费方状态可言。\n */\nfunction removeStray(id: string) {\n  for (const container of toastContainers) {\n    for (const child of Array.from(container.children)) {\n      if (child.tagName !== 'WEB-UI-TOAST') continue\n      if ((child as Partial<WebUiToast>).toastId === id) child.remove()\n    }\n  }\n  for (const container of Array.from(toastContainers)) pruneContainer(container)\n}\n\n/**\n * 关闭一个 id 时，「还没开始显示」的两种状态都要能取消，否则 close() 会静默失效：\n *\n * - 同 tick 仍在 `pendingBatch` 里：还不是 DOM 元素，`removeStray` 扫不到 —— 出队即取消挂载。\n * - 已 `flushBatch`、rAF 里的 `show()` 未跑：元素在映射里但 `visible` 仍是 false，\n *   `dismiss()` 现在对这段窗口立即派发（无退场动画可播），由 toast-close 监听摘除。\n *\n * 已在退场的元素不必也不该再动：它自己延迟派发的 toast-close 会收尾，重复 close 不改变结果。\n */\nfunction close(id: string) {\n  const queued = pendingBatch\n  if (queued) {\n    const index = queued.findIndex(item => item.id === id)\n    if (index >= 0) {\n      queued.splice(index, 1)\n      return\n    }\n  }\n\n  const el = visibleToasts.get(id)\n  if (el) {\n    el.dismiss('programmatic')\n    return\n  }\n  removeStray(id)\n}\n\n/**\n * 队列条目与已挂载元素一起取消。二者都会在同一个微任务内落地，只遍历已挂载元素会让\n * 「clear() 之后仍冒出一条」成为唯一的例外 —— 与 close() 的可用范围对齐。\n */\nfunction clear() {\n  pendingBatch = undefined\n  for (const el of visibleToasts.values()) el.dismiss('clear')\n}\n\nfunction toast(options: ToastInstanceOptions): string {\n  return createToast(options)\n}\n\ntoast.success = (message: string, options?: ToastShortcutOptions) =>\n  createToast({ ...options, message, type: 'success' })\ntoast.info = (message: string, options?: ToastShortcutOptions) => createToast({ ...options, message, type: 'info' })\ntoast.warning = (message: string, options?: ToastShortcutOptions) =>\n  createToast({ ...options, message, type: 'warning' })\n// 不注入 duration：error 的 5000 默认值在 mountToast 兜底，否则 upsert 每次都判定为\n// 「显式传入 duration」而重启倒计时（success/info/warning 都没有这个不对称）。\ntoast.error = (message: string, options?: ToastShortcutOptions) => createToast({ ...options, message, type: 'error' })\ntoast.close = close\ntoast.clear = clear\n\n// 重置全部状态（测试用）\ntoast._reset = () => {\n  pendingBatch = undefined\n  isBatchScheduled = false\n  for (const el of visibleToasts.values()) el.remove()\n  visibleToasts.clear()\n  for (const container of toastContainers) container.remove()\n  toastContainers.clear()\n}\n\nexport { toast }\n"],"mappings":"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"}

package/dist/components/toast/style.js

@@ -1,6 +1,5 @@
-//#region src/components/toast/style.css?inline
-var e = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([hidden]){display:none}.toast{--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-glass-corner-radius:var(--wui-radius-menu,18px);transform:translate(var(--toast-slide-x,0), var(--toast-slide-y,-8px)) scale(var(--wui-scale-enter,.9));gap:var(--wui-space-2,8px);width:min(320px, calc(100dvw - 2 * var(--wui-toast-viewport-gap,16px)));min-height:36px;padding:var(--wui-space-2,8px);border-radius:var(--wui-radius-menu,18px);font-size:var(--wui-font-size,14px);line-height:var(--wui-line-height-normal,1.5);color:var(--wui-color-text,#1b1b1b);opacity:0;background-color:var(--wui-color-surface-overlay,#f8f8f8eb);-webkit-backdrop-filter:blur(0) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(0) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));transition:opacity var(--wui-duration-toast-enter,.28s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), -webkit-backdrop-filter var(--wui-duration-toast-enter,.28s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), backdrop-filter var(--wui-duration-toast-enter,.28s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), transform var(--wui-duration-toast-enter,.28s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1));display:flex;position:relative}:host([visible]) .toast{opacity:1;-webkit-backdrop-filter:blur(var(--wui-glass-blur,4px)) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(var(--wui-glass-blur,4px)) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));transform:translate(0)scale(1)}:host(:not([visible])) .toast{transition-duration:var(--wui-duration-toast-exit,.2s)}web-ui-button.toast-close-btn{pointer-events:none;cursor:default;opacity:0;transition:opacity var(--wui-duration-trigger,.16s) ease;position:absolute;top:-8px;right:-8px}web-ui-button.toast-close-btn:focus-within{pointer-events:auto;opacity:1}@media (hover:none),(pointer:coarse){web-ui-button.toast-close-btn{pointer-events:auto;cursor:pointer;opacity:1}}@media (hover:hover) and (pointer:fine){web-ui-button.toast-close-btn:hover,.toast:hover web-ui-button.toast-close-btn{pointer-events:auto;opacity:1}}.toast web-ui-button[icon]{--wui-button-color:var(--wui-color-text-secondary,#6a6a6a)}.toast-icon{border-radius:var(--wui-radius-control,calc(infinity * 1px));flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-bottom:auto;display:flex}.toast.success .toast-icon{color:var(--wui-color-success,#16a34a);background-color:color-mix(in srgb, var(--wui-color-success,#16a34a) 10%, transparent)}.toast.info .toast-icon{color:var(--wui-color-info,#2563eb);background-color:color-mix(in srgb, var(--wui-color-info,#2563eb) 10%, transparent)}.toast.warning .toast-icon{color:var(--wui-color-warning,#d97706);background-color:color-mix(in srgb, var(--wui-color-warning,#d97706) 10%, transparent)}.toast.error .toast-icon{color:var(--wui-color-danger,#dc2626);background-color:color-mix(in srgb, var(--wui-color-danger,#dc2626) 10%, transparent)}.toast-body{flex:1;min-width:0}.toast-heading{font-size:var(--wui-font-size,14px);font-weight:var(--wui-font-weight-semibold,600);line-height:var(--wui-line-height-snug,1.4);color:var(--wui-color-text,#1b1b1b);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast-message{-webkit-line-clamp:3;font-size:calc(var(--wui-font-size,14px) - 1px);line-height:var(--wui-line-height-snug,1.4);color:color-mix(in srgb, var(--wui-color-text,#1b1b1b) 55%, transparent);word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toast-time{font-size:var(--wui-font-size-caption,12px);color:color-mix(in srgb, var(--wui-color-text,#1b1b1b) 30%, transparent);white-space:nowrap}@media (prefers-reduced-motion:reduce){.toast,:host([visible]) .toast{transition-duration:var(--wui-duration-feedback,.1s);transform:none}}";
-//#endregion
-export { e as default };
+// src/components/toast/style.css?inline
+var style_default = "*,:before,:after{box-sizing:border-box}:host{display:block}:host([hidden]){display:none}.toast{--wui-internal-glass-shadow:var(--wui-shadow-panel,0 3px 9px #00000045);--wui-glass-corner-radius:var(--wui-radius-menu,18px);transform:translate(var(--toast-slide-x,0), var(--toast-slide-y,-8px)) scale(var(--wui-scale-enter,.9));gap:var(--wui-space-2,8px);width:min(320px, calc(100dvw - 2 * var(--wui-toast-viewport-gap,16px)));min-height:36px;padding:var(--wui-space-2,8px);border-radius:var(--wui-radius-menu,18px);font-size:var(--wui-font-size,14px);line-height:var(--wui-line-height-normal,1.5);color:var(--wui-color-text,#1b1b1b);opacity:0;background-color:var(--wui-color-surface-overlay,#f8f8f8eb);-webkit-backdrop-filter:blur(0) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(0) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));transition:opacity var(--wui-duration-toast-enter,.28s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), -webkit-backdrop-filter var(--wui-duration-toast-enter,.28s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), backdrop-filter var(--wui-duration-toast-enter,.28s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1)), transform var(--wui-duration-toast-enter,.28s) var(--wui-ease-enter,cubic-bezier(.23, 1, .32, 1));display:flex;position:relative}:host([visible]) .toast{opacity:1;-webkit-backdrop-filter:blur(var(--wui-glass-blur,4px)) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));backdrop-filter:blur(var(--wui-glass-blur,4px)) saturate(var(--wui-glass-saturation,160%)) brightness(var(--wui-glass-brightness,1.06));transform:translate(0)scale(1)}:host(:not([visible])) .toast{transition-duration:var(--wui-duration-toast-exit,.2s)}web-ui-button.toast-close-btn{pointer-events:none;cursor:default;opacity:0;transition:opacity var(--wui-duration-trigger,.16s) ease;position:absolute;top:-8px;right:-8px}web-ui-button.toast-close-btn:focus-within{pointer-events:auto;opacity:1}@media (hover:none),(pointer:coarse){web-ui-button.toast-close-btn{pointer-events:auto;cursor:pointer;opacity:1}}@media (hover:hover) and (pointer:fine){web-ui-button.toast-close-btn:hover,.toast:hover web-ui-button.toast-close-btn{pointer-events:auto;opacity:1}}.toast web-ui-button[icon]{--wui-button-color:var(--wui-color-text-secondary,#6a6a6a)}.toast-icon{border-radius:var(--wui-radius-control,calc(infinity * 1px));flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;margin-bottom:auto;display:flex}.toast.success .toast-icon{color:var(--wui-color-success,#16a34a);background-color:color-mix(in srgb, var(--wui-color-success,#16a34a) 10%, transparent)}.toast.info .toast-icon{color:var(--wui-color-info,#2563eb);background-color:color-mix(in srgb, var(--wui-color-info,#2563eb) 10%, transparent)}.toast.warning .toast-icon{color:var(--wui-color-warning,#d97706);background-color:color-mix(in srgb, var(--wui-color-warning,#d97706) 10%, transparent)}.toast.error .toast-icon{color:var(--wui-color-danger,#dc2626);background-color:color-mix(in srgb, var(--wui-color-danger,#dc2626) 10%, transparent)}.toast-body{flex:1;min-width:0}.toast-heading{font-size:var(--wui-font-size,14px);font-weight:var(--wui-font-weight-semibold,600);line-height:var(--wui-line-height-snug,1.4);color:var(--wui-color-text,#1b1b1b);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.toast-message{-webkit-line-clamp:3;font-size:calc(var(--wui-font-size,14px) - 1px);line-height:var(--wui-line-height-snug,1.4);color:color-mix(in srgb, var(--wui-color-text,#1b1b1b) 55%, transparent);word-break:break-all;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.toast-time{font-size:var(--wui-font-size-caption,12px);color:color-mix(in srgb, var(--wui-color-text,#1b1b1b) 30%, transparent);white-space:nowrap}@media (prefers-reduced-motion:reduce){.toast,:host([visible]) .toast{transition-duration:var(--wui-duration-feedback,.1s);transform:none}}\n";
+export { style_default as default };
 
 //# sourceMappingURL=style.js.map

package/dist/components/toast/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/toast/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* 单层玻璃：.toast 自身承担背景/阴影/backdrop-filter。blur(0px) ↔ blur(4px) 平滑\n   插值（none↔blur 不可插值才是当年生硬跳变的根因），own opacity 过渡不禁用自身\n   blur，因此 toast 直接 opacity + backdrop-filter + transform 同步过渡，无需双层。 */\n.toast {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n  position: relative;\n  transform: translate(var(--toast-slide-x, 0), var(--toast-slide-y, -8px)) scale(var(--wui-scale-enter, 0.9));\n\n  display: flex;\n  gap: var(--wui-space-2, 8px);\n\n  width: min(320px, calc(100dvw - 2 * var(--wui-toast-viewport-gap, 16px)));\n  min-height: 36px;\n  padding: var(--wui-space-2, 8px);\n  border-radius: var(--wui-radius-menu, 18px);\n\n  font-size: var(--wui-font-size, 14px);\n  line-height: var(--wui-line-height-normal, 1.5);\n  color: var(--wui-color-text, #1b1b1b);\n\n  opacity: 0;\n  background-color: var(--wui-color-surface-overlay, rgb(248 248 248 / 0.92));\n  backdrop-filter: blur(0) saturate(var(--wui-glass-saturation, 160%)) brightness(var(--wui-glass-brightness, 1.06));\n\n  /* transition 列表需手写 -webkit-backdrop-filter：lightningcss 不会在 transition\n   value 内追加 -webkit 项，iOS 16.4 上 blur 过渡依赖它（属性前缀会自动生成）。 */\n  transition:\n    opacity var(--wui-duration-toast-enter, 280ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    -webkit-backdrop-filter var(--wui-duration-toast-enter, 280ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    backdrop-filter var(--wui-duration-toast-enter, 280ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    transform var(--wui-duration-toast-enter, 280ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n}\n\n:host([visible]) .toast {\n  transform: translate(0, 0) scale(1);\n  opacity: 1;\n  backdrop-filter: blur(var(--wui-glass-blur, 4px)) saturate(var(--wui-glass-saturation, 160%))\n    brightness(var(--wui-glass-brightness, 1.06));\n}\n\n:host(:not([visible])) .toast {\n  transition-duration: var(--wui-duration-toast-exit, 200ms);\n}\n\n/* ===== 关闭 button（放在 hover 规则之前，避免 specificity 降序） ===== */\n\nweb-ui-button.toast-close-btn {\n  pointer-events: none;\n  cursor: default;\n\n  position: absolute;\n  top: -8px;\n  right: -8px;\n\n  opacity: 0;\n\n  transition: opacity var(--wui-duration-trigger, 160ms) ease;\n\n  /* 内层原生 button 获得键盘焦点时宿主同样可见 */\n  &:focus-within {\n    pointer-events: auto;\n    opacity: 1;\n  }\n}\n\n@media (hover: none), (pointer: coarse) {\n  web-ui-button.toast-close-btn {\n    pointer-events: auto;\n    cursor: pointer;\n    opacity: 1;\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  web-ui-button.toast-close-btn:hover,\n  .toast:hover web-ui-button.toast-close-btn {\n    pointer-events: auto;\n    opacity: 1;\n  }\n}\n\n/* secondary 变体默认用文本色，恢复原关闭 button 的 muted 观感 */\n.toast web-ui-button[icon] {\n  --wui-button-color: var(--wui-color-text-secondary, #6a6a6a);\n}\n\n.toast-icon {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 20px;\n  height: 20px;\n  margin-bottom: auto;\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n}\n\n.toast.success .toast-icon {\n  color: var(--wui-color-success, #16a34a);\n  background-color: color-mix(in srgb, var(--wui-color-success, #16a34a) 10%, transparent);\n}\n\n.toast.info .toast-icon {\n  color: var(--wui-color-info, #2563eb);\n  background-color: color-mix(in srgb, var(--wui-color-info, #2563eb) 10%, transparent);\n}\n\n.toast.warning .toast-icon {\n  color: var(--wui-color-warning, #d97706);\n  background-color: color-mix(in srgb, var(--wui-color-warning, #d97706) 10%, transparent);\n}\n\n.toast.error .toast-icon {\n  color: var(--wui-color-danger, #dc2626);\n  background-color: color-mix(in srgb, var(--wui-color-danger, #dc2626) 10%, transparent);\n}\n\n.toast-body {\n  flex: 1;\n  min-width: 0;\n}\n\n.toast-heading {\n  overflow: hidden;\n\n  font-size: var(--wui-font-size, 14px);\n  font-weight: var(--wui-font-weight-semibold, 600);\n  line-height: var(--wui-line-height-snug, 1.4);\n  color: var(--wui-color-text, #1b1b1b);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.toast-message {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n\n  font-size: calc(var(--wui-font-size, 14px) - 1px);\n  line-height: var(--wui-line-height-snug, 1.4);\n  color: color-mix(in srgb, var(--wui-color-text, #1b1b1b) 55%, transparent);\n  word-break: break-all;\n}\n\n.toast-time {\n  font-size: var(--wui-font-size-caption, 12px);\n  color: color-mix(in srgb, var(--wui-color-text, #1b1b1b) 30%, transparent);\n  white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .toast,\n  :host([visible]) .toast {\n    transform: none;\n    transition-duration: var(--wui-duration-feedback, 100ms);\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"style.js","names":[],"sources":["../../../src/components/toast/style.css?inline"],"sourcesContent":["*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\n:host {\n  display: block;\n}\n\n:host([hidden]) {\n  display: none;\n}\n\n/* 单层玻璃：.toast 自身承担背景/阴影/backdrop-filter。blur(0px) ↔ blur(4px) 平滑\n   插值（none↔blur 不可插值，直接切换会跳变），own opacity 过渡不禁用自身\n   blur，因此 toast 直接 opacity + backdrop-filter + transform 同步过渡，无需双层。 */\n.toast {\n  --wui-internal-glass-shadow: var(--wui-shadow-panel, 0 3px 9px rgb(0 0 0 / 0.27));\n  --wui-glass-corner-radius: var(--wui-radius-menu, 18px);\n  position: relative;\n  transform: translate(var(--toast-slide-x, 0), var(--toast-slide-y, -8px)) scale(var(--wui-scale-enter, 0.9));\n\n  display: flex;\n  gap: var(--wui-space-2, 8px);\n\n  width: min(320px, calc(100dvw - 2 * var(--wui-toast-viewport-gap, 16px)));\n  min-height: 36px;\n  padding: var(--wui-space-2, 8px);\n  border-radius: var(--wui-radius-menu, 18px);\n\n  font-size: var(--wui-font-size, 14px);\n  line-height: var(--wui-line-height-normal, 1.5);\n  color: var(--wui-color-text, #1b1b1b);\n\n  opacity: 0;\n  background-color: var(--wui-color-surface-overlay, rgb(248 248 248 / 0.92));\n  backdrop-filter: blur(0) saturate(var(--wui-glass-saturation, 160%)) brightness(var(--wui-glass-brightness, 1.06));\n\n  /* transition 列表需手写 -webkit-backdrop-filter：lightningcss 不会在 transition\n   value 内追加 -webkit 项，iOS 16.4 上 blur 过渡依赖它（属性前缀会自动生成）。 */\n  transition:\n    opacity var(--wui-duration-toast-enter, 280ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    -webkit-backdrop-filter var(--wui-duration-toast-enter, 280ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    backdrop-filter var(--wui-duration-toast-enter, 280ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1)),\n    transform var(--wui-duration-toast-enter, 280ms) var(--wui-ease-enter, cubic-bezier(0.23, 1, 0.32, 1));\n}\n\n:host([visible]) .toast {\n  transform: translate(0, 0) scale(1);\n  opacity: 1;\n  backdrop-filter: blur(var(--wui-glass-blur, 4px)) saturate(var(--wui-glass-saturation, 160%))\n    brightness(var(--wui-glass-brightness, 1.06));\n}\n\n:host(:not([visible])) .toast {\n  transition-duration: var(--wui-duration-toast-exit, 200ms);\n}\n\n/* ===== 关闭 button（放在 hover 规则之前，避免 specificity 降序） ===== */\n\nweb-ui-button.toast-close-btn {\n  pointer-events: none;\n  cursor: default;\n\n  position: absolute;\n  top: -8px;\n  right: -8px;\n\n  opacity: 0;\n\n  transition: opacity var(--wui-duration-trigger, 160ms) ease;\n\n  /* 内层原生 button 获得键盘焦点时宿主同样可见 */\n  &:focus-within {\n    pointer-events: auto;\n    opacity: 1;\n  }\n}\n\n@media (hover: none), (pointer: coarse) {\n  web-ui-button.toast-close-btn {\n    pointer-events: auto;\n    cursor: pointer;\n    opacity: 1;\n  }\n}\n\n@media (hover: hover) and (pointer: fine) {\n  web-ui-button.toast-close-btn:hover,\n  .toast:hover web-ui-button.toast-close-btn {\n    pointer-events: auto;\n    opacity: 1;\n  }\n}\n\n/* secondary 变体默认用文本色，让关闭 button 呈现 muted 观感 */\n.toast web-ui-button[icon] {\n  --wui-button-color: var(--wui-color-text-secondary, #6a6a6a);\n}\n\n.toast-icon {\n  display: flex;\n  flex-shrink: 0;\n  align-items: center;\n  justify-content: center;\n\n  width: 20px;\n  height: 20px;\n  margin-bottom: auto;\n  border-radius: var(--wui-radius-control, calc(infinity * 1px));\n}\n\n.toast.success .toast-icon {\n  color: var(--wui-color-success, #16a34a);\n  background-color: color-mix(in srgb, var(--wui-color-success, #16a34a) 10%, transparent);\n}\n\n.toast.info .toast-icon {\n  color: var(--wui-color-info, #2563eb);\n  background-color: color-mix(in srgb, var(--wui-color-info, #2563eb) 10%, transparent);\n}\n\n.toast.warning .toast-icon {\n  color: var(--wui-color-warning, #d97706);\n  background-color: color-mix(in srgb, var(--wui-color-warning, #d97706) 10%, transparent);\n}\n\n.toast.error .toast-icon {\n  color: var(--wui-color-danger, #dc2626);\n  background-color: color-mix(in srgb, var(--wui-color-danger, #dc2626) 10%, transparent);\n}\n\n.toast-body {\n  flex: 1;\n  min-width: 0;\n}\n\n.toast-heading {\n  overflow: hidden;\n\n  font-size: var(--wui-font-size, 14px);\n  font-weight: var(--wui-font-weight-semibold, 600);\n  line-height: var(--wui-line-height-snug, 1.4);\n  color: var(--wui-color-text, #1b1b1b);\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n\n.toast-message {\n  overflow: hidden;\n  display: -webkit-box;\n  -webkit-box-orient: vertical;\n  -webkit-line-clamp: 3;\n\n  font-size: calc(var(--wui-font-size, 14px) - 1px);\n  line-height: var(--wui-line-height-snug, 1.4);\n  color: color-mix(in srgb, var(--wui-color-text, #1b1b1b) 55%, transparent);\n  word-break: break-all;\n}\n\n.toast-time {\n  font-size: var(--wui-font-size-caption, 12px);\n  color: color-mix(in srgb, var(--wui-color-text, #1b1b1b) 30%, transparent);\n  white-space: nowrap;\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .toast,\n  :host([visible]) .toast {\n    transform: none;\n    transition-duration: var(--wui-duration-feedback, 100ms);\n  }\n}\n"],"mappings":";AAAA,IAAA,gBAAA"}