bank20baht-ui 0.9.0 → 0.10.0

package/dist/components/primitives/baht-modal.d.ts

@@ -16,6 +16,10 @@ export declare class BahtModal extends BahtElement {
     /** One muted line under the heading; also becomes the dialog's aria-describedby. */
     description: string;
     showClose: boolean;
+    /**
+     * Scrim click requests close. Off by default: a stray click outside the panel
+     * must not throw away what the user typed — close via ×, Escape or your buttons.
+     */
     closeOnScrim: boolean;
     private bodyEl;
     private get titleId();

package/dist/components/primitives/baht-modal.js

@@ -1,17 +1,21 @@
 import { nothing as a, html as h } from "lit";
-import { property as c, query as f, state as b, customElement as y } from "lit/decorators.js";
-import { boolOff as m, BahtElement as v, hasDom as p, adoptLightChildren as u } from "../base.js";
+import { property as c, query as f, state as m, customElement as b } from "lit/decorators.js";
+import { boolOff as y, BahtElement as v, hasDom as p, adoptLightChildren as u } from "../base.js";
 import { afterExit as g } from "../motion.js";
 import { t as $ } from "../../core/i18n.js";
 import { renderIllustration as k } from "./illustrations.js";
-var C = Object.defineProperty, S = Object.getOwnPropertyDescriptor, l = (t, i, e, n) => {
-  for (var o = n > 1 ? void 0 : n ? S(i, e) : i, r = t.length - 1, d; r >= 0; r--)
-    (d = t[r]) && (o = (n ? d(i, e, o) : d(o)) || o);
+var C = Object.defineProperty, S = Object.getOwnPropertyDescriptor, r = (t, i, e, n) => {
+  for (var o = n > 1 ? void 0 : n ? S(i, e) : i, l = t.length - 1, d; l >= 0; l--)
+    (d = t[l]) && (o = (n ? d(i, e, o) : d(o)) || o);
   return n && o && C(i, e, o), o;
 };
+const E = {
+  fromAttribute: (t) => t !== null && t !== "false",
+  toAttribute: (t) => t ? "" : null
+};
 let s = class extends v {
   constructor() {
-    super(...arguments), this.open = !1, this.heading = "", this.description = "", this.showClose = !0, this.closeOnScrim = !0, this.closing = !1, this.closeToken = 0, this.previousFocus = null, this.onKeydown = (t) => {
+    super(...arguments), this.open = !1, this.heading = "", this.description = "", this.showClose = !0, this.closeOnScrim = !1, this.closing = !1, this.closeToken = 0, this.previousFocus = null, this.onKeydown = (t) => {
       !this.open || s.openStack.at(-1) !== this || (t.key === "Escape" ? this.requestClose("escape") : t.key === "Tab" && this.trapFocus(t));
     };
   }
@@ -36,12 +40,12 @@ let s = class extends v {
       e == null || e.focus(), t.preventDefault();
       return;
     }
-    const n = i[0], o = i[i.length - 1], r = document.activeElement;
-    if (!this.contains(r)) {
+    const n = i[0], o = i[i.length - 1], l = document.activeElement;
+    if (!this.contains(l)) {
       n.focus(), t.preventDefault();
       return;
     }
-    t.shiftKey && (r === n || r === e) ? (o.focus(), t.preventDefault()) : !t.shiftKey && r === o && (n.focus(), t.preventDefault());
+    t.shiftKey && (l === n || l === e) ? (o.focus(), t.preventDefault()) : !t.shiftKey && l === o && (n.focus(), t.preventDefault());
   }
   connectedCallback() {
     super.connectedCallback(), p() && document.addEventListener("keydown", this.onKeydown);
@@ -110,29 +114,29 @@ let s = class extends v {
   }
 };
 s.openStack = [];
-l([
+r([
   c({ type: Boolean, reflect: !0 })
 ], s.prototype, "open", 2);
-l([
+r([
   c()
 ], s.prototype, "heading", 2);
-l([
+r([
   c()
 ], s.prototype, "description", 2);
-l([
-  c({ attribute: "show-close", converter: m })
+r([
+  c({ attribute: "show-close", converter: y })
 ], s.prototype, "showClose", 2);
-l([
-  c({ attribute: "close-on-scrim", converter: m })
+r([
+  c({ attribute: "close-on-scrim", converter: E })
 ], s.prototype, "closeOnScrim", 2);
-l([
+r([
   f(".baht-modal-body")
 ], s.prototype, "bodyEl", 2);
-l([
-  b()
+r([
+  m()
 ], s.prototype, "closing", 2);
-s = l([
-  y("baht-modal")
+s = r([
+  b("baht-modal")
 ], s);
 export {
   s as BahtModal

package/dist/custom-elements.json

@@ -11577,7 +11577,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
+              "description": "Scrim click requests close. Off by default: a stray click outside the panel\nmust not throw away what the user typed — close via ×, Escape or your buttons.",
               "attribute": "close-on-scrim"
             },
             {
@@ -11780,7 +11781,8 @@
               "type": {
                 "text": "boolean"
               },
-              "default": "true",
+              "default": "false",
+              "description": "Scrim click requests close. Off by default: a stray click outside the panel\nmust not throw away what the user typed — close via ×, Escape or your buttons.",
               "fieldName": "closeOnScrim"
             },
             {

package/dist/overlay.d.ts

@@ -8,7 +8,7 @@ export interface DialogOptions {
     cancelText?: string;
     /** Secondary monospace block under the message (error detail, payload, …). */
     detail?: string;
-    /** Allow Escape / scrim-click to cancel. Default true. */
+    /** Allow Escape to cancel. Default true. A scrim click never cancels. */
     dismissible?: boolean;
 }
 export interface PromptOptions extends DialogOptions {

package/dist/overlay.js

@@ -12,8 +12,8 @@ function p(e) {
   return I(() => L(e));
 }
 async function L(e) {
-  const t = document.activeElement, s = e.dismissible !== !1, E = e.tone === "danger" ? "danger" : "primary", n = document.createElement("baht-modal");
-  n.heading = e.title ?? "", n.showClose = !1, n.closeOnScrim = s;
+  const t = document.activeElement, r = e.dismissible !== !1, E = e.tone === "danger" ? "danger" : "primary", n = document.createElement("baht-modal");
+  n.heading = e.title ?? "", n.showClose = !1, n.closeOnScrim = !1;
   const c = document.createElement("div");
   c.className = `baht-dialog${e.tone ? ` baht-dialog--${e.tone}` : ""}`;
   const b = document.createElement("p");
@@ -25,8 +25,8 @@ async function L(e) {
   e.showInput && (a = document.createElement("input"), a.className = "baht-control baht-dialog-input", a.type = "text", a.value = e.value ?? "", e.placeholder && (a.placeholder = e.placeholder), c.appendChild(a));
   const u = document.createElement("div");
   u.className = "baht-dialog-actions";
-  let l = null;
-  e.showCancel && (l = document.createElement("baht-button"), l.className = "baht-dialog-cancel", l.variant = "secondary", l.label = e.cancelText ?? "Cancel", u.appendChild(l));
+  let o = null;
+  e.showCancel && (o = document.createElement("baht-button"), o.className = "baht-dialog-cancel", o.variant = "secondary", o.label = e.cancelText ?? "Cancel", u.appendChild(o));
   const i = document.createElement("baht-button");
   i.className = "baht-dialog-confirm", i.variant = E, i.label = e.confirmText ?? "OK", u.appendChild(i), c.appendChild(u), n.appendChild(c), document.body.appendChild(n), n.open = !0;
   let h;
@@ -36,24 +36,24 @@ async function L(e) {
   v.observe(document.documentElement, { childList: !0, subtree: !0 });
   const g = await new Promise((d) => {
     let C = !1;
-    const m = (o) => {
-      C || (C = !0, d(o));
+    const m = (s) => {
+      C || (C = !0, d(s));
     };
     h = () => {
       m({ confirmed: !1, reason: "detached" });
     }, i.addEventListener("click", () => {
       m({ confirmed: !0, reason: "confirm", ...a ? { value: a.value } : {} });
-    }), l == null || l.addEventListener("click", () => {
+    }), o == null || o.addEventListener("click", () => {
       m({ confirmed: !1, reason: "cancel" });
-    }), n.addEventListener("baht-close", (o) => {
-      if (!s) return;
-      const x = o.detail.reason;
+    }), n.addEventListener("baht-close", (s) => {
+      if (!r) return;
+      const x = s.detail.reason;
       m({ confirmed: !1, reason: x === "scrim" ? "scrim" : "escape" });
-    }), a == null || a.addEventListener("keydown", (o) => {
-      o.key === "Enter" && !o.isComposing && m({ confirmed: !0, reason: "confirm", value: o.target.value });
+    }), a == null || a.addEventListener("keydown", (s) => {
+      s.key === "Enter" && !s.isComposing && m({ confirmed: !0, reason: "confirm", value: s.target.value });
     }), n.updateComplete.then(() => {
-      var o;
-      return (o = a ?? i.querySelector("button")) == null ? void 0 : o.focus();
+      var s;
+      return (s = a ?? i.querySelector("button")) == null ? void 0 : s.focus();
     });
   });
   v.disconnect(), n.open = !1;
@@ -97,7 +97,7 @@ const P = {
   },
   /** Single text input. Resolves the value, or null on cancel/dismiss. */
   async prompt(e, t = {}) {
-    const s = await p({
+    const r = await p({
       title: "Input needed",
       confirmText: "OK",
       ...t,
@@ -105,14 +105,14 @@ const P = {
       showCancel: !0,
       showInput: !0
     });
-    return s.confirmed ? s.value ?? "" : null;
+    return r.confirmed ? r.value ?? "" : null;
   }
 };
-let r = null;
+let l = null;
 function S() {
-  return r != null && r.isConnected || (r = document.querySelector("baht-toast") ?? document.body.appendChild(document.createElement("baht-toast"))), r;
+  return l != null && l.isConnected || (l = document.querySelector("baht-toast") ?? document.body.appendChild(document.createElement("baht-toast"))), l;
 }
-const f = (e) => (t, s = {}) => T.show(t, { ...s, tone: e }), T = {
+const f = (e) => (t, r = {}) => T.show(t, { ...r, tone: e }), T = {
   show(e, t = {}) {
     return S().show({ message: e, ...t });
   },
@@ -121,7 +121,7 @@ const f = (e) => (t, s = {}) => T.show(t, { ...s, tone: e }), T = {
   warning: f("warning"),
   danger: f("danger"),
   dismiss(e) {
-    r == null || r.dismiss(e);
+    l == null || l.dismiss(e);
   }
 };
 export {

package/dist/vscode.html-custom-data.json

@@ -710,7 +710,11 @@
           "values": []
         },
         { "name": "show-close", "values": [] },
-        { "name": "close-on-scrim", "values": [] },
+        {
+          "name": "close-on-scrim",
+          "description": "Scrim click requests close. Off by default: a stray click outside the panel\nmust not throw away what the user typed — close via ×, Escape or your buttons.",
+          "values": []
+        },
         { "name": "defer-hydration", "values": [] }
       ],
       "references": []

package/dist/web-types.json

@@ -1,7 +1,7 @@
 {
   "$schema": "https://raw.githubusercontent.com/JetBrains/web-types/master/schema/web-types.json",
   "name": "bank20baht-ui",
-  "version": "0.9.0",
+  "version": "0.10.0",
   "description-markup": "markdown",
   "contributions": {
     "html": {
@@ -1645,7 +1645,8 @@
             },
             {
               "name": "close-on-scrim",
-              "value": { "type": "boolean", "default": "true" }
+              "description": "Scrim click requests close. Off by default: a stray click outside the panel\nmust not throw away what the user typed — close via ×, Escape or your buttons.",
+              "value": { "type": "boolean", "default": "false" }
             },
             { "name": "defer-hydration", "value": { "type": "string" } }
           ],
@@ -1660,7 +1661,11 @@
                 "type": "string"
               },
               { "name": "showClose", "type": "boolean" },
-              { "name": "closeOnScrim", "type": "boolean" }
+              {
+                "name": "closeOnScrim",
+                "description": "Scrim click requests close. Off by default: a stray click outside the panel\nmust not throw away what the user typed — close via ×, Escape or your buttons.",
+                "type": "boolean"
+              }
             ],
             "events": [{ "name": "name", "type": "CustomEvent" }]
           }

package/package.json

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