@iyulab/u-widgets 0.9.1 → 0.10.0

package/dist/u-widgets-tools.js

@@ -30,7 +30,7 @@ const v = {
   max: "Maximum value",
   step: "Number/range step increment",
   message: "Custom validation error message"
-}, C = {
+}, L = {
   // metric / stat-group
   value: "The primary value to display",
   label: "Display label or category name",
@@ -66,6 +66,8 @@ const v = {
   url: "Link URL",
   snippet: "Excerpt or summary text",
   source: "Source name or publisher",
+  // math
+  expression: "LaTeX math expression string",
   // chart data
   group: "Group / category identifier",
   min: "Minimum stat value",
@@ -121,19 +123,21 @@ const v = {
   muted: "Start muted (default false, auto when autoplay)",
   // gallery
   aspectRatio: 'Image aspect ratio (e.g. "1:1", "16:9", default auto)',
+  // math
+  displayMode: "Block mode with centered large formula (default false = inline)",
   // compose / kv / actions / divider / steps
   layout: "Layout mode (stack, row, grid, horizontal, vertical, wrap, column)",
   columns: "Number of grid columns",
   widths: 'Column width ratios (number[], "auto", "stretch")',
   spacing: "Spacing size (small, default, large)",
   card: "Render inside a card container with shadow and border"
-}, L = {
+}, C = {
   label: "Button text",
   action: "Action identifier (submit, cancel, navigate, custom)",
   style: "Visual style (primary, danger, default)",
   disabled: "Whether disabled",
   url: "URL for navigate action"
-}, N = {
+}, M = {
   "chart.bar": ["stack", "horizontal", "histogram", "colors", "series", "referenceLines", "conditionalStyles", "xFormat", "yFormat", "legend", "grid", "animate", "showLabel"],
   "chart.line": ["smooth", "stack", "step", "colors", "series", "referenceLines", "conditionalStyles", "xFormat", "yFormat", "legend", "grid", "animate", "showLabel"],
   "chart.area": ["smooth", "stack", "colors", "series", "conditionalStyles", "xFormat", "yFormat", "legend", "grid", "animate", "showLabel"],
@@ -166,10 +170,11 @@ const v = {
   rating: ["max", "interactive", "icon", "label"],
   video: ["autoplay", "controls", "loop", "muted"],
   gallery: ["columns", "aspectRatio"],
+  math: ["displayMode"],
   actions: ["layout"],
   divider: [],
   header: []
-}, P = {
+}, N = {
   metric: [
     { key: "value", type: "number | string", desc: "Primary value", required: !0 },
     { key: "label", type: "string", desc: "Display label" },
@@ -216,6 +221,9 @@ const v = {
     { key: "content", type: "string", desc: "Code text content", required: !0 },
     { key: "language", type: "string", desc: "Language identifier (e.g. javascript, python, sql)" }
   ],
+  math: [
+    { key: "expression", type: "string", desc: "LaTeX math expression", required: !0 }
+  ],
   header: [
     { key: "text", type: "string", desc: "Heading text", required: !0 },
     { key: "level", type: "1 | 2 | 3", desc: "Heading level (default 2)" }
@@ -253,7 +261,7 @@ const v = {
     { key: "value", type: "string", desc: "Status value", required: !0 },
     { key: "level", type: '"info" | "success" | "warning" | "error" | "neutral"', desc: "Severity level (default info)" }
   ]
-}, M = {
+}, T = {
   "chart.bar": "mapping omittable. First string → x, number fields → y.",
   "chart.line": "mapping omittable. First string → x, numbers → y. Date-like preferred for x.",
   "chart.area": "mapping omittable. Same as line — first string → x, numbers → y.",
@@ -286,6 +294,7 @@ const v = {
   gallery: "No mapping. data is [{src, alt?, caption?}]. columns/aspectRatio in options.",
   steps: "No mapping. data is [{label, status?, description?, icon?}]. status: done/active/pending/error. icon: emoji/text override. layout: vertical/horizontal.",
   rating: "No mapping. data is {value?, max?}. options: interactive, icon (star/heart/thumb), max, label.",
+  math: "No mapping. data is {expression}. Renders LaTeX via KaTeX. displayMode in options.",
   actions: "No data. Uses actions[] array. layout in options (wrap/column).",
   divider: "No data. label/spacing in options.",
   header: "data is {text, level?}. level defaults to 2."
@@ -340,6 +349,7 @@ const y = [
   { widget: "video", category: "content", description: "Video player with controls, poster, and caption", mappingKeys: [], dataShape: "object" },
   { widget: "gallery", category: "content", description: "Image gallery grid with captions", mappingKeys: [], dataShape: "array" },
   { widget: "kv", category: "content", description: "Key-value pairs display (object or array of {key, value})", mappingKeys: [], dataShape: "object" },
+  { widget: "math", category: "content", description: "Render LaTeX mathematical expressions via KaTeX", mappingKeys: [], dataShape: "object" },
   { widget: "actions", category: "content", description: "Standalone action buttons (quick replies, suggested actions)", mappingKeys: [], dataShape: "none" },
   { widget: "divider", category: "content", description: "Visual separator with optional label", mappingKeys: [], dataShape: "none" },
   { widget: "header", category: "content", description: "Section heading (h1–h3)", mappingKeys: [], dataShape: "object" },
@@ -484,7 +494,7 @@ This is **markdown** content.` }
   },
   callout: {
     widget: "callout",
-    data: { content: "This is an informational callout.", variant: "info" }
+    data: { message: "This is an informational callout.", level: "info" }
   },
   code: {
     widget: "code",
@@ -532,6 +542,10 @@ console.log(x);`, language: "javascript" }
     widget: "kv",
     data: { status: "Active", plan: "Pro", expires: "2026-03-15" }
   },
+  math: {
+    widget: "math",
+    data: { expression: "E = mc^2" }
+  },
   actions: {
     widget: "actions",
     actions: [
@@ -554,7 +568,7 @@ console.log(x);`, language: "javascript" }
       { widget: "metric", data: { value: 95, unit: "%" } }
     ]
   }
-}, q = {
+}, P = {
   "chart.bar": [
     {
       label: "Stacked multi-series",
@@ -1064,6 +1078,23 @@ LIMIT 10;`,
       }
     }
   ],
+  math: [
+    {
+      label: "Display mode (block)",
+      spec: {
+        widget: "math",
+        data: { expression: "C_{pk} = \\min\\left(\\frac{USL - \\bar{x}}{3\\sigma},\\; \\frac{\\bar{x} - LSL}{3\\sigma}\\right)" },
+        options: { displayMode: !0 }
+      }
+    },
+    {
+      label: "Simple inline",
+      spec: {
+        widget: "math",
+        data: { expression: "a^2 + b^2 = c^2" }
+      }
+    }
+  ],
   actions: [
     {
       label: "Quick replies",
@@ -1139,22 +1170,22 @@ function K(e) {
   for (const a of e.mappingKeys)
     v[a] && (d[a] = v[a]);
   const p = {};
-  for (const a of N[i] ?? [])
+  for (const a of M[i] ?? [])
     w[a] && (p[a] = w[a]);
   const o = i === "form" || i === "confirm", l = [], n = A[i];
   n && l.push({ label: "Minimal", spec: JSON.parse(JSON.stringify(n)) });
-  const r = q[i];
+  const r = P[i];
   if (r)
     for (const a of r)
       l.push({ label: a.label, spec: JSON.parse(JSON.stringify(a.spec)) });
   return {
     ...e,
-    autoInference: M[i] ?? "",
-    dataFields: [...P[i] ?? []],
+    autoInference: T[i] ?? "",
+    dataFields: [...N[i] ?? []],
     mappingDocs: d,
     optionDocs: p,
     ...o ? { fieldDocs: { ...S } } : {},
-    ...o ? { actionDocs: { ...L } } : {},
+    ...o ? { actionDocs: { ...C } } : {},
     events: k(i),
     examples: l
   };
@@ -1164,7 +1195,7 @@ function O(e) {
   if (i)
     return JSON.parse(JSON.stringify(i));
 }
-function R(e, i) {
+function q(e, i) {
   if (e == null) return [];
   const d = Array.isArray(e) ? e : [e];
   if (d.length === 0) return [];
@@ -1319,7 +1350,7 @@ function R(e, i) {
   }), a.sort((t, m) => m.confidence - t.confidence), a;
 }
 function j(e) {
-  const i = R(e);
+  const i = q(e);
   if (i.length === 0) return;
   const d = i[0];
   if (d.confidence < 0.7) return;
@@ -1372,7 +1403,7 @@ function F(e, i) {
   });
   return {
     specKeys: [...d],
-    dataFields: t(p, C),
+    dataFields: t(p, L),
     mappingKeys: t(o, v),
     optionKeys: t(l, w),
     fieldProps: t(n, S),
@@ -1382,20 +1413,20 @@ function F(e, i) {
   };
 }
 export {
-  L as ACTION_PROP_DOCS,
-  C as DATA_FIELD_DOCS,
+  C as ACTION_PROP_DOCS,
+  L as DATA_FIELD_DOCS,
   S as FIELD_PROP_DOCS,
   v as MAPPING_DOCS,
   w as OPTION_DOCS,
-  P as WIDGET_DATA_FIELDS,
+  N as WIDGET_DATA_FIELDS,
   x as WIDGET_EVENTS,
-  M as WIDGET_INFERENCE,
-  N as WIDGET_OPTIONS,
+  T as WIDGET_INFERENCE,
+  M as WIDGET_OPTIONS,
   j as autoSpec,
   k as getWidgetEvents,
   E as help,
   F as specSurface,
-  R as suggestMapping,
+  q as suggestMapping,
   O as template
 };
 //# sourceMappingURL=u-widgets-tools.js.map