@iyulab/u-widgets 0.9.2 → 0.11.0

package/dist/u-widgets.js

@@ -1,9 +1,10 @@
 import { g as ve } from "./formdown-BWJ6QGJs.js";
-import { p as jt, r as Ct } from "./formdown-BWJ6QGJs.js";
+import { p as Ct, r as Ot } from "./formdown-BWJ6QGJs.js";
 import { i as be } from "./infer-CNOiD2dS.js";
-import { t as b, f as he, n as we } from "./tokens-SjA7YdRs.js";
-import { css as w, LitElement as y, nothing as l, html as o } from "lit";
-import { property as h, customElement as x, state as S } from "lit/decorators.js";
+import { f as he, n as we } from "./format-DiXp3HTj.js";
+import { css as b, LitElement as w, nothing as l, html as o } from "lit";
+import { property as h, customElement as y, state as S } from "lit/decorators.js";
+import { t as x } from "./tokens-byMop3gk.js";
 const ye = /* @__PURE__ */ new Set([
   "text",
   "email",
@@ -38,7 +39,7 @@ const ye = /* @__PURE__ */ new Set([
   "chart.funnel",
   "chart.waterfall",
   "chart.treemap"
-]), $e = /* @__PURE__ */ new Set(["metric", "gauge", "progress", "header", "code", "rating", "video"]);
+]), $e = /* @__PURE__ */ new Set(["metric", "gauge", "progress", "header", "code", "rating", "video", "math"]);
 function Z(e, t = 0) {
   const i = [], r = [];
   if (t > le)
@@ -101,7 +102,7 @@ function _e(e) {
   if (e && typeof e == "object" && !Array.isArray(e))
     return new Set(Object.keys(e));
 }
-function xt(e) {
+function $t(e) {
   return Z(e).valid;
 }
 const ke = [
@@ -196,7 +197,7 @@ const K = {
   invalidUrl: "{label} must be a valid URL",
   invalidPattern: "{label} format is invalid"
 }, L = /* @__PURE__ */ new Map();
-function $t(e, t) {
+function _t(e, t) {
   L.set(e.toLowerCase(), { ...K, ...t });
 }
 function fe(e) {
@@ -212,14 +213,14 @@ function A(e, t) {
     (i, r) => t[r] != null ? String(t[r]) : `{${r}}`
   );
 }
-function _t() {
+function kt() {
   return { ...K };
 }
 let V;
-function kt(e) {
+function zt(e) {
   V = e;
 }
-function zt() {
+function St() {
   return V;
 }
 function Ae(e) {
@@ -249,7 +250,7 @@ function ce(e, t) {
     variant: e.variant
   };
 }
-let I = class extends y {
+let I = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -283,7 +284,7 @@ let I = class extends y {
     `;
   }
 };
-I.styles = [b, w`
+I.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -397,7 +398,7 @@ X([
   h({ type: String, reflect: !0 })
 ], I.prototype, "theme", 2);
 I = X([
-  x("uw-metric")
+  y("uw-metric")
 ], I);
 var Oe = Object.defineProperty, De = Object.getOwnPropertyDescriptor, Y = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? De(t, i) : t, s = e.length - 1, n; s >= 0; s--)
@@ -425,7 +426,7 @@ function pe(e, t, i, r, a) {
   const s = (r - 90) * Math.PI / 180, n = (a - 90) * Math.PI / 180, d = e + i * Math.cos(s), c = t + i * Math.sin(s), p = e + i * Math.cos(n), g = t + i * Math.sin(n), m = a - r > 180 ? 1 : 0;
   return `M ${d} ${c} A ${i} ${i} 0 ${m} 1 ${p} ${g}`;
 }
-let M = class extends y {
+let M = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -509,7 +510,7 @@ let M = class extends y {
     return de(i[i.length - 1].color);
   }
 };
-M.styles = [b, w`
+M.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -629,14 +630,14 @@ Y([
   h({ type: String, reflect: !0 })
 ], M.prototype, "theme", 2);
 M = Y([
-  x("uw-gauge")
+  y("uw-gauge")
 ], M);
 var Le = Object.defineProperty, Ie = Object.getOwnPropertyDescriptor, j = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? Ie(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
   return r && a && Le(t, i, a), a;
 };
-let _ = class extends y {
+let _ = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null, this._sortField = null, this._sortDir = null, this._page = 0, this._searchQuery = "", this._focusedIdx = 0, this._onTableKeydown = (e) => {
       const i = e.target.closest("tr");
@@ -857,7 +858,7 @@ let _ = class extends y {
     return String(e ?? "").charAt(0).toUpperCase();
   }
 };
-_.styles = [b, w`
+_.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -1188,14 +1189,14 @@ j([
   S()
 ], _.prototype, "_focusedIdx", 2);
 _ = j([
-  x("uw-table")
+  y("uw-table")
 ], _);
 var Me = Object.defineProperty, Te = Object.getOwnPropertyDescriptor, H = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? Te(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
   return r && a && Me(t, i, a), a;
 };
-let C = class extends y {
+let C = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null, this._formData = {}, this._errors = {}, this._onFormSubmit = (e) => {
       e.preventDefault();
@@ -1487,7 +1488,7 @@ let C = class extends y {
     );
   }
 };
-C.styles = [b, w`
+C.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -1718,14 +1719,14 @@ H([
   S()
 ], C.prototype, "_errors", 2);
 C = H([
-  x("uw-form")
+  y("uw-form")
 ], C);
 var Ne = Object.defineProperty, Fe = Object.getOwnPropertyDescriptor, ee = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? Fe(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
   return r && a && Ne(t, i, a), a;
 };
-let T = class extends y {
+let T = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -1765,7 +1766,7 @@ let T = class extends y {
     return r ? o`<div class=${d} style=${r} part="child">${n}</div>` : o`<div class=${d} part="child">${n}</div>`;
   }
 };
-T.styles = [b, w`
+T.styles = [x, b`
     :host {
       display: block;
       container: uw-compose / inline-size;
@@ -1873,14 +1874,14 @@ ee([
   h({ type: String, reflect: !0 })
 ], T.prototype, "theme", 2);
 T = ee([
-  x("uw-compose")
+  y("uw-compose")
 ], T);
 var Ue = Object.defineProperty, Re = Object.getOwnPropertyDescriptor, te = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? Re(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
   return r && a && Ue(t, i, a), a;
 };
-let N = class extends y {
+let N = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -1948,7 +1949,7 @@ let N = class extends y {
     return e.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;");
   }
 };
-N.styles = [b, w`
+N.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -2132,14 +2133,14 @@ te([
   h({ type: String, reflect: !0 })
 ], N.prototype, "theme", 2);
 N = te([
-  x("uw-content")
+  y("uw-content")
 ], N);
 var qe = Object.defineProperty, We = Object.getOwnPropertyDescriptor, re = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? We(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
   return r && a && qe(t, i, a), a;
 };
-let F = class extends y {
+let F = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -2170,7 +2171,7 @@ let F = class extends y {
     return e ? Array.isArray(e) ? e.filter((t) => t != null && typeof t == "object" && "key" in t && "value" in t).map((t) => [String(t.key), t.value]) : typeof e == "object" ? Object.entries(e) : [] : [];
   }
 };
-F.styles = [b, w`
+F.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -2271,7 +2272,7 @@ re([
   h({ type: String, reflect: !0 })
 ], F.prototype, "theme", 2);
 F = re([
-  x("uw-kv")
+  y("uw-kv")
 ], F);
 var Be = Object.defineProperty, He = Object.getOwnPropertyDescriptor, G = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? He(t, i) : t, s = e.length - 1, n; s >= 0; s--)
@@ -2434,7 +2435,7 @@ function Ze(e) {
   }
   return t;
 }
-let D = class extends y {
+let D = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null, this._copied = !1;
   }
@@ -2481,7 +2482,7 @@ let D = class extends y {
     }
   }
 };
-D.styles = [b, w`
+D.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -2594,14 +2595,14 @@ G([
   S()
 ], D.prototype, "_copied", 2);
 D = G([
-  x("uw-code")
+  y("uw-code")
 ], D);
 var Xe = Object.defineProperty, Ye = Object.getOwnPropertyDescriptor, ae = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? Ye(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
   return r && a && Xe(t, i, a), a;
 };
-let U = class extends y {
+let U = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -2688,7 +2689,7 @@ let U = class extends y {
     return [];
   }
 };
-U.styles = [b, w`
+U.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -2792,7 +2793,7 @@ ae([
   h({ type: String, reflect: !0 })
 ], U.prototype, "theme", 2);
 U = ae([
-  x("uw-citation")
+  y("uw-citation")
 ], U);
 var et = Object.defineProperty, tt = Object.getOwnPropertyDescriptor, ie = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? tt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
@@ -2811,7 +2812,7 @@ const rt = /* @__PURE__ */ new Set(["info", "success", "warning", "error", "neut
   neutral: "○"
   // ○
 };
-let R = class extends y {
+let R = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -2856,7 +2857,7 @@ let R = class extends y {
     return rt.has(t) ? t : "info";
   }
 };
-R.styles = [b, w`
+R.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -2928,7 +2929,7 @@ ie([
   h({ type: String, reflect: !0 })
 ], R.prototype, "theme", 2);
 R = ie([
-  x("uw-status")
+  y("uw-status")
 ], R);
 var it = Object.defineProperty, st = Object.getOwnPropertyDescriptor, se = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? st(t, i) : t, s = e.length - 1, n; s >= 0; s--)
@@ -2949,7 +2950,7 @@ function ge(e, t) {
       return o`<svg class="step-svg" viewBox="0 0 16 16" fill="currentColor"><path d="M4.47 4.47a.75.75 0 0 1 1.06 0L8 6.94l2.47-2.47a.75.75 0 1 1 1.06 1.06L9.06 8l2.47 2.47a.75.75 0 1 1-1.06 1.06L8 9.06l-2.47 2.47a.75.75 0 0 1-1.06-1.06L6.94 8 4.47 5.53a.75.75 0 0 1 0-1.06Z"/></svg>`;
   }
 }
-let q = class extends y {
+let q = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -3015,7 +3016,7 @@ let q = class extends y {
     return nt.has(t) ? t : "pending";
   }
 };
-q.styles = [b, w`
+q.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -3254,7 +3255,7 @@ se([
   h({ type: String, reflect: !0 })
 ], q.prototype, "theme", 2);
 q = se([
-  x("uw-steps")
+  y("uw-steps")
 ], q);
 var ot = Object.defineProperty, lt = Object.getOwnPropertyDescriptor, J = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? lt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
@@ -3269,7 +3270,7 @@ const ct = {
   thumb: ["👍", "👍", "👍"]
   // 👍
 };
-let E = class extends y {
+let E = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null, this._hoverIdx = -1;
   }
@@ -3347,7 +3348,7 @@ let E = class extends y {
     return t === "heart" || t === "thumb" ? t : "star";
   }
 };
-E.styles = [b, w`
+E.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -3463,14 +3464,14 @@ J([
   S()
 ], E.prototype, "_hoverIdx", 2);
 E = J([
-  x("uw-rating")
+  y("uw-rating")
 ], E);
 var dt = Object.defineProperty, pt = Object.getOwnPropertyDescriptor, ne = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? pt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
   return r && a && dt(t, i, a), a;
 };
-let W = class extends y {
+let W = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -3504,7 +3505,7 @@ let W = class extends y {
     return /^(javascript|data|vbscript):/i.test(t) ? "" : e;
   }
 };
-W.styles = [b, w`
+W.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -3545,14 +3546,14 @@ ne([
   h({ type: String, reflect: !0 })
 ], W.prototype, "theme", 2);
 W = ne([
-  x("uw-video")
+  y("uw-video")
 ], W);
 var ut = Object.defineProperty, gt = Object.getOwnPropertyDescriptor, oe = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? gt(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
   return r && a && ut(t, i, a), a;
 };
-let B = class extends y {
+let B = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null;
   }
@@ -3593,7 +3594,7 @@ let B = class extends y {
     return /^(javascript|data|vbscript):/i.test(t) ? "" : e;
   }
 };
-B.styles = [b, w`
+B.styles = [x, b`
     :host {
       display: block;
       font-family: system-ui, -apple-system, sans-serif;
@@ -3638,14 +3639,14 @@ oe([
   h({ type: String, reflect: !0 })
 ], B.prototype, "theme", 2);
 B = oe([
-  x("uw-gallery")
+  y("uw-gallery")
 ], B);
 var ht = Object.defineProperty, ft = Object.getOwnPropertyDescriptor, Q = (e, t, i, r) => {
   for (var a = r > 1 ? void 0 : r ? ft(t, i) : t, s = e.length - 1, n; s >= 0; s--)
     (n = e[s]) && (a = (r ? n(t, i, a) : n(a)) || a);
   return r && a && ht(t, i, a), a;
 };
-let P = class extends y {
+let P = class extends w {
   constructor() {
     super(...arguments), this.spec = null, this.theme = null, this.locale = null, this._handleInternalEvent = (e) => {
       e.stopPropagation(), this.dispatchEvent(
@@ -3745,6 +3746,10 @@ let P = class extends y {
           c = o`<uw-chart .spec=${r} theme=${s ?? l}></uw-chart>`;
           break;
         }
+        if (t === "math" && customElements.get("uw-math")) {
+          c = o`<uw-math .spec=${r} theme=${s ?? l}></uw-math>`;
+          break;
+        }
         return this.renderFallback(r);
     }
     const g = !(t === "header" || t === "actions" || t === "divider" || t === "compose") && r.title ? o`<div class="widget-title" part="title">${r.title}</div>` : l;
@@ -3842,8 +3847,8 @@ let P = class extends y {
   }
 };
 P.styles = [
-  b,
-  w`
+  x,
+  b`
       :host {
         display: block;
         container: u-widget / inline-size;
@@ -4042,24 +4047,24 @@ Q([
   h({ type: String, reflect: !0 })
 ], P.prototype, "locale", 2);
 P = Q([
-  x("u-widget")
+  y("u-widget")
 ], P);
 export {
   P as UWidget,
   A as formatTemplate,
   he as formatValue,
-  _t as getDefaultLocale,
-  zt as getEffectiveLocale,
+  kt as getDefaultLocale,
+  St as getEffectiveLocale,
   ve as getFormdownParser,
   fe as getLocaleStrings,
   be as infer,
-  xt as isWidgetSpec,
+  $t as isWidgetSpec,
   we as normalize,
-  jt as parseFormdown,
-  Ct as registerFormdownParser,
-  $t as registerLocale,
+  Ct as parseFormdown,
+  Ot as registerFormdownParser,
+  _t as registerLocale,
   Ae as resolveLocale,
-  kt as setDefaultLocale,
+  zt as setDefaultLocale,
   ze as suggestWidget,
   Z as validate
 };