bank20baht-ui 0.4.0 → 0.4.1

package/dist/chunks/{baht-workflow-h9pLnwlk.js → baht-workflow-CkbvfwES.js}

@@ -1,20 +1,20 @@
 import { nothing as h, html as n, svg as A } from "lit";
-import { property as l, customElement as u, state as y, query as Et } from "lit/decorators.js";
-import { B as $, b as ne, h as q, a as W } from "./base-CajA2aCO.js";
-import { t as v } from "./i18n-BcPL9_Jh.js";
-import { n as ve, k as Lt, o as ps, i as Rt, p as ds, d as se, a as as, m as Me, v as Ae, c as us, g as bs, l as fs } from "./display-DQRcvsn7.js";
-import { repeat as Oe } from "lit/directives/repeat.js";
-import { html as ee, unsafeStatic as is } from "lit/static-html.js";
-import { c as ms, r as U } from "./baht-toast-CD1WrOYr.js";
-import { live as rt } from "lit/directives/live.js";
+import { property as l, customElement as b, state as $, query as Bt } from "lit/decorators.js";
+import { B as y, b as ne, h as S, a as J } from "./base-CajA2aCO.js";
+import { t as m } from "./i18n-BcPL9_Jh.js";
+import { n as $e, k as Lt, o as ds, i as Rt, p as us, d as se, a as rs, m as Ae, v as Le, c as bs, g as fs, l as ms } from "./display-DQRcvsn7.js";
+import { repeat as Ce } from "lit/directives/repeat.js";
+import { html as ee, unsafeStatic as os } from "lit/static-html.js";
+import { c as vs, r as H } from "./baht-toast-CD1WrOYr.js";
+import { live as ot } from "lit/directives/live.js";
 import { ifDefined as L } from "lit/directives/if-defined.js";
-import vs from "flatpickr";
-var $s = Object.defineProperty, ys = Object.getOwnPropertyDescriptor, he = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ys(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+import $s from "flatpickr";
+var ys = Object.defineProperty, gs = Object.getOwnPropertyDescriptor, he = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? gs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && $s(e, i, s), s;
+  return a && s && ys(e, i, s), s;
 };
