bank20baht-ui 0.5.3 → 0.5.5

package/dist/chunks/{baht-toast-BWwQ1LUp.js → baht-toast-8qUXxEvh.js}

@@ -1,4 +1,4 @@
-import { svg as s, html as p, nothing as h } from "lit";
+import { svg as s, html as p, nothing as r } from "lit";
 import { property as n, query as q, customElement as v, state as C } from "lit/decorators.js";
 import { B as y, b as w, h as M } from "./base-D1pT3J5T.js";
 import { t as A } from "./i18n-CWv5lrun.js";
@@ -71,6 +71,10 @@ const x = {
     viewBox: "0 0 146 150",
     body: s`<path d="M56 10A69 69 0 0 0 9.5 58.5c-2.2 8.6-2 24.4.5 33.9a61 61 0 0 0 17.5 30.2A62 62 0 0 0 73 142c38.1-.1 65.6-28.3 65.3-67A67 67 0 0 0 94 10.9a80 80 0 0 0-38-.9m35.1 5a63 63 0 0 1 41.5 46.6c2.5 11.3.7 34.4-2.7 34.4q-1 .2-.5 1.7 1 3.3-2.8 4.6c-1.4.6-1.6 1-.7 2.1 1.8 2.1.2 4.8-2.4 4.2-2.7-.7-4.2 1.9-2.3 4.1.9 1.1.7 1.8-1 3.5-1.8 1.8-2.3 1.9-3.7.8-1.4-1.2-1.8-1.2-2.5 0q-.8 1.5.2 2.7 1.2 1.3-.7 3.3c-2 2.2-4.1 2.6-4.7.8q-.5-1-1.6-.4c-.7.4-1 1.6-.7 2.6q.6 1.7-1.9 3.4c-2.3 1.5-2.6 1.5-3.4 0-1.2-2.2-3.5-.8-2.7 1.6s-3.5 3.6-5.2 1.4c-1.4-1.8-3.7-.9-2.9 1.2.8 2.2-3.6 2.9-17.4 2.9-10.5 0-13.6-.4-19.2-2.3A63 63 0 0 1 13.4 86a63 63 0 0 1 52.1-73.4c5.7-.8 19.3.4 25.6 2.4"/><path d="M63.5 21C38.7 26 20.1 49 20 74.6c0 7.6 3.1 20 6.7 26.7 4 7.4 14.2 17.9 21 21.5a54 54 0 0 0 49.3.4 68 68 0 0 0 22.7-22.8 59 59 0 0 0 5.3-37.5 58 58 0 0 0-25.2-35.6A57 57 0 0 0 63.5 21M86 26.2c6.7 2 14.8 6.7 20.4 11.9a53 53 0 0 1 15 41.4 51.5 51.5 0 0 1-41.5 44.6A50 50 0 0 1 42 113.3a52 52 0 0 1-16.5-47.4c6-29.1 34.3-47.6 60.5-39.7"/>`
   },
