@greypan/web-ui 11.2.0 → 12.0.0

package/dist/components/toast/toast.d.ts

@@ -1,75 +1,79 @@
-import { LitElement, PropertyValues } from 'lit';
-import { ToastCloseReason, ToastPosition, ToastType } from './types';
+import "../icon/index.js";
+import "../button/index.js";
+import { ToastCloseReason, ToastPosition, ToastType } from "./types.js";
+import { LitElement, PropertyValues } from "lit";
 export declare class WebUiToast extends LitElement {
-    static styles: import('lit').CSSResult[];
-    toastId: string;
-    type: ToastType;
-    position: ToastPosition;
-    heading: string;
-    message: string;
-    duration: number;
-    noCloseButton: boolean;
-    visible: boolean;
-    private _closeTimer?;
-    private _deadline;
-    /**
-     * 暂停自动关闭时记下的剩余时间。`undefined` 表示暂停时本来就没有计时器（`duration` 为 0、
-     * 或元素尚未 `show()`），与「已到期」（剩余 0）是两件事，不能共用一个 0。
-     */
-    private _pausedRemaining?;
-    /** 指针停在 toast 上：计时处于悬停暂停态，只有指针离开才能续跑。 */
-    private _hoverPaused;
-    private _dismissing;
-    /**
-     * 退场已开始、`toast-close` 尚未派发。这段窗口内元素仍连接在 DOM、也仍被 manager 的映射
-     * 持有，但已不再接受属性更新：manager 的 upsert 据此走新建路径，否则「更新」会写进一条
-     * 正在消失的元素里 —— 调用方拿到同一个 id，却看不到任何可见通知。
-     */
-    get dismissing(): boolean;
-    /** 指针仍停在 toast 上，自动关闭计时处于暂停态。 */
-    get hoverPaused(): boolean;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * 定义该回调后，`Element.moveBefore()` 搬迁节点不再触发 disconnected/connected，
-     * 自动关闭计时与动画状态得以保留；未定义时旧引擎会走摘出重插，计时被 `_clearTimer()` 清掉。
-     */
-    connectedMoveCallback(): void;
-    protected updated(changed: PropertyValues): void;
-    private _applySlideDirection;
-    startAutoClose(): void;
-    /**
-     * 由 manager 调用：显式 `duration` 更新。悬停暂停期间只记新值、不点火 —— 否则指针还压在
-     * toast 上时计时就被重启，「悬停暂停」在这条路径上直接失效。恢复时按新 duration 计满：
-     * 调用方显式改了生命周期，续跑按旧时长算出的剩余没有意义。`0` 表示不自动关闭，记成
-     * 「没有计时器」，否则恢复时会被当成「已到期」立即退场。
-     */
-    setDuration(ms: number): void;
-    pauseAutoClose(): void;
-    resumeAutoClose(): void;
-    show(): void;
-    dismiss(reason?: ToastCloseReason): void;
-    private _clearTimer;
-    private _onPointerEnter;
-    private _onPointerLeave;
-    private _onDocumentPointerOver;
-    private _onDocumentPointerOut;
-    private _onDocumentPointerLeave;
-    private _resumeFromHover;
-    private _attachHoverFallback;
-    private _detachHoverFallback;
-    private _onCloseClick;
-    private _dispatchClose;
-    render(): import('lit').TemplateResult<1>;
-    readonly $events: {
-        'toast-close': CustomEvent<{
-            id: string;
-            reason: ToastCloseReason;
-        }>;
-    };
+  static styles: import("lit").CSSResult[];
+  toastId: string;
+  type: ToastType;
+  position: ToastPosition;
+  heading: string;
+  message: string;
+  duration: number;
+  noCloseButton: boolean;
+  visible: boolean;
+  private _closeTimer?;
+  private _cancelDismiss?;
+  private _deadline;
+  /**
+   * 暂停自动关闭时记下的剩余时间。`undefined` 表示暂停时本来就没有计时器（`duration` 为 0、
+   * 或元素尚未 `show()`），与「已到期」（剩余 0）是两件事，不能共用一个 0。
+   */
+  private _pausedRemaining?;
+  /** 指针停在 toast 上：计时处于悬停暂停态，只有指针离开才能续跑。 */
+  private _hoverPaused;
+  private _dismissing;
+  /**
+   * 退场已开始、`toast-close` 尚未派发。这段窗口内元素仍连接在 DOM、也仍被 manager 的映射
+   * 持有，但已不再接受属性更新：manager 的 upsert 据此走新建路径，否则「更新」会写进一条
+   * 正在消失的元素里 —— 调用方拿到同一个 id，却看不到任何可见通知。
+   */
+  get dismissing(): boolean;
+  /** 指针仍停在 toast 上，自动关闭计时处于暂停态。 */
+  get hoverPaused(): boolean;
+  connectedCallback(): void;
+  disconnectedCallback(): void;
+  /**
+   * 定义该回调后，`Element.moveBefore()` 搬迁节点不再触发 disconnected/connected，
+   * 自动关闭计时与动画状态得以保留；未定义时旧引擎会走摘出重插，计时被 `_clearTimer()` 清掉。
+   */
+  connectedMoveCallback(): void;
+  protected updated(changed: PropertyValues): void;
+  private _applySlideDirection;
+  startAutoClose(): void;
+  /**
+   * 由 manager 调用：显式 `duration` 更新。悬停暂停期间只记新值、不点火 —— 否则指针还压在
+   * toast 上时计时就被重启，「悬停暂停」在这条路径上直接失效。恢复时按新 duration 计满：
+   * 调用方显式改了生命周期，续跑按旧时长算出的剩余没有意义。`0` 表示不自动关闭，记成
+   * 「没有计时器」，否则恢复时会被当成「已到期」立即退场。
+   */
+  setDuration(ms: number): void;
+  pauseAutoClose(): void;
+  resumeAutoClose(): void;
+  show(): void;
+  dismiss(reason?: ToastCloseReason): void;
+  private _clearTimer;
+  private _onPointerEnter;
+  private _onPointerLeave;
+  private _onDocumentPointerOver;
+  private _onDocumentPointerOut;
+  private _onDocumentPointerLeave;
+  private _resumeFromHover;
+  private _attachHoverFallback;
+  private _detachHoverFallback;
+  private _onCloseClick;
+  private _dispatchClose;
+  render(): import("lit").TemplateResult<1>;
+  readonly $events: {
+    'toast-close': CustomEvent<{
+      id: string;
+      reason: ToastCloseReason;
+    }>;
+  };
 }
 declare global {
-    interface HTMLElementTagNameMap {
-        'web-ui-toast': WebUiToast;
-    }
+  interface HTMLElementTagNameMap {
+    'web-ui-toast': WebUiToast;
+  }
 }
