bank20baht-ui 0.5.6 → 0.5.8

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

@@ -1,6 +1,6 @@
 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 { property as n, query as C, customElement as y, state as w } from "lit/decorators.js";
+import { B as f, b as v, h as q } from "./base-D1pT3J5T.js";
 import { t as A } from "./i18n-CWv5lrun.js";
 const x = {
   copy: {
@@ -116,12 +116,12 @@ var H = Object.defineProperty, O = Object.getOwnPropertyDescriptor, m = (c, t, o
     (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 {
+let d = class extends f {
   constructor() {
     super(...arguments), this.variant = "primary", this.size = "md", this.disabled = !1, this.type = "button", this.label = "", this.icon = "", this.iconOnly = !1;
   }
   firstUpdated() {
-    this.iconOnly || w(this, this.buttonEl);
+    this.iconOnly || v(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) : r;
@@ -155,10 +155,10 @@ m([
   n({ type: Boolean, attribute: "icon-only" })
 ], d.prototype, "iconOnly", 2);
 m([
-  q("button")
+  C("button")
 ], d.prototype, "buttonEl", 2);
 d = m([
-  v("baht-button")
+  y("baht-button")
 ], d);
 const S = 600;
 function B(c, t) {
@@ -252,7 +252,7 @@ var V = Object.defineProperty, _ = Object.getOwnPropertyDescriptor, u = (c, t, o
     (h = c[l]) && (e = (a ? h(t, o, e) : h(e)) || e);
   return a && e && V(t, o, e), e;
 };
-let i = class extends y {
+let i = class extends f {
   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 || i.openStack.at(-1) !== this || (c.key === "Escape" ? this.requestClose("escape") : c.key === "Tab" && this.trapFocus(c));
@@ -287,20 +287,26 @@ let i = class extends y {
     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);
+    super.connectedCallback(), q() && document.addEventListener("keydown", this.onKeydown);
   }
   disconnectedCallback() {
-    M() && document.removeEventListener("keydown", this.onKeydown), i.openStack = i.openStack.filter((c) => c !== this), super.disconnectedCallback();
+    q() && document.removeEventListener("keydown", this.onKeydown), i.openStack = i.openStack.filter((c) => c !== this), super.disconnectedCallback();
   }
   firstUpdated() {
-    w(this, this.bodyEl);
+    v(this, this.bodyEl);
   }
   willUpdate(c) {
     c.has("open") && (this.open ? this.closing = !1 : c.get("open") === !0 && (this.closing = !0));
   }
+  // A framework host (Angular/React) can project new light-DOM children into
+  // this element well after firstUpdated already ran — e.g. a conditionally
+  // rendered form that only mounts once its async form definition resolves.
+  // Re-running adoption on every update is cheap (a no-op once children are
+  // already under `.baht-modal-body`) and keeps that content inside the body
+  // instead of leaking it to render outside the modal entirely.
   updated(c) {
     var t, o;
-    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) {
+    if (v(this, this.bodyEl), 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);
       };
@@ -359,20 +365,20 @@ u([
   n({ type: Boolean, attribute: "close-on-scrim" })
 ], i.prototype, "closeOnScrim", 2);
 u([
-  q(".baht-modal-body")
+  C(".baht-modal-body")
 ], i.prototype, "bodyEl", 2);
 u([
-  C()
+  w()
 ], i.prototype, "closing", 2);
 i = u([
-  v("baht-modal")
+  y("baht-modal")
 ], i);
-var E = Object.defineProperty, k = Object.getOwnPropertyDescriptor, f = (c, t, o, a) => {
+var E = Object.defineProperty, k = Object.getOwnPropertyDescriptor, M = (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 {
+let b = class extends f {
   constructor() {
     super(...arguments), this.duration = 4e3, this.entries = [], this.timers = /* @__PURE__ */ new Map();
   }
@@ -421,14 +427,14 @@ let b = class extends y {
   }
 };
 b.counter = 0;
-f([
+M([
   n({ type: Number })
 ], b.prototype, "duration", 2);
-f([
-  C()
+M([
+  w()
 ], b.prototype, "entries", 2);
-b = f([
-  v("baht-toast")
+b = M([
+  y("baht-toast")
 ], b);
 export {
   d as B,