bank20baht-ui 0.1.0 → 0.1.2

package/dist/engine.js

@@ -125,7 +125,7 @@ function $(e, t) {
   if (n !== -1)
     return (o = e[t.slice(0, n)]) == null ? void 0 : o[t.slice(n + 1)];
 }
-function O(e) {
+function j(e) {
   return e == null ? !0 : typeof e == "string" ? e === "" : Array.isArray(e) ? e.length === 0 : !1;
 }
 function k(e, t) {
@@ -177,9 +177,9 @@ function J(e, t) {
     case "endsWith":
       return typeof n == "string" && n.endsWith(String(o));
     case "isEmpty":
-      return O(n);
+      return j(n);
     case "isNotEmpty":
-      return !O(n);
+      return !j(n);
   }
 }
 function w(e, t) {
@@ -282,7 +282,7 @@ function ee(e, t, n) {
   return o.forEach((i, u) => {
     const d = i !== null && typeof i == "object" && !Array.isArray(i) ? i : {}, p = {};
     for (const a of s)
-      a.type === "label" || a.type === "repeater" || (p[a.key] = a.key in d ? d[a.key] : S(a));
+      a.type === "label" || a.type === "repeater" || (p[a.key] = Object.hasOwn(d, a.key) ? d[a.key] : S(a));
     for (const a of s)
       if (!(a.type === "label" || a.type === "repeater"))
         for (const h of X(a, p[a.key], n, p))
@@ -303,11 +303,11 @@ function x(e, t) {
 function D(e, t) {
   return e.filter((n) => x(n.flag, t)).map((n) => n.fields ? { ...n, fields: D(n.fields, t) } : n);
 }
-function j(e) {
-  return e.some((t) => t.flag !== void 0 || (t.fields ? j(t.fields) : !1));
+function O(e) {
+  return e.some((t) => t.flag !== void 0 || (t.fields ? O(t.fields) : !1));
 }
 function T(e, t) {
-  if (!j(e.field_data)) return e;
+  if (!O(e.field_data)) return e;
   const n = D(e.field_data, t), o = new Set(n.map((r) => r.key));
   return {
     ...e,
@@ -318,7 +318,7 @@ function T(e, t) {
 function fe(e, t = {}) {
   if ("workflowId" in e) {
     const n = e;
-    return n.forms.some((r) => r.flag !== void 0 || j(r.field_data)) || n.rules.some((r) => r.flag !== void 0) || (n.transitions ?? []).some((r) => r.flag !== void 0) ? {
+    return n.forms.some((r) => r.flag !== void 0 || O(r.field_data)) || n.rules.some((r) => r.flag !== void 0) || (n.transitions ?? []).some((r) => r.flag !== void 0) ? {
       ...n,
       forms: n.forms.filter((r) => x(r.flag, t)).map((r) => T(r, t)),
       rules: n.rules.filter((r) => x(r.flag, t)),

package/dist/index.js

@@ -2,7 +2,7 @@ import { t as b, defaultValue as wt, applyFlags as te, resolveViewFields as Vt,
 import { approvalFields as nr, evalCondition as hr, evalValueExpr as pr, flagEnabled as cr, getCatalog as dr, readRef as ur, setCatalog as br, setLocale as vr, walkPath as fr } from "./engine.js";
 import { LitElement as pe, nothing as h, html as n, svg as k } from "lit";
 import { property as l, query as Z, customElement as p, state as v } from "lit/decorators.js";
-import { live as B } from "lit/directives/live.js";
+import { live as j } from "lit/directives/live.js";
 import { ifDefined as P } from "lit/directives/if-defined.js";
 var ce = Object.defineProperty, tt = (t, e, r, a) => {
   for (var s = void 0, i = t.length - 1, o; i >= 0; i--)
@@ -286,8 +286,8 @@ bt([
 H = bt([
   p("baht-pagination")
 ], H);
-var _e = Object.defineProperty, xe = Object.getOwnPropertyDescriptor, w = (t, e, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? xe(e, r) : e, i = t.length - 1, o; i >= 0; i--)
+var _e = Object.defineProperty, Oe = Object.getOwnPropertyDescriptor, w = (t, e, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? Oe(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
   return a && s && _e(e, r, s), s;
 };
@@ -407,10 +407,10 @@ w([
 $ = w([
   p("baht-table")
 ], $);
-var Oe = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, L = (t, e, r, a) => {
+var xe = Object.defineProperty, Pe = Object.getOwnPropertyDescriptor, L = (t, e, r, a) => {
   for (var s = a > 1 ? void 0 : a ? Pe(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
-  return a && s && Oe(e, r, s), s;
+  return a && s && xe(e, r, s), s;
 };
 let F = class extends u {
   constructor() {
@@ -486,10 +486,10 @@ var Ce = Object.defineProperty, De = Object.getOwnPropertyDescriptor, st = (t, e
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
   return a && s && Ce(e, r, s), s;
 };
-let O = class extends u {
+let x = class extends u {
   constructor() {
     super(...arguments), this.open = !1, this.heading = "", this.showClose = !0, this.closeOnScrim = !0, this.previousFocus = null, this.onKeydown = (t) => {
-      !this.open || O.openStack.at(-1) !== this || (t.key === "Escape" ? this.requestClose("escape") : t.key === "Tab" && this.trapFocus(t));
+      !this.open || x.openStack.at(-1) !== this || (t.key === "Escape" ? this.requestClose("escape") : t.key === "Tab" && this.trapFocus(t));
     };
   }
   focusables() {
@@ -518,14 +518,14 @@ let O = class extends u {
     super.connectedCallback(), document.addEventListener("keydown", this.onKeydown);
   }
   disconnectedCallback() {
-    document.removeEventListener("keydown", this.onKeydown), O.openStack = O.openStack.filter((t) => t !== this), super.disconnectedCallback();
+    document.removeEventListener("keydown", this.onKeydown), x.openStack = x.openStack.filter((t) => t !== this), super.disconnectedCallback();
   }
   firstUpdated() {
     et(this, this.bodyEl);
   }
   updated(t) {
     var e, r;
-    if (t.has("open") && (O.openStack = O.openStack.filter((a) => a !== this), this.open && O.openStack.push(this)), t.has("open") && this.open && (this.previousFocus = document.activeElement, (e = this.querySelector(".baht-modal")) == null || e.focus()), t.has("open") && !this.open && t.get("open") === !0) {
+    if (t.has("open") && (x.openStack = x.openStack.filter((a) => a !== this), this.open && x.openStack.push(this)), t.has("open") && this.open && (this.previousFocus = document.activeElement, (e = this.querySelector(".baht-modal")) == null || e.focus()), t.has("open") && !this.open && t.get("open") === !0) {
       const a = this.previousFocus;
       this.previousFocus = null, a != null && a.isConnected && (!document.activeElement || document.activeElement === document.body || this.contains(document.activeElement)) && ((r = a.focus) == null || r.call(a));
     }
@@ -552,25 +552,25 @@ let O = class extends u {
     </div>`;
   }
 };
-O.openStack = [];
+x.openStack = [];
 st([
   l({ type: Boolean, reflect: !0 })
-], O.prototype, "open", 2);
+], x.prototype, "open", 2);
 st([
   l()
-], O.prototype, "heading", 2);
+], x.prototype, "heading", 2);
 st([
   l({ type: Boolean, attribute: "show-close" })
-], O.prototype, "showClose", 2);
+], x.prototype, "showClose", 2);
 st([
   l({ type: Boolean, attribute: "close-on-scrim" })
-], O.prototype, "closeOnScrim", 2);
+], x.prototype, "closeOnScrim", 2);
 st([
   Z(".baht-modal-body")
-], O.prototype, "bodyEl", 2);
-O = st([
+], x.prototype, "bodyEl", 2);
+x = st([
   p("baht-modal")
-], O);
+], x);
 var ke = Object.defineProperty, Ee = Object.getOwnPropertyDescriptor, Mt = (t, e, r, a) => {
   for (var s = a > 1 ? void 0 : a ? Ee(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
@@ -630,10 +630,10 @@ Mt([
 W = Mt([
   p("baht-toast")
 ], W);
-var Be = Object.defineProperty, je = Object.getOwnPropertyDescriptor, vt = (t, e, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? je(e, r) : e, i = t.length - 1, o; i >= 0; i--)
+var je = Object.defineProperty, Be = Object.getOwnPropertyDescriptor, vt = (t, e, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? Be(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
-  return a && s && Be(e, r, s), s;
+  return a && s && je(e, r, s), s;
 };
 let S = class extends u {
   constructor() {
@@ -835,7 +835,7 @@ let C = class extends u {
           type="range"
           id=${this.inputId}
           aria-label=${this.label ? h : "Value"}
-          .value=${B(String(this.value))}
+          .value=${j(String(this.value))}
           min=${this.min}
           max=${this.max}
           step=${this.step}
@@ -1102,7 +1102,7 @@ var He = Object.defineProperty, We = Object.getOwnPropertyDescriptor, Lt = (t, e
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
   return a && s && He(e, r, s), s;
 };
-let xt = class extends u {
+let Ot = class extends u {
   constructor() {
     super(...arguments), this.size = "md", this.label = "Loading";
   }
@@ -1113,13 +1113,13 @@ let xt = class extends u {
 };
 Lt([
   l()
-], xt.prototype, "size", 2);
+], Ot.prototype, "size", 2);
 Lt([
   l()
-], xt.prototype, "label", 2);
-xt = Lt([
+], Ot.prototype, "label", 2);
+Ot = Lt([
   p("baht-spinner")
-], xt);
+], Ot);
 var Je = Object.defineProperty, Ge = Object.getOwnPropertyDescriptor, mt = (t, e, r, a) => {
   for (var s = a > 1 ? void 0 : a ? Ge(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
@@ -1318,7 +1318,7 @@ var as = Object.defineProperty, is = Object.getOwnPropertyDescriptor, Rt = (t, e
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
   return a && s && as(e, r, s), s;
 };
-let Ot = class extends u {
+let xt = class extends u {
   constructor() {
     super(...arguments), this.items = [], this.separator = "›";
   }
@@ -1345,13 +1345,13 @@ let Ot = class extends u {
 };
 Rt([
   l({ attribute: !1 })
-], Ot.prototype, "items", 2);
+], xt.prototype, "items", 2);
 Rt([
   l()
-], Ot.prototype, "separator", 2);
-Ot = Rt([
+], xt.prototype, "separator", 2);
+xt = Rt([
   p("baht-breadcrumbs")
-], Ot);
+], xt);
 var os = Object.getOwnPropertyDescriptor, ls = (t, e, r, a) => {
   for (var s = a > 1 ? void 0 : a ? os(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = o(s) || s);
@@ -1363,7 +1363,7 @@ let zt = class extends m {
       class="baht-control baht-control--text"
       id=${this.controlId}
       type=${this.field.type === "email" ? "email" : "text"}
-      .value=${B(this.value == null ? "" : String(this.value))}
+      .value=${j(this.value == null ? "" : String(this.value))}
       placeholder=${P(this.field.placeholder)}
       maxlength=${P(this.field.maxLength)}
       autocomplete=${P(this.field.autocomplete)}
@@ -1389,7 +1389,7 @@ let Kt = class extends m {
     return n`<textarea
       class="baht-control baht-control--textarea"
       id=${this.controlId}
-      .value=${B(this.value == null ? "" : String(this.value))}
+      .value=${j(this.value == null ? "" : String(this.value))}
       placeholder=${P(this.field.placeholder)}
       maxlength=${P(this.field.maxLength)}
       rows=${this.field.rows ?? 3}
@@ -1417,7 +1417,7 @@ let Ht = class extends m {
       class="baht-control baht-control--number"
       id=${this.controlId}
       type="number"
-      .value=${B(this.value == null ? "" : String(this.value))}
+      .value=${j(this.value == null ? "" : String(this.value))}
       placeholder=${P(this.field.placeholder)}
       min=${P(this.field.min)}
       max=${P(this.field.max)}
@@ -1448,7 +1448,7 @@ let Wt = class extends m {
     return n`<select
       class="baht-control baht-control--select"
       id=${this.controlId}
-      .value=${B(t)}
+      .value=${j(t)}
       ?disabled=${this.disabled || this.readonly}
       ?required=${this.required}
       aria-invalid=${this.invalid}
@@ -1493,7 +1493,7 @@ let Jt = class extends m {
           <input
             type="checkbox"
             value=${t.key}
-            .checked=${B(this.selected.includes(t.key))}
+            .checked=${j(this.selected.includes(t.key))}
             ?disabled=${this.disabled || this.readonly}
             @change=${(e) => this.toggle(t.key, e.target.checked)}
           />
@@ -1521,7 +1521,7 @@ let Gt = class extends m {
       <input
         type="checkbox"
         id=${this.controlId}
-        .checked=${B(this.value === !0)}
+        .checked=${j(this.value === !0)}
         ?disabled=${this.disabled || this.readonly}
         ?required=${this.required}
         aria-invalid=${this.invalid}
@@ -1558,7 +1558,7 @@ let Yt = class extends m {
             type="radio"
             name=${this.controlId}
             value=${t.key}
-            .checked=${B(this.value === t.key)}
+            .checked=${j(this.value === t.key)}
             ?disabled=${this.disabled || this.readonly}
             @change=${() => this.emitInput(t.key)}
           />
@@ -1587,7 +1587,7 @@ let Qt = class extends m {
         role="switch"
         id=${this.controlId}
         aria-checked=${this.value === !0 ? "true" : "false"}
-        .checked=${B(this.value === !0)}
+        .checked=${j(this.value === !0)}
         ?disabled=${this.disabled || this.readonly}
         ?required=${this.required}
         aria-invalid=${this.invalid}
@@ -1604,7 +1604,7 @@ let Qt = class extends m {
 Qt = ws([
   p("baht-toggle")
 ], Qt);
-var _s = Object.getOwnPropertyDescriptor, xs = (t, e, r, a) => {
+var _s = Object.getOwnPropertyDescriptor, Os = (t, e, r, a) => {
   for (var s = a > 1 ? void 0 : a ? _s(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = o(s) || s);
   return s;
@@ -1615,7 +1615,7 @@ let Xt = class extends m {
       class="baht-control baht-control--date"
       id=${this.controlId}
       type="date"
-      .value=${B(this.value == null ? "" : String(this.value))}
+      .value=${j(this.value == null ? "" : String(this.value))}
       min=${P(this.field.min)}
       max=${P(this.field.max)}
       ?disabled=${this.disabled}
@@ -1630,13 +1630,13 @@ let Xt = class extends m {
     />`;
   }
 };
-Xt = xs([
+Xt = Os([
   p("baht-datepicker")
 ], Xt);
-var Os = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, $t = (t, e, r, a) => {
+var xs = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, $t = (t, e, r, a) => {
   for (var s = a > 1 ? void 0 : a ? Ps(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
-  return a && s && Os(e, r, s), s;
+  return a && s && xs(e, r, s), s;
 };
 function Zt(t) {
   return t !== null && typeof t == "object" && typeof t.url == "string";
@@ -1743,8 +1743,8 @@ re([
 It = re([
   p("baht-text")
 ], It);
-var Es = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Bt = (t, e, r, a) => {
-  for (var s = a > 1 ? void 0 : a ? Bs(e, r) : e, i = t.length - 1, o; i >= 0; i--)
+var Es = Object.defineProperty, js = Object.getOwnPropertyDescriptor, jt = (t, e, r, a) => {
+  for (var s = a > 1 ? void 0 : a ? js(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
   return a && s && Es(e, r, s), s;
 };
@@ -1762,21 +1762,21 @@ let ct = class extends u {
     </div>`;
   }
 };
-Bt([
+jt([
   l({ type: Number })
 ], ct.prototype, "total", 2);
-Bt([
+jt([
   l()
 ], ct.prototype, "label", 2);
-Bt([
+jt([
   l()
 ], ct.prototype, "color", 2);
-ct = Bt([
+ct = jt([
   p("baht-stat-chart")
 ], ct);
-const js = 10;
+const Bs = 10;
 function ae(t, e) {
-  return e && t === 0 ? e : `var(--baht-chart-${t % js + 1})`;
+  return e && t === 0 ? e : `var(--baht-chart-${t % Bs + 1})`;
 }
 var Fs = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, lt = (t, e, r, a) => {
   for (var s = a > 1 ? void 0 : a ? Ns(e, r) : e, i = t.length - 1, o; i >= 0; i--)
@@ -1793,14 +1793,14 @@ let N = class extends u {
     const t = this.groups.reduce((o, c) => o + c.count, 0) || 1, e = this.total ?? this.groups.reduce((o, c) => o + c.count, 0), r = N.R, a = 2 * Math.PI * r;
     let s = 0;
     const i = this.groups.map((o, c) => {
-      const d = o.count / t, x = {
+      const d = o.count / t, O = {
         ...o,
         frac: d,
         dash: `${d * a} ${a - d * a}`,
         offset: -s * a,
         color: ae(c, this.color || void 0)
       };
-      return s += d, x;
+      return s += d, O;
     });
     return n`<div class="baht-donut-chart">
       <svg width="160" height="160" viewBox="0 0 160 160" role="img" aria-label="Donut chart">
@@ -1845,7 +1845,7 @@ lt([
 N = lt([
   p("baht-donut-chart")
 ], N);
-var Is = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, jt = (t, e, r, a) => {
+var Is = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, Bt = (t, e, r, a) => {
   for (var s = a > 1 ? void 0 : a ? Ss(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
   return a && s && Is(e, r, s), s;
@@ -1874,16 +1874,16 @@ let dt = class extends u {
     </div>`;
   }
 };
-jt([
+Bt([
   l({ attribute: !1 })
 ], dt.prototype, "groups", 2);
-jt([
+Bt([
   l()
 ], dt.prototype, "color", 2);
-jt([
+Bt([
   l({ attribute: "empty-message" })
 ], dt.prototype, "emptyMessage", 2);
-dt = jt([
+dt = Bt([
   p("baht-bar-chart")
 ], dt);
 var qs = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, Ft = (t, e, r, a) => {
@@ -2263,7 +2263,11 @@ let St = class extends m {
     super(...arguments), this.rowErrors = [], this.controls = /* @__PURE__ */ new Map();
   }
   willUpdate(t) {
-    t.has("field") && this.controls.clear();
+    if (t.has("field") && this.controls.clear(), t.has("value")) {
+      const e = this.rows.length;
+      for (const r of this.controls.keys())
+        Number(r.slice(0, r.indexOf(":"))) >= e && this.controls.delete(r);
+    }
   }
   get rows() {
     return Array.isArray(this.value) ? this.value : [];
@@ -2298,7 +2302,7 @@ let St = class extends m {
       c.stopPropagation();
       const { value: d } = c.detail;
       this.patchRow(e, r.key, d);
-    }), this.controls.set(s, i)), i.field = r, i.value = r.key in t ? t[r.key] : wt(r), i.disabled = this.disabled, i.readonly = this.readonly, i.required = !!r.required, i.error = this.errorFor(e, r.key);
+    }), this.controls.set(s, i)), i.field = r, i.value = Object.hasOwn(t, r.key) ? t[r.key] : wt(r), i.disabled = this.disabled, i.readonly = this.readonly, i.required = !!r.required, i.error = this.errorFor(e, r.key);
     const o = Ws[r.width ?? "full"] ?? "baht-field--w-full";
     return n`<div class="baht-field ${o}" data-key=${r.key} data-type=${r.type}>
       ${i}
@@ -2379,7 +2383,7 @@ At([
 Pt = At([
   p("baht-steps")
 ], Pt);
-var Ys = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, j = (t, e, r, a) => {
+var Ys = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, B = (t, e, r, a) => {
   for (var s = a > 1 ? void 0 : a ? Qs(e, r) : e, i = t.length - 1, o; i >= 0; i--)
     (o = t[i]) && (s = (a ? o(e, r, s) : o(s)) || s);
   return a && s && Ys(e, r, s), s;
@@ -2461,7 +2465,7 @@ let D = class extends u {
     };
   }
   valueFor(t) {
-    return t.key in this.edits ? this.edits[t.key] : t.key in this.value ? this.value[t.key] : wt(t);
+    return Object.hasOwn(this.edits, t.key) ? this.edits[t.key] : Object.hasOwn(this.value, t.key) ? this.value[t.key] : wt(t);
   }
   // ---- public API (spec 01 §6) ----
   getData() {
@@ -2530,8 +2534,8 @@ let D = class extends u {
     let i = this.controls.get(t.key);
     if ((!i || i.tagName.toLowerCase() !== e) && (i = document.createElement(e), i.addEventListener("baht-input", (d) => {
       var Tt;
-      const x = (Tt = this.effectiveForm) == null ? void 0 : Tt.field_data.find((le) => le.key === t.key);
-      x && this.onFieldInput(x, d);
+      const O = (Tt = this.effectiveForm) == null ? void 0 : Tt.field_data.find((le) => le.key === t.key);
+      O && this.onFieldInput(O, d);
     }), this.controls.set(t.key, i)), i.field = t.optionsFrom ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, i.value = this.valueFor(t), i.disabled = !r.enabled, i.readonly = r.readonly, i.required = r.required, i.error = s, t.type === "repeater" && (i.rowErrors = this.errors.filter((d) => d.key.startsWith(`${t.key}[`))), t.type === "file" && t.uploader) {
       const d = (c = this.registry.uploaders) == null ? void 0 : c[t.uploader];
       d || console.warn(`[bahtui] unknown uploader "${t.uploader}" — capture only`), i.uploader = d;
@@ -2549,34 +2553,34 @@ let D = class extends u {
     return n`<div class="baht-form">${this.sortedFields.map((t) => this.renderField(t))}</div>`;
   }
 };
-j([
+B([
   l({ attribute: !1 })
 ], D.prototype, "form", 2);
-j([
+B([
   l({ attribute: !1 })
 ], D.prototype, "value", 2);
-j([
+B([
   l({ attribute: !1 })
 ], D.prototype, "registry", 2);
-j([
+B([
   l({ attribute: !1 })
 ], D.prototype, "options", 2);
-j([
+B([
   l({ attribute: !1 })
 ], D.prototype, "fieldStates", 2);
-j([
+B([
   l({ type: String })
 ], D.prototype, "view", 2);
-j([
+B([
   l({ attribute: !1 })
 ], D.prototype, "flags", 2);
-j([
+B([
   v()
 ], D.prototype, "edits", 2);
-j([
+B([
   v()
 ], D.prototype, "errors", 2);
-D = j([
+D = B([
   p("baht-form")
 ], D);
 var Zs = Object.defineProperty, tr = Object.getOwnPropertyDescriptor, _ = (t, e, r, a) => {
@@ -2674,9 +2678,15 @@ let g = class extends u {
     }
     const a = this.visibleForms.find((s) => s.formName === r);
     if (!a || a.formName === this.current) {
+      const s = a ? "self-transition" : "target-hidden";
       console.warn(
         `[bahtui] cannot advance from "${this.current}": target "${r}" is ` + (a ? "the current form (self-transition)" : "not visible")
-      );
+      ), this.emit("baht-nav-blocked", {
+        formName: this.current,
+        target: r,
+        reason: s,
+        data: this.getData()
+      });
       return;
     }
     this.history.push(this.current), this.current = a.formName, this.emit("baht-next", { formName: a.formName, order: a.order, ...e }), this.emit("baht-step-change", {
@@ -2713,7 +2723,7 @@ let g = class extends u {
     }
     this.emit("baht-reject", o);
     const c = r.onReject ?? { action: "end" };
-    c.action === "goto" && this.visibleForms.some((x) => x.formName === c.form) ? this.gotoForm(c.form) : this.emit("baht-complete", { data: this.getData(), status: "rejected" });
+    c.action === "goto" && this.visibleForms.some((O) => O.formName === c.form) ? this.gotoForm(c.form) : this.emit("baht-complete", { data: this.getData(), status: "rejected" });
   }
   /** Jump back to a visible form, truncating the history to that point. */
   gotoForm(t) {
@@ -2771,19 +2781,19 @@ let g = class extends u {
     return n`<div class="baht-approval">
       <div class="baht-approval-summary">
         ${r.length === 0 ? n`<p class="baht-approval-empty">${b("nothingToReview")}</p>` : r.map((i) => {
-      const o = this.fieldStatesFor(i.formName), c = [...i.field_data].sort((d, x) => d.order - x.order).filter((d) => {
-        var x;
-        return d.type !== "label" && ((x = o[d.key]) == null ? void 0 : x.visible) !== !1;
+      const o = this.fieldStatesFor(i.formName), c = [...i.field_data].sort((d, O) => d.order - O.order).filter((d) => {
+        var O;
+        return d.type !== "label" && ((O = o[d.key]) == null ? void 0 : O.visible) !== !1;
       });
       return n`<section class="baht-approval-group">
                   <h4 class="baht-approval-group-title">${i.formName}</h4>
                   <dl class="baht-approval-rows">
                     ${c.map(
         (d) => {
-          var x;
+          var O;
           return n`<div class="baht-approval-row">
                         <dt>${d.label ?? d.key}</dt>
-                        <dd>${this.displayValue(d, (x = this.data[i.formName]) == null ? void 0 : x[d.key])}</dd>
+                        <dd>${this.displayValue(d, (O = this.data[i.formName]) == null ? void 0 : O[d.key])}</dd>
                       </div>`;
         }
       )}
@@ -2898,7 +2908,7 @@ export {
   A as BahtAlert,
   nt as BahtBadge,
   dt as BahtBarChart,
-  Ot as BahtBreadcrumbs,
+  xt as BahtBreadcrumbs,
   E as BahtButton,
   G as BahtCard,
   Gt as BahtCheckbox,
@@ -2917,7 +2927,7 @@ export {
   M as BahtKeyvalueEditor,
   Y as BahtLink,
   F as BahtList,
-  O as BahtModal,
+  x as BahtModal,
   Jt as BahtMultiselect,
   Ht as BahtNumber,
   V as BahtOtp,
@@ -2930,7 +2940,7 @@ export {
   St as BahtRepeater,
   Wt as BahtSelect,
   ht as BahtSkeleton,
-  xt as BahtSpinner,
+  Ot as BahtSpinner,
   ct as BahtStatChart,
   Pt as BahtSteps,
   $ as BahtTable,

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "bank20baht-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "description-markup": "markdown",
   "contributions": {
     "html": {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "bank20baht-ui",
-  "version": "0.1.0",
+  "version": "0.1.2",
   "type": "module",
   "description": "JSON-driven form + workflow engine. Send JSON in, get an interactive form out.",
   "license": "MIT",