+//# sourceMappingURL=toast.d.ts.map

package/dist/components/toast/toast.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toast.d.ts","names":[],"sources":["../../../src/components/toast/toast.ts"],"mappings":";;;;qBAoCa,mBAAmB;SACd,sBAAM;EAEwB;EACH,MAAM;EACN,UAAU;EACzB;EACA;EACA;EAC8C;EAC9B;UAEpC;UACA;UACA;;;;;UAKA;;UAEA;UACA;;;;;;MAOJ;;MAKA;EAIK;EASA;;;;;EAaT;YAEmB,QAAQ,SAAS;UAM5B;EAeR;;;;;;;EAgBA,YAAY;EAUZ;EAYA;EAqBA;EAcA,QAAQ,SAAQ;UAwCR;UAOA;UAYA;UAOA;UAQA;UAOA;UAKA;UAOA;UAMA;UAMA;UAIA;EAUC,wBAAM;WAqCE;IACf,eAAe;MAAc;MAAY,QAAQ;;;;QAI7C;YACI;IACR,gBAAgB"}

package/dist/components/toast/toast.js

@@ -1,150 +1,250 @@
-import e from "../../_virtual/_@oxc-project_runtime@0.149.0/helpers/esm/decorate.js";
+import __decorate from "../../_virtual/_@oxc-project_runtime@0.155.0/helpers/esm/decorate.js";
 import "../icon/index.js";
-import t from "../../classes/glass.js";
-import n from "../../icons/generated/lucide-info.js";
-import r from "../../icons/generated/lucide-triangle-alert.js";
-import i from "../../icons/generated/lucide-circle-alert.js";
-import a from "../../icons/generated/heroicons-check-16-solid.js";
-import o from "../../icons/generated/heroicons-x-mark-16-solid.js";
+import glass_default from "../../classes/glass.js";
+import lucide_info_default from "../../icons/generated/lucide-info.js";
+import lucide_triangle_alert_default from "../../icons/generated/lucide-triangle-alert.js";
+import lucide_circle_alert_default from "../../icons/generated/lucide-circle-alert.js";
+import heroicons_check_16_solid_default from "../../icons/generated/heroicons-check-16-solid.js";
+import heroicons_x_mark_16_solid_default from "../../icons/generated/heroicons-x-mark-16-solid.js";
 import "../button/index.js";