-let zt = class extends $ {
+let zt = class extends y {
   constructor() {
     super(...arguments), this.tone = "neutral", this.label = "", this.dot = null;
   }
@@ -38,14 +38,14 @@ he([
   l({ attribute: !1 })
 ], zt.prototype, "dot", 2);
 zt = he([
-  u("baht-badge")
+  b("baht-badge")
 ], zt);
-var gs = Object.defineProperty, ws = Object.getOwnPropertyDescriptor, Ie = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ws(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var ws = Object.defineProperty, xs = Object.getOwnPropertyDescriptor, je = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? xs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && gs(e, i, s), s;
+  return a && s && ws(e, i, s), s;
 };
-let ae = class extends $ {
+let ae = class extends y {
   constructor() {
     super(...arguments), this.variant = "inline", this.code = "";
   }
@@ -57,21 +57,21 @@ let ae = class extends $ {
     return this.variant === "block" ? n`<pre class="baht-code baht-code--block" tabindex="0">${this.code}</pre>` : n`<code class="baht-code">${this.code}</code>`;
   }
 };
-Ie([
+je([
   l()
 ], ae.prototype, "variant", 2);
-Ie([
+je([
   l()
 ], ae.prototype, "code", 2);
-ae = Ie([
-  u("baht-code")
+ae = je([
+  b("baht-code")
 ], ae);
-var xs = Object.defineProperty, _s = Object.getOwnPropertyDescriptor, $t = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? _s(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var _s = Object.defineProperty, ks = Object.getOwnPropertyDescriptor, yt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ks(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && xs(e, i, s), s;
+  return a && s && _s(e, i, s), s;
 };
-let nt = class extends $ {
+let ht = class extends y {
   constructor() {
     super(...arguments), this.page = 1, this.totalPages = 1, this.variant = "numbered", this.siblings = 1, this.hasNext = !1, this.hasPrev = !1;
   }
@@ -99,7 +99,7 @@ let nt = class extends $ {
     const { page: t, totalPages: e, siblings: i } = this, a = /* @__PURE__ */ new Set([1, e]);
     for (let c = t - i; c <= t + i; c++)
       c >= 1 && c <= e && a.add(c);
-    const s = [...a].sort((c, m) => c - m), r = [];
+    const s = [...a].sort((c, f) => c - f), r = [];
     let o = 0;
     for (const c of s)
       o && c - o === 2 ? r.push(o + 1) : o && c - o > 2 && r.push(null), r.push(c), o = c;
@@ -126,34 +126,34 @@ let nt = class extends $ {
     </nav>`;
   }
 };
-$t([
+yt([
   l({ type: Number })
-], nt.prototype, "page", 2);
-$t([
+], ht.prototype, "page", 2);
+yt([
   l({ type: Number, attribute: "total-pages" })
-], nt.prototype, "totalPages", 2);
-$t([
+], ht.prototype, "totalPages", 2);
+yt([
   l()
-], nt.prototype, "variant", 2);
-$t([
+], ht.prototype, "variant", 2);
+yt([
   l({ type: Number })
-], nt.prototype, "siblings", 2);
-$t([
+], ht.prototype, "siblings", 2);
+yt([
   l({ type: Boolean, attribute: "has-next" })
-], nt.prototype, "hasNext", 2);
-$t([
+], ht.prototype, "hasNext", 2);
+yt([
   l({ type: Boolean, attribute: "has-prev" })
-], nt.prototype, "hasPrev", 2);
-nt = $t([
-  u("baht-pagination")
-], nt);
-var ks = Object.defineProperty, Ps = Object.getOwnPropertyDescriptor, C = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ps(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], ht.prototype, "hasPrev", 2);
+ht = yt([
+  b("baht-pagination")
+], ht);
+var Ps = Object.defineProperty, Os = Object.getOwnPropertyDescriptor, O = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Os(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ks(e, i, s), s;
+  return a && s && Ps(e, i, s), s;
 };
-const Os = " › ", $e = (t) => t !== null && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date), te = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
-let P = class extends $ {
+const Cs = " › ", ye = (t) => t !== null && typeof t == "object" && !Array.isArray(t) && !(t instanceof Date), te = (t) => t.replace(/_/g, " ").replace(/\b\w/g, (e) => e.toUpperCase());
+let k = class extends y {
   constructor() {
     super(...arguments), this.items = [], this.columns = {}, this.loading = !1, this.error = !1, this.errorMessage = "Couldn't load data. Try again.", this.emptyMessage = "No records yet.", this.showIndex = !0, this.indexOffset = 0, this.skeletonRows = 10, this.rowKey = "", this.clickable = !0, this.renderers = {}, this.visibleColumns = [], this.columnPicker = !0, this.page = 1, this.totalPages = 1, this.cursorMode = !1, this.hasNext = !1, this.hasPrev = !1, this.pickerOpen = !1, this.pickedColumns = null, this.draftColumns = [], this.pickAvail = [], this.pickSel = [], this.expanded = [], this.pickerPreviousFocus = null, this.onPickerKeydown = (t) => {
       t.key === "Escape" ? this.closePicker() : t.key === "Tab" && this.trapPickerFocus(t);
@@ -178,7 +178,7 @@ let P = class extends $ {
     r != null && r.contains(s) ? t.shiftKey && s === i ? (a.focus(), t.preventDefault()) : !t.shiftKey && s === a && (i.focus(), t.preventDefault()) : (i.focus(), t.preventDefault());
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), q() && document.removeEventListener("keydown", this.onPickerKeydown);
+    super.disconnectedCallback(), S() && document.removeEventListener("keydown", this.onPickerKeydown);
   }
   willUpdate(t) {
     t.has("visibleColumns") && !t.has("columns") && (this.pickedColumns = null);
@@ -191,7 +191,7 @@ let P = class extends $ {
     if (!t) return {};
     const e = {};
     for (const [i, a] of Object.entries(t))
-      e[i] = $e(a) ? {
+      e[i] = ye(a) ? {
         label: te(i),
         fields: Object.fromEntries(Object.keys(a).map((s) => [s, te(s)]))
       } : te(i);
@@ -238,20 +238,20 @@ let P = class extends $ {
       }
       e.push(typeof s == "string" ? s : s.label), i = typeof s == "string" ? void 0 : s.fields;
     }
-    return e.join(Os);
+    return e.join(Cs);
   }
   /** The row's value at a dotted key (`requester.department`). */
   static valueAt(t, e) {
     let i = t;
     for (const a of e.split(".")) {
-      if (!$e(i)) return;
+      if (!ye(i)) return;
       i = i[a];
     }
     return i;
   }
   // ---- picker -----------------------------------------------------------
   openPicker() {
-    this.draftColumns = this.columnKeys.slice(), this.pickAvail = [], this.pickSel = [], this.pickerOpen = !0, this.pickerPreviousFocus = document.activeElement, q() && document.addEventListener("keydown", this.onPickerKeydown), this.updateComplete.then(() => {
+    this.draftColumns = this.columnKeys.slice(), this.pickAvail = [], this.pickSel = [], this.pickerOpen = !0, this.pickerPreviousFocus = document.activeElement, S() && document.addEventListener("keydown", this.onPickerKeydown), this.updateComplete.then(() => {
       var t;
       this.pickerOpen && ((t = this.pickerFocusables()[0]) == null || t.focus());
     });
@@ -259,7 +259,7 @@ let P = class extends $ {
   closePicker() {
     var e;
     if (!this.pickerOpen) return;
-    this.pickerOpen = !1, q() && document.removeEventListener("keydown", this.onPickerKeydown);
+    this.pickerOpen = !1, S() && document.removeEventListener("keydown", this.onPickerKeydown);
     const t = this.pickerPreviousFocus;
     this.pickerPreviousFocus = null, t != null && t.isConnected && ((e = t.focus) == null || e.call(t));
   }
@@ -309,9 +309,9 @@ let P = class extends $ {
     );
   }
   cell(t, e) {
-    const i = this.renderers[e], a = P.valueAt(t, e);
+    const i = this.renderers[e], a = k.valueAt(t, e);
     if (i) return i(a, t);
-    if ($e(a)) {
+    if (ye(a)) {
       const s = a.name ?? a.label ?? a.title ?? a.id;
       return s == null ? "" : String(s);
     }
@@ -380,7 +380,7 @@ let P = class extends $ {
     </li>`;
   }
   renderColumnModal() {
-    const t = this.allColumnKeys, e = this.allPaths().filter((a) => !this.draftColumns.includes(a)).length, i = (a) => (s) => a(P.selectedValues(s));
+    const t = this.allColumnKeys, e = this.allPaths().filter((a) => !this.draftColumns.includes(a)).length, i = (a) => (s) => a(k.selectedValues(s));
     return n`<div
       class="baht-table-picker-scrim"
       @click=${(a) => a.target === a.currentTarget && this.closePicker()}
@@ -456,90 +456,90 @@ let P = class extends $ {
     </div>`;
   }
 };
-C([
+O([
   l({ attribute: !1 })
-], P.prototype, "items", 2);
-C([
+], k.prototype, "items", 2);
+O([
   l({ attribute: !1 })
-], P.prototype, "columns", 2);
-C([
+], k.prototype, "columns", 2);
+O([
   l({ type: Boolean })
-], P.prototype, "loading", 2);
-C([
+], k.prototype, "loading", 2);
+O([
   l({ type: Boolean })
-], P.prototype, "error", 2);
-C([
+], k.prototype, "error", 2);
+O([
   l({ attribute: "error-message" })
-], P.prototype, "errorMessage", 2);
-C([
+], k.prototype, "errorMessage", 2);
+O([
   l({ attribute: "empty-message" })
-], P.prototype, "emptyMessage", 2);
-C([
+], k.prototype, "emptyMessage", 2);
+O([
   l({ type: Boolean, attribute: "show-index" })
-], P.prototype, "showIndex", 2);
-C([
+], k.prototype, "showIndex", 2);
+O([
   l({ type: Number, attribute: "index-offset" })
-], P.prototype, "indexOffset", 2);
-C([
+], k.prototype, "indexOffset", 2);
+O([
   l({ type: Number, attribute: "skeleton-rows" })
-], P.prototype, "skeletonRows", 2);
-C([
+], k.prototype, "skeletonRows", 2);
+O([
   l({ attribute: "row-key" })
-], P.prototype, "rowKey", 2);
-C([
+], k.prototype, "rowKey", 2);
+O([
   l({ type: Boolean })
-], P.prototype, "clickable", 2);
-C([
+], k.prototype, "clickable", 2);
+O([
   l({ attribute: !1 })
-], P.prototype, "renderers", 2);
-C([
+], k.prototype, "renderers", 2);
+O([
   l({ attribute: !1 })
-], P.prototype, "visibleColumns", 2);
-C([
+], k.prototype, "visibleColumns", 2);
+O([
   l({ type: Boolean, attribute: "column-picker" })
-], P.prototype, "columnPicker", 2);
-C([
+], k.prototype, "columnPicker", 2);
+O([
   l({ type: Number })
-], P.prototype, "page", 2);
-C([
+], k.prototype, "page", 2);
+O([
   l({ type: Number, attribute: "total-pages" })
-], P.prototype, "totalPages", 2);
-C([
+], k.prototype, "totalPages", 2);
+O([
   l({ type: Boolean, attribute: "cursor-mode" })
-], P.prototype, "cursorMode", 2);
-C([
+], k.prototype, "cursorMode", 2);
+O([
   l({ type: Boolean, attribute: "has-next" })
-], P.prototype, "hasNext", 2);
-C([
+], k.prototype, "hasNext", 2);
+O([
   l({ type: Boolean, attribute: "has-prev" })
-], P.prototype, "hasPrev", 2);
-C([
-  y()
-], P.prototype, "pickerOpen", 2);
-C([
-  y()
-], P.prototype, "pickedColumns", 2);
-C([
-  y()
-], P.prototype, "draftColumns", 2);
-C([
-  y()
-], P.prototype, "pickAvail", 2);
-C([
-  y()
-], P.prototype, "pickSel", 2);
-C([
-  y()
-], P.prototype, "expanded", 2);
-P = C([
-  u("baht-table")
-], P);
-var Cs = Object.defineProperty, Ds = Object.getOwnPropertyDescriptor, dt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ds(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], k.prototype, "hasPrev", 2);
+O([
+  $()
+], k.prototype, "pickerOpen", 2);
+O([
+  $()
+], k.prototype, "pickedColumns", 2);
+O([
+  $()
+], k.prototype, "draftColumns", 2);
+O([
+  $()
+], k.prototype, "pickAvail", 2);
+O([
+  $()
+], k.prototype, "pickSel", 2);
+O([
+  $()
+], k.prototype, "expanded", 2);
+k = O([
+  b("baht-table")
+], k);
+var Ds = Object.defineProperty, Fs = Object.getOwnPropertyDescriptor, ut = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Fs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Cs(e, i, s), s;
+  return a && s && Ds(e, i, s), s;
 };
-let at = class extends $ {
+let it = class extends y {
   constructor() {
     super(...arguments), this.items = [], this.loading = !1, this.error = !1, this.errorMessage = "Couldn't load data. Try again.", this.emptyMessage = "Nothing here yet.", this.skeletonRows = 5, this.clickable = !0;
   }
@@ -585,36 +585,36 @@ let at = class extends $ {
     return n`<div class="baht-list" role=${t ? "list" : h}>${this.renderRows()}</div>`;
   }
 };
-dt([
+ut([
   l({ attribute: !1 })
-], at.prototype, "items", 2);
-dt([
+], it.prototype, "items", 2);
+ut([
   l({ type: Boolean })
-], at.prototype, "loading", 2);
-dt([
+], it.prototype, "loading", 2);
+ut([
   l({ type: Boolean })
-], at.prototype, "error", 2);
-dt([
+], it.prototype, "error", 2);
+ut([
   l({ attribute: "error-message" })
-], at.prototype, "errorMessage", 2);
-dt([
+], it.prototype, "errorMessage", 2);
+ut([
   l({ attribute: "empty-message" })
-], at.prototype, "emptyMessage", 2);
-dt([
+], it.prototype, "emptyMessage", 2);
+ut([
   l({ type: Number, attribute: "skeleton-rows" })
-], at.prototype, "skeletonRows", 2);
-dt([
+], it.prototype, "skeletonRows", 2);
+ut([
   l({ type: Boolean })
-], at.prototype, "clickable", 2);
-at = dt([
-  u("baht-list")
-], at);
-var Fs = Object.defineProperty, Es = Object.getOwnPropertyDescriptor, Wt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Es(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], it.prototype, "clickable", 2);
+it = ut([
+  b("baht-list")
+], it);
+var Es = Object.defineProperty, Bs = Object.getOwnPropertyDescriptor, Wt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Bs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Fs(e, i, s), s;
+  return a && s && Es(e, i, s), s;
 };
-let _t = class extends $ {
+let kt = class extends y {
   constructor() {
     super(...arguments), this.text = "", this.position = "top", this.dismissed = !1;
   }
@@ -655,25 +655,25 @@ let _t = class extends $ {
 };
 Wt([
   l()
-], _t.prototype, "text", 2);
+], kt.prototype, "text", 2);
 Wt([
   l()
-], _t.prototype, "position", 2);
+], kt.prototype, "position", 2);
 Wt([
-  Et(".baht-tooltip-anchor")
-], _t.prototype, "anchorEl", 2);
+  Bt(".baht-tooltip-anchor")
+], kt.prototype, "anchorEl", 2);
 Wt([
-  y()
-], _t.prototype, "dismissed", 2);
-_t = Wt([
-  u("baht-tooltip")
-], _t);
-var Bs = Object.defineProperty, Is = Object.getOwnPropertyDescriptor, Bt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Is(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+  $()
+], kt.prototype, "dismissed", 2);
+kt = Wt([
+  b("baht-tooltip")
+], kt);
+var Is = Object.defineProperty, js = Object.getOwnPropertyDescriptor, It = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? js(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Bs(e, i, s), s;
+  return a && s && Is(e, i, s), s;
 };
-let bt = class extends $ {
+let ft = class extends y {
   constructor() {
     super(...arguments), this.tone = "info", this.heading = "", this.message = "", this.dismissible = !1, this.dismissed = !1, this.generation = 0;
   }
@@ -689,7 +689,7 @@ let bt = class extends $ {
       e();
       return;
     }
-    i.classList.add("baht-alert--leaving"), ms(i, e);
+    i.classList.add("baht-alert--leaving"), vs(i, e);
   }
   render() {
     return this.dismissed ? h : n`<div class="baht-alert baht-alert--${this.tone}" role="alert">
@@ -697,34 +697,34 @@ let bt = class extends $ {
         ${this.heading ? n`<div class="baht-alert-title">${this.heading}</div>` : h}
         ${this.message ? n`<div class="baht-alert-message">${this.message}</div>` : h}
       </div>
-      ${this.dismissible ? n`<button type="button" class="baht-alert-dismiss" aria-label=${v("dismiss")} @click=${() => this.dismiss()}>×</button>` : h}
+      ${this.dismissible ? n`<button type="button" class="baht-alert-dismiss" aria-label=${m("dismiss")} @click=${() => this.dismiss()}>×</button>` : h}
     </div>`;
   }
 };
-Bt([
+It([
   l()
-], bt.prototype, "tone", 2);
-Bt([
+], ft.prototype, "tone", 2);
+It([
   l()
-], bt.prototype, "heading", 2);
-Bt([
+], ft.prototype, "heading", 2);
+It([
   l()
-], bt.prototype, "message", 2);
-Bt([
+], ft.prototype, "message", 2);
+It([
   l({ type: Boolean })
-], bt.prototype, "dismissible", 2);
-Bt([
-  y()
-], bt.prototype, "dismissed", 2);
-bt = Bt([
-  u("baht-alert")
-], bt);
-var js = Object.defineProperty, Ss = Object.getOwnPropertyDescriptor, It = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ss(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], ft.prototype, "dismissible", 2);
+It([
+  $()
+], ft.prototype, "dismissed", 2);
+ft = It([
+  b("baht-alert")
+], ft);
+var Ss = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, jt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ms(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && js(e, i, s), s;
+  return a && s && Ss(e, i, s), s;
 };
-let ft = class extends $ {
+let mt = class extends y {
   constructor() {
     super(...arguments), this.value = 0, this.max = 5, this.readonly = !1, this.label = "Rating", this.hover = 0;
   }
@@ -777,30 +777,30 @@ let ft = class extends $ {
     </div>`;
   }
 };
-It([
+jt([
   l({ type: Number })
-], ft.prototype, "value", 2);
-It([
+], mt.prototype, "value", 2);
+jt([
   l({ type: Number })
-], ft.prototype, "max", 2);
-It([
+], mt.prototype, "max", 2);
+jt([
   l({ type: Boolean })
-], ft.prototype, "readonly", 2);
-It([
+], mt.prototype, "readonly", 2);
+jt([
   l()
-], ft.prototype, "label", 2);
-It([
-  y()
-], ft.prototype, "hover", 2);
-ft = It([
-  u("baht-rating")
-], ft);
-var Ts = Object.defineProperty, Ms = Object.getOwnPropertyDescriptor, ut = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ms(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], mt.prototype, "label", 2);
+jt([
+  $()
+], mt.prototype, "hover", 2);
+mt = jt([
+  b("baht-rating")
+], mt);
+var Ts = Object.defineProperty, As = Object.getOwnPropertyDescriptor, bt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? As(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Ts(e, i, s), s;
 };
-let it = class extends $ {
+let rt = class extends y {
   constructor() {
     super(...arguments), this.value = 0, this.min = 0, this.max = 100, this.step = 1, this.label = "", this.disabled = !1, this.showValue = !0;
   }
@@ -821,7 +821,7 @@ let it = class extends $ {
           type="range"
           id=${this.inputId}
           aria-label=${this.label ? h : "Value"}
-          .value=${rt(String(this.value))}
+          .value=${ot(String(this.value))}
           min=${this.min}
           max=${this.max}
           step=${this.step}
@@ -833,36 +833,36 @@ let it = class extends $ {
     </div>`;
   }
 };
-ut([
+bt([
   l({ type: Number })
-], it.prototype, "value", 2);
-ut([
+], rt.prototype, "value", 2);
+bt([
   l({ type: Number })
-], it.prototype, "min", 2);
-ut([
+], rt.prototype, "min", 2);
+bt([
   l({ type: Number })
-], it.prototype, "max", 2);
-ut([
+], rt.prototype, "max", 2);
+bt([
   l({ type: Number })
-], it.prototype, "step", 2);
-ut([
+], rt.prototype, "step", 2);
+bt([
   l()
-], it.prototype, "label", 2);
-ut([
+], rt.prototype, "label", 2);
+bt([
   l({ type: Boolean })
-], it.prototype, "disabled", 2);
-ut([
+], rt.prototype, "disabled", 2);
+bt([
   l({ type: Boolean, attribute: "show-value" })
-], it.prototype, "showValue", 2);
-it = ut([
-  u("baht-range")
-], it);
-var As = Object.defineProperty, Ls = Object.getOwnPropertyDescriptor, jt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ls(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], rt.prototype, "showValue", 2);
+rt = bt([
+  b("baht-range")
+], rt);
+var Ls = Object.defineProperty, Ns = Object.getOwnPropertyDescriptor, St = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ns(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && As(e, i, s), s;
+  return a && s && Ls(e, i, s), s;
 };
-let mt = class extends $ {
+let vt = class extends y {
   constructor() {
     super(...arguments), this.length = 6, this.value = "", this.disabled = !1, this.mode = "numeric", this.label = "One-time code", this._chars = [], this._lastValue = "", this._wasFull = !1;
   }
@@ -936,7 +936,7 @@ let mt = class extends $ {
           inputmode=${this.mode === "numeric" ? "numeric" : "text"}
           maxlength="1"
           autocomplete=${e === 0 ? "one-time-code" : "off"}
-          aria-label=${v("otpCharacter", { i: e + 1, n: this.length })}
+          aria-label=${m("otpCharacter", { i: e + 1, n: this.length })}
           .value=${t}
           ?disabled=${this.disabled}
           @input=${(i) => this.onInput(e, i)}
@@ -946,30 +946,30 @@ let mt = class extends $ {
     </div>`;
   }
 };
-jt([
+St([
   l({ type: Number })
-], mt.prototype, "length", 2);
-jt([
+], vt.prototype, "length", 2);
+St([
   l()
-], mt.prototype, "value", 2);
-jt([
+], vt.prototype, "value", 2);
+St([
   l({ type: Boolean })
-], mt.prototype, "disabled", 2);
-jt([
+], vt.prototype, "disabled", 2);
+St([
   l()
-], mt.prototype, "mode", 2);
-jt([
+], vt.prototype, "mode", 2);
+St([
   l()
-], mt.prototype, "label", 2);
-mt = jt([
-  u("baht-otp")
-], mt);
-var Ns = Object.defineProperty, qs = Object.getOwnPropertyDescriptor, St = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? qs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], vt.prototype, "label", 2);
+vt = St([
+  b("baht-otp")
+], vt);
+var qs = Object.defineProperty, Rs = Object.getOwnPropertyDescriptor, Mt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Rs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ns(e, i, s), s;
+  return a && s && qs(e, i, s), s;
 };
-let vt = class extends $ {
+let $t = class extends y {
   constructor() {
     super(...arguments), this.options = [], this.selected = [], this.multiple = !0, this.disabled = !1, this.label = "Filters";
   }
@@ -993,30 +993,30 @@ let vt = class extends $ {
     </div>`;
   }
 };
-St([
+Mt([
   l({ attribute: !1 })
-], vt.prototype, "options", 2);
-St([
+], $t.prototype, "options", 2);
+Mt([
   l({ attribute: !1 })
-], vt.prototype, "selected", 2);
-St([
+], $t.prototype, "selected", 2);
+Mt([
   l({ type: Boolean })
-], vt.prototype, "multiple", 2);
-St([
+], $t.prototype, "multiple", 2);
+Mt([
   l({ type: Boolean })
-], vt.prototype, "disabled", 2);
-St([
+], $t.prototype, "disabled", 2);
+Mt([
   l()
-], vt.prototype, "label", 2);
-vt = St([
-  u("baht-filter")
-], vt);
-var Rs = Object.defineProperty, zs = Object.getOwnPropertyDescriptor, ce = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? zs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], $t.prototype, "label", 2);
+$t = Mt([
+  b("baht-filter")
+], $t);
+var zs = Object.defineProperty, Vs = Object.getOwnPropertyDescriptor, ce = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Vs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Rs(e, i, s), s;
+  return a && s && zs(e, i, s), s;
 };
-let Vt = class extends $ {
+let Vt = class extends y {
   constructor() {
     super(...arguments), this.variant = "rect", this.width = "100%", this.height = "";
   }
@@ -1039,14 +1039,14 @@ ce([
   l()
 ], Vt.prototype, "height", 2);
 Vt = ce([
-  u("baht-skeleton")
+  b("baht-skeleton")
 ], Vt);
-var Vs = Object.defineProperty, Ks = Object.getOwnPropertyDescriptor, Jt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ks(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Ks = Object.defineProperty, Us = Object.getOwnPropertyDescriptor, Jt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Us(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Vs(e, i, s), s;
+  return a && s && Ks(e, i, s), s;
 };
-let kt = class extends $ {
+let Pt = class extends y {
   constructor() {
     super(...arguments), this.value = null, this.tone = "primary", this.showLabel = !1, this.label = "Progress";
   }
@@ -1069,25 +1069,25 @@ let kt = class extends $ {
 };
 Jt([
   l({ type: Number })
-], kt.prototype, "value", 2);
+], Pt.prototype, "value", 2);
 Jt([
   l()
-], kt.prototype, "tone", 2);
+], Pt.prototype, "tone", 2);
 Jt([
   l({ type: Boolean, attribute: "show-label" })
-], kt.prototype, "showLabel", 2);
+], Pt.prototype, "showLabel", 2);
 Jt([
   l()
-], kt.prototype, "label", 2);
-kt = Jt([
-  u("baht-progress")
-], kt);
-var Us = Object.defineProperty, Hs = Object.getOwnPropertyDescriptor, je = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Hs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Pt.prototype, "label", 2);
+Pt = Jt([
+  b("baht-progress")
+], Pt);
+var Hs = Object.defineProperty, Gs = Object.getOwnPropertyDescriptor, Se = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Gs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Us(e, i, s), s;
+  return a && s && Hs(e, i, s), s;
 };
-let ie = class extends $ {
+let ie = class extends y {
   constructor() {
     super(...arguments), this.size = "md", this.label = "Loading";
   }
@@ -1096,21 +1096,21 @@ let ie = class extends $ {
     return n`<span class="baht-spinner${t}" role="status" aria-label=${this.label}></span>`;
   }
 };
-je([
+Se([
   l()
 ], ie.prototype, "size", 2);
-je([
+Se([
   l()
 ], ie.prototype, "label", 2);
-ie = je([
-  u("baht-spinner")
+ie = Se([
+  b("baht-spinner")
 ], ie);
-var Gs = Object.defineProperty, Ws = Object.getOwnPropertyDescriptor, Yt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ws(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Ws = Object.defineProperty, Js = Object.getOwnPropertyDescriptor, Yt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Js(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Gs(e, i, s), s;
+  return a && s && Ws(e, i, s), s;
 };
-let Pt = class extends $ {
+let Ot = class extends y {
   constructor() {
     super(...arguments), this.heading = "", this.subtitle = "", this.hero = !1;
   }
@@ -1127,25 +1127,25 @@ let Pt = class extends $ {
 };
 Yt([
   l()
-], Pt.prototype, "heading", 2);
+], Ot.prototype, "heading", 2);
 Yt([
   l()
-], Pt.prototype, "subtitle", 2);
+], Ot.prototype, "subtitle", 2);
 Yt([
   l({ type: Boolean })
-], Pt.prototype, "hero", 2);
+], Ot.prototype, "hero", 2);
 Yt([
-  Et(".baht-card-body")
-], Pt.prototype, "bodyEl", 2);
-Pt = Yt([
-  u("baht-card")
-], Pt);
-var Js = Object.defineProperty, Ys = Object.getOwnPropertyDescriptor, pe = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ys(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+  Bt(".baht-card-body")
+], Ot.prototype, "bodyEl", 2);
+Ot = Yt([
+  b("baht-card")
+], Ot);
+var Ys = Object.defineProperty, Xs = Object.getOwnPropertyDescriptor, pe = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Xs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Js(e, i, s), s;
+  return a && s && Ys(e, i, s), s;
 };
-let Kt = class extends $ {
+let Kt = class extends y {
   constructor() {
     super(...arguments), this.legend = "", this.disabled = !1;
   }
@@ -1166,17 +1166,17 @@ pe([
   l({ type: Boolean })
 ], Kt.prototype, "disabled", 2);
 pe([
-  Et(".baht-fieldset-body")
+  Bt(".baht-fieldset-body")
 ], Kt.prototype, "bodyEl", 2);
 Kt = pe([
-  u("baht-fieldset")
+  b("baht-fieldset")
 ], Kt);
-var Xs = Object.defineProperty, Zs = Object.getOwnPropertyDescriptor, rs = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Zs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Zs = Object.defineProperty, Qs = Object.getOwnPropertyDescriptor, ls = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Qs(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Xs(e, i, s), s;
+  return a && s && Zs(e, i, s), s;
 };
-let Ce = class extends $ {
+let De = class extends y {
   constructor() {
     super(...arguments), this.items = [];
   }
@@ -1200,18 +1200,18 @@ let Ce = class extends $ {
     </div>`;
   }
 };
-rs([
+ls([
   l({ attribute: !1 })
-], Ce.prototype, "items", 2);
-Ce = rs([
-  u("baht-timeline")
-], Ce);
-var Qs = Object.defineProperty, ta = Object.getOwnPropertyDescriptor, de = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ta(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], De.prototype, "items", 2);
+De = ls([
+  b("baht-timeline")
+], De);
+var ta = Object.defineProperty, ea = Object.getOwnPropertyDescriptor, de = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ea(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Qs(e, i, s), s;
+  return a && s && ta(e, i, s), s;
 };
-let Ot = class extends $ {
+let Ct = class extends y {
   constructor() {
     super(...arguments), this.items = [], this.multiple = !1, this.openSet = /* @__PURE__ */ new Set(), this.itemsFingerprint = "";
   }
@@ -1220,7 +1220,7 @@ let Ot = class extends $ {
   }
   willUpdate(t) {
     if (t.has("items")) {
-      const e = Ot.fingerprint(this.items);
+      const e = Ct.fingerprint(this.items);
       e !== this.itemsFingerprint && (this.itemsFingerprint = e, this.openSet = new Set(this.items.flatMap((i, a) => i.open ? [a] : [])));
     }
   }
@@ -1254,22 +1254,22 @@ let Ot = class extends $ {
 };
 de([
   l({ attribute: !1 })
-], Ot.prototype, "items", 2);
+], Ct.prototype, "items", 2);
 de([
   l({ type: Boolean })
-], Ot.prototype, "multiple", 2);
+], Ct.prototype, "multiple", 2);
 de([
-  y()
-], Ot.prototype, "openSet", 2);
-Ot = de([
-  u("baht-accordion")
-], Ot);
-var ea = Object.defineProperty, sa = Object.getOwnPropertyDescriptor, Xt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? sa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+  $()
+], Ct.prototype, "openSet", 2);
+Ct = de([
+  b("baht-accordion")
+], Ct);
+var sa = Object.defineProperty, aa = Object.getOwnPropertyDescriptor, Xt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? aa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ea(e, i, s), s;
+  return a && s && sa(e, i, s), s;
 };
-let Ct = class extends $ {
+let Dt = class extends y {
   constructor() {
     super(...arguments), this.href = "", this.label = "", this.external = !1, this.externalHint = "opens in new tab";
   }
@@ -1284,25 +1284,25 @@ let Ct = class extends $ {
 };
 Xt([
   l()
-], Ct.prototype, "href", 2);
+], Dt.prototype, "href", 2);
 Xt([
   l()
-], Ct.prototype, "label", 2);
+], Dt.prototype, "label", 2);
 Xt([
   l({ type: Boolean })
-], Ct.prototype, "external", 2);
+], Dt.prototype, "external", 2);
 Xt([
   l({ attribute: "external-hint" })
-], Ct.prototype, "externalHint", 2);
-Ct = Xt([
-  u("baht-link")
-], Ct);
-var aa = Object.defineProperty, ia = Object.getOwnPropertyDescriptor, Se = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ia(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Dt.prototype, "externalHint", 2);
+Dt = Xt([
+  b("baht-link")
+], Dt);
+var ia = Object.defineProperty, ra = Object.getOwnPropertyDescriptor, Me = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ra(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && aa(e, i, s), s;
+  return a && s && ia(e, i, s), s;
 };
-let re = class extends $ {
+let re = class extends y {
   constructor() {
     super(...arguments), this.items = [], this.separator = "›";
   }
@@ -1327,27 +1327,27 @@ let re = class extends $ {
     </nav>`;
   }
 };
-Se([
+Me([
   l({ attribute: !1 })
 ], re.prototype, "items", 2);
-Se([
+Me([
   l()
 ], re.prototype, "separator", 2);
-re = Se([
-  u("baht-breadcrumbs")
+re = Me([
+  b("baht-breadcrumbs")
 ], re);
-var ra = Object.getOwnPropertyDescriptor, oa = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ra(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var oa = Object.getOwnPropertyDescriptor, la = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? oa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Le = class extends W {
+let Ne = class extends J {
   renderControl() {
     return n`<input
       class="baht-control baht-control--text"
       id=${this.controlId}
       type=${this.field.type === "email" ? "email" : this.field.type === "password" ? "password" : "text"}
-      .value=${rt(this.shownValue == null ? "" : String(this.shownValue))}
+      .value=${ot(this.shownValue == null ? "" : String(this.shownValue))}
       placeholder=${L(this.field.placeholder)}
       maxlength=${L(this.field.max_length)}
       autocomplete=${L(this.field.autocomplete)}
@@ -1360,20 +1360,20 @@ let Le = class extends W {
     />`;
   }
 };
-Le = oa([
-  u("baht-input")
-], Le);
-var la = Object.getOwnPropertyDescriptor, na = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? la(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Ne = la([
+  b("baht-input")
+], Ne);
+var na = Object.getOwnPropertyDescriptor, ha = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? na(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ne = class extends W {
+let qe = class extends J {
   renderControl() {
     return n`<textarea
       class="baht-control baht-control--textarea"
       id=${this.controlId}
-      .value=${rt(this.shownValue == null ? "" : String(this.shownValue))}
+      .value=${ot(this.shownValue == null ? "" : String(this.shownValue))}
       placeholder=${L(this.field.placeholder)}
       maxlength=${L(this.field.max_length)}
       rows=${this.field.rows ?? 3}
@@ -1387,21 +1387,21 @@ let Ne = class extends W {
     ></textarea>`;
   }
 };
-Ne = na([
-  u("baht-textarea")
-], Ne);
-var ha = Object.getOwnPropertyDescriptor, ca = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ha(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+qe = ha([
+  b("baht-textarea")
+], qe);
+var ca = Object.getOwnPropertyDescriptor, pa = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ca(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let qe = class extends W {
+let Re = class extends J {
   renderControl() {
     return n`<input
       class="baht-control baht-control--number"
       id=${this.controlId}
       type="number"
-      .value=${rt(this.shownValue == null ? "" : String(this.shownValue))}
+      .value=${ot(this.shownValue == null ? "" : String(this.shownValue))}
       placeholder=${L(this.field.placeholder)}
       min=${L(this.field.min)}
       max=${L(this.field.max)}
@@ -1418,23 +1418,23 @@ let qe = class extends W {
     />`;
   }
 };
-qe = ca([
-  u("baht-number")
-], qe);
-var pa = Object.defineProperty, da = Object.getOwnPropertyDescriptor, Te = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? da(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Re = pa([
+  b("baht-number")
+], Re);
+var da = Object.defineProperty, ua = Object.getOwnPropertyDescriptor, Te = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ua(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && pa(e, i, s), s;
+  return a && s && da(e, i, s), s;
 };
-const ua = 500;
-let oe = class extends W {
+const ba = 500;
+let oe = class extends J {
   constructor() {
     super(...arguments), this.open = !1, this.active = 0, this.typeBuffer = "", this.onDocMousedown = (t) => {
       this.contains(t.target) || this.close();
     };
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.typeTimer), q() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.typeTimer), S() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   get listId() {
     return `${this.controlId}-list`;
@@ -1445,7 +1445,7 @@ let oe = class extends W {
   /** Placeholder row first (picks `null`), then the field's options. */
   get rows() {
     return [
-      { key: "", label: this.field.placeholder ?? v("choose") },
+      { key: "", label: this.field.placeholder ?? m("choose") },
       ...this.field.options ?? []
     ];
   }
@@ -1469,10 +1469,10 @@ let oe = class extends W {
     (e = t == null ? void 0 : t.scrollIntoView) == null || e.call(t, { block: "nearest" });
   }
   openList() {
-    !this.interactive || this.open || (this.active = this.selectedIndex, this.open = !0, q() && document.addEventListener("mousedown", this.onDocMousedown));
+    !this.interactive || this.open || (this.active = this.selectedIndex, this.open = !0, S() && document.addEventListener("mousedown", this.onDocMousedown));
   }
   close() {
-    this.open && (this.open = !1, q() && document.removeEventListener("mousedown", this.onDocMousedown));
+    this.open && (this.open = !1, S() && document.removeEventListener("mousedown", this.onDocMousedown));
   }
   toggle() {
     this.open ? this.close() : this.openList();
@@ -1490,7 +1490,7 @@ let oe = class extends W {
   }
   /** Type-to-select: first option (after the highlighted one) starting with the buffer. */
   typeahead(t) {
-    clearTimeout(this.typeTimer), this.typeBuffer += t.toLowerCase(), this.typeTimer = setTimeout(() => this.typeBuffer = "", ua);
+    clearTimeout(this.typeTimer), this.typeBuffer += t.toLowerCase(), this.typeTimer = setTimeout(() => this.typeBuffer = "", ba);
     const e = this.rows, i = this.typeBuffer.length === 1 ? this.active + 1 : this.active;
     for (let a = 0; a < e.length; a++) {
       const s = (i + a) % e.length;
@@ -1585,20 +1585,20 @@ let oe = class extends W {
   }
 };
 Te([
-  y()
+  $()
 ], oe.prototype, "open", 2);
 Te([
-  y()
+  $()
 ], oe.prototype, "active", 2);
 oe = Te([
-  u("baht-select")
+  b("baht-select")
 ], oe);
-var ba = Object.getOwnPropertyDescriptor, fa = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ba(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var fa = Object.getOwnPropertyDescriptor, ma = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? fa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Re = class extends W {
+let ze = class extends J {
   get selected() {
     return Array.isArray(this.value) ? this.value : [];
   }
@@ -1618,7 +1618,7 @@ let Re = class extends W {
           <input
             type="checkbox"
             value=${t.key}
-            .checked=${rt(this.selected.includes(t.key))}
+            .checked=${ot(this.selected.includes(t.key))}
             ?disabled=${this.disabled || this.readonly}
             @change=${(e) => this.toggle(t.key, e.target.checked)}
           />
@@ -1628,15 +1628,15 @@ let Re = class extends W {
     </div>`;
   }
 };
-Re = fa([
-  u("baht-multiselect")
-], Re);
-var ma = Object.getOwnPropertyDescriptor, va = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ma(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+ze = ma([
+  b("baht-multiselect")
+], ze);
+var va = Object.getOwnPropertyDescriptor, $a = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? va(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let ze = class extends W {
+let Ve = class extends J {
   /** Label sits beside the box, so suppress the block label. */
   renderLabel() {
     return h;
@@ -1646,7 +1646,7 @@ let ze = class extends W {
       <input
         type="checkbox"
         id=${this.controlId}
-        .checked=${rt(this.value === !0)}
+        .checked=${ot(this.value === !0)}
         ?disabled=${this.disabled || this.readonly}
         ?required=${this.required}
         aria-invalid=${this.invalid}
@@ -1659,15 +1659,15 @@ let ze = class extends W {
     </label>`;
   }
 };
-ze = va([
-  u("baht-checkbox")
-], ze);
-var $a = Object.getOwnPropertyDescriptor, ya = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? $a(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Ve = $a([
+  b("baht-checkbox")
+], Ve);
+var ya = Object.getOwnPropertyDescriptor, ga = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ya(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ve = class extends W {
+let Ke = class extends J {
   renderControl() {
     return n`<div
       class="baht-control baht-control--radio"
@@ -1683,7 +1683,7 @@ let Ve = class extends W {
             type="radio"
             name=${this.controlId}
             value=${t.key}
-            .checked=${rt(this.value === t.key)}
+            .checked=${ot(this.value === t.key)}
             ?disabled=${this.disabled || this.readonly}
             @change=${() => this.emitInput(t.key)}
           />
@@ -1693,15 +1693,15 @@ let Ve = class extends W {
     </div>`;
   }
 };
-Ve = ya([
-  u("baht-radio")
-], Ve);
-var ga = Object.getOwnPropertyDescriptor, wa = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ga(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Ke = ga([
+  b("baht-radio")
+], Ke);
+var wa = Object.getOwnPropertyDescriptor, xa = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? wa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ke = class extends W {
+let Ue = class extends J {
   renderLabel() {
     return h;
   }
@@ -1712,7 +1712,7 @@ let Ke = class extends W {
         role="switch"
         id=${this.controlId}
         aria-checked=${this.value === !0 ? "true" : "false"}
-        .checked=${rt(this.value === !0)}
+        .checked=${ot(this.value === !0)}
         ?disabled=${this.disabled || this.readonly}
         ?required=${this.required}
         aria-invalid=${this.invalid}
@@ -1726,15 +1726,15 @@ let Ke = class extends W {
     </label>`;
   }
 };
-Ke = wa([
-  u("baht-toggle")
-], Ke);
-var xa = Object.getOwnPropertyDescriptor, _a = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? xa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+Ue = xa([
+  b("baht-toggle")
+], Ue);
+var _a = Object.getOwnPropertyDescriptor, ka = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? _a(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(s) || s);
   return s;
 };
-let Ue = class extends W {
+let He = class extends J {
   constructor() {
     super(...arguments), this.lastEmitted = null;
   }
@@ -1765,7 +1765,7 @@ let Ue = class extends W {
       return;
     }
     if (!this.fp || this.fp.input !== e || t.has("field") || t.has("disabled") || t.has("readonly")) {
-      this.teardown(), this.fp = vs(e, this.options());
+      this.teardown(), this.fp = $s(e, this.options());
       return;
     }
     t.has("value") && (this.lastEmitted = null, this.syncValue());
@@ -1778,10 +1778,10 @@ let Ue = class extends W {
   syncValue() {
     if (!this.fp) return;
     const t = this.datesOf(this.value);
-    Ge(this.fp.selectedDates, t) || (t.length === 0 ? this.fp.clear(!1) : this.fp.setDate(t, !1));
+    We(this.fp.selectedDates, t) || (t.length === 0 ? this.fp.clear(!1) : this.fp.setDate(t, !1));
   }
   options() {
-    const t = this.field, e = ve(t), i = Lt(t.min), a = Lt(t.max);
+    const t = this.field, e = $e(t), i = Lt(t.min), a = Lt(t.max);
     return {
       static: !0,
       disableMobile: !0,
@@ -1793,7 +1793,7 @@ let Ue = class extends W {
       defaultDate: this.datesOf(this.value),
       ...i ? { minDate: i } : {},
       ...a ? { maxDate: a } : {},
-      disable: We(t),
+      disable: Je(t),
       onReady: (s, r, o) => this.mountFooter(o),
       onOpen: () => this.refreshFooter(),
       onChange: (s) => {
@@ -1810,9 +1810,9 @@ let Ue = class extends W {
     const e = document.createElement("div");
     e.className = "baht-datepicker-footer";
     const i = document.createElement("button");
-    i.type = "button", i.className = "baht-button baht-button--sm baht-datepicker-today", i.textContent = v("today"), i.addEventListener("click", () => this.pickToday());
+    i.type = "button", i.className = "baht-button baht-button--sm baht-datepicker-today", i.textContent = m("today"), i.addEventListener("click", () => this.pickToday());
     const a = document.createElement("button");
-    a.type = "button", a.className = "baht-button baht-button--danger baht-button--sm baht-datepicker-clear", a.textContent = v("clear"), a.addEventListener("click", () => {
+    a.type = "button", a.className = "baht-button baht-button--danger baht-button--sm baht-datepicker-clear", a.textContent = m("clear"), a.addEventListener("click", () => {
       var s, r;
       (s = this.fp) == null || s.clear(), (r = this.fp) == null || r.close();
     }), e.append(i, a), t.calendarContainer.appendChild(e), this.todayBtn = i, this.clearBtn = a, this.refreshFooter(t);
@@ -1824,15 +1824,15 @@ let Ue = class extends W {
     t && (this.todayBtn && (this.todayBtn.disabled = !this.todayAllowed()), this.clearBtn && (this.clearBtn.disabled = t.selectedDates.length === 0));
   }
   todayAllowed() {
-    const t = xt(/* @__PURE__ */ new Date()), e = Lt(this.field.min), i = Lt(this.field.max);
-    if (e && t < xt(e) || i && t > xt(i)) return !1;
-    for (const a of We(this.field) ?? [])
+    const t = _t(/* @__PURE__ */ new Date()), e = Lt(this.field.min), i = Lt(this.field.max);
+    if (e && t < _t(e) || i && t > _t(i)) return !1;
+    for (const a of Je(this.field) ?? [])
       if (a instanceof Date) {
-        if (He(a, t)) return !1;
+        if (Ge(a, t)) return !1;
       } else if (typeof a == "function") {
         if (a(t)) return !1;
       } else if (typeof a == "object" && "from" in a) {
-        const s = xt(new Date(a.from)), r = xt(new Date(a.to));
+        const s = _t(new Date(a.from)), r = _t(new Date(a.to));
         if (t >= s && t <= r) return !1;
       }
     return !0;
@@ -1840,13 +1840,13 @@ let Ue = class extends W {
   pickToday() {
     const t = this.fp;
     if (!t || !this.todayAllowed()) return;
-    const e = xt(/* @__PURE__ */ new Date());
-    switch (ve(this.field)) {
+    const e = _t(/* @__PURE__ */ new Date());
+    switch ($e(this.field)) {
       case "range":
         t.setDate([e, e], !0);
         break;
       case "multiple": {
-        t.selectedDates.some((a) => He(a, e)) || t.setDate([...t.selectedDates, e], !0);
+        t.selectedDates.some((a) => Ge(a, e)) || t.setDate([...t.selectedDates, e], !0);
         break;
       }
       default:
@@ -1856,16 +1856,16 @@ let Ue = class extends W {
   }
   emitIfChanged(t) {
     const e = this.lastEmitted ?? this.datesOf(this.value);
-    Ge(t, e) || (this.lastEmitted = [...t], this.emitInput(this.toValue(t)));
+    We(t, e) || (this.lastEmitted = [...t], this.emitInput(this.toValue(t)));
   }
   /** Host value (any mode) -> the Date list flatpickr works with. */
   datesOf(t) {
-    return ps(t).map(Lt).filter((e) => e !== null);
+    return ds(t).map(Lt).filter((e) => e !== null);
   }
   /** flatpickr's selection -> the value shape of the field's mode. */
   toValue(t) {
     const e = t.map(Rt);
-    switch (ve(this.field)) {
+    switch ($e(this.field)) {
       case "range":
         return e.length === 2 ? [e[0], e[1]] : null;
       case "multiple":
@@ -1875,44 +1875,44 @@ let Ue = class extends W {
     }
   }
 };
-Ue = _a([
-  u("baht-datepicker")
-], Ue);
-function xt(t) {
+He = ka([
+  b("baht-datepicker")
+], He);
+function _t(t) {
   return new Date(t.getFullYear(), t.getMonth(), t.getDate());
 }
-function He(t, e) {
+function Ge(t, e) {
   return Rt(t) === Rt(e);
 }
-function Ge(t, e) {
+function We(t, e) {
   return t.length !== e.length ? !1 : t.every((i, a) => Rt(i) === Rt(e[a]));
 }
-function We(t) {
+function Je(t) {
   const e = [];
   for (const a of t.disabled_dates ?? []) {
-    const s = ds(a);
+    const s = us(a);
     s && e.push(s[0].getTime() === s[1].getTime() ? s[0] : { from: s[0], to: s[1] });
   }
   const i = t.disabled_weekdays;
   return i != null && i.length && e.push((a) => i.includes(a.getDay())), e;
 }
-var ka = Object.defineProperty, Pa = Object.getOwnPropertyDescriptor, Zt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Pa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Pa = Object.defineProperty, Oa = Object.getOwnPropertyDescriptor, Zt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Oa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ka(e, i, s), s;
+  return a && s && Pa(e, i, s), s;
 };
-function Je(t) {
+function Ye(t) {
   return t !== null && typeof t == "object" && typeof t.url == "string";
 }
-function ye(t) {
+function ge(t) {
   return t >= 1024 * 1024 ? `${(t / 1024 / 1024).toFixed(1)} MB` : t >= 1024 ? `${Math.round(t / 1024)} KB` : `${t} B`;
 }
-let Dt = class extends W {
+let Ft = class extends J {
   constructor() {
     super(...arguments), this.uploadingCount = 0, this.uploadError = null, this.rejectedNames = [];
   }
   get refs() {
-    return Array.isArray(this.value) ? this.value.filter(Je) : Je(this.value) ? [this.value] : [];
+    return Array.isArray(this.value) ? this.value.filter(Ye) : Ye(this.value) ? [this.value] : [];
   }
   emitRefs(t) {
     this.emitInput(this.field.multiple ? t : t[0] ?? null);
@@ -1925,7 +1925,7 @@ let Dt = class extends W {
       try {
         e.push(await this.uploader(i));
       } catch {
-        this.uploadError = v("uploadFailed");
+        this.uploadError = m("uploadFailed");
       } finally {
         this.uploadingCount -= 1;
       }
@@ -1950,7 +1950,7 @@ let Dt = class extends W {
     const t = [];
     return this.field.accept && t.push(
       this.field.accept.split(",").map((e) => e.trim()).join(", ")
-    ), this.field.max_size && t.push(v("uploadMaxSize", { size: ye(this.field.max_size) })), t.join(" · ");
+    ), this.field.max_size && t.push(m("uploadMaxSize", { size: ge(this.field.max_size) })), t.join(" · ");
   }
   renderControl() {
     const t = this.disabled || this.readonly || this.uploadingCount > 0, e = this.hintText(), i = [
@@ -1981,40 +1981,40 @@ let Dt = class extends W {
           aria-describedby=${this.describedBy}
           @change=${(a) => this.onPick(a)}
         />
-        <span class="baht-dropzone-icon" aria-hidden="true">${U("upload")}</span>
+        <span class="baht-dropzone-icon" aria-hidden="true">${H("upload")}</span>
         <span class="baht-dropzone-text">
           <label class="baht-dropzone-action" for=${this.controlId}
-            >${this.field.multiple ? v("chooseFiles") : v("chooseFile")}</label
+            >${this.field.multiple ? m("chooseFiles") : m("chooseFile")}</label
           >
-          <span class="baht-dropzone-or">${v("orDropHere")}</span>
+          <span class="baht-dropzone-or">${m("orDropHere")}</span>
         </span>
         ${e ? n`<span class="baht-dropzone-hint">${e}</span>` : h}
       </div>
-      ${this.uploadingCount > 0 ? n`<p class="baht-file-status" role="status">${v("uploading")}</p>` : h}
+      ${this.uploadingCount > 0 ? n`<p class="baht-file-status" role="status">${m("uploading")}</p>` : h}
       ${this.uploadError ? n`<p class="baht-error" role="alert">${this.uploadError}</p>` : h}
       ${this.rejectedNames.length > 0 ? n`<p class="baht-error baht-file-rejected" role="alert">
-              ${v("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
+              ${m("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
             </p>` : h}
       ${this.captured.map(
       (a) => n`<span class="baht-file-chip">
           <span class="baht-file-name">${a.name}</span>
-          <span class="baht-file-size">${ye(a.size)}</span>
+          <span class="baht-file-size">${ge(a.size)}</span>
         </span>`
     )}
       ${this.refs.map(
       (a) => n`<span class="baht-file-chip">
           <a href=${a.url} target="_blank" rel="noreferrer"
-            >${a.name}<span class="baht-visually-hidden"> (${v("opensInNewTab")})</span></a
+            >${a.name}<span class="baht-visually-hidden"> (${m("opensInNewTab")})</span></a
           >
-          <span class="baht-file-size">${ye(a.size)}</span>
+          <span class="baht-file-size">${ge(a.size)}</span>
           ${this.disabled || this.readonly ? h : n`<button
                 type="button"
                 class="baht-file-remove"
-                aria-label=${v("removeFile")}
-                title=${v("removeFile")}
+                aria-label=${m("removeFile")}
+                title=${m("removeFile")}
                 @click=${() => this.emitRefs(this.refs.filter((s) => s !== a))}
               >
-                ${U("close")}
+                ${H("close")}
               </button>`}
         </span>`
     )}`;
@@ -2022,42 +2022,42 @@ let Dt = class extends W {
 };
 Zt([
   l({ attribute: !1 })
-], Dt.prototype, "uploader", 2);
+], Ft.prototype, "uploader", 2);
 Zt([
-  y()
-], Dt.prototype, "uploadingCount", 2);
+  $()
+], Ft.prototype, "uploadingCount", 2);
 Zt([
-  y()
-], Dt.prototype, "uploadError", 2);
+  $()
+], Ft.prototype, "uploadError", 2);
 Zt([
-  y()
-], Dt.prototype, "rejectedNames", 2);
-Dt = Zt([
-  u("baht-file")
-], Dt);
-var Oa = Object.defineProperty, Ca = Object.getOwnPropertyDescriptor, I = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ca(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+  $()
+], Ft.prototype, "rejectedNames", 2);
+Ft = Zt([
+  b("baht-file")
+], Ft);
+var Ca = Object.defineProperty, Da = Object.getOwnPropertyDescriptor, B = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Da(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Oa(e, i, s), s;
+  return a && s && Ca(e, i, s), s;
 };
-function Da(t, e) {
+function Fa(t, e) {
   return e.split(".").reduce((i, a) => {
     if (i !== null && typeof i == "object") return i[a];
   }, t);
 }
-function Fa(t, e) {
+function Ea(t, e) {
   const i = t.trim();
   if (!i) return null;
   try {
     const a = JSON.parse(i);
     if (typeof a == "string") return a;
-    const s = e ? Da(a, e) : a;
+    const s = e ? Fa(a, e) : a;
     return typeof s == "string" && s ? s : null;
   } catch {
     return /^(https?:\/\/|\/|data:|blob:)/.test(i) ? i : null;
   }
 }
-function Ea(t) {
+function Ba(t) {
   const i = (t.split(/[?#]/)[0] ?? t).split("/").filter(Boolean).pop() ?? t;
   try {
     return decodeURIComponent(i);
@@ -2065,10 +2065,10 @@ function Ea(t) {
     return i;
   }
 }
-function ge(t) {
+function we(t) {
   return t >= 1024 * 1024 ? `${(t / 1024 / 1024).toFixed(1)} MB` : t >= 1024 ? `${Math.round(t / 1024)} KB` : `${t} B`;
 }
-let F = class extends $ {
+let D = class extends y {
   constructor() {
     super(...arguments), this.url = "", this.method = "POST", this.fieldName = "file", this.responseKey = "url", this.headers = {}, this.withCredentials = !1, this.value = null, this.label = "", this.hint = "", this.multiple = !1, this.disabled = !1, this.required = !1, this.error = null, this.pending = [], this.rejectedNames = [], this.dragging = !1, this.known = /* @__PURE__ */ new Map(), this.seq = 0;
   }
@@ -2079,7 +2079,7 @@ let F = class extends $ {
     return `baht-upload-${this.uid}`;
   }
   fileFor(t) {
-    return this.known.get(t) ?? { name: Ea(t), size: 0, url: t };
+    return this.known.get(t) ?? { name: Ba(t), size: 0, url: t };
   }
   /** Empty the value (does not delete anything on the server). */
   clear() {
@@ -2139,7 +2139,7 @@ let F = class extends $ {
         })
       );
     }, e.onload = () => {
-      const a = e.status >= 200 && e.status < 300, s = a ? Fa(e.responseText, this.responseKey) : null;
+      const a = e.status >= 200 && e.status < 300, s = a ? Ea(e.responseText, this.responseKey) : null;
       if (!a || !s) return this.failed(t, a ? 0 : e.status);
       this.known.set(s, {
         name: t.file.name,
@@ -2152,7 +2152,7 @@ let F = class extends $ {
     i.append(this.fieldName || "file", t.file, t.file.name), e.send(i);
   }
   failed(t, e) {
-    const i = v("uploadFailed");
+    const i = m("uploadFailed");
     this.patch(t.id, { error: i, percent: 0 }), this.dispatchEvent(
       new CustomEvent("baht-upload-error", {
         detail: { file: t.file, status: e, message: i },
@@ -2171,7 +2171,7 @@ let F = class extends $ {
     const t = [];
     return this.accept && t.push(
       this.accept.split(",").map((e) => e.trim()).join(", ")
-    ), this.maxSize && t.push(v("uploadMaxSize", { size: ge(this.maxSize) })), t.join(" · ");
+    ), this.maxSize && t.push(m("uploadMaxSize", { size: we(this.maxSize) })), t.join(" · ");
   }
   render() {
     const t = this.pending.some((c) => !c.error), e = !!this.error, i = this.hint || this.defaultHint(), a = i ? `${this.inputId}-hint` : void 0, s = this.error ? `${this.inputId}-error` : void 0, r = [a, s].filter(Boolean).join(" ") || void 0, o = [
@@ -2202,12 +2202,12 @@ let F = class extends $ {
           aria-describedby=${L(r)}
           @change=${(c) => this.onPick(c)}
         />
-        <span class="baht-dropzone-icon" aria-hidden="true">${U("upload")}</span>
+        <span class="baht-dropzone-icon" aria-hidden="true">${H("upload")}</span>
         <span class="baht-dropzone-text">
           <label class="baht-dropzone-action" for=${this.inputId}
-            >${this.multiple ? v("chooseFiles") : v("chooseFile")}</label
+            >${this.multiple ? m("chooseFiles") : m("chooseFile")}</label
           >
-          <span class="baht-dropzone-or">${v("orDropHere")}</span>
+          <span class="baht-dropzone-or">${m("orDropHere")}</span>
         </span>
         ${i ? n`<span class="baht-dropzone-hint" id=${L(a)}>${i}</span>` : h}
       </div>
@@ -2217,7 +2217,7 @@ let F = class extends $ {
               ${this.pending.map((c) => this.renderPending(c))}
             </ul>` : h}
       ${this.rejectedNames.length > 0 ? n`<p class="baht-error" role="alert">
-              ${v("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
+              ${m("fileRejectedTooLarge", { names: this.rejectedNames.join(", ") })}
             </p>` : h}
       ${this.error ? n`<p class="baht-error" id=${L(s)} role="alert">${this.error}</p>` : h}
     </div>`;
@@ -2225,42 +2225,42 @@ let F = class extends $ {
   renderStored(t) {
     const e = this.fileFor(t);
     return n`<li class="baht-file-chip baht-file-chip--done">
-      <span class="baht-file-chip-icon" aria-hidden="true">${U("check")}</span>
+      <span class="baht-file-chip-icon" aria-hidden="true">${H("check")}</span>
       <a class="baht-file-name" href=${t} target="_blank" rel="noreferrer"
-        >${e.name}<span class="baht-visually-hidden"> (${v("opensInNewTab")})</span></a
+        >${e.name}<span class="baht-visually-hidden"> (${m("opensInNewTab")})</span></a
       >
-      ${e.size > 0 ? n`<span class="baht-file-size">${ge(e.size)}</span>` : h}
+      ${e.size > 0 ? n`<span class="baht-file-size">${we(e.size)}</span>` : h}
       ${this.disabled ? h : n`<button
               type="button"
               class="baht-file-remove"
-              aria-label=${v("removeFile")}
-              title=${v("removeFile")}
+              aria-label=${m("removeFile")}
+              title=${m("removeFile")}
               @click=${() => this.emitValue(this.urls.filter((i) => i !== t))}
             >
-              ${U("close")}
+              ${H("close")}
             </button>`}
     </li>`;
   }
   renderPending(t) {
     return n`<li class="baht-file-chip ${t.error ? "baht-file-chip--error" : "baht-file-chip--busy"}">
       <span class="baht-file-name">${t.file.name}</span>
-      <span class="baht-file-size">${ge(t.file.size)}</span>
+      <span class="baht-file-size">${we(t.file.size)}</span>
       ${t.error ? n`<span class="baht-file-status baht-file-status--error" role="alert">${t.error}</span>
               <button type="button" class="baht-upload-retry" @click=${() => this.retry(t)}>
-                ${v("retry")}
+                ${m("retry")}
               </button>
               <button
                 type="button"
                 class="baht-file-remove"
-                aria-label=${v("removeFile")}
-                title=${v("removeFile")}
+                aria-label=${m("removeFile")}
+                title=${m("removeFile")}
                 @click=${() => this.dismiss(t)}
               >
-                ${U("close")}
+                ${H("close")}
               </button>` : n`<span
               class="baht-upload-bar"
               role="progressbar"
-              aria-label=${v("uploading")}
+              aria-label=${m("uploading")}
               aria-valuemin="0"
               aria-valuemax="100"
               aria-valuenow=${String(t.percent)}
@@ -2269,105 +2269,105 @@ let F = class extends $ {
     </li>`;
   }
 };
-I([
+B([
   l()
-], F.prototype, "url", 2);
-I([
+], D.prototype, "url", 2);
+B([
   l()
-], F.prototype, "method", 2);
-I([
+], D.prototype, "method", 2);
+B([
   l({ attribute: "field-name" })
-], F.prototype, "fieldName", 2);
-I([
+], D.prototype, "fieldName", 2);
+B([
   l({ attribute: "response-key" })
-], F.prototype, "responseKey", 2);
-I([
+], D.prototype, "responseKey", 2);
+B([
   l({ attribute: !1 })
-], F.prototype, "headers", 2);
-I([
+], D.prototype, "headers", 2);
+B([
   l({ type: Boolean, attribute: "with-credentials" })
-], F.prototype, "withCredentials", 2);
-I([
+], D.prototype, "withCredentials", 2);
+B([
   l({ attribute: !1 })
-], F.prototype, "value", 2);
-I([
+], D.prototype, "value", 2);
+B([
   l()
-], F.prototype, "label", 2);
-I([
+], D.prototype, "label", 2);
+B([
   l()
-], F.prototype, "hint", 2);
-I([
+], D.prototype, "hint", 2);
+B([
   l()
-], F.prototype, "accept", 2);
-I([
+], D.prototype, "accept", 2);
+B([
   l({ type: Boolean })
-], F.prototype, "multiple", 2);
-I([
+], D.prototype, "multiple", 2);
+B([
   l({ type: Number, attribute: "max-size" })
-], F.prototype, "maxSize", 2);
-I([
+], D.prototype, "maxSize", 2);
+B([
   l({ type: Boolean })
-], F.prototype, "disabled", 2);
-I([
+], D.prototype, "disabled", 2);
+B([
   l({ type: Boolean })
-], F.prototype, "required", 2);
-I([
+], D.prototype, "required", 2);
+B([
   l()
-], F.prototype, "error", 2);
-I([
-  y()
-], F.prototype, "pending", 2);
-I([
-  y()
-], F.prototype, "rejectedNames", 2);
-I([
-  y()
-], F.prototype, "dragging", 2);
-F = I([
-  u("baht-upload")
-], F);
-var Ba = Object.defineProperty, Ia = Object.getOwnPropertyDescriptor, os = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ia(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], D.prototype, "error", 2);
+B([
+  $()
+], D.prototype, "pending", 2);
+B([
+  $()
+], D.prototype, "rejectedNames", 2);
+B([
+  $()
+], D.prototype, "dragging", 2);
+D = B([
+  b("baht-upload")
+], D);
+var Ia = Object.defineProperty, ja = Object.getOwnPropertyDescriptor, ns = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ja(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ba(e, i, s), s;
+  return a && s && Ia(e, i, s), s;
 };
-let De = class extends $ {
+let Fe = class extends y {
   render() {
     if (!this.field) return h;
     const t = this.field.variant ?? "body";
     return n`<div class="baht-text baht-text--${t}">${this.field.text ?? this.field.label ?? ""}</div>`;
   }
 };
-os([
+ns([
   l({ attribute: !1 })
-], De.prototype, "field", 2);
-De = os([
-  u("baht-text")
-], De);
-var ja = Object.defineProperty, Sa = Object.getOwnPropertyDescriptor, ls = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Sa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Fe.prototype, "field", 2);
+Fe = ns([
+  b("baht-text")
+], Fe);
+var Sa = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, hs = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ma(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ja(e, i, s), s;
+  return a && s && Sa(e, i, s), s;
 };
-let Fe = class extends $ {
+let Ee = class extends y {
   render() {
     return this.field ? n`<div class="baht-section">
       <span class="baht-section-label">${this.field.text ?? this.field.label ?? ""}</span>
     </div>` : h;
   }
 };
-ls([
+hs([
   l({ attribute: !1 })
-], Fe.prototype, "field", 2);
-Fe = ls([
-  u("baht-section")
-], Fe);
-var Ta = Object.defineProperty, Ma = Object.getOwnPropertyDescriptor, ue = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ma(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Ee.prototype, "field", 2);
+Ee = hs([
+  b("baht-section")
+], Ee);
+var Ta = Object.defineProperty, Aa = Object.getOwnPropertyDescriptor, ue = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Aa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
   return a && s && Ta(e, i, s), s;
 };
-let Ut = class extends $ {
+let Ut = class extends y {
   constructor() {
     super(...arguments), this.total = 0, this.label = "", this.color = "";
   }
@@ -2391,18 +2391,18 @@ ue([
   l()
 ], Ut.prototype, "color", 2);
 Ut = ue([
-  u("baht-stat-chart")
+  b("baht-stat-chart")
 ], Ut);
-var Aa = Object.defineProperty, Tt = (t, e, i, a) => {
+var La = Object.defineProperty, Tt = (t, e, i, a) => {
   for (var s = void 0, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = o(e, i, s) || s);
-  return s && Aa(e, i, s), s;
+  return s && La(e, i, s), s;
 };
-const La = 10;
-function lt(t, e) {
-  return e && t === 0 ? e : `var(--baht-chart-${t % La + 1})`;
+const Na = 10;
+function nt(t, e) {
+  return e && t === 0 ? e : `var(--baht-chart-${t % Na + 1})`;
 }
-function Ye(t, e = 5) {
+function Xe(t, e = 5) {
   return `var(--baht-chart-seq-${Math.min(e - 1, Math.max(0, t)) + 1})`;
 }
 function qt(t, e = "number", i = "THB") {
@@ -2429,7 +2429,7 @@ function qt(t, e = "number", i = "THB") {
       return new Intl.NumberFormat("en-US", { maximumFractionDigits: 0 }).format(t);
   }
 }
-function Ee(t, e = 4) {
+function Be(t, e = 4) {
   if (!Number.isFinite(t) || t <= 0) return [0, 1];
   const i = t / (Math.max(1, e) + 1), a = 10 ** Math.floor(Math.log10(i)), s = [1, 2, 2.5, 5, 10].map((c) => c * a).find((c) => c >= i - 1e-9) ?? 10 * a, r = Math.ceil(t / s) * s, o = [];
   for (let c = 0; c <= r + s / 1e3; c += s) o.push(Number(c.toFixed(10)));
@@ -2439,7 +2439,7 @@ function le(t, e) {
   const [i, a] = t, [s, r] = e, o = a - i;
   return !Number.isFinite(o) || o === 0 ? () => s : (c) => s + (c - i) / o * (r - s);
 }
-function Na(t, e, i = "Other") {
+function qa(t, e, i = "Other") {
   if (t.length <= e) return t;
   const a = t.slice(0, e - 1), s = t.slice(e - 1).reduce((r, o) => r + o.count, 0);
   return [...a, { label: i, count: s }];
@@ -2466,7 +2466,7 @@ function be(t, e, i, a = "View as table") {
     </table>
   </details>`;
 }
-class Q extends $ {
+class tt extends y {
   constructor() {
     super(...arguments), this.emptyMessage = "No data to chart", this.loading = !1, this.showTable = !0, this.format = "number", this.currency = "THB", this.held = null;
   }
@@ -2502,14 +2502,14 @@ class Q extends $ {
     const s = this.querySelector(".baht-chart");
     if (!s || typeof s.getBoundingClientRect != "function") return;
     const r = s.getBoundingClientRect(), o = e;
-    let c, m;
+    let c, f;
     if (typeof o.clientX == "number" && (o.clientX !== 0 || o.clientY !== 0))
-      c = o.clientX - r.left, m = o.clientY - r.top;
+      c = o.clientX - r.left, f = o.clientY - r.top;
     else {
       const _ = e.currentTarget, p = (g = _ == null ? void 0 : _.getBoundingClientRect) == null ? void 0 : g.call(_);
-      c = p ? p.left + p.width / 2 - r.left : 0, m = p ? p.top - r.top : 0;
+      c = p ? p.left + p.width / 2 - r.left : 0, f = p ? p.top - r.top : 0;
     }
-    a.style.left = `${Math.round(c)}px`, a.style.top = `${Math.round(m)}px`;
+    a.style.left = `${Math.round(c)}px`, a.style.top = `${Math.round(f)}px`;
   }
   /** Hide the tooltip (pointerleave / blur). */
   hideTip() {
@@ -2540,76 +2540,76 @@ class Q extends $ {
 }
 Tt([
   l({ attribute: "empty-message" })
-], Q.prototype, "emptyMessage");
+], tt.prototype, "emptyMessage");
 Tt([
   l({ type: Boolean, reflect: !0 })
-], Q.prototype, "loading");
+], tt.prototype, "loading");
 Tt([
   l({ type: Boolean, attribute: "show-table" })
-], Q.prototype, "showTable");
+], tt.prototype, "showTable");
 Tt([
   l()
-], Q.prototype, "format");
+], tt.prototype, "format");
 Tt([
   l()
-], Q.prototype, "currency");
+], tt.prototype, "currency");
 Tt([
-  Et(".baht-chart-tooltip")
-], Q.prototype, "tipEl");
-var qa = Object.defineProperty, Ra = Object.getOwnPropertyDescriptor, yt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ra(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+  Bt(".baht-chart-tooltip")
+], tt.prototype, "tipEl");
+var Ra = Object.defineProperty, za = Object.getOwnPropertyDescriptor, gt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? za(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && qa(e, i, s), s;
+  return a && s && Ra(e, i, s), s;
 };
-let ht = class extends $ {
+let ct = class extends y {
   constructor() {
     super(...arguments), this.values = [], this.width = 96, this.height = 24, this.accentLast = !0, this.color = "", this.label = "";
   }
   render() {
-    const t = (this.values ?? []).filter((k) => Number.isFinite(k));
+    const t = (this.values ?? []).filter((C) => Number.isFinite(C));
     if (t.length < 2) return h;
-    const e = Math.max(16, this.width), i = Math.max(8, this.height), a = 3, s = Math.min(...t), r = Math.max(...t), o = le([0, t.length - 1], [a, e - a]), c = le([s, r === s ? s + 1 : r], [i - a, a]), m = t.map((k, b) => `${o(b).toFixed(2)},${c(k).toFixed(2)}`).join(" "), g = o(t.length - 1), _ = c(t[t.length - 1]), p = this.color || "var(--baht-chart-muted)", f = this.label || `Trend of ${t.length} points`;
+    const e = Math.max(16, this.width), i = Math.max(8, this.height), a = 3, s = Math.min(...t), r = Math.max(...t), o = le([0, t.length - 1], [a, e - a]), c = le([s, r === s ? s + 1 : r], [i - a, a]), f = t.map((C, d) => `${o(d).toFixed(2)},${c(C).toFixed(2)}`).join(" "), g = o(t.length - 1), _ = c(t[t.length - 1]), p = this.color || "var(--baht-chart-muted)", w = this.label || `Trend of ${t.length} points`;
     return n`<svg
       class="baht-sparkline"
       width=${e}
       height=${i}
       viewBox="0 0 ${e} ${i}"
       role="img"
-      aria-label=${f}
+      aria-label=${w}
     >
-      ${A`<polyline class="baht-sparkline-line" points=${m} fill="none" stroke=${p}/>`}
+      ${A`<polyline class="baht-sparkline-line" points=${f} fill="none" stroke=${p}/>`}
       ${this.accentLast ? A`<circle class="baht-sparkline-dot" cx=${g.toFixed(2)} cy=${_.toFixed(2)} r="3"
               fill="var(--baht-chart-1)"/>` : h}
     </svg>`;
   }
 };
-yt([
+gt([
   l({ type: Array })
-], ht.prototype, "values", 2);
-yt([
+], ct.prototype, "values", 2);
+gt([
   l({ type: Number })
-], ht.prototype, "width", 2);
-yt([
+], ct.prototype, "width", 2);
+gt([
   l({ type: Number })
-], ht.prototype, "height", 2);
-yt([
+], ct.prototype, "height", 2);
+gt([
   l({ type: Boolean, attribute: "accent-last" })
-], ht.prototype, "accentLast", 2);
-yt([
+], ct.prototype, "accentLast", 2);
+gt([
   l()
-], ht.prototype, "color", 2);
-yt([
+], ct.prototype, "color", 2);
+gt([
   l()
-], ht.prototype, "label", 2);
-ht = yt([
-  u("baht-sparkline")
-], ht);
-var za = Object.defineProperty, Va = Object.getOwnPropertyDescriptor, J = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Va(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], ct.prototype, "label", 2);
+ct = gt([
+  b("baht-sparkline")
+], ct);
+var Va = Object.defineProperty, Ka = Object.getOwnPropertyDescriptor, Y = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ka(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && za(e, i, s), s;
+  return a && s && Va(e, i, s), s;
 };
-let z = class extends $ {
+let K = class extends y {
   constructor() {
     super(...arguments), this.label = "", this.value = 0, this.format = "number", this.currency = "THB", this.delta = null, this.deltaKind = "pct", this.deltaLabel = "", this.upIsGood = !0, this.trend = [], this.size = "md";
   }
@@ -2645,46 +2645,46 @@ let z = class extends $ {
     </div>`;
   }
 };
-J([
+Y([
   l()
-], z.prototype, "label", 2);
-J([
+], K.prototype, "label", 2);
+Y([
   l({ type: Number })
-], z.prototype, "value", 2);
-J([
+], K.prototype, "value", 2);
+Y([
   l()
-], z.prototype, "format", 2);
-J([
+], K.prototype, "format", 2);
+Y([
   l()
-], z.prototype, "currency", 2);
-J([
+], K.prototype, "currency", 2);
+Y([
   l({ type: Number })
-], z.prototype, "delta", 2);
-J([
+], K.prototype, "delta", 2);
+Y([
   l({ attribute: "delta-kind" })
-], z.prototype, "deltaKind", 2);
-J([
+], K.prototype, "deltaKind", 2);
+Y([
   l({ attribute: "delta-label" })
-], z.prototype, "deltaLabel", 2);
-J([
+], K.prototype, "deltaLabel", 2);
+Y([
   l({ type: Boolean, attribute: "up-is-good" })
-], z.prototype, "upIsGood", 2);
-J([
+], K.prototype, "upIsGood", 2);
+Y([
   l({ type: Array })
-], z.prototype, "trend", 2);
-J([
+], K.prototype, "trend", 2);
+Y([
   l()
-], z.prototype, "size", 2);
-z = J([
-  u("baht-stat")
-], z);
-var Ka = Object.defineProperty, Ua = Object.getOwnPropertyDescriptor, Mt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ua(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], K.prototype, "size", 2);
+K = Y([
+  b("baht-stat")
+], K);
+var Ua = Object.defineProperty, Ha = Object.getOwnPropertyDescriptor, At = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Ha(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ka(e, i, s), s;
+  return a && s && Ua(e, i, s), s;
 };
-const Xe = 6;
-let H = class extends Q {
+const Ze = 6;
+let G = class extends tt {
   constructor() {
     super(...arguments), this.groups = [], this.total = null, this.color = "", this.centerLabel = "records", this.otherLabel = "Other";
   }
@@ -2692,18 +2692,18 @@ let H = class extends Q {
     const t = this.hold(this.groups ?? []);
     if (t.length === 0)
       return n`<div class=${this.rootClass("baht-donut-chart")}>${this.renderEmpty()}</div>`;
-    const e = Na(t, Xe, this.otherLabel), i = e.reduce((p, f) => p + f.count, 0) || 1, a = this.total ?? t.reduce((p, f) => p + f.count, 0), s = H.R, r = 2 * Math.PI * s, o = e.length > 1 ? H.GAP : 0, c = t.length > Xe;
-    let m = 0;
-    const g = e.map((p, f) => {
-      const k = p.count / i, b = Math.max(0, k * r - o), w = {
+    const e = qa(t, Ze, this.otherLabel), i = e.reduce((p, w) => p + w.count, 0) || 1, a = this.total ?? t.reduce((p, w) => p + w.count, 0), s = G.R, r = 2 * Math.PI * s, o = e.length > 1 ? G.GAP : 0, c = t.length > Ze;
+    let f = 0;
+    const g = e.map((p, w) => {
+      const C = p.count / i, d = Math.max(0, C * r - o), v = {
         ...p,
-        frac: k,
-        dash: `${b} ${r - b}`,
-        offset: -m * r,
+        frac: C,
+        dash: `${d} ${r - d}`,
+        offset: -f * r,
         // the folded tail is grey — never a generated ninth hue
-        color: c && f === e.length - 1 ? "var(--baht-chart-muted)" : lt(f, this.color || void 0)
+        color: c && w === e.length - 1 ? "var(--baht-chart-muted)" : nt(w, this.color || void 0)
       };
-      return m += k, w;
+      return f += C, v;
     }), _ = `${a} ${this.centerLabel}: ${g.map((p) => `${p.label || "(empty)"} ${p.count} (${Math.round(p.frac * 100)}%)`).join(", ")}`;
     return n`<div class=${this.rootClass("baht-donut-chart")}>
       <svg width="160" height="160" viewBox="0 0 160 160" role="img" aria-label=${_}>
@@ -2738,35 +2738,60 @@ let H = class extends Q {
     </div>`;
   }
 };
-H.R = 54;
-H.GAP = 2;
-Mt([
+G.R = 54;
+G.GAP = 2;
+At([
   l({ attribute: !1 })
-], H.prototype, "groups", 2);
-Mt([
+], G.prototype, "groups", 2);
+At([
   l({ type: Number })
-], H.prototype, "total", 2);
-Mt([
+], G.prototype, "total", 2);
+At([
   l()
-], H.prototype, "color", 2);
-Mt([
+], G.prototype, "color", 2);
+At([
   l({ attribute: "center-label" })
-], H.prototype, "centerLabel", 2);
-Mt([
+], G.prototype, "centerLabel", 2);
+At([
   l({ attribute: "other-label" })
-], H.prototype, "otherLabel", 2);
-H = Mt([
-  u("baht-donut-chart")
-], H);
-var Ha = Object.defineProperty, Ga = Object.getOwnPropertyDescriptor, K = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ga(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], G.prototype, "otherLabel", 2);
+G = At([
+  b("baht-donut-chart")
+], G);
+var Ga = Object.defineProperty, Wa = Object.getOwnPropertyDescriptor, V = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Wa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ha(e, i, s), s;
+  return a && s && Ga(e, i, s), s;
 };
-const Ze = 24;
-let R = class extends Q {
+const Qe = 24, ts = 2, Ja = 56, Ya = 26;
+let R = class extends tt {
   constructor() {
-    super(...arguments), this.groups = [], this.series = [], this.categories = [], this.orientation = "horizontal", this.stacked = !1, this.compare = [], this.markers = [], this.labelValues = "ends", this.emphasis = null, this.color = "", this.label = "";
+    super(...arguments), this.groups = [], this.series = [], this.categories = [], this.orientation = "horizontal", this.stacked = !1, this.compare = [], this.markers = [], this.labelValues = "ends", this.emphasis = null, this.color = "", this.label = "", this.band = 0;
+  }
+  connectedCallback() {
+    super.connectedCallback(), !(!S() || typeof ResizeObserver > "u") && (this.resizeObserver = new ResizeObserver(() => this.measure()), this.resizeObserver.observe(this));
+  }
+  disconnectedCallback() {
+    var t;
+    (t = this.resizeObserver) == null || t.disconnect(), this.resizeObserver = void 0, super.disconnectedCallback();
+  }
+  firstUpdated() {
+    S() && queueMicrotask(() => this.measure());
+  }
+  /** Host width → px per category. Never runs on the server (`hasDom` guard). */
+  measure() {
+    var r;
+    if (!S() || !this.isConnected || this.orientation !== "vertical") return;
+    const t = this.columnCount;
+    if (t === 0) return;
+    const e = ((r = this.getBoundingClientRect) == null ? void 0 : r.call(this).width) ?? 0;
+    if (!e) return;
+    const a = (Math.max(0, e - Ja) - ts * (t - 1)) / t, s = a > 0 ? Math.floor(a * 100) / 100 : 0;
+    Math.abs(s - this.band) > 0.01 && (this.band = s);
+  }
+  get columnCount() {
+    const t = this.model.series;
+    return t.length === 0 ? 0 : Math.max(...t.map((e) => e.values.length));
   }
   /** The series actually drawn — `groups` is normalised into one series. */
   get model() {
@@ -2782,7 +2807,7 @@ let R = class extends Q {
   }
   colorFor(t, e, i) {
     const a = this.model.series[t];
-    return this.emphasis != null && !(i ? t === this.emphasis : e === this.emphasis) ? "var(--baht-chart-muted)" : lt(i ? t : 0, this.color || (a == null ? void 0 : a.color) || void 0);
+    return this.emphasis != null && !(i ? t === this.emphasis : e === this.emphasis) ? "var(--baht-chart-muted)" : nt(i ? t : 0, this.color || (a == null ? void 0 : a.color) || void 0);
   }
   render() {
     const t = this.hold(this.model);
@@ -2792,7 +2817,7 @@ let R = class extends Q {
   domainMax(t, e, i) {
     const a = Math.max(...t.map((c) => c.values.length)), s = Array.from(
       { length: a },
-      (c, m) => e ? t.reduce((g, _) => g + (_.values[m] ?? 0), 0) : Math.max(...t.map((g) => g.values[m] ?? 0))
+      (c, f) => e ? t.reduce((g, _) => g + (_.values[f] ?? 0), 0) : Math.max(...t.map((g) => g.values[f] ?? 0))
     ), r = Math.max(
       1,
       ...s,
@@ -2800,7 +2825,7 @@ let R = class extends Q {
       ...(this.markers ?? []).map((c) => c.value)
     );
     if (i) return r;
-    const o = Ee(r, 4);
+    const o = Be(r, 4);
     return o[o.length - 1] ?? r;
   }
   tableTwin(t, e, i) {
@@ -2811,12 +2836,12 @@ let R = class extends Q {
       this.label || "Bar chart data",
       a,
       Array.from({ length: i }, (r, o) => {
-        var m;
+        var f;
         const c = [
           e[o] || "(empty)",
           ...t.map((g) => this.fmt(g.values[o] ?? 0))
         ];
-        return (m = this.compare) != null && m.length && c.push(this.fmt(this.compare[o] ?? 0)), c;
+        return (f = this.compare) != null && f.length && c.push(this.fmt(this.compare[o] ?? 0)), c;
       })
     );
   }
@@ -2835,249 +2860,253 @@ let R = class extends Q {
     );
   }
   renderHorizontal(t) {
-    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((p) => p.values.length)), o = this.domainMax(e, this.stacked, a), c = (this.compare ?? []).length > 0, m = (this.stacked ? 1 : e.length) + (c ? 1 : 0), g = Math.min(Ze, Math.max(6, Math.floor(48 / m))), _ = Array.from({ length: r }, (p, f) => {
-      const k = i[f] || "(empty)", b = e.reduce((O, At) => O + (At.values[f] ?? 0), 0), w = `${k}: ${e.map((O) => `${O.name ? `${O.name} ` : ""}${this.fmt(O.values[f] ?? 0)}`).join(", ")}${c ? `, previous ${this.fmt(this.compare[f] ?? 0)}` : ""}`, D = e.map((O, At) => ({
-        value: O.values[f] ?? 0,
-        color: this.colorFor(At, f, s),
-        name: O.name
+    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((p) => p.values.length)), o = this.domainMax(e, this.stacked, a), c = (this.compare ?? []).length > 0, f = (this.stacked ? 1 : e.length) + (c ? 1 : 0), g = Math.min(Qe, Math.max(6, Math.floor(48 / f))), _ = Array.from({ length: r }, (p, w) => {
+      const C = i[w] || "(empty)", d = e.reduce((P, q) => P + (q.values[w] ?? 0), 0), v = `${C}: ${e.map((P) => `${P.name ? `${P.name} ` : ""}${this.fmt(P.values[w] ?? 0)}`).join(", ")}${c ? `, previous ${this.fmt(this.compare[w] ?? 0)}` : ""}`, z = e.map((P, q) => ({
+        value: P.values[w] ?? 0,
+        color: this.colorFor(q, w, s),
+        name: P.name
       }));
       return n`<div class="baht-bar-chart-row">
-        <span class="baht-bar-chart-label" title=${k}>${k}</span>
+        <span class="baht-bar-chart-label" title=${C}>${C}</span>
         <div
           class="baht-bar-chart-track${this.stacked ? " baht-bar-chart-track--stacked" : ""}"
           tabindex="0"
           role="button"
-          aria-label=${w}
-          @pointermove=${(O) => this.showTip(O, w)}
+          aria-label=${v}
+          @pointermove=${(P) => this.showTip(P, v)}
           @pointerleave=${() => this.hideTip()}
-          @focus=${(O) => this.showTip(O, w)}
+          @focus=${(P) => this.showTip(P, v)}
           @blur=${() => this.hideTip()}
         >
-          ${this.markerOverlay(o, k)}
+          ${this.markerOverlay(o, C)}
           <div class="baht-bar-chart-bars">
             ${this.stacked ? n`<div class="baht-bar-chart-stack" style=${`height:${g}px`}>
-                    ${D.map(
-        (O) => n`<div
+                    ${z.map(
+        (P) => n`<div
                         class="baht-bar-chart-bar baht-bar-chart-bar--segment"
-                        style=${`width:${Math.max(0, O.value / o * 100)}%;background:${O.color}`}
+                        style=${`width:${Math.max(0, P.value / o * 100)}%;background:${P.color}`}
                       ></div>`
       )}
-                  </div>` : D.map(
-        (O) => n`<div
+                  </div>` : z.map(
+        (P) => n`<div
                       class="baht-bar-chart-bar"
-                      style=${`width:${Math.max(2, O.value / o * 100)}%;height:${g}px;background:${O.color}`}
+                      style=${`width:${Math.max(2, P.value / o * 100)}%;height:${g}px;background:${P.color}`}
                     ></div>`
       )}
             ${c ? n`<div
                     class="baht-bar-chart-bar baht-bar-chart-bar--compare"
-                    style=${`width:${Math.max(2, (this.compare[f] ?? 0) / o * 100)}%;height:${Math.min(8, g)}px`}
+                    style=${`width:${Math.max(2, (this.compare[w] ?? 0) / o * 100)}%;height:${Math.min(8, g)}px`}
                   ></div>` : h}
           </div>
         </div>
         ${this.labelValues === "ends" ? n`<span class="baht-bar-chart-count"
-                >${a ? e[0].values[f] ?? 0 : this.fmt(this.stacked ? b : e[0].values[f] ?? 0)}</span
+                >${a ? e[0].values[w] ?? 0 : this.fmt(this.stacked ? d : e[0].values[w] ?? 0)}</span
               >` : h}
       </div>`;
     });
     return n`<div class=${this.rootClass("baht-bar-chart")}>
       ${_}
       ${this.renderTooltip()}
-      ${this.renderLegend(e.map((p, f) => ({ label: p.name, color: lt(f, p.color) })))}
+      ${this.renderLegend(e.map((p, w) => ({ label: p.name, color: nt(w, p.color) })))}
       ${this.tableTwin(e, i, r)}
     </div>`;
   }
   renderVertical(t) {
-    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((f) => f.values.length)), o = this.domainMax(e, this.stacked, a), c = Ee(o, 4), m = (this.compare ?? []).length > 0, g = (this.stacked ? 1 : e.length) + (m ? 1 : 0), _ = Math.min(Ze, Math.max(4, Math.floor(48 / g))), p = this.label || `Column chart, ${r} categories. ${i.map((f, k) => `${f} ${this.fmt(e[0].values[k] ?? 0)}`).join(", ")}`;
+    const { series: e, categories: i, legacy: a } = t, s = e.length > 1, r = Math.max(...e.map((d) => d.values.length)), o = this.domainMax(e, this.stacked, a), c = Be(o, 4), f = (this.compare ?? []).length > 0, g = (this.stacked ? 1 : e.length) + (f ? 1 : 0), _ = this.band > 0 ? (this.band - ts) / g : 48 / g, p = Math.min(Qe, Math.max(2, Math.floor(_))), w = this.band > 0 ? Math.max(1, Math.ceil(Ya / Math.max(1, this.band))) : Math.max(1, Math.ceil(r / 12)), C = this.label || `Column chart, ${r} categories. ${i.map((d, v) => `${d} ${this.fmt(e[0].values[v] ?? 0)}`).join(", ")}`;
     return n`<div class=${this.rootClass("baht-bar-chart baht-bar-chart--vertical")}>
-      <div class="baht-bar-chart-plot" role="img" aria-label=${p}>
+      <div class="baht-bar-chart-plot" role="img" aria-label=${C}>
         <div class="baht-bar-chart-yaxis" aria-hidden="true">
-          ${[...c].reverse().map((f) => n`<span class="baht-chart-tick-text">${this.fmt(f)}</span>`)}
+          ${[...c].reverse().map((d) => n`<span class="baht-chart-tick-text">${this.fmt(d)}</span>`)}
         </div>
         <div class="baht-bar-chart-grid">
-          ${(this.markers ?? []).filter((f) => !f.category).map(
-      (f) => n`<span
+          ${(this.markers ?? []).filter((d) => !d.category).map(
+      (d) => n`<span
                 class="baht-bar-chart-marker baht-bar-chart-marker--horizontal"
-                style=${`bottom:${Math.min(100, f.value / o * 100).toFixed(2)}%`}
-                title=${f.label ?? this.fmt(f.value)}
+                style=${`bottom:${Math.min(100, d.value / o * 100).toFixed(2)}%`}
+                title=${d.label ?? this.fmt(d.value)}
                 aria-hidden="true"
               ></span>`
     )}
           ${[...c].reverse().map(() => n`<span class="baht-chart-grid-rule" aria-hidden="true"></span>`)}
           <div class="baht-bar-chart-columns">
-            ${Array.from({ length: r }, (f, k) => {
-      const b = i[k] || "(empty)", w = `${b}: ${e.map((D) => `${D.name ? `${D.name} ` : ""}${this.fmt(D.values[k] ?? 0)}`).join(", ")}`;
+            ${Array.from({ length: r }, (d, v) => {
+      const z = i[v] || "(empty)", P = `${z}: ${e.map((q) => `${q.name ? `${q.name} ` : ""}${this.fmt(q.values[v] ?? 0)}`).join(", ")}`;
       return n`<div
                 class="baht-bar-chart-column"
+                style=${this.band > 0 ? `flex:0 0 auto;width:${this.band}px` : h}
                 tabindex="0"
                 role="button"
-                aria-label=${w}
-                @pointermove=${(D) => this.showTip(D, w)}
+                aria-label=${P}
+                @pointermove=${(q) => this.showTip(q, P)}
                 @pointerleave=${() => this.hideTip()}
-                @focus=${(D) => this.showTip(D, w)}
+                @focus=${(q) => this.showTip(q, P)}
                 @blur=${() => this.hideTip()}
               >
                 <div class="baht-bar-chart-column-bars">
                   ${e.map(
-        (D, O) => n`<div
+        (q, ve) => n`<div
                       class="baht-bar-chart-col"
-                      style=${`height:${Math.max(1, (D.values[k] ?? 0) / o * 100)}%;width:${_}px;background:${this.colorFor(O, k, s)}`}
+                      style=${`height:${Math.max(1, (q.values[v] ?? 0) / o * 100)}%;width:${p}px;background:${this.colorFor(ve, v, s)}`}
                     ></div>`
       )}
-                  ${m ? n`<div
+                  ${f ? n`<div
                           class="baht-bar-chart-col baht-bar-chart-col--compare"
-                          style=${`height:${Math.max(1, (this.compare[k] ?? 0) / o * 100)}%;width:${Math.min(8, _)}px`}
+                          style=${`height:${Math.max(1, (this.compare[v] ?? 0) / o * 100)}%;width:${Math.min(8, p)}px`}
                         ></div>` : h}
                 </div>
-                <span class="baht-bar-chart-xlabel">${b}</span>
+                ${v % w === 0 ? n`<span class="baht-bar-chart-xlabel">${z}</span>` : h}
               </div>`;
     })}
           </div>
         </div>
       </div>
       ${this.renderTooltip()}
-      ${this.renderLegend(e.map((f, k) => ({ label: f.name, color: lt(k, f.color) })))}
+      ${this.renderLegend(e.map((d, v) => ({ label: d.name, color: nt(v, d.color) })))}
       ${this.tableTwin(e, i, r)}
     </div>`;
   }
 };
-K([
+V([
   l({ attribute: !1 })
 ], R.prototype, "groups", 2);
-K([
+V([
   l({ attribute: !1 })
 ], R.prototype, "series", 2);
-K([
+V([
   l({ attribute: !1 })
 ], R.prototype, "categories", 2);
-K([
+V([
   l()
 ], R.prototype, "orientation", 2);
-K([
+V([
   l({ type: Boolean })
 ], R.prototype, "stacked", 2);
-K([
+V([
   l({ attribute: !1 })
 ], R.prototype, "compare", 2);
-K([
+V([
   l({ attribute: !1 })
 ], R.prototype, "markers", 2);
-K([
+V([
   l({ attribute: "label-values" })
 ], R.prototype, "labelValues", 2);
-K([
+V([
   l({ type: Number })
 ], R.prototype, "emphasis", 2);
-K([
+V([
   l()
 ], R.prototype, "color", 2);
-K([
+V([
   l()
 ], R.prototype, "label", 2);
-R = K([
-  u("baht-bar-chart")
+V([
+  $()
+], R.prototype, "band", 2);
+R = V([
+  b("baht-bar-chart")
 ], R);
-var Wa = Object.defineProperty, Ja = Object.getOwnPropertyDescriptor, ot = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Ja(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var Xa = Object.defineProperty, Za = Object.getOwnPropertyDescriptor, lt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Za(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Wa(e, i, s), s;
+  return a && s && Xa(e, i, s), s;
 };
-const Qe = 640, we = 260, B = { top: 14, right: 72, bottom: 30, left: 60 };
-let Z = class extends Q {
+const es = 640, xe = 260, E = { top: 14, right: 72, bottom: 30, left: 60 };
+let Q = class extends tt {
   constructor() {
     super(...arguments), this.series = [], this.categories = [], this.area = !1, this.markers = [], this.forecast = 0, this.baseline = null, this.labelValues = "ends", this.label = "", this.crosshairAt = null;
   }
   get plot() {
-    return { w: Qe - B.left - B.right, h: we - B.top - B.bottom };
+    return { w: es - E.left - E.right, h: xe - E.top - E.bottom };
   }
   render() {
     const t = this.hold({
-      series: (this.series ?? []).filter((d) => {
+      series: (this.series ?? []).filter((u) => {
         var x;
-        return d && ((x = d.values) == null ? void 0 : x.length);
+        return u && ((x = u.values) == null ? void 0 : x.length);
       }),
       categories: this.categories ?? []
     }), { series: e, categories: i } = t;
     if (e.length === 0)
       return n`<div class=${this.rootClass("baht-line-chart")}>${this.renderEmpty()}</div>`;
-    const a = Math.max(...e.map((d) => d.values.length)), s = e.flatMap((d) => d.values).filter((d) => Number.isFinite(d)), r = Math.max(0, ...s, ...(this.markers ?? []).map((d) => d.value)), o = Ee(r, 4), c = o[o.length - 1] ?? 1, { w: m, h: g } = this.plot, _ = le([0, Math.max(1, a - 1)], [B.left, B.left + m]), p = le([0, c], [B.top + g, B.top]), f = Math.max(0, a - 1 - Math.max(0, this.forecast)), k = (d, x, X) => d.slice(x, X + 1).map((et, st) => `${st === 0 ? "M" : "L"}${_(x + st).toFixed(2)},${p(et).toFixed(2)}`).join(" "), b = e.map((d, x) => ({
+    const a = Math.max(...e.map((u) => u.values.length)), s = e.flatMap((u) => u.values).filter((u) => Number.isFinite(u)), r = Math.max(0, ...s, ...(this.markers ?? []).map((u) => u.value)), o = Be(r, 4), c = o[o.length - 1] ?? 1, { w: f, h: g } = this.plot, _ = le([0, Math.max(1, a - 1)], [E.left, E.left + f]), p = le([0, c], [E.top + g, E.top]), w = Math.max(0, a - 1 - Math.max(0, this.forecast)), C = (u, x, Z) => u.slice(x, Z + 1).map((st, at) => `${at === 0 ? "M" : "L"}${_(x + at).toFixed(2)},${p(st).toFixed(2)}`).join(" "), d = e.map((u, x) => ({
       i: x,
-      name: d.name,
-      value: d.values[d.values.length - 1] ?? 0,
-      yPos: p(d.values[d.values.length - 1] ?? 0),
-      color: lt(x, d.color)
-    })), w = [...b].sort((d, x) => d.yPos - x.yPos), D = w.some((d, x) => x > 0 && d.yPos - w[x - 1].yPos < 15), O = this.labelValues === "ends" && !D, At = Math.max(1, Math.ceil(a / 8)), cs = this.label || `Line chart, ${e.length} series over ${a} points. ${e.map((d, x) => `${d.name}: ${this.fmt(b[x].value)} at the end`).join(". ")}`;
+      name: u.name,
+      value: u.values[u.values.length - 1] ?? 0,
+      yPos: p(u.values[u.values.length - 1] ?? 0),
+      color: nt(x, u.color)
+    })), v = [...d].sort((u, x) => u.yPos - x.yPos), z = v.some((u, x) => x > 0 && u.yPos - v[x - 1].yPos < 15), P = this.labelValues === "ends" && !z, q = Math.max(1, Math.ceil(a / 8)), ve = this.label || `Line chart, ${e.length} series over ${a} points. ${e.map((u, x) => `${u.name}: ${this.fmt(d[x].value)} at the end`).join(". ")}`;
     return n`<div class=${this.rootClass("baht-line-chart")}>
       <svg
         class="baht-chart-svg"
-        viewBox="0 0 ${Qe} ${we}"
+        viewBox="0 0 ${es} ${xe}"
         preserveAspectRatio="xMidYMid meet"
         role="img"
-        aria-label=${cs}
+        aria-label=${ve}
       >
         ${o.map(
-      (d) => A`
-            <line class="baht-chart-grid-line" x1=${B.left} x2=${B.left + m}
-              y1=${p(d).toFixed(2)} y2=${p(d).toFixed(2)}/>
-            <text class="baht-chart-tick" x=${B.left - 8} y=${(p(d) + 4).toFixed(2)}
-              text-anchor="end">${this.fmt(d)}</text>`
+      (u) => A`
+            <line class="baht-chart-grid-line" x1=${E.left} x2=${E.left + f}
+              y1=${p(u).toFixed(2)} y2=${p(u).toFixed(2)}/>
+            <text class="baht-chart-tick" x=${E.left - 8} y=${(p(u) + 4).toFixed(2)}
+              text-anchor="end">${this.fmt(u)}</text>`
     )}
         ${this.baseline != null ? [
-      A`<line class="baht-chart-baseline" x1=${B.left} x2=${B.left + m}
+      A`<line class="baht-chart-baseline" x1=${E.left} x2=${E.left + f}
               y1=${p(this.baseline).toFixed(2)} y2=${p(this.baseline).toFixed(2)}/>`
     ] : []}
         ${(this.markers ?? []).map(
-      (d) => A`
-            <line class="baht-chart-marker-line" x1=${B.left} x2=${B.left + m}
-              y1=${p(d.value).toFixed(2)} y2=${p(d.value).toFixed(2)}/>
-            <text class="baht-chart-marker-label" x=${B.left + m} y=${(p(d.value) - 5).toFixed(2)}
-              text-anchor="end">${d.label ?? this.fmt(d.value)}</text>`
+      (u) => A`
+            <line class="baht-chart-marker-line" x1=${E.left} x2=${E.left + f}
+              y1=${p(u.value).toFixed(2)} y2=${p(u.value).toFixed(2)}/>
+            <text class="baht-chart-marker-label" x=${E.left + f} y=${(p(u.value) - 5).toFixed(2)}
+              text-anchor="end">${u.label ?? this.fmt(u.value)}</text>`
     )}
-        ${this.area && e.length === 1 ? A`<path class="baht-chart-area" fill=${lt(0, e[0].color)}
-                d=${`${k(e[0].values, 0, a - 1)} L${_(a - 1).toFixed(2)},${p(0).toFixed(2)} L${_(0).toFixed(2)},${p(0).toFixed(2)} Z`}/>` : h}
-        ${e.map((d, x) => {
-      const X = lt(x, d.color), et = [
-        A`<path class="baht-chart-line" d=${k(d.values, 0, f)} stroke=${X} fill="none"/>`
+        ${this.area && e.length === 1 ? A`<path class="baht-chart-area" fill=${nt(0, e[0].color)}
+                d=${`${C(e[0].values, 0, a - 1)} L${_(a - 1).toFixed(2)},${p(0).toFixed(2)} L${_(0).toFixed(2)},${p(0).toFixed(2)} Z`}/>` : h}
+        ${e.map((u, x) => {
+      const Z = nt(x, u.color), st = [
+        A`<path class="baht-chart-line" d=${C(u.values, 0, w)} stroke=${Z} fill="none"/>`
       ];
-      return f < a - 1 && et.push(
-        A`<path class="baht-chart-line baht-chart-line--forecast" d=${k(d.values, f, a - 1)}
-                stroke=${X} fill="none"/>`
-      ), et.push(
+      return w < a - 1 && st.push(
+        A`<path class="baht-chart-line baht-chart-line--forecast" d=${C(u.values, w, a - 1)}
+                stroke=${Z} fill="none"/>`
+      ), st.push(
         A`<circle class="baht-chart-end-dot" cx=${_(a - 1).toFixed(2)}
-              cy=${p(d.values[d.values.length - 1] ?? 0).toFixed(2)} r="4" fill=${X}/>`
-      ), et;
+              cy=${p(u.values[u.values.length - 1] ?? 0).toFixed(2)} r="4" fill=${Z}/>`
+      ), st;
     })}
-        ${O ? b.map(
-      (d) => A`
-                  <text class="baht-chart-end-label" x=${_(a - 1) + 10} y=${(d.yPos + 4).toFixed(2)}
-                    text-anchor="start">${this.fmt(d.value)}</text>`
+        ${P ? d.map(
+      (u) => A`
+                  <text class="baht-chart-end-label" x=${_(a - 1) + 10} y=${(u.yPos + 4).toFixed(2)}
+                    text-anchor="start">${this.fmt(u.value)}</text>`
     ) : h}
         ${i.map(
-      (d, x) => x % At === 0 ? A`<text class="baht-chart-tick" x=${_(x).toFixed(2)} y=${we - 10} text-anchor="middle">${d}</text>` : h
+      (u, x) => x % q === 0 ? A`<text class="baht-chart-tick" x=${_(x).toFixed(2)} y=${xe - 10} text-anchor="middle">${u}</text>` : h
     )}
-        ${Array.from({ length: a }, (d, x) => {
-      const X = m / Math.max(1, a - 1), et = `${i[x] ?? `Point ${x + 1}`}: ${e.map((st) => `${st.name} ${this.fmt(st.values[x] ?? 0)}`).join(", ")}`;
-      return A`<rect class="baht-chart-hit" x=${(_(x) - X / 2).toFixed(2)} y=${B.top}
-            width=${Math.max(24, X).toFixed(2)} height=${g} tabindex="0" role="button"
-            aria-label=${et}
-            @pointermove=${(st) => this.onHover(st, x, et)}
+        ${Array.from({ length: a }, (u, x) => {
+      const Z = f / Math.max(1, a - 1), st = `${i[x] ?? `Point ${x + 1}`}: ${e.map((at) => `${at.name} ${this.fmt(at.values[x] ?? 0)}`).join(", ")}`;
+      return A`<rect class="baht-chart-hit" x=${(_(x) - Z / 2).toFixed(2)} y=${E.top}
+            width=${Math.max(24, Z).toFixed(2)} height=${g} tabindex="0" role="button"
+            aria-label=${st}
+            @pointermove=${(at) => this.onHover(at, x, st)}
             @pointerleave=${() => this.onLeave()}
-            @focus=${(st) => this.onHover(st, x, et)}
+            @focus=${(at) => this.onHover(at, x, st)}
             @blur=${() => this.onLeave()}/>`;
     })}
         ${this.crosshairAt != null ? A`<line class="baht-chart-crosshair" x1=${_(this.crosshairAt).toFixed(2)}
-                x2=${_(this.crosshairAt).toFixed(2)} y1=${B.top} y2=${B.top + g}/>` : h}
+                x2=${_(this.crosshairAt).toFixed(2)} y1=${E.top} y2=${E.top + g}/>` : h}
       </svg>
       ${this.renderTooltip()}
       ${this.renderLegend(
-      e.map((d, x) => ({ label: d.name, color: lt(x, d.color) })),
+      e.map((u, x) => ({ label: u.name, color: nt(x, u.color) })),
       "line"
     )}
       ${this.showTable ? be(
       this.label || "Line chart data",
-      ["Point", ...e.map((d) => d.name)],
-      Array.from({ length: a }, (d, x) => [
+      ["Point", ...e.map((u) => u.name)],
+      Array.from({ length: a }, (u, x) => [
         i[x] ?? `Point ${x + 1}`,
-        ...e.map((X) => this.fmt(X.values[x] ?? 0))
+        ...e.map((Z) => this.fmt(Z.values[x] ?? 0))
       ])
     ) : h}
     </div>`;
@@ -3089,85 +3118,85 @@ let Z = class extends Q {
     this.crosshairAt = null, this.requestUpdate(), this.hideTip();
   }
 };
-ot([
+lt([
   l({ attribute: !1 })
-], Z.prototype, "series", 2);
-ot([
+], Q.prototype, "series", 2);
+lt([
   l({ attribute: !1 })
-], Z.prototype, "categories", 2);
-ot([
+], Q.prototype, "categories", 2);
+lt([
   l({ type: Boolean })
-], Z.prototype, "area", 2);
-ot([
+], Q.prototype, "area", 2);
+lt([
   l({ attribute: !1 })
-], Z.prototype, "markers", 2);
-ot([
+], Q.prototype, "markers", 2);
+lt([
   l({ type: Number })
-], Z.prototype, "forecast", 2);
-ot([
+], Q.prototype, "forecast", 2);
+lt([
   l({ type: Number })
-], Z.prototype, "baseline", 2);
-ot([
+], Q.prototype, "baseline", 2);
+lt([
   l({ attribute: "label-values" })
-], Z.prototype, "labelValues", 2);
-ot([
+], Q.prototype, "labelValues", 2);
+lt([
   l()
-], Z.prototype, "label", 2);
-Z = ot([
-  u("baht-line-chart")
-], Z);
-var Ya = Object.defineProperty, Xa = Object.getOwnPropertyDescriptor, gt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? Xa(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Q.prototype, "label", 2);
+Q = lt([
+  b("baht-line-chart")
+], Q);
+var Qa = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, wt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ti(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Ya(e, i, s), s;
+  return a && s && Qa(e, i, s), s;
 };
-const xe = 22, Nt = 24, ts = 34, _e = 18, Za = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
-function ke(t) {
+const _e = 22, Nt = 24, ss = 34, ke = 18, ei = ["Mon", "Tue", "Wed", "Thu", "Fri", "Sat", "Sun"];
+function Pe(t) {
   const e = /^(\d{4})-(\d{2})-(\d{2})/.exec(t ?? "");
   return e ? new Date(Date.UTC(+e[1], +e[2] - 1, +e[3])) : null;
 }
-function Pe(t) {
+function Oe(t) {
   return t.toISOString().slice(0, 10);
 }
-let ct = class extends Q {
+let pt = class extends tt {
   constructor() {
     super(...arguments), this.values = [], this.from = "", this.to = "", this.lessLabel = "Less", this.moreLabel = "More", this.label = "";
   }
   get range() {
-    const t = (this.values ?? []).map((a) => ke(a.date)).filter((a) => !!a), e = ke(this.from) ?? (t.length ? new Date(Math.min(...t.map((a) => +a))) : null), i = ke(this.to) ?? (t.length ? new Date(Math.max(...t.map((a) => +a))) : null);
+    const t = (this.values ?? []).map((a) => Pe(a.date)).filter((a) => !!a), e = Pe(this.from) ?? (t.length ? new Date(Math.min(...t.map((a) => +a))) : null), i = Pe(this.to) ?? (t.length ? new Date(Math.max(...t.map((a) => +a))) : null);
     return !e || !i || +i < +e ? null : { start: e, end: i };
   }
   render() {
     const t = this.hold({ values: this.values ?? [], range: this.range }), e = t.range;
     if (!e || t.values.length === 0)
       return n`<div class=${this.rootClass("baht-heatmap")}>${this.renderEmpty()}</div>`;
-    const i = new Map(t.values.map((b) => [b.date.slice(0, 10), b.value])), a = [], s = new Date(e.start), r = (e.start.getUTCDay() + 6) % 7;
+    const i = new Map(t.values.map((d) => [d.date.slice(0, 10), d.value])), a = [], s = new Date(e.start), r = (e.start.getUTCDay() + 6) % 7;
     let o = 0;
     for (; +s <= +e.end; ) {
-      const b = Pe(s), w = (s.getUTCDay() + 6) % 7, D = Math.floor((r + o) / 7);
-      a.push({ iso: b, value: i.has(b) ? i.get(b) : null, col: D, row: w }), s.setUTCDate(s.getUTCDate() + 1), o += 1;
+      const d = Oe(s), v = (s.getUTCDay() + 6) % 7, z = Math.floor((r + o) / 7);
+      a.push({ iso: d, value: i.has(d) ? i.get(d) : null, col: z, row: v }), s.setUTCDate(s.getUTCDate() + 1), o += 1;
     }
-    const c = Math.max(1, ...a.map((b) => b.col + 1)), m = ts + c * Nt, g = _e + 7 * Nt + 4, _ = Math.max(1, ...a.map((b) => b.value ?? 0)), p = (b) => Math.min(4, Math.max(0, Math.ceil(b / _ * 5) - 1)), f = a.reduce((b, w) => b + (w.value ?? 0), 0), k = this.label || `Calendar heatmap, ${a.length} days from ${Pe(e.start)} to ${Pe(e.end)}, total ${this.fmt(f)}`;
+    const c = Math.max(1, ...a.map((d) => d.col + 1)), f = ss + c * Nt, g = ke + 7 * Nt + 4, _ = Math.max(1, ...a.map((d) => d.value ?? 0)), p = (d) => Math.min(4, Math.max(0, Math.ceil(d / _ * 5) - 1)), w = a.reduce((d, v) => d + (v.value ?? 0), 0), C = this.label || `Calendar heatmap, ${a.length} days from ${Oe(e.start)} to ${Oe(e.end)}, total ${this.fmt(w)}`;
     return n`<div class=${this.rootClass("baht-heatmap")}>
       <svg
         class="baht-chart-svg baht-heatmap-svg"
-        width=${m}
+        width=${f}
         height=${g}
-        viewBox="0 0 ${m} ${g}"
+        viewBox="0 0 ${f} ${g}"
         preserveAspectRatio="xMinYMin meet"
         role="img"
-        aria-label=${k}
+        aria-label=${C}
       >
-        ${Za.map(
-      (b, w) => w % 2 === 0 ? A`<text class="baht-chart-tick" x="0" y=${_e + w * Nt + xe / 2 + 4}>${b}</text>` : h
+        ${ei.map(
+      (d, v) => v % 2 === 0 ? A`<text class="baht-chart-tick" x="0" y=${ke + v * Nt + _e / 2 + 4}>${d}</text>` : h
     )}
-        ${a.map((b) => {
-      const w = b.value == null ? `${b.iso}: no activity` : `${b.iso}: ${this.fmt(b.value)}`, D = b.value == null || b.value <= 0 ? "var(--baht-chart-grid)" : Ye(p(b.value));
-      return A`<rect class="baht-heatmap-cell" x=${ts + b.col * Nt} y=${_e + b.row * Nt}
-            width=${xe} height=${xe} rx="3" fill=${D} tabindex="0" role="button" aria-label=${w}
-            @pointermove=${(O) => this.showTip(O, w)}
+        ${a.map((d) => {
+      const v = d.value == null ? `${d.iso}: no activity` : `${d.iso}: ${this.fmt(d.value)}`, z = d.value == null || d.value <= 0 ? "var(--baht-chart-grid)" : Xe(p(d.value));
+      return A`<rect class="baht-heatmap-cell" x=${ss + d.col * Nt} y=${ke + d.row * Nt}
+            width=${_e} height=${_e} rx="3" fill=${z} tabindex="0" role="button" aria-label=${v}
+            @pointermove=${(P) => this.showTip(P, v)}
             @pointerleave=${() => this.hideTip()}
-            @focus=${(O) => this.showTip(O, w)}
+            @focus=${(P) => this.showTip(P, v)}
             @blur=${() => this.hideTip()}/>`;
     })}
       </svg>
@@ -3175,9 +3204,9 @@ let ct = class extends Q {
       <div class="baht-heatmap-scale">
         <span class="baht-heatmap-scale-label">${this.lessLabel}</span>
         ${[0, 1, 2, 3, 4].map(
-      (b) => n`<span
+      (d) => n`<span
               class="baht-chart-swatch"
-              style=${`background:${Ye(b)}`}
+              style=${`background:${Xe(d)}`}
               aria-hidden="true"
             ></span>`
     )}
@@ -3186,38 +3215,38 @@ let ct = class extends Q {
       ${this.showTable ? be(
       this.label || "Calendar heatmap data",
       ["Date", "Value"],
-      a.map((b) => [b.iso, b.value == null ? "—" : this.fmt(b.value)])
+      a.map((d) => [d.iso, d.value == null ? "—" : this.fmt(d.value)])
     ) : h}
     </div>`;
   }
 };
-gt([
+wt([
   l({ attribute: !1 })
-], ct.prototype, "values", 2);
-gt([
+], pt.prototype, "values", 2);
+wt([
   l()
-], ct.prototype, "from", 2);
-gt([
+], pt.prototype, "from", 2);
+wt([
   l()
-], ct.prototype, "to", 2);
-gt([
+], pt.prototype, "to", 2);
+wt([
   l({ attribute: "less-label" })
-], ct.prototype, "lessLabel", 2);
-gt([
+], pt.prototype, "lessLabel", 2);
+wt([
   l({ attribute: "more-label" })
-], ct.prototype, "moreLabel", 2);
-gt([
+], pt.prototype, "moreLabel", 2);
+wt([
   l()
-], ct.prototype, "label", 2);
-ct = gt([
-  u("baht-heatmap")
-], ct);
-var Qa = Object.defineProperty, ti = Object.getOwnPropertyDescriptor, tt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ti(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], pt.prototype, "label", 2);
+pt = wt([
+  b("baht-heatmap")
+], pt);
+var si = Object.defineProperty, ai = Object.getOwnPropertyDescriptor, et = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ai(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && Qa(e, i, s), s;
+  return a && s && si(e, i, s), s;
 };
-let G = class extends $ {
+let W = class extends y {
   constructor() {
     super(...arguments), this.value = 0, this.max = 100, this.label = "", this.format = "number", this.currency = "THB", this.thresholds = { warning: 0.8, danger: 1 }, this.expected = null, this.overLabel = "Over budget", this.nearLabel = "Near limit";
   }
@@ -3265,42 +3294,42 @@ let G = class extends $ {
     </div>`;
   }
 };
-tt([
+et([
   l({ type: Number })
-], G.prototype, "value", 2);
-tt([
+], W.prototype, "value", 2);
+et([
   l({ type: Number })
-], G.prototype, "max", 2);
-tt([
+], W.prototype, "max", 2);
+et([
   l()
-], G.prototype, "label", 2);
-tt([
+], W.prototype, "label", 2);
+et([
   l()
-], G.prototype, "format", 2);
-tt([
+], W.prototype, "format", 2);
+et([
   l()
-], G.prototype, "currency", 2);
-tt([
+], W.prototype, "currency", 2);
+et([
   l({ attribute: !1 })
-], G.prototype, "thresholds", 2);
-tt([
+], W.prototype, "thresholds", 2);
+et([
   l({ type: Number })
-], G.prototype, "expected", 2);
-tt([
+], W.prototype, "expected", 2);
+et([
   l({ attribute: "over-label" })
-], G.prototype, "overLabel", 2);
-tt([
+], W.prototype, "overLabel", 2);
+et([
   l({ attribute: "near-label" })
-], G.prototype, "nearLabel", 2);
-G = tt([
-  u("baht-meter")
-], G);
-var ei = Object.defineProperty, si = Object.getOwnPropertyDescriptor, fe = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? si(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], W.prototype, "nearLabel", 2);
+W = et([
+  b("baht-meter")
+], W);
+var ii = Object.defineProperty, ri = Object.getOwnPropertyDescriptor, fe = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ri(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ei(e, i, s), s;
+  return a && s && ii(e, i, s), s;
 };
-let Ht = class extends $ {
+let Ht = class extends y {
   constructor() {
     super(...arguments), this.icon = "🗂️", this.message = "Nothing to display", this.hint = "";
   }
@@ -3322,14 +3351,14 @@ fe([
   l()
 ], Ht.prototype, "hint", 2);
 Ht = fe([
-  u("baht-empty-state")
+  b("baht-empty-state")
 ], Ht);
-var ai = Object.defineProperty, ii = Object.getOwnPropertyDescriptor, Qt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ii(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var oi = Object.defineProperty, li = Object.getOwnPropertyDescriptor, Qt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? li(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ai(e, i, s), s;
+  return a && s && oi(e, i, s), s;
 };
-let Ft = class extends $ {
+let Et = class extends y {
   constructor() {
     super(...arguments), this.icon = "⚠️", this.heading = "Something went wrong", this.message = "", this.retryLabel = "";
   }
@@ -3347,25 +3376,25 @@ let Ft = class extends $ {
 };
 Qt([
   l()
-], Ft.prototype, "icon", 2);
+], Et.prototype, "icon", 2);
 Qt([
   l()
-], Ft.prototype, "heading", 2);
+], Et.prototype, "heading", 2);
 Qt([
   l()
-], Ft.prototype, "message", 2);
+], Et.prototype, "message", 2);
 Qt([
   l({ attribute: "retry-label" })
-], Ft.prototype, "retryLabel", 2);
-Ft = Qt([
-  u("baht-error-state")
-], Ft);
-var ri = Object.defineProperty, oi = Object.getOwnPropertyDescriptor, wt = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? oi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Et.prototype, "retryLabel", 2);
+Et = Qt([
+  b("baht-error-state")
+], Et);
+var ni = Object.defineProperty, hi = Object.getOwnPropertyDescriptor, xt = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? hi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && ri(e, i, s), s;
+  return a && s && ni(e, i, s), s;
 };
-let pt = class extends $ {
+let dt = class extends y {
   constructor() {
     super(...arguments), this.value = {}, this.keyPlaceholder = "key", this.valuePlaceholder = "value", this.add_label = "Add row", this.disabled = !1, this.rows = [{ k: "", v: "" }], this.syncedJson = "";
   }
@@ -3422,7 +3451,7 @@ let pt = class extends $ {
             aria-label="Remove row ${e + 1}"
             ?disabled=${this.disabled}
             @click=${() => this.commit(this.rows.filter((i, a) => a !== e))}
-          >${U("close")}</button>
+          >${H("close")}</button>
         </div>`
     )}
       <button
@@ -3430,37 +3459,37 @@ let pt = class extends $ {
         class="baht-keyvalue-add"
         ?disabled=${this.disabled}
         @click=${this.addRow}
-      >${U("plus")}${this.add_label}</button>
+      >${H("plus")}${this.add_label}</button>
     </div>`;
   }
 };
-wt([
+xt([
   l({ attribute: !1 })
-], pt.prototype, "value", 2);
-wt([
+], dt.prototype, "value", 2);
+xt([
   l({ attribute: "key-placeholder" })
-], pt.prototype, "keyPlaceholder", 2);
-wt([
+], dt.prototype, "keyPlaceholder", 2);
+xt([
   l({ attribute: "value-placeholder" })
-], pt.prototype, "valuePlaceholder", 2);
-wt([
+], dt.prototype, "valuePlaceholder", 2);
+xt([
   l({ attribute: "add-label" })
-], pt.prototype, "add_label", 2);
-wt([
+], dt.prototype, "add_label", 2);
+xt([
   l({ type: Boolean })
-], pt.prototype, "disabled", 2);
-wt([
-  y()
-], pt.prototype, "rows", 2);
-pt = wt([
-  u("baht-keyvalue-editor")
-], pt);
-var li = Object.defineProperty, ni = Object.getOwnPropertyDescriptor, M = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ni(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], dt.prototype, "disabled", 2);
+xt([
+  $()
+], dt.prototype, "rows", 2);
+dt = xt([
+  b("baht-keyvalue-editor")
+], dt);
+var ci = Object.defineProperty, pi = Object.getOwnPropertyDescriptor, T = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? pi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && li(e, i, s), s;
+  return a && s && ci(e, i, s), s;
 };
-let S = class extends $ {
+let j = class extends y {
   constructor() {
     super(...arguments), this.label = "Reference", this.value = "", this.display = "", this.placeholder = "", this.disabled = !1, this.invalid = !1, this.href = "", this.lookupLabel = "Look up records", this.debounce = 200, this.fetcher = null, this.open = !1, this.term = "", this.options = [], this.loading = !1, this.activeIndex = -1, this.fetchSeq = 0, this.onDocMousedown = (t) => {
       this.contains(t.target) || this.close();
@@ -3470,16 +3499,16 @@ let S = class extends $ {
     return `baht-refpicker-list-${this.uid}`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.timer), q() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.timer), S() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   openLookup() {
-    this.disabled || this.open || (this.open = !0, this.term = "", this.activeIndex = -1, q() && document.addEventListener("mousedown", this.onDocMousedown), this.search(""), this.updateComplete.then(() => {
+    this.disabled || this.open || (this.open = !0, this.term = "", this.activeIndex = -1, S() && document.addEventListener("mousedown", this.onDocMousedown), this.search(""), this.updateComplete.then(() => {
       var t;
       return (t = this.inputEl) == null ? void 0 : t.focus();
     }));
   }
   close() {
-    this.open && (this.open = !1, this.loading = !1, clearTimeout(this.timer), q() && document.removeEventListener("mousedown", this.onDocMousedown));
+    this.open && (this.open = !1, this.loading = !1, clearTimeout(this.timer), S() && document.removeEventListener("mousedown", this.onDocMousedown));
   }
   search(t) {
     clearTimeout(this.timer), this.timer = setTimeout(async () => {
@@ -3554,7 +3583,7 @@ let S = class extends $ {
               aria-label="Clear"
               @mousedown=${(e) => e.preventDefault()}
               @click=${() => this.clear()}
-            >${U("close")}</button>` : h}
+            >${H("close")}</button>` : h}
       </div>
       <button
         type="button"
@@ -3563,13 +3592,13 @@ let S = class extends $ {
         title=${this.lookupLabel}
         ?disabled=${this.disabled}
         @click=${() => this.open ? this.close() : this.openLookup()}
-      >${U("search")}</button>
+      >${H("search")}</button>
       ${this.value && this.href ? n`<a
             class="baht-refpicker-open"
             href=${this.href}
             aria-label="Open record"
             title="Open record"
-          >${U("external")}</a>` : h}
+          >${H("external")}</a>` : h}
       <div
         class="baht-refpicker-list"
         id=${this.listboxId}
@@ -3596,63 +3625,63 @@ let S = class extends $ {
     </div>`;
   }
 };
-M([
+T([
   l()
-], S.prototype, "label", 2);
-M([
+], j.prototype, "label", 2);
+T([
   l()
-], S.prototype, "value", 2);
-M([
+], j.prototype, "value", 2);
+T([
   l()
-], S.prototype, "display", 2);
-M([
+], j.prototype, "display", 2);
+T([
   l()
-], S.prototype, "placeholder", 2);
-M([
+], j.prototype, "placeholder", 2);
+T([
   l({ type: Boolean })
-], S.prototype, "disabled", 2);
-M([
+], j.prototype, "disabled", 2);
+T([
   l({ type: Boolean })
-], S.prototype, "invalid", 2);
-M([
+], j.prototype, "invalid", 2);
+T([
   l()
-], S.prototype, "href", 2);
-M([
+], j.prototype, "href", 2);
+T([
   l({ attribute: "lookup-label" })
-], S.prototype, "lookupLabel", 2);
-M([
+], j.prototype, "lookupLabel", 2);
+T([
   l({ type: Number })
-], S.prototype, "debounce", 2);
-M([
+], j.prototype, "debounce", 2);
+T([
   l({ attribute: !1 })
-], S.prototype, "fetcher", 2);
-M([
-  y()
-], S.prototype, "open", 2);
-M([
-  y()
-], S.prototype, "term", 2);
-M([
-  y()
-], S.prototype, "options", 2);
-M([
-  y()
-], S.prototype, "loading", 2);
-M([
-  y()
-], S.prototype, "activeIndex", 2);
-M([
-  Et("input")
-], S.prototype, "inputEl", 2);
-S = M([
-  u("baht-reference-picker")
-], S);
-var hi = Object.defineProperty, ci = Object.getOwnPropertyDescriptor, j = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? ci(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], j.prototype, "fetcher", 2);
+T([
+  $()
+], j.prototype, "open", 2);
+T([
+  $()
+], j.prototype, "term", 2);
+T([
+  $()
+], j.prototype, "options", 2);
+T([
+  $()
+], j.prototype, "loading", 2);
+T([
+  $()
+], j.prototype, "activeIndex", 2);
+T([
+  Bt("input")
+], j.prototype, "inputEl", 2);
+j = T([
+  b("baht-reference-picker")
+], j);
+var di = Object.defineProperty, ui = Object.getOwnPropertyDescriptor, I = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? ui(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && hi(e, i, s), s;
+  return a && s && di(e, i, s), s;
 };
-let E = class extends $ {
+let F = class extends y {
   constructor() {
     super(...arguments), this.label = "Search", this.value = "", this.placeholder = "", this.disabled = !1, this.invalid = !1, this.options = [], this.fetcher = null, this.debounce = 150, this.minChars = 1, this.maxItems = 8, this.freeText = !0, this.autocomplete = "off", this.term = "", this.open = !1, this.results = [], this.loading = !1, this.activeIndex = -1, this.fetchSeq = 0, this.picked = null, this.lastPicked = null, this.onDocMousedown = (t) => {
       this.contains(t.target) || this.close();
@@ -3668,7 +3697,7 @@ let E = class extends $ {
     return `${this.listboxId}-${t}`;
   }
   disconnectedCallback() {
-    super.disconnectedCallback(), clearTimeout(this.timer), q() && document.removeEventListener("mousedown", this.onDocMousedown);
+    super.disconnectedCallback(), clearTimeout(this.timer), S() && document.removeEventListener("mousedown", this.onDocMousedown);
   }
   willUpdate(t) {
     super.willUpdate(t), t.has("value") && this.timer === void 0 && (this.term = this.value);
@@ -3715,10 +3744,10 @@ let E = class extends $ {
     this.activeIndex !== t && (this.activeIndex = t);
   }
   listen() {
-    q() && document.addEventListener("mousedown", this.onDocMousedown);
+    S() && document.addEventListener("mousedown", this.onDocMousedown);
   }
   close() {
-    q() && document.removeEventListener("mousedown", this.onDocMousedown), this.open && (this.open = !1, this.activeIndex = -1);
+    S() && document.removeEventListener("mousedown", this.onDocMousedown), this.open && (this.open = !1, this.activeIndex = -1);
   }
   // ---- events ------------------------------------------------------------
   emitChange(t, e) {
@@ -3798,7 +3827,7 @@ let E = class extends $ {
         aria-invalid=${this.invalid ? "true" : h}
         autocomplete=${this.autocomplete}
         placeholder=${this.placeholder || h}
-        .value=${rt(this.term)}
+        .value=${ot(this.term)}
         ?disabled=${this.disabled}
         @input=${(i) => this.onInput(i)}
         @keydown=${(i) => this.onKeydown(i)}
@@ -3835,64 +3864,64 @@ let E = class extends $ {
     </div>`;
   }
 };
-j([
+I([
   l()
-], E.prototype, "label", 2);
-j([
+], F.prototype, "label", 2);
+I([
   l()
-], E.prototype, "value", 2);
-j([
+], F.prototype, "value", 2);
+I([
   l()
-], E.prototype, "placeholder", 2);
-j([
+], F.prototype, "placeholder", 2);
+I([
   l({ type: Boolean })
-], E.prototype, "disabled", 2);
-j([
+], F.prototype, "disabled", 2);
+I([
   l({ type: Boolean })
-], E.prototype, "invalid", 2);
-j([
+], F.prototype, "invalid", 2);
+I([
   l({ attribute: !1 })
-], E.prototype, "options", 2);
-j([
+], F.prototype, "options", 2);
+I([
   l({ attribute: !1 })
-], E.prototype, "fetcher", 2);
-j([
+], F.prototype, "fetcher", 2);
+I([
   l({ type: Number })
-], E.prototype, "debounce", 2);
-j([
+], F.prototype, "debounce", 2);
+I([
   l({ type: Number, attribute: "min-chars" })
-], E.prototype, "minChars", 2);
-j([
+], F.prototype, "minChars", 2);
+I([
   l({ type: Number, attribute: "max-items" })
-], E.prototype, "maxItems", 2);
-j([
+], F.prototype, "maxItems", 2);
+I([
   l({ attribute: "free-text", converter: (t) => t !== "false" })
-], E.prototype, "freeText", 2);
-j([
+], F.prototype, "freeText", 2);
+I([
   l()
-], E.prototype, "autocomplete", 2);
-j([
-  y()
-], E.prototype, "term", 2);
-j([
-  y()
-], E.prototype, "open", 2);
-j([
-  y()
-], E.prototype, "results", 2);
-j([
-  y()
-], E.prototype, "loading", 2);
-j([
-  y()
-], E.prototype, "activeIndex", 2);
-j([
-  Et("input")
-], E.prototype, "inputEl", 2);
-E = j([
-  u("baht-typeahead")
-], E);
-const ns = {
+], F.prototype, "autocomplete", 2);
+I([
+  $()
+], F.prototype, "term", 2);
+I([
+  $()
+], F.prototype, "open", 2);
+I([
+  $()
+], F.prototype, "results", 2);
+I([
+  $()
+], F.prototype, "loading", 2);
+I([
+  $()
+], F.prototype, "activeIndex", 2);
+I([
+  Bt("input")
+], F.prototype, "inputEl", 2);
+F = I([
+  b("baht-typeahead")
+], F);
+const cs = {
   text: "baht-input",
   email: "baht-input",
   password: "baht-input",
@@ -3909,22 +3938,22 @@ const ns = {
   section: "baht-section",
   repeater: "baht-repeater"
 };
-var pi = Object.defineProperty, di = Object.getOwnPropertyDescriptor, hs = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? di(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var bi = Object.defineProperty, fi = Object.getOwnPropertyDescriptor, ps = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? fi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && pi(e, i, s), s;
+  return a && s && bi(e, i, s), s;
 };
-const ui = {
+const mi = {
   "1/4": "baht-field--w-1-4",
   "1/2": "baht-field--w-1-2",
   "3/4": "baht-field--w-3-4",
   full: "baht-field--w-full"
-}, es = /* @__PURE__ */ new Map();
-function bi(t) {
-  let e = es.get(t);
-  return e || (e = is(t), es.set(t, e)), e;
+}, as = /* @__PURE__ */ new Map();
+function vi(t) {
+  let e = as.get(t);
+  return e || (e = os(t), as.set(t, e)), e;
 }
-let Be = class extends W {
+let Ie = class extends J {
   constructor() {
     super(...arguments), this.rowErrors = [];
   }
@@ -3953,7 +3982,7 @@ let Be = class extends W {
   /** Pending keystrokes in any row land in the array before the host reads it. */
   flushTyped() {
     var t;
-    if (!q()) return super.flushTyped();
+    if (!S()) return super.flushTyped();
     for (const e of this.querySelectorAll(".baht-repeater-row > .baht-field > *"))
       (t = e.flushTyped) == null || t.call(e);
     super.flushTyped();
@@ -3969,12 +3998,12 @@ let Be = class extends W {
    * focus, same as <baht-form> — and the whole thing renders on the server.
    */
   renderSub(t, e, i) {
-    const a = ns[i.type];
+    const a = cs[i.type];
     if (!a) return h;
-    const s = bi(a), r = ui[i.width ?? "full"] ?? "baht-field--w-full", o = (c) => {
+    const s = vi(a), r = mi[i.width ?? "full"] ?? "baht-field--w-full", o = (c) => {
       c.stopPropagation();
-      const { value: m } = c.detail;
-      this.patchRow(e, i.key, m);
+      const { value: f } = c.detail;
+      this.patchRow(e, i.key, f);
     };
     return n`<div class="baht-field ${r}" data-key=${i.key} data-type=${i.type}>
       ${ee`<${s}
@@ -3998,16 +4027,16 @@ let Be = class extends W {
       aria-labelledby=${this.field.label ? this.labelId : h}
       aria-describedby=${this.describedBy}
     >
-      ${Oe(
+      ${Ce(
       t,
       (a, s) => s,
       (a, s) => n`<div
           class="baht-repeater-row"
           data-row=${s}
           role="group"
-          aria-label=${v("row", { n: s + 1 })}
+          aria-label=${m("row", { n: s + 1 })}
         >
-          ${Oe(
+          ${Ce(
         this.subFields,
         (r) => r.key,
         (r) => this.renderSub(a, s, r)
@@ -4015,8 +4044,8 @@ let Be = class extends W {
           ${e ? n`<button
                 type="button"
                 class="baht-repeater-remove"
-                aria-label=${v("removeRowN", { n: s + 1 })}
-                title=${v("removeRowN", { n: s + 1 })}
+                aria-label=${m("removeRowN", { n: s + 1 })}
+                title=${m("removeRowN", { n: s + 1 })}
                 @click=${() => this.removeRow(s)}
               >
                 ✕
@@ -4029,23 +4058,23 @@ let Be = class extends W {
             ?disabled=${this.disabled || i}
             @click=${() => this.addRow()}
           >
-            + ${this.field.add_label ?? v("addRow")}
+            + ${this.field.add_label ?? m("addRow")}
           </button>`}
     </div>`;
   }
 };
-hs([
+ps([
   l({ attribute: !1 })
-], Be.prototype, "rowErrors", 2);
-Be = hs([
-  u("baht-repeater")
-], Be);
-var fi = Object.defineProperty, mi = Object.getOwnPropertyDescriptor, me = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? mi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], Ie.prototype, "rowErrors", 2);
+Ie = ps([
+  b("baht-repeater")
+], Ie);
+var $i = Object.defineProperty, yi = Object.getOwnPropertyDescriptor, me = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? yi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && fi(e, i, s), s;
+  return a && s && $i(e, i, s), s;
 };
-let Gt = class extends $ {
+let Gt = class extends y {
   constructor() {
     super(...arguments), this.steps = [], this.current = 0, this.variant = "default";
   }
@@ -4053,7 +4082,7 @@ let Gt = class extends $ {
     const t = this.variant === "sidebar";
     return n`<ol
       class="baht-steps ${t ? "baht-steps--sidebar" : ""}"
-      aria-label=${v("step", { current: this.current + 1, total: this.steps.length })}
+      aria-label=${m("step", { current: this.current + 1, total: this.steps.length })}
     >
       ${this.steps.map((e, i) => {
       const a = i < this.current ? "done" : i === this.current ? "current" : "todo";
@@ -4063,7 +4092,7 @@ let Gt = class extends $ {
         >
           ${t ? h : n`<span class="baht-step-marker" aria-hidden="true">${a === "done" ? "✓" : i + 1}</span>`}
           <span class="baht-step-label">${e}</span>
-          ${a === "done" ? n`<span class="baht-visually-hidden"> (${v("stepDone")})</span>` : a === "current" ? n`<span class="baht-visually-hidden"> (${v("stepCurrent")})</span>` : h}
+          ${a === "done" ? n`<span class="baht-visually-hidden"> (${m("stepDone")})</span>` : a === "current" ? n`<span class="baht-visually-hidden"> (${m("stepCurrent")})</span>` : h}
         </li>`;
     })}
     </ol>`;
@@ -4079,24 +4108,24 @@ me([
   l()
 ], Gt.prototype, "variant", 2);
 Gt = me([
-  u("baht-steps")
+  b("baht-steps")
 ], Gt);
-var vi = Object.defineProperty, $i = Object.getOwnPropertyDescriptor, Y = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? $i(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+var gi = Object.defineProperty, wi = Object.getOwnPropertyDescriptor, X = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? wi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && vi(e, i, s), s;
+  return a && s && gi(e, i, s), s;
 };
-const yi = {
+const xi = {
   "1/4": "baht-field--w-1-4",
   "1/2": "baht-field--w-1-2",
   "3/4": "baht-field--w-3-4",
   full: "baht-field--w-full"
-}, ss = /* @__PURE__ */ new Map();
-function gi(t) {
-  let e = ss.get(t);
-  return e || (e = is(t), ss.set(t, e)), e;
+}, is = /* @__PURE__ */ new Map();
+function _i(t) {
+  let e = is.get(t);
+  return e || (e = os(t), is.set(t, e)), e;
 }
-let V = class extends $ {
+let U = class extends y {
   constructor() {
     super(...arguments), this.value = {}, this.registry = {}, this.options = {}, this.fieldStates = {}, this.flags = {}, this.readonly = !1, this.edits = {}, this.errors = [], this.dynamicOptions = /* @__PURE__ */ new Map(), this.optionsSnapshots = /* @__PURE__ */ new Map(), this.optionsEpoch = /* @__PURE__ */ new Map(), this.warnedViews = /* @__PURE__ */ new Set(), this.flagCache = {};
   }
@@ -4104,7 +4133,7 @@ let V = class extends $ {
     return this.form ? ((this.flagCache.form !== this.form || this.flagCache.flags !== this.flags) && (this.flagCache = {
       form: this.form,
       flags: this.flags,
-      out: as(this.form, this.flags)
+      out: rs(this.form, this.flags)
     }), this.flagCache.out) : this.form;
   }
   willUpdate(t) {
@@ -4120,7 +4149,7 @@ let V = class extends $ {
     const t = this.getData();
     for (const a of ((e = this.effectiveForm) == null ? void 0 : e.fields) ?? []) {
       if (!a.options_from) continue;
-      const s = JSON.stringify((a.options_deps ?? []).map((m) => t[m] ?? null));
+      const s = JSON.stringify((a.options_deps ?? []).map((f) => t[f] ?? null));
       if (this.optionsSnapshots.get(a.key) === s) continue;
       this.optionsSnapshots.set(a.key, s);
       const r = (this.optionsEpoch.get(a.key) ?? 0) + 1;
@@ -4131,10 +4160,10 @@ let V = class extends $ {
         continue;
       }
       const c = o(t);
-      c instanceof Promise ? c.then((m) => {
-        this.optionsEpoch.get(a.key) === r && (this.dynamicOptions.set(a.key, m), this.requestUpdate());
-      }).catch((m) => {
-        console.warn(`[bahtui] options fetcher "${a.options_from}" failed`, m), this.optionsEpoch.get(a.key) === r && this.optionsSnapshots.delete(a.key);
+      c instanceof Promise ? c.then((f) => {
+        this.optionsEpoch.get(a.key) === r && (this.dynamicOptions.set(a.key, f), this.requestUpdate());
+      }).catch((f) => {
+        console.warn(`[bahtui] options fetcher "${a.options_from}" failed`, f), this.optionsEpoch.get(a.key) === r && this.optionsSnapshots.delete(a.key);
       }) : this.dynamicOptions.set(a.key, c);
     }
   }
@@ -4154,8 +4183,8 @@ let V = class extends $ {
   }
   get sortedFields() {
     if (!this.form) return [];
-    const t = Me(this.effectiveForm, this.view);
-    return t || (this.view !== void 0 && !this.warnedViews.has(this.view) && (this.warnedViews.add(this.view), console.warn(`[bahtui] unknown view "${this.view}" — showing the full form`)), Me(this.effectiveForm) ?? []);
+    const t = Ae(this.effectiveForm, this.view);
+    return t || (this.view !== void 0 && !this.warnedViews.has(this.view) && (this.warnedViews.add(this.view), console.warn(`[bahtui] unknown view "${this.view}" — showing the full form`)), Ae(this.effectiveForm) ?? []);
   }
   stateFor(t) {
     return this.fieldStates[t.key] ?? {
@@ -4173,7 +4202,7 @@ let V = class extends $ {
   /** Debounced keystrokes still in a control land in `edits` before anyone reads them. */
   flushTyped() {
     var t;
-    if (q())
+    if (S())
       for (const e of this.querySelectorAll(":scope > .baht-form > .baht-field > *"))
         (t = e.flushTyped) == null || t.call(e);
   }
@@ -4195,7 +4224,7 @@ let V = class extends $ {
       const s = this.stateFor(a);
       if (!s.visible) continue;
       const r = s.required === !!a.required ? a : { ...a, required: s.required };
-      t.push(...Ae(r, this.valueFor(a), this.registry, e));
+      t.push(...Le(r, this.valueFor(a), this.registry, e));
     }
     this.errors = t;
     const i = { valid: t.length === 0, errors: t };
@@ -4225,7 +4254,7 @@ let V = class extends $ {
     const e = this.stateFor(t);
     if (!e.visible) return [];
     const i = this.getData(), a = e.required === !!t.required ? t : { ...t, required: e.required };
-    return Ae(a, this.valueFor(t), this.registry, i);
+    return Le(a, this.valueFor(t), this.registry, i);
   }
   /** `validateOn: 'blur'` — validate just the field the user left, same as
    * how errors are shown elsewhere (merged into `this.errors`, painted by
@@ -4236,47 +4265,47 @@ let V = class extends $ {
     this.errors = [...i, ...e];
   }
   renderField(t) {
-    var k, b;
-    const e = ns[t.type];
+    var C, d;
+    const e = cs[t.type];
     if (!e)
       return console.warn(`[bahtui] unknown field type "${t.type}" — skipped`), h;
-    const i = this.stateFor(t), a = yi[t.width ?? "full"] ?? "baht-field--w-full", s = ((k = this.errors.find((w) => w.key === t.key)) == null ? void 0 : k.message) ?? null;
+    const i = this.stateFor(t), a = xi[t.width ?? "full"] ?? "baht-field--w-full", s = ((C = this.errors.find((v) => v.key === t.key)) == null ? void 0 : C.message) ?? null;
     if (this.readonly && t.type !== "label" && t.type !== "section")
       return this.renderReadonlyField(t, a, i.visible);
-    const r = t.options_from ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, o = this.valueFor(t), c = !i.enabled, m = this.readonly || i.readonly, g = this.options.inputDebounce, _ = (w) => this.onControlInput(t.key, w), p = gi(e);
-    let f;
+    const r = t.options_from ? { ...t, options: this.dynamicOptions.get(t.key) ?? t.options ?? [] } : t, o = this.valueFor(t), c = !i.enabled, f = this.readonly || i.readonly, g = this.options.inputDebounce, _ = (v) => this.onControlInput(t.key, v), p = _i(e);
+    let w;
     if (t.type === "repeater") {
-      const w = this.errors.filter((D) => D.key.startsWith(`${t.key}[`));
-      f = ee`<${p}
+      const v = this.errors.filter((z) => z.key.startsWith(`${t.key}[`));
+      w = ee`<${p}
         .field=${r}
         .value=${o}
         .disabled=${c}
-        .readonly=${m}
+        .readonly=${f}
         .required=${i.required}
         .error=${s}
         .debounce=${g}
-        .rowErrors=${w}
+        .rowErrors=${v}
         @baht-input=${_}
       ></${p}>`;
     } else if (t.type === "file") {
-      let w;
-      t.uploader && (w = (b = this.registry.uploaders) == null ? void 0 : b[t.uploader], w || console.warn(`[bahtui] unknown uploader "${t.uploader}" — capture only`)), f = ee`<${p}
+      let v;
+      t.uploader && (v = (d = this.registry.uploaders) == null ? void 0 : d[t.uploader], v || console.warn(`[bahtui] unknown uploader "${t.uploader}" — capture only`)), w = ee`<${p}
         .field=${r}
         .value=${o}
         .disabled=${c}
-        .readonly=${m}
+        .readonly=${f}
         .required=${i.required}
         .error=${s}
         .debounce=${g}
-        .uploader=${w}
+        .uploader=${v}
         @baht-input=${_}
       ></${p}>`;
     } else
-      f = ee`<${p}
+      w = ee`<${p}
         .field=${r}
         .value=${o}
         .disabled=${c}
-        .readonly=${m}
+        .readonly=${f}
         .required=${i.required}
         .error=${s}
         .debounce=${g}
@@ -4289,7 +4318,7 @@ let V = class extends $ {
       data-testid="${this.form.form_id}.${t.key}"
       @focusout=${() => this.onFieldBlur(t)}
     >
-      ${f}
+      ${w}
     </div>`;
   }
   /**
@@ -4302,7 +4331,7 @@ let V = class extends $ {
     i && this.onFieldInput(i, e);
   }
   renderReadonlyField(t, e, i) {
-    const a = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, s = us(t, this.valueFor(t), a), r = s.kind === "empty" ? n`<span class="baht-readonly-value baht-readonly-value--empty">${v("emptyValue")}</span>` : s.kind === "text" ? n`<span class="baht-readonly-value">${s.text}</span>` : s.kind === "chips" ? n`<span class="baht-readonly-value baht-readonly-chips"
+    const a = t.options_from ? this.dynamicOptions.get(t.key) ?? t.options ?? [] : t.options, s = bs(t, this.valueFor(t), a), r = s.kind === "empty" ? n`<span class="baht-readonly-value baht-readonly-value--empty">${m("emptyValue")}</span>` : s.kind === "text" ? n`<span class="baht-readonly-value">${s.text}</span>` : s.kind === "chips" ? n`<span class="baht-readonly-value baht-readonly-chips"
                 >${s.items.map((o) => n`<span class="baht-readonly-chip">${o}</span>`)}</span
               >` : n`<div class="baht-readonly-rows">
                 ${s.rows.map(
@@ -4328,7 +4357,7 @@ let V = class extends $ {
   }
   render() {
     return n`<div class="baht-form ${this.readonly ? "baht-form--readonly" : ""}">
-      ${Oe(
+      ${Ce(
       this.sortedFields,
       (t) => t.key,
       (t) => this.renderField(t)
@@ -4336,45 +4365,45 @@ let V = class extends $ {
     </div>`;
   }
 };
-Y([
+X([
   l({ attribute: !1 })
-], V.prototype, "form", 2);
-Y([
+], U.prototype, "form", 2);
+X([
   l({ attribute: !1 })
-], V.prototype, "value", 2);
-Y([
+], U.prototype, "value", 2);
+X([
   l({ attribute: !1 })
-], V.prototype, "registry", 2);
-Y([
+], U.prototype, "registry", 2);
+X([
   l({ attribute: !1 })
-], V.prototype, "options", 2);
-Y([
+], U.prototype, "options", 2);
+X([
   l({ attribute: !1 })
-], V.prototype, "fieldStates", 2);
-Y([
+], U.prototype, "fieldStates", 2);
+X([
   l({ type: String })
-], V.prototype, "view", 2);
-Y([
+], U.prototype, "view", 2);
+X([
   l({ attribute: !1 })
-], V.prototype, "flags", 2);
-Y([
+], U.prototype, "flags", 2);
+X([
   l({ type: Boolean })
-], V.prototype, "readonly", 2);
-Y([
-  y()
-], V.prototype, "edits", 2);
-Y([
-  y()
-], V.prototype, "errors", 2);
-V = Y([
-  u("baht-form")
-], V);
-var wi = Object.defineProperty, xi = Object.getOwnPropertyDescriptor, N = (t, e, i, a) => {
-  for (var s = a > 1 ? void 0 : a ? xi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
+], U.prototype, "readonly", 2);
+X([
+  $()
+], U.prototype, "edits", 2);
+X([
+  $()
+], U.prototype, "errors", 2);
+U = X([
+  b("baht-form")
+], U);
+var ki = Object.defineProperty, Pi = Object.getOwnPropertyDescriptor, N = (t, e, i, a) => {
+  for (var s = a > 1 ? void 0 : a ? Pi(e, i) : e, r = t.length - 1, o; r >= 0; r--)
     (o = t[r]) && (s = (a ? o(e, i, s) : o(s)) || s);
-  return a && s && wi(e, i, s), s;
+  return a && s && ki(e, i, s), s;
 };
-let T = class extends $ {
+let M = class extends y {
   constructor() {
     super(...arguments), this.value = {}, this.registry = {}, this.validateGate = !0, this.showBack = !0, this.flags = {}, this.showSteps = !1, this.stepsVariant = "default", this.data = {}, this.derived = null, this.current = null, this.approvalError = null, this.history = [], this.flagCache = {};
   }
@@ -4385,7 +4414,7 @@ let T = class extends $ {
     return this.workflow ? ((this.flagCache.workflow !== this.workflow || this.flagCache.flags !== this.flags) && (this.flagCache = {
       workflow: this.workflow,
       flags: this.flags,
-      out: as(this.workflow, this.flags)
+      out: rs(this.workflow, this.flags)
     }), this.flagCache.out) : this.workflow;
   }
   willUpdate(t) {
@@ -4393,7 +4422,7 @@ let T = class extends $ {
     t.has("workflow") || t.has("value") ? (this.data = structuredClone(this.value ?? {}), this.reevaluate(), this.history = [], this.current = ((e = this.visibleForms[0]) == null ? void 0 : e.form_name) ?? null, this.approvalError = null) : t.has("flags") && (this.reevaluate(), this.current && !this.visibleForms.some((a) => a.form_name === this.current) && (this.current = ((i = this.visibleForms[0]) == null ? void 0 : i.form_name) ?? null));
   }
   reevaluate() {
-    this.derived = bs(this.effectiveWorkflow, this.data), this.data = this.derived.data;
+    this.derived = fs(this.effectiveWorkflow, this.data), this.data = this.derived.data;
   }
   /** Forms in ascending order whose derived visibility is true. */
   get visibleForms() {
@@ -4413,7 +4442,7 @@ let T = class extends $ {
     if (!this.current) return "end";
     const t = this.effectiveWorkflow;
     if (t.transitions && t.transitions.length > 0)
-      return fs(t, this.current, this.data);
+      return ms(t, this.current, this.data);
     const e = this.visibleForms, i = e.findIndex((s) => s.form_name === this.current);
     return ((a = e[i + 1]) == null ? void 0 : a.form_name) ?? "end";
   }
@@ -4490,12 +4519,12 @@ let T = class extends $ {
     this.decide("rejected");
   }
   decide(t) {
-    var m;
+    var f;
     const e = this.currentForm;
     if (!e || e.kind !== "approval") return;
-    const i = e.approval ?? {}, a = String(((m = this.data[e.form_name]) == null ? void 0 : m.comment) ?? ""), s = i.comment ?? "optional";
+    const i = e.approval ?? {}, a = String(((f = this.data[e.form_name]) == null ? void 0 : f.comment) ?? ""), s = i.comment ?? "optional";
     if ((s === "required" || s === "requireOnReject" && t === "rejected") && a.trim() === "") {
-      this.approvalError = v("commentRequired");
+      this.approvalError = m("commentRequired");
       return;
     }
     this.approvalError = null, this.data = {
@@ -4558,7 +4587,7 @@ let T = class extends $ {
     const e = ((a = t.approval) == null ? void 0 : a.comment) ?? "optional", i = this.summary_forms(t);
     return n`<div class="baht-approval">
       <div class="baht-approval-summary">
-        ${i.length === 0 ? n`<p class="baht-approval-empty">${v("nothingToReview")}</p>` : i.map(
+        ${i.length === 0 ? n`<p class="baht-approval-empty">${m("nothingToReview")}</p>` : i.map(
       (r) => n`<section class="baht-approval-group">
                   <h4 class="baht-approval-group-title">${r.form_name}</h4>
                   <baht-form
@@ -4572,7 +4601,7 @@ let T = class extends $ {
       </div>
       ${e !== "hidden" ? n`<label class="baht-approval-comment">
             <span class="baht-approval-comment-label">
-              ${v("comment")}${e === "required" ? v("commentRequiredSuffix") : ""}
+              ${m("comment")}${e === "required" ? m("commentRequiredSuffix") : ""}
             </span>
             <textarea
               rows="3"
@@ -4596,7 +4625,7 @@ let T = class extends $ {
       data-testid="${this.workflow.workflow_id}.${t.form_name}"
     >
       <div class="baht-visually-hidden" role="status">
-        ${v("step", { current: a + 1, total: i.length })}
+        ${m("step", { current: a + 1, total: i.length })}
       </div>
       ${this.showSteps ? n`<baht-steps
               .steps=${i.map((o) => o.form_name)}
@@ -4616,7 +4645,7 @@ let T = class extends $ {
               data-testid="${this.workflow.workflow_id}.back"
               @click=${() => this.back()}
             >
-              ${this.backLabel ?? v("back")}
+              ${this.backLabel ?? m("back")}
             </button>` : h}
         ${e ? n`<button
                 type="button"
@@ -4624,7 +4653,7 @@ let T = class extends $ {
                 data-testid="${this.workflow.workflow_id}.reject"
                 @click=${() => this.decide("rejected")}
               >
-                ${((s = t.approval) == null ? void 0 : s.reject_label) ?? v("reject")}
+                ${((s = t.approval) == null ? void 0 : s.reject_label) ?? m("reject")}
               </button>
               <button
                 type="button"
@@ -4632,12 +4661,12 @@ let T = class extends $ {
                 data-testid="${this.workflow.workflow_id}.approve"
                 @click=${() => this.decide("approved")}
               >
-                ${((r = t.approval) == null ? void 0 : r.approve_label) ?? v("approve")}
+                ${((r = t.approval) == null ? void 0 : r.approve_label) ?? m("approve")}
               </button>` : n`<button type="button" class="baht-button baht-button--next"
               data-testid="${this.workflow.workflow_id}.next"
               @click=${() => this.next()}
             >
-              ${this.isLast ? this.submitLabel ?? v("submit") : this.nextLabel ?? v("next")}
+              ${this.isLast ? this.submitLabel ?? m("submit") : this.nextLabel ?? m("next")}
             </button>`}
       </div>
     </div>`;
@@ -4645,110 +4674,110 @@ let T = class extends $ {
 };
 N([
   l({ attribute: !1 })
-], T.prototype, "workflow", 2);
+], M.prototype, "workflow", 2);
 N([
   l({ attribute: !1 })
-], T.prototype, "value", 2);
+], M.prototype, "value", 2);
 N([
   l({ attribute: !1 })
-], T.prototype, "registry", 2);
+], M.prototype, "registry", 2);
 N([
   l({ type: Boolean, attribute: "validate-gate" })
-], T.prototype, "validateGate", 2);
+], M.prototype, "validateGate", 2);
 N([
   l({ attribute: "next-label" })
-], T.prototype, "nextLabel", 2);
+], M.prototype, "nextLabel", 2);
 N([
   l({ attribute: "submit-label" })
-], T.prototype, "submitLabel", 2);
+], M.prototype, "submitLabel", 2);
 N([
   l({ attribute: "back-label" })
-], T.prototype, "backLabel", 2);
+], M.prototype, "backLabel", 2);
 N([
   l({ type: Boolean, attribute: "show-back" })
-], T.prototype, "showBack", 2);
+], M.prototype, "showBack", 2);
 N([
   l({ attribute: !1 })
-], T.prototype, "flags", 2);
+], M.prototype, "flags", 2);
 N([
   l({ type: Boolean, attribute: "show-steps" })
-], T.prototype, "showSteps", 2);
+], M.prototype, "showSteps", 2);
 N([
   l({ attribute: "steps-variant" })
-], T.prototype, "stepsVariant", 2);
+], M.prototype, "stepsVariant", 2);
 N([
-  y()
-], T.prototype, "data", 2);
+  $()
+], M.prototype, "data", 2);
 N([
-  y()
-], T.prototype, "derived", 2);
+  $()
+], M.prototype, "derived", 2);
 N([
-  y()
-], T.prototype, "current", 2);
+  $()
+], M.prototype, "current", 2);
 N([
-  y()
-], T.prototype, "approvalError", 2);
-T = N([
-  u("baht-workflow")
-], T);
+  $()
+], M.prototype, "approvalError", 2);
+M = N([
+  b("baht-workflow")
+], M);
 export {
-  Ye as $,
-  nt as A,
-  Ot as B,
-  kt as C,
-  Ve as D,
-  it as E,
-  ft as F,
-  S as G,
-  Be as H,
-  Fe as I,
+  Xe as $,
+  ht as A,
+  Ct as B,
+  Pt as C,
+  Ke as D,
+  rt as E,
+  mt as F,
+  j as G,
+  Ie as H,
+  Ee as I,
   oe as J,
   Vt as K,
-  ht as L,
+  ct as L,
   ie as M,
-  z as N,
+  K as N,
   Ut as O,
   Gt as P,
-  P as Q,
-  De as R,
-  Ne as S,
-  Ce as T,
-  Ke as U,
-  _t as V,
-  E as W,
-  F as X,
-  T as Y,
-  ns as Z,
-  lt as _,
-  bt as a,
-  Na as a0,
+  k as Q,
+  Fe as R,
+  qe as S,
+  De as T,
+  Ue as U,
+  kt as V,
+  F as W,
+  D as X,
+  M as Y,
+  cs as Z,
+  nt as _,
+  ft as a,
+  qa as a0,
   qt as a1,
   le as a2,
-  Ee as a3,
+  Be as a3,
   be as a4,
   zt as b,
   R as c,
   re as d,
-  Pt as e,
-  Q as f,
-  ze as g,
+  Ot as e,
+  tt as f,
+  Ve as g,
   ae as h,
-  Ue as i,
-  H as j,
+  He as i,
+  G as j,
   Ht as k,
-  Ft as l,
+  Et as l,
   Kt as m,
-  Dt as n,
-  vt as o,
-  V as p,
-  ct as q,
-  Le as r,
-  pt as s,
-  Z as t,
-  Ct as u,
-  at as v,
-  G as w,
-  Re as x,
-  qe as y,
-  mt as z
+  Ft as n,
+  $t as o,
+  U as p,
+  pt as q,
+  Ne as r,
+  dt as s,
+  Q as t,
+  Dt as u,
+  it as v,
+  W as w,
+  ze as x,
+  Re as y,
+  vt as z
 };