bank20baht-ui 0.5.0 → 0.5.1

package/dist/chunks/{baht-toast-DkN6tiDw.js → baht-toast-CUujRj20.js}

@@ -1,8 +1,8 @@
 import { svg as r, html as p, nothing as d } from "lit";
 import { property as l, query as $, customElement as f, state as w } from "lit/decorators.js";
-import { B as v, b as C, h as g } from "./base-CajA2aCO.js";
-import { t as E } from "./i18n-Cnr3OLiz.js";
-const O = {
+import { B as v, b as C, h as g } from "./base-CGS8ov6z.js";
+import { t as O } from "./i18n-Cnr3OLiz.js";
+const M = {
   copy: r`<rect x="6" y="6" width="8" height="8" rx="1.5"/><path d="M10 6V4.5A1.5 1.5 0 0 0 8.5 3H4.5A1.5 1.5 0 0 0 3 4.5v4A1.5 1.5 0 0 0 4.5 10H6"/>`,
   check: r`<path d="M3.5 8.5 6.5 11.5 12.5 4.5"/>`,
   download: r`<path d="M8 3v7m0 0 3-3m-3 3L5 7"/><path d="M3 12h10"/>`,
@@ -21,7 +21,7 @@ const O = {
   // column picker trigger (sliders)
   columns: r`<path d="M3 5h10M3 11h10"/><circle cx="6" cy="5" r="1.5" fill="var(--baht-color-surface, #fff)"/><circle cx="10" cy="11" r="1.5" fill="var(--baht-color-surface, #fff)"/>`
 };
-function _(t) {
+function x(t) {
   return p`<svg
     class="baht-icon"
     width="16"
@@ -33,15 +33,15 @@ function _(t) {
     stroke-linecap="round"
     stroke-linejoin="round"
     aria-hidden="true"
-  >${O[t]}</svg>`;
+  >${M[t]}</svg>`;
 }
-function x(t) {
-  return t in O;
+function S(t) {
+  return t in M;
 }
-var S = Object.defineProperty, k = Object.getOwnPropertyDescriptor, u = (t, s, o, i) => {
+var E = Object.defineProperty, k = Object.getOwnPropertyDescriptor, u = (t, s, o, i) => {
   for (var e = i > 1 ? void 0 : i ? k(s, o) : s, a = t.length - 1, c; a >= 0; a--)
     (c = t[a]) && (e = (i ? c(s, o, e) : c(e)) || e);
-  return i && e && S(s, o, e), e;
+  return i && e && E(s, o, e), e;
 };
 let h = class extends v {
   constructor() {
@@ -51,7 +51,7 @@ let h = class extends v {
     this.iconOnly || C(this, this.buttonEl);
   }
   render() {
-    const t = this.variant === "primary" ? "" : ` baht-button--${this.variant}`, s = this.size === "md" ? "" : ` baht-button--${this.size}`, o = this.iconOnly ? " baht-button--icon" : "", i = this.icon && x(this.icon) ? _(this.icon) : d;
+    const t = this.variant === "primary" ? "" : ` baht-button--${this.variant}`, s = this.size === "md" ? "" : ` baht-button--${this.size}`, o = this.iconOnly ? " baht-button--icon" : "", i = this.icon && S(this.icon) ? x(this.icon) : d;
     return p`<button
       class="baht-button${t}${s}${o}"
       type=${this.type}
@@ -88,7 +88,7 @@ h = u([
   f("baht-button")
 ], h);
 const P = 600;
-function M(t, s) {
+function _(t, s) {
   const o = typeof t.getAnimations == "function" ? t.getAnimations({ subtree: !0 }) : [];
   if (o.length === 0) {
     s();
@@ -101,7 +101,7 @@ function M(t, s) {
   Promise.all(o.map((a) => a.finished.catch(() => {
   }))).then(e, e), setTimeout(e, P);
 }
-var B = Object.defineProperty, T = Object.getOwnPropertyDescriptor, b = (t, s, o, i) => {
+var B = Object.defineProperty, T = Object.getOwnPropertyDescriptor, m = (t, s, o, i) => {
   for (var e = i > 1 ? void 0 : i ? T(s, o) : s, a = t.length - 1, c; a >= 0; a--)
     (c = t[a]) && (e = (i ? c(s, o, e) : c(e)) || e);
   return i && e && B(s, o, e), e;
@@ -155,7 +155,7 @@ let n = class extends v {
       const i = ++this.closeToken, e = this.querySelector(".baht-modal-scrim"), a = () => {
         i === this.closeToken && !this.open && (this.closing = !1);
       };
-      e ? M(e, a) : a();
+      e ? _(e, a) : a();
     }
     if (t.has("open") && this.open && (this.previousFocus = document.activeElement, (s = this.querySelector(".baht-modal")) == null || s.focus()), t.has("open") && !this.open && t.get("open") === !0) {
       const i = this.previousFocus;
@@ -164,9 +164,7 @@ let n = class extends v {
   }
   /** Ask the host to close (the host owns `open`). */
   requestClose(t = "button") {
-    this.dispatchEvent(
-      new CustomEvent("baht-close", { detail: { reason: t }, bubbles: !0, composed: !0 })
-    );
+    this.emit("baht-close", { reason: t });
   }
   render() {
     return p`<div
@@ -184,7 +182,7 @@ let n = class extends v {
       >
         ${this.heading || this.showClose ? p`<header class="baht-modal-header">
               <div class="baht-modal-title" id=${this.titleId}>${this.heading}</div>
-              ${this.showClose ? p`<button type="button" class="baht-modal-close" aria-label=${E("close")} @click=${() => this.requestClose("button")}>×</button>` : d}
+              ${this.showClose ? p`<button type="button" class="baht-modal-close" aria-label=${O("close")} @click=${() => this.requestClose("button")}>×</button>` : d}
             </header>` : d}
         <div class="baht-modal-body"></div>
       </div>
@@ -192,25 +190,25 @@ let n = class extends v {
   }
 };
 n.openStack = [];
-b([
+m([
   l({ type: Boolean, reflect: !0 })
 ], n.prototype, "open", 2);
-b([
+m([
   l()
 ], n.prototype, "heading", 2);
-b([
+m([
   l({ type: Boolean, attribute: "show-close" })
 ], n.prototype, "showClose", 2);
-b([
+m([
   l({ type: Boolean, attribute: "close-on-scrim" })
 ], n.prototype, "closeOnScrim", 2);
-b([
+m([
   $(".baht-modal-body")
 ], n.prototype, "bodyEl", 2);
-b([
+m([
   w()
 ], n.prototype, "closing", 2);
-n = b([
+n = m([
   f("baht-modal")
 ], n);
 var D = Object.defineProperty, q = Object.getOwnPropertyDescriptor, y = (t, s, o, i) => {
@@ -218,13 +216,13 @@ var D = Object.defineProperty, q = Object.getOwnPropertyDescriptor, y = (t, s, o
     (c = t[a]) && (e = (i ? c(s, o, e) : c(e)) || e);
   return i && e && D(s, o, e), e;
 };
-let m = class extends v {
+let b = class extends v {
   constructor() {
     super(...arguments), this.duration = 4e3, this.entries = [], this.timers = /* @__PURE__ */ new Map();
   }
   show(t) {
     const s = {
-      id: ++m.counter,
+      id: ++b.counter,
       message: t.message,
       tone: t.tone ?? "neutral",
       duration: t.duration ?? this.duration
@@ -237,13 +235,7 @@ let m = class extends v {
   dismiss(t) {
     const s = this.entries.find((e) => e.id === t);
     if (!s || s.leaving) return;
-    clearTimeout(this.timers.get(t)), this.timers.delete(t), this.entries = this.entries.map((e) => e.id === t ? { ...e, leaving: !0 } : e), this.dispatchEvent(
-      new CustomEvent("baht-dismiss", {
-        detail: { id: t, message: s.message },
-        bubbles: !0,
-        composed: !0
-      })
-    );
+    clearTimeout(this.timers.get(t)), this.timers.delete(t), this.entries = this.entries.map((e) => e.id === t ? { ...e, leaving: !0 } : e), this.emit("baht-dismiss", { id: t, message: s.message });
     const o = () => {
       this.entries = this.entries.filter((e) => e.id !== t);
     }, i = this.querySelector(`.baht-toast[data-toast="${t}"]`);
@@ -251,7 +243,7 @@ let m = class extends v {
       o();
       return;
     }
-    i.classList.add("baht-toast--leaving"), M(i, o);
+    i.classList.add("baht-toast--leaving"), _(i, o);
   }
   disconnectedCallback() {
     this.timers.forEach((t) => clearTimeout(t)), this.timers.clear(), super.disconnectedCallback();
@@ -266,27 +258,27 @@ let m = class extends v {
           role=${t.tone === "danger" || t.tone === "warning" ? "alert" : d}
         >
           <span class="baht-toast-message">${t.message}</span>
-          <button type="button" class="baht-toast-dismiss" aria-label=${E("dismiss")} @click=${() => this.dismiss(t.id)}>×</button>
+          <button type="button" class="baht-toast-dismiss" aria-label=${O("dismiss")} @click=${() => this.dismiss(t.id)}>×</button>
         </div>`
     )}
     </div>`;
   }
 };
-m.counter = 0;
+b.counter = 0;
 y([
   l({ type: Number })
-], m.prototype, "duration", 2);
+], b.prototype, "duration", 2);
 y([
   w()
-], m.prototype, "entries", 2);
-m = y([
+], b.prototype, "entries", 2);
+b = y([
   f("baht-toast")
-], m);
+], b);
 export {
   h as B,
   n as a,
-  m as b,
-  M as c,
-  x as i,
-  _ as r
+  b,
+  _ as c,
+  S as i,
+  x as r
 };