-import { getTransitionDuration as s } from "../../shared/overlay/presence.js";
-import c from "./style.js";
-import { LitElement as l, html as u, nothing as d, unsafeCSS as f } from "lit";
-import { customElement as p, property as m } from "lit/decorators.js";
-//#region src/components/toast/toast.ts
-var h = {
-	success: a,
-	info: n,
-	warning: r,
-	error: i
+import { getTransitionDuration } from "../../shared/overlay/presence.js";
+import style_default from "./style.js";
+import { LitElement, html, nothing, unsafeCSS } from "lit";
+import { customElement, property } from "lit/decorators.js";
+// src/components/toast/toast.ts
+const TYPE_ICONS = {
+	success: heroicons_check_16_solid_default,
+	info: lucide_info_default,
+	warning: lucide_triangle_alert_default,
+	error: lucide_circle_alert_default
 };
-function g() {
-	let e = /* @__PURE__ */ new Date();
-	return `${e.getHours().toString().padStart(2, "0")}:${e.getMinutes().toString().padStart(2, "0")}`;
+function _formatTime() {
+	const now = /* @__PURE__ */ new Date();
+	return `${now.getHours().toString().padStart(2, "0")}:${now.getMinutes().toString().padStart(2, "0")}`;
 }
-var _ = class extends l {
-	constructor(...e) {
-		super(...e), this.toastId = "", this.type = "info", this.position = "top-right", this.heading = "", this.message = "", this.duration = 3e3, this.noCloseButton = !1, this.visible = !1, this._deadline = 0, this._hoverPaused = !1, this._dismissing = !1, this._onPointerEnter = (e) => {
-			e.pointerType !== "touch" && (this._hoverPaused || (this._hoverPaused = !0, this.pauseAutoClose(), this._attachHoverFallback()));
-		}, this._onPointerLeave = (e) => {
-			e.pointerType !== "touch" && this._resumeFromHover();
-		}, this._onDocumentPointerOver = (e) => {
-			e.pointerType !== "touch" && (e.composedPath().includes(this) || this._resumeFromHover());
-		}, this._onDocumentPointerOut = (e) => {
-			e.pointerType !== "touch" && e.relatedTarget === null && this._resumeFromHover();
-		}, this._onDocumentPointerLeave = (e) => {
-			e.pointerType !== "touch" && this._resumeFromHover();
-		}, this._onCloseClick = () => {
+let WebUiToast = class WebUiToast extends LitElement {
+	constructor(..._args) {
+		super(..._args);
+		this.toastId = "";
+		this.type = "info";
+		this.position = "top-right";
+		this.heading = "";
+		this.message = "";
+		this.duration = 3e3;
+		this.noCloseButton = false;
+		this.visible = false;
+		this._deadline = 0;
+		this._hoverPaused = false;
+		this._dismissing = false;
+		this._onPointerEnter = (e) => {
+			if (e.pointerType === "touch") return;
+			if (this._hoverPaused) return;
+			this._hoverPaused = true;
+			this.pauseAutoClose();
+			this._attachHoverFallback();
+		};
+		this._onPointerLeave = (e) => {
+			if (e.pointerType === "touch") return;
+			this._resumeFromHover();
+		};
+		this._onDocumentPointerOver = (e) => {
+			if (e.pointerType === "touch") return;
+			if (e.composedPath().includes(this)) return;
+			this._resumeFromHover();
+		};
+		this._onDocumentPointerOut = (e) => {
+			if (e.pointerType === "touch") return;
+			if (e.relatedTarget !== null) return;
+			this._resumeFromHover();
+		};
+		this._onDocumentPointerLeave = (e) => {
+			if (e.pointerType === "touch") return;
+			this._resumeFromHover();
+		};
+		this._onCloseClick = () => {
 			this.dismiss("manual");
 		};
 	}
 	static {
-		this.styles = [f(t), f(c)];
+		this.styles = [unsafeCSS(glass_default), unsafeCSS(style_default)];
 	}
+	/**
+	* 退场已开始、`toast-close` 尚未派发。这段窗口内元素仍连接在 DOM、也仍被 manager 的映射
+	* 持有，但已不再接受属性更新：manager 的 upsert 据此走新建路径，否则「更新」会写进一条
+	* 正在消失的元素里 —— 调用方拿到同一个 id，却看不到任何可见通知。
+	*/
 	get dismissing() {
 		return this._dismissing;
 	}
+	/** 指针仍停在 toast 上，自动关闭计时处于暂停态。 */
 	get hoverPaused() {
 		return this._hoverPaused;
 	}
 	connectedCallback() {
-		super.connectedCallback(), this.addEventListener("pointerenter", this._onPointerEnter), this.addEventListener("pointerleave", this._onPointerLeave), this._hoverPaused && this._attachHoverFallback();
+		super.connectedCallback();
+		this.addEventListener("pointerenter", this._onPointerEnter);
+		this.addEventListener("pointerleave", this._onPointerLeave);
+		if (this._hoverPaused) this._attachHoverFallback();
 	}
 	disconnectedCallback() {
-		super.disconnectedCallback(), this.removeEventListener("pointerenter", this._onPointerEnter), this.removeEventListener("pointerleave", this._onPointerLeave), this._detachHoverFallback(), this._clearTimer();
+		super.disconnectedCallback();
+		this.removeEventListener("pointerenter", this._onPointerEnter);
+		this.removeEventListener("pointerleave", this._onPointerLeave);
+		this._detachHoverFallback();
+		this._clearTimer();
+		this._cancelDismiss?.();
 	}
+	/**
+	* 定义该回调后，`Element.moveBefore()` 搬迁节点不再触发 disconnected/connected，
+	* 自动关闭计时与动画状态得以保留；未定义时旧引擎会走摘出重插，计时被 `_clearTimer()` 清掉。
+	*/
 	connectedMoveCallback() {}
-	updated(e) {
-		e.has("position") && this._applySlideDirection();
+	updated(changed) {
+		if (changed.has("position")) this._applySlideDirection();
 	}
 	_applySlideDirection() {
-		let e = 0, t = 0;
-		this.position.includes("left") ? e = -20 : this.position.includes("right") && (e = 20), this.position.startsWith("top") ? t = -20 : this.position.startsWith("bottom") && (t = 20), this.style.setProperty("--toast-slide-x", `${e}px`), this.style.setProperty("--toast-slide-y", `${t}px`);
+		const SLIDE_OFFSET = 20;
+		let x = 0;
+		let y = 0;
+		if (this.position.includes("left")) x = -20;
+		else if (this.position.includes("right")) x = SLIDE_OFFSET;
+		if (this.position.startsWith("top")) y = -20;
+		else if (this.position.startsWith("bottom")) y = SLIDE_OFFSET;
+		this.style.setProperty("--toast-slide-x", `${x}px`);
+		this.style.setProperty("--toast-slide-y", `${y}px`);
 	}
 	startAutoClose() {
-		this._clearTimer(), this.duration > 0 && (this._deadline = Date.now() + this.duration, this._closeTimer = setTimeout(() => {
-			this.dismiss("auto");
-		}, this.duration));
+		this._clearTimer();
+		if (this.duration > 0) {
+			this._deadline = Date.now() + this.duration;
+			this._closeTimer = setTimeout(() => {
+				this.dismiss("auto");
+			}, this.duration);
+		}
 	}
-	setDuration(e) {
-		if (this.duration = e, this._hoverPaused) {
-			this._pausedRemaining = e > 0 ? e : void 0;
+	/**
+	* 由 manager 调用：显式 `duration` 更新。悬停暂停期间只记新值、不点火 —— 否则指针还压在
+	* toast 上时计时就被重启，「悬停暂停」在这条路径上直接失效。恢复时按新 duration 计满：
+	* 调用方显式改了生命周期，续跑按旧时长算出的剩余没有意义。`0` 表示不自动关闭，记成
+	* 「没有计时器」，否则恢复时会被当成「已到期」立即退场。
+	*/
+	setDuration(ms) {
+		this.duration = ms;
+		if (this._hoverPaused) {
+			this._pausedRemaining = ms > 0 ? ms : void 0;
 			return;
 		}
 		this.startAutoClose();
 	}
 	pauseAutoClose() {
-		(this._closeTimer !== void 0 || this._pausedRemaining === void 0) && (this._pausedRemaining = this._closeTimer === void 0 ? void 0 : Math.max(0, this._deadline - Date.now()), this._clearTimer());
+		if (this._closeTimer === void 0 && this._pausedRemaining !== void 0) return;
+		this._pausedRemaining = this._closeTimer === void 0 ? void 0 : Math.max(0, this._deadline - Date.now());
+		this._clearTimer();
 	}
 	resumeAutoClose() {
 		if (this._hoverPaused) return;
-		let e = this._pausedRemaining;
-		if (this._pausedRemaining = void 0, e !== void 0) {
-			if (this._clearTimer(), e <= 0) {
-				this.dismiss("auto");
-				return;
-			}
-			this._deadline = Date.now() + e, this._closeTimer = setTimeout(() => {
-				this.dismiss("auto");
-			}, e);
+		const remaining = this._pausedRemaining;
+		this._pausedRemaining = void 0;
+		if (remaining === void 0) return;
+		this._clearTimer();
+		if (remaining <= 0) {
+			this.dismiss("auto");
+			return;
 		}
+		this._deadline = Date.now() + remaining;
+		this._closeTimer = setTimeout(() => {
+			this.dismiss("auto");
+		}, remaining);
 	}
 	show() {
-		if (this._dismissing = !1, this.visible = !0, this._hoverPaused) {
+		this._cancelDismiss?.();
+		this._dismissing = false;
+		this.visible = true;
+		if (this._hoverPaused) {
 			this._pausedRemaining = this.duration > 0 ? this.duration : void 0;
 			return;
 		}
 		this.startAutoClose();
 	}
-	dismiss(e = "programmatic") {
+	dismiss(reason = "programmatic") {
 		if (this._dismissing) return;
-		if (this._dismissing = !0, this._hoverPaused = !1, this._detachHoverFallback(), !this.visible) {
-			this._dispatchClose(e);
+		this._dismissing = true;
+		this._hoverPaused = false;
+		this._detachHoverFallback();
+		this._clearTimer();
+		if (!this.visible) {
+			this._dispatchClose(reason);
 			return;
 		}
-		this.visible = !1, this._clearTimer();
-		let t = () => {
-			this.removeEventListener("transitionend", t), this._dispatchClose(e);
+		this.visible = false;
+		const panel = this.shadowRoot?.querySelector(".toast") ?? this;
+		let completed = false;
+		let fallback;
+		const cancel = () => {
+			if (completed) return;
+			completed = true;
+			panel.removeEventListener("transitionend", onEnd);
+			clearTimeout(fallback);
+			this._cancelDismiss = void 0;
+		};
+		const onEnd = (event) => {
+			if (completed || event && event.target !== panel) return;
+			cancel();
+			this._dispatchClose(reason);
 		};
-		this.addEventListener("transitionend", t);
-		let n = this.shadowRoot?.querySelector(".toast");
-		setTimeout(t, s(n ?? this) + 80);
+		this._cancelDismiss = cancel;
+		panel.addEventListener("transitionend", onEnd);
+		this.updateComplete.then(() => {
+			if (!completed) fallback = setTimeout(onEnd, getTransitionDuration(panel) + 80);
+		});
 	}
 	_clearTimer() {
-		this._closeTimer !== void 0 && (clearTimeout(this._closeTimer), this._closeTimer = void 0);
+		if (this._closeTimer !== void 0) {
+			clearTimeout(this._closeTimer);
+			this._closeTimer = void 0;
+		}
 	}
 	_resumeFromHover() {
-		this._hoverPaused && (this._hoverPaused = !1, this._detachHoverFallback(), this.resumeAutoClose());
+		if (!this._hoverPaused) return;
+		this._hoverPaused = false;
+		this._detachHoverFallback();
+		this.resumeAutoClose();
 	}
 	_attachHoverFallback() {
-		document.addEventListener("pointerover", this._onDocumentPointerOver), document.addEventListener("pointerout", this._onDocumentPointerOut), document.addEventListener("pointerleave", this._onDocumentPointerLeave);
+		document.addEventListener("pointerover", this._onDocumentPointerOver);
+		document.addEventListener("pointerout", this._onDocumentPointerOut);
+		document.addEventListener("pointerleave", this._onDocumentPointerLeave);
 	}
 	_detachHoverFallback() {
-		document.removeEventListener("pointerover", this._onDocumentPointerOver), document.removeEventListener("pointerout", this._onDocumentPointerOut), document.removeEventListener("pointerleave", this._onDocumentPointerLeave);
+		document.removeEventListener("pointerover", this._onDocumentPointerOver);
+		document.removeEventListener("pointerout", this._onDocumentPointerOut);
+		document.removeEventListener("pointerleave", this._onDocumentPointerLeave);
 	}
-	_dispatchClose(e) {
+	_dispatchClose(reason) {
 		this.dispatchEvent(new CustomEvent("toast-close", {
 			detail: {
 				id: this.toastId,
-				reason: e
+				reason
 			},
-			bubbles: !0,
-			composed: !0
+			bubbles: true,
+			composed: true
 		}));
 	}
 	render() {
-		let e = h[this.type], t = this.type === "error" ? "assertive" : "polite", n = this.type === "error" ? "alert" : d;
-		return u`
-      <div class="toast wui-glass ${this.type}" role=${n} aria-live=${t} aria-atomic="true">
+		const icon = TYPE_ICONS[this.type];
+		const ariaLive = this.type === "error" ? "assertive" : "polite";
+		const role = this.type === "error" ? "alert" : nothing;
+		return html`
+      <div class="toast wui-glass ${this.type}" role=${role} aria-live=${ariaLive} aria-atomic="true">
         <span class="toast-icon" aria-hidden="true">
-          <web-ui-icon .icon=${e} size="14"></web-ui-icon>
+          <web-ui-icon .icon=${icon} size="14"></web-ui-icon>
         </span>
         <div class="toast-body">
-          ${this.heading ? u`<div class="toast-heading">${this.heading}</div>` : d}
+          ${this.heading ? html`<div class="toast-heading">${this.heading}</div>` : nothing}
           <div class="toast-message">${this.message}</div>
         </div>
-        <span class="toast-time">${g()}</span>
-        ${this.noCloseButton ? d : u`
+        <span class="toast-time">${_formatTime()}</span>
+        ${!this.noCloseButton ? html`
                 <web-ui-button
                   class="toast-close-btn"
                   icon
@@ -153,31 +253,38 @@ var _ = class extends l {
                   aria-label="Close"
                   @click=${this._onCloseClick}
                 >
-                  <web-ui-icon .icon=${o} size="16"></web-ui-icon>
+                  <web-ui-icon .icon=${heroicons_x_mark_16_solid_default} size="16"></web-ui-icon>
                 </web-ui-button>
-              `}
+              ` : nothing}
       </div>
     `;
 	}
 };
-e([m({
+__decorate([property({
 	type: String,
-	attribute: !1
-})], _.prototype, "toastId", void 0), e([m({
+	attribute: false
+})], WebUiToast.prototype, "toastId", void 0);
+__decorate([property({
 	type: String,
-	reflect: !0
-})], _.prototype, "type", void 0), e([m({
+	reflect: true
+})], WebUiToast.prototype, "type", void 0);
+__decorate([property({
 	type: String,
-	reflect: !0
-})], _.prototype, "position", void 0), e([m({ type: String })], _.prototype, "heading", void 0), e([m({ type: String })], _.prototype, "message", void 0), e([m({ type: Number })], _.prototype, "duration", void 0), e([m({
+	reflect: true
+})], WebUiToast.prototype, "position", void 0);
+__decorate([property({ type: String })], WebUiToast.prototype, "heading", void 0);
+__decorate([property({ type: String })], WebUiToast.prototype, "message", void 0);
+__decorate([property({ type: Number })], WebUiToast.prototype, "duration", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0,
+	reflect: true,
 	attribute: "no-close-button"
-})], _.prototype, "noCloseButton", void 0), e([m({
+})], WebUiToast.prototype, "noCloseButton", void 0);
+__decorate([property({
 	type: Boolean,
-	reflect: !0
-})], _.prototype, "visible", void 0), _ = e([p("web-ui-toast")], _);
-//#endregion
-export { _ as WebUiToast };
+	reflect: true
+})], WebUiToast.prototype, "visible", void 0);
+WebUiToast = __decorate([customElement("web-ui-toast")], WebUiToast);
+export { WebUiToast };
 
 //# sourceMappingURL=toast.js.map