+  banknote: {
+    viewBox: "0 0 210 122",
+    body: s`<path d="M98 7.2c-57.4.6-84.8 1.2-85.7 2S11 20.9 11 62c0 44.2.2 51.9 1.5 53 1.1.9 22.3 1.1 93 .8 80.1-.3 91.7-.5 92.5-1.8 1.5-2.4 1.3-105.3-.2-106.8-.7-.7-3.9-1.1-8.2-1zM194 61v50H15V13l16.8-.1c46.4-.4 147.7-1.5 154.5-1.7l7.7-.2z"/><path d="m103.5 20-63 .5L40 24c-1.2 7.2-5.8 11.6-12.6 12.2l-3.9.3v50l4.1.5c7.5 1 10.9 4.5 12.2 12.3l.8 4.2 15.4.2c8.5.2 37.3 0 64-.5l48.5-.7.5-4.1c1-7.3 6-12.2 12.7-12.6 5.3-.3 5.3-.3 5.3-25.4 0-24.3-.2-25.2-4.3-24.6-3 .5-8.6-1.8-10.7-4.5a27 27 0 0 1-3.2-7c-.6-2.4-1.3-4.4-1.7-4.6s-28.9 0-63.6.3m61.9 8.5c2.2 5.6 7.5 10.3 12.6 11.1l4 .7v40.6l-4.2 1.2A21 21 0 0 0 165 95l-1.1 4h-18.7c-10.3 0-37.2.3-59.8.6l-41.1.6-.7-4c-1-6.7-8-13.2-14.1-13.2H27V41.3l4-1.2c2.2-.6 5.5-2.5 7.4-4.1 3-2.7 4.2-4.7 6-10.3.5-1.6 4.2-1.7 59.9-1.7h59.4z"/><path d="M97.1 29a35 35 0 0 0-22.5 18.9c-3.1 6.8-3 22.7.2 29.2a34 34 0 0 0 15.4 15.8c15.5 7.8 32.8 1.1 40.7-15.9 2.2-4.6 2.6-6.9 2.6-14.5 0-7.7-.4-9.9-2.9-15.1A30.5 30.5 0 0 0 97.1 29m18.7 7.7a31 31 0 0 1 12.3 16.6 38 38 0 0 1-2.4 23.3 31 31 0 0 1-16.1 14.5C93.4 95.5 76.8 81.3 76.7 63A28 28 0 0 1 85 41.1a23 23 0 0 1 19.8-7.7c4.8.3 7.5 1.1 11 3.3"/>`
+  },
   "bank-building": {
     viewBox: "0 0 196 201",
     body: s`<path d="M76.4 21.9c-12.1 7-30.4 17.9-40.9 24.2l-19 11.4-.3 5.8c-.4 7.1.7 8.7 5.9 8.7 3.6 0 3.9.2 3.9 2.9 0 4.2 1 6.1 3.6 7.2l2.4.9v66.2l-3 2.8c-2.3 2.1-3 3.7-3 6.4 0 3.3-.2 3.6-2.9 3.6-3.9 0-6.1 3.2-6.1 8.7 0 3.9-.2 4.3-2.4 4.3-3.7 0-4.7 2.1-4.4 9.7l.3 6.8h176v-7.3c0-7.7-.8-9.2-5.2-9.2-2.1 0-2.3-.5-2.3-4.9q0-8.1-6.7-8.1c-1.9 0-2.3-.5-2.3-3.3 0-3.7-2.4-7.7-4.6-7.7-1.2 0-1.4-5-1.4-33.9V83.2l2.5-1.6q2.5-1.6 3.1-5.6c.6-3.7.9-4 3.9-4 6.1 0 6.5-.6 6.5-8v-6.7l-14.2-8.6C150 39.3 102.6 11.4 99.9 10c-1.2-.7-6.9 2.2-23.5 11.9m46.2 5.8 35.3 20.9 13.4 7.9-6.8.3c-6.3.3-7.1.1-12.9-3.6l-14.6-9-23-13.6c-7.9-4.7-15-8.6-15.7-8.6-.8 0-14.5 7.9-30.6 17.5L38.5 57.1l-6.5-.3-6.5-.3 36-21.3a430 430 0 0 1 37.6-20.9c.9.3 11.4 6.3 23.5 13.4M124 41c13.9 8.2 25.5 15.2 25.8 15.5s-22.5.5-50.6.5-51.2-.3-51.2-.8c.1-.7 48.8-30 50.1-30.1.4-.1 12 6.6 25.9 14.9m52 23v4H20v-8h156zM58 74.2c0 4.6-.9 4.9-14.6 4.6l-12.9-.3-.3-3.3-.3-3.2h14c14 0 14.1 0 14.1 2.2m22 .9c0 3.8 1.6 6.9 3.5 6.9 1.3 0 1.5 4.8 1.5 34.1v34.1l-2.5 2c-1.9 1.5-2.5 2.9-2.5 5.9v3.9H62v-3.3c0-3.7-2.4-7.7-4.6-7.7-1.2 0-1.4-5-1.4-33.6V83.8l3-2.8q3-2.7 3-5.9V72h18zm32-.9c0 4.6-.9 4.9-14.6 4.6l-12.9-.3-.3-3.3-.3-3.2h14c14 0 14.1 0 14.1 2.2m22 .7c0 4.2 1 6.1 3.6 7.2l2.4.9v34c0 25.3-.3 34-1.2 34-2.5 0-4.8 3.4-4.8 7.2v3.8h-17.7l-.9-4.7c-.6-3.5-1.5-5.1-3.1-5.8l-2.3-1V83.2l2.5-1.6c2-1.3 2.5-2.5 2.5-5.6v-4h19zm32-.7c0 4.6-.9 4.9-14.6 4.6l-12.9-.3-.3-3.3-.3-3.2h14c14 0 14.1 0 14.1 2.2M52 117v34.1l-8.2-.3-8.3-.3-.3-33.8L35 83h17zm54 0v34.1l-8.2-.3-8.3-.3-.3-33.8L89 83h17zm54 0v34h-16l-.2-25.3-.2-33.9-.1-8.8H160zM56.8 155.2c.7.7 1.2 2.5 1.2 4v2.8H30v-3.4c0-1.9.6-3.7 1.3-3.9 2.7-1.1 24.3-.7 25.5.5m53.3-.2q1.8 1.1 1.9 4v3H84v-3.4c0-1.9.6-3.7 1.3-3.9 2.3-1 22.8-.7 24.8.3m54.7.2c.7.7 1.2 2.5 1.2 4v2.8h-28v-2.8c0-1.5.5-3.3 1.2-4a65 65 0 0 1 25.6 0M175 170c0 3.6-.2 4-3.2 4.5-1.8.3-36.4.4-76.8.3l-73.5-.3-.3-2.8c-.7-6.1-6.2-5.7 77.3-5.7H175zm6.4 8.6q1.6.5 1.6 5v4.4H14v-4.3c0-2.4.3-4.7.7-5 .8-.9 164.6-.9 166.7-.1"/><path d="M42.5 87.2c-.3.7-.4 14.6-.3 30.8.3 25.4.5 29.5 1.8 29.5s1.5-4 1.5-30.4c0-23.5-.3-30.5-1.2-30.8q-1.2-.4-1.8.9m53.7 29.5c.2 19.7.7 30.8 1.3 30.8s1.1-11.1 1.3-30.8c.2-27 0-30.7-1.3-30.7s-1.5 3.7-1.3 30.7m54.5-30.1c-.4.4-.7 14.2-.7 30.6 0 29.2 0 29.8 2 29.8s2-.5 1.8-30.2c-.3-28.7-.7-32.6-3.1-30.2"/>`
@@ -108,8 +112,8 @@ function L(c) {
   return Object.prototype.hasOwnProperty.call(x, c);
 }
 var H = Object.defineProperty, O = Object.getOwnPropertyDescriptor, m = (c, t, o, a) => {
-  for (var e = a > 1 ? void 0 : a ? O(t, o) : t, i = c.length - 1, r; i >= 0; i--)
-    (r = c[i]) && (e = (a ? r(t, o, e) : r(e)) || e);
+  for (var e = a > 1 ? void 0 : a ? O(t, o) : t, l = c.length - 1, h; l >= 0; l--)
+    (h = c[l]) && (e = (a ? h(t, o, e) : h(e)) || e);
   return a && e && H(t, o, e), e;
 };
 let d = class extends y {
@@ -120,13 +124,13 @@ let d = class extends y {
     this.iconOnly || w(this, this.buttonEl);
   }
   render() {
-    const c = this.variant === "primary" ? "" : ` baht-button--${this.variant}`, t = this.size === "md" ? "" : ` baht-button--${this.size}`, o = this.iconOnly ? " baht-button--icon" : "", a = this.icon && L(this.icon) ? $(this.icon) : h;
+    const c = this.variant === "primary" ? "" : ` baht-button--${this.variant}`, t = this.size === "md" ? "" : ` baht-button--${this.size}`, o = this.iconOnly ? " baht-button--icon" : "", a = this.icon && L(this.icon) ? $(this.icon) : r;
     return p`<button
       class="baht-button${c}${t}${o}"
       type=${this.type}
-      aria-label=${this.iconOnly && this.label ? this.label : h}
+      aria-label=${this.iconOnly && this.label ? this.label : r}
       ?disabled=${this.disabled}
-    >${a}${this.iconOnly ? h : this.label}</button>`;
+    >${a}${this.iconOnly ? r : this.label}</button>`;
   }
 };
 m([
@@ -167,7 +171,7 @@ function B(c, t) {
   const e = () => {
     a || (a = !0, t());
   };
-  Promise.all(o.map((i) => i.finished.catch(() => {
+  Promise.all(o.map((l) => l.finished.catch(() => {
   }))).then(e, e), setTimeout(e, S);
 }
 const g = {
@@ -244,14 +248,14 @@ function z(c) {
   return p`<svg class="baht-illustration" viewBox=${t} fill="currentColor" aria-hidden="true">${o}</svg>`;
 }
 var V = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, u = (c, t, o, a) => {
-  for (var e = a > 1 ? void 0 : a ? _(t, o) : t, i = c.length - 1, r; i >= 0; i--)
-    (r = c[i]) && (e = (a ? r(t, o, e) : r(e)) || e);
+  for (var e = a > 1 ? void 0 : a ? _(t, o) : t, l = c.length - 1, h; l >= 0; l--)
+    (h = c[l]) && (e = (a ? h(t, o, e) : h(e)) || e);
   return a && e && V(t, o, e), e;
 };
-let l = class extends y {
+let i = class extends y {
   constructor() {
     super(...arguments), this.open = !1, this.heading = "", this.description = "", this.showClose = !0, this.closeOnScrim = !0, this.closing = !1, this.closeToken = 0, this.previousFocus = null, this.onKeydown = (c) => {
-      !this.open || l.openStack.at(-1) !== this || (c.key === "Escape" ? this.requestClose("escape") : c.key === "Tab" && this.trapFocus(c));
+      !this.open || i.openStack.at(-1) !== this || (c.key === "Escape" ? this.requestClose("escape") : c.key === "Tab" && this.trapFocus(c));
     };
   }
   get titleId() {
@@ -275,18 +279,18 @@ let l = class extends y {
       o == null || o.focus(), c.preventDefault();
       return;
     }
-    const a = t[0], e = t[t.length - 1], i = document.activeElement;
-    if (!this.contains(i)) {
+    const a = t[0], e = t[t.length - 1], l = document.activeElement;
+    if (!this.contains(l)) {
       a.focus(), c.preventDefault();
       return;
     }
-    c.shiftKey && (i === a || i === o) ? (e.focus(), c.preventDefault()) : !c.shiftKey && i === e && (a.focus(), c.preventDefault());
+    c.shiftKey && (l === a || l === o) ? (e.focus(), c.preventDefault()) : !c.shiftKey && l === e && (a.focus(), c.preventDefault());
   }
   connectedCallback() {
     super.connectedCallback(), M() && document.addEventListener("keydown", this.onKeydown);
   }
   disconnectedCallback() {
-    M() && document.removeEventListener("keydown", this.onKeydown), l.openStack = l.openStack.filter((c) => c !== this), super.disconnectedCallback();
+    M() && document.removeEventListener("keydown", this.onKeydown), i.openStack = i.openStack.filter((c) => c !== this), super.disconnectedCallback();
   }
   firstUpdated() {
     w(this, this.bodyEl);
@@ -296,11 +300,11 @@ let l = class extends y {
   }
   updated(c) {
     var t, o;
-    if (c.has("open") && (l.openStack = l.openStack.filter((a) => a !== this), this.open && l.openStack.push(this)), c.has("open") && !this.open && this.closing) {
-      const a = ++this.closeToken, e = this.querySelector(".baht-modal-scrim"), i = () => {
+    if (c.has("open") && (i.openStack = i.openStack.filter((a) => a !== this), this.open && i.openStack.push(this)), c.has("open") && !this.open && this.closing) {
+      const a = ++this.closeToken, e = this.querySelector(".baht-modal-scrim"), l = () => {
         a === this.closeToken && !this.open && (this.closing = !1);
       };
-      e ? B(e, i) : i();
+      e ? B(e, l) : l();
     }
     if (c.has("open") && this.open && (this.previousFocus = document.activeElement, (t = this.querySelector(".baht-modal")) == null || t.focus()), c.has("open") && !this.open && c.get("open") === !0) {
       const a = this.previousFocus;
@@ -314,58 +318,58 @@ let l = class extends y {
   render() {
     return p`<div
       class="baht-modal-scrim${this.closing ? " baht-modal-scrim--closing" : ""}"
-      style=${this.open || this.closing ? h : "display:none"}
+      style=${this.open || this.closing ? r : "display:none"}
       @click=${(c) => this.closeOnScrim && c.target === c.currentTarget && this.requestClose("scrim")}
     >
       <div
         class="baht-modal"
         role="dialog"
         aria-modal="true"
-        aria-labelledby=${this.heading ? this.titleId : h}
-        aria-label=${this.heading ? h : "Dialog"}
-        aria-describedby=${this.description ? this.descriptionId : h}
+        aria-labelledby=${this.heading ? this.titleId : r}
+        aria-label=${this.heading ? r : "Dialog"}
+        aria-describedby=${this.description ? this.descriptionId : r}
         tabindex="-1"
       >
         ${this.heading || this.description || this.showClose ? p`<header class="baht-modal-header">
               <div class="baht-modal-heading">
                 <div class="baht-modal-title" id=${this.titleId}>${this.heading}</div>
-                ${this.description ? p`<p class="baht-modal-description" id=${this.descriptionId}>${this.description}</p>` : h}
+                ${this.description ? p`<p class="baht-modal-description" id=${this.descriptionId}>${this.description}</p>` : r}
               </div>
-              ${this.showClose ? p`<button type="button" class="baht-modal-close" aria-label=${A("close")} @click=${() => this.requestClose("button")}>${z("cross-box")}</button>` : h}
-            </header>` : h}
+              ${this.showClose ? p`<button type="button" class="baht-modal-close" aria-label=${A("close")} @click=${() => this.requestClose("button")}>${z("cross-box")}</button>` : r}
+            </header>` : r}
         <div class="baht-modal-body"></div>
       </div>
     </div>`;
   }
 };
-l.openStack = [];
+i.openStack = [];
 u([
   n({ type: Boolean, reflect: !0 })
-], l.prototype, "open", 2);
+], i.prototype, "open", 2);
 u([
   n()
-], l.prototype, "heading", 2);
+], i.prototype, "heading", 2);
 u([
   n()
-], l.prototype, "description", 2);
+], i.prototype, "description", 2);
 u([
   n({ type: Boolean, attribute: "show-close" })
-], l.prototype, "showClose", 2);
+], i.prototype, "showClose", 2);
 u([
   n({ type: Boolean, attribute: "close-on-scrim" })
-], l.prototype, "closeOnScrim", 2);
+], i.prototype, "closeOnScrim", 2);
 u([
   q(".baht-modal-body")
-], l.prototype, "bodyEl", 2);
+], i.prototype, "bodyEl", 2);
 u([
   C()
-], l.prototype, "closing", 2);
-l = u([
+], i.prototype, "closing", 2);
+i = u([
   v("baht-modal")
-], l);
-var E = Object.defineProperty, P = Object.getOwnPropertyDescriptor, f = (c, t, o, a) => {
-  for (var e = a > 1 ? void 0 : a ? P(t, o) : t, i = c.length - 1, r; i >= 0; i--)
-    (r = c[i]) && (e = (a ? r(t, o, e) : r(e)) || e);
+], i);
+var E = Object.defineProperty, k = Object.getOwnPropertyDescriptor, f = (c, t, o, a) => {
+  for (var e = a > 1 ? void 0 : a ? k(t, o) : t, l = c.length - 1, h; l >= 0; l--)
+    (h = c[l]) && (e = (a ? h(t, o, e) : h(e)) || e);
   return a && e && E(t, o, e), e;
 };
 let b = class extends y {
@@ -407,7 +411,7 @@ let b = class extends y {
       (c) => p`<div
           class="baht-toast ${c.tone === "neutral" ? "" : `baht-toast--${c.tone}`}${c.leaving ? " baht-toast--leaving" : ""}"
           data-toast=${c.id}
-          role=${c.tone === "danger" || c.tone === "warning" ? "alert" : h}
+          role=${c.tone === "danger" || c.tone === "warning" ? "alert" : r}
         >
           <span class="baht-toast-message">${c.message}</span>
           <button type="button" class="baht-toast-dismiss" aria-label=${A("dismiss")} @click=${() => this.dismiss(c.id)}>×</button>
@@ -428,7 +432,7 @@ b = f([
 ], b);
 export {
   d as B,
-  l as a,
+  i as a,
   b,
   j as c,
   z as d,