@iyulab/u-widgets 0.8.1 → 0.9.0

package/dist/u-widgets-charts.js

@@ -1,120 +1,122 @@
 import { css as P, LitElement as E, nothing as R, html as T } from "lit";
-import { property as D, customElement as $ } from "lit/decorators.js";
-import { a as B, t as W } from "./tokens-D5aWvczs.js";
+import { property as $, customElement as B } from "lit/decorators.js";
+import { a as W, f as q, t as G } from "./tokens-SjA7YdRs.js";
 import * as O from "echarts/core";
-import { BarChart as q, LineChart as G, PieChart as H, ScatterChart as K, RadarChart as U, HeatmapChart as Y, BoxplotChart as J, FunnelChart as Q, TreemapChart as X } from "echarts/charts";
-import { GridComponent as Z, TooltipComponent as ee, LegendComponent as te, RadarComponent as re, MarkLineComponent as ie, VisualMapComponent as se } from "echarts/components";
-import { CanvasRenderer as ne } from "echarts/renderers";
-function L(e, r) {
+import { BarChart as H, LineChart as U, PieChart as Y, ScatterChart as J, RadarChart as Q, HeatmapChart as X, BoxplotChart as Z, FunnelChart as K, TreemapChart as ee } from "echarts/charts";
+import { GridComponent as te, TooltipComponent as re, LegendComponent as ie, RadarComponent as se, MarkLineComponent as ne, VisualMapComponent as ae } from "echarts/components";
+import { CanvasRenderer as oe } from "echarts/renderers";
+function M(e, r) {
   for (const i of r) {
     const t = e[i.field];
     if (t == null) continue;
-    const n = Number(t);
-    if (Number.isNaN(n)) continue;
-    const s = i.above === void 0 || n > i.above, d = i.below === void 0 || n < i.below;
-    if (s && d) return i;
+    const s = Number(t);
+    if (Number.isNaN(s)) continue;
+    const n = i.above === void 0 || s > i.above, u = i.below === void 0 || s < i.below;
+    if (n && u) return i;
   }
 }
-function ae(e) {
-  const r = e.widget, i = e.data, t = e.mapping ? B(e.mapping) : void 0, n = e.options ?? {};
+function le(e) {
+  const r = e.widget, i = e.data, t = e.mapping ? W(e.mapping) : void 0, s = e.options ?? {};
   if (!i) return {};
-  let s;
+  let n;
   switch (r) {
     case "chart.bar":
-      s = z(i, t, "bar", n);
+      n = N(i, t, "bar", s);
       break;
     case "chart.line":
-      s = z(i, t, "line", n);
+      n = N(i, t, "line", s);
       break;
     case "chart.area":
-      s = z(i, t, "line", { ...n, _area: !0 });
+      n = N(i, t, "line", { ...s, _area: !0 });
       break;
     case "chart.pie":
-      s = le(i, t, n);
+      n = ue(i, t, s);
       break;
     case "chart.scatter":
-      s = oe(i, t, n);
+      n = ce(i, t, s);
       break;
     case "chart.radar":
-      s = ce(i, t);
+      n = fe(i, t);
       break;
     case "chart.heatmap":
-      s = ue(i, t, n);
+      n = ye(i, t, s);
       break;
     case "chart.box":
-      s = fe(i, t);
+      n = he(i, t);
       break;
     case "chart.funnel":
-      s = ye(i, t);
+      n = me(i, t);
       break;
     case "chart.waterfall":
-      s = he(i, t);
+      n = de(i, t);
       break;
     case "chart.treemap":
-      s = de(i);
+      n = be(i);
       break;
     case "chart.histogram":
-      s = me(i, t, n);
+      n = pe(i, t, s);
       break;
     default:
       return {};
   }
-  n.legend === !1 && s.legend && (s.legend = { ...s.legend, show: !1 }), n.grid === !1 && (s.xAxis && typeof s.xAxis == "object" && !Array.isArray(s.xAxis) && (s.xAxis = { ...s.xAxis, splitLine: { show: !1 } }), s.yAxis && typeof s.yAxis == "object" && !Array.isArray(s.yAxis) && (s.yAxis = { ...s.yAxis, splitLine: { show: !1 } })), n.animate === !1 && (s.animation = !1), Array.isArray(n.colors) && n.colors.length > 0 && (s.color = n.colors);
-  const d = n.echarts;
-  return d && typeof d == "object" && (s = I(s, d)), s;
+  s.legend === !1 && n.legend && (n.legend = { ...n.legend, show: !1 }), s.grid === !1 && (n.xAxis && typeof n.xAxis == "object" && !Array.isArray(n.xAxis) && (n.xAxis = { ...n.xAxis, splitLine: { show: !1 } }), n.yAxis && typeof n.yAxis == "object" && !Array.isArray(n.yAxis) && (n.yAxis = { ...n.yAxis, splitLine: { show: !1 } })), s.animate === !1 && (n.animation = !1), Array.isArray(s.colors) && s.colors.length > 0 && (n.color = s.colors);
+  const u = s.locale;
+  L(n, "xAxis", s.xFormat, u), L(n, "yAxis", s.yFormat, u);
+  const h = s.echarts;
+  return h && typeof h == "object" && (n = V(n, h)), n;
 }
-function z(e, r, i, t) {
+function N(e, r, i, t) {
   if (!Array.isArray(e)) return {};
-  const n = r?.x ?? C(e), s = r?.y ?? [_(e)].filter(Boolean);
-  if (!n || s.length === 0) return {};
-  const d = e.map((a) => String(a[n] ?? "")), m = !!t.horizontal, h = Array.isArray(t.series) ? t.series : [], y = t.conditionalStyles, u = s.map((a, l) => {
+  const s = r?.x ?? C(e), n = r?.y ?? [_(e)].filter(Boolean);
+  if (!s || n.length === 0) return {};
+  const u = e.map((a) => String(a[s] ?? "")), h = !!t.horizontal, d = Array.isArray(t.series) ? t.series : [], m = t.conditionalStyles, f = n.map((a, l) => {
     const c = {
       name: a,
       type: i,
       data: e.map((p) => {
         const w = p[a] ?? null;
-        if (y?.length) {
-          const S = L(p, y);
-          if (S) {
-            const F = { value: w, itemStyle: { color: S.color } };
-            return S.symbol && (F.symbol = S.symbol), S.symbolSize && (F.symbolSize = S.symbolSize), F;
+        if (m?.length) {
+          const v = M(p, m);
+          if (v) {
+            const F = { value: w, itemStyle: { color: v.color } };
+            return v.symbol && (F.symbol = v.symbol), v.symbolSize && (F.symbolSize = v.symbolSize), F;
           }
         }
         return w;
       })
     };
     t._area && (c.areaStyle = {}), t.smooth && (c.smooth = !0), t.step && (c.step = t.step === !0 ? "end" : t.step);
-    const o = h[l];
+    const o = d[l];
     return o && (o.color && (c.itemStyle = { color: o.color }, c.lineStyle = { ...c.lineStyle ?? {}, color: o.color }), o.lineStyle && (c.lineStyle = { ...c.lineStyle ?? {}, ...o.lineStyle }), o.symbol !== void 0 && (c.symbol = o.symbol), o.label && (c.name = o.label), o.type && (c.type = o.type), o.yAxisIndex !== void 0 && (c.yAxisIndex = o.yAxisIndex)), c;
-  }), x = { type: "category", data: d }, g = { type: "value" };
-  t.histogram && (x.axisTick = { alignWithLabel: !0 }, u.forEach((a) => {
+  }), x = { type: "category", data: u }, g = { type: "value" };
+  t.histogram && (x.axisTick = { alignWithLabel: !0 }, f.forEach((a) => {
     a.barCategoryGap = "0%";
   }));
-  const A = !m && u.some((a) => a.yAxisIndex >= 1);
-  let f;
+  const A = !h && f.some((a) => a.yAxisIndex >= 1);
+  let y;
   if (A) {
     const a = Array.isArray(t.yAxis) && t.yAxis.length >= 2 ? t.yAxis[1] : { type: "value" };
-    f = [g, a];
+    y = [g, a];
   } else
-    f = m ? x : g;
+    y = h ? x : g;
   const b = {
-    xAxis: m ? g : x,
-    yAxis: f,
-    series: u,
+    xAxis: h ? g : x,
+    yAxis: y,
+    series: f,
     tooltip: { trigger: "axis" }
   };
-  if (s.length > 1) {
-    const a = u.map((l) => l.name);
+  if (n.length > 1) {
+    const a = f.map((l) => l.name);
     b.legend = { data: a };
   }
   t.stack && b.series.forEach((a) => {
     a.stack = "total";
   });
-  const v = t.referenceLines;
-  return Array.isArray(v) && v.length > 0 && u.length > 0 && (u[0].markLine = {
+  const S = t.referenceLines;
+  return Array.isArray(S) && S.length > 0 && f.length > 0 && (f[0].markLine = {
     silent: !0,
     symbol: "none",
-    data: v.map((a) => {
+    data: S.map((a) => {
       const l = {};
       a.axis === "x" ? l.xAxis = a.value : l.yAxis = a.value, a.label && (l.name = a.label);
       const c = {};
@@ -122,67 +124,67 @@ function z(e, r, i, t) {
     })
   }), b;
 }
-function oe(e, r, i) {
+function ce(e, r, i) {
   if (!Array.isArray(e)) return {};
-  const t = j(e), n = r?.x ?? t[0], s = (r?.y ?? [t[1]])[0], d = r?.color, m = r?.size, h = r?.opacity;
-  if (!n || !s) return {};
-  const y = {
+  const t = I(e), s = r?.x ?? t[0], n = (r?.y ?? [t[1]])[0], u = r?.color, h = r?.size, d = r?.opacity;
+  if (!s || !n) return {};
+  const m = {
     xAxis: { type: "value" },
     yAxis: { type: "value" },
     tooltip: { trigger: "item" }
   };
-  let u = 1 / 0, x = -1 / 0;
-  if (h)
+  let f = 1 / 0, x = -1 / 0;
+  if (d)
     for (const a of e) {
-      const l = Number(a[h] ?? 0);
-      l < u && (u = l), l > x && (x = l);
+      const l = Number(a[d] ?? 0);
+      l < f && (f = l), l > x && (x = l);
     }
-  const g = x - u || 1, A = i.conditionalStyles, f = (a) => {
-    const l = [Number(a[n] ?? 0), Number(a[s] ?? 0)];
-    if (m && l.push(Number(a[m] ?? 0)), A?.length) {
-      const c = L(a, A);
+  const g = x - f || 1, A = i.conditionalStyles, y = (a) => {
+    const l = [Number(a[s] ?? 0), Number(a[n] ?? 0)];
+    if (h && l.push(Number(a[h] ?? 0)), A?.length) {
+      const c = M(a, A);
       if (c) {
         const o = { color: c.color };
-        if (h) {
-          const w = Number(a[h] ?? 0);
-          o.opacity = Math.round((0.1 + 0.9 * ((w - u) / g)) * 100) / 100;
+        if (d) {
+          const w = Number(a[d] ?? 0);
+          o.opacity = Math.round((0.1 + 0.9 * ((w - f) / g)) * 100) / 100;
         }
         const p = { value: l, itemStyle: o };
         return c.symbol && (p.symbol = c.symbol), c.symbolSize && (p.symbolSize = c.symbolSize), p;
       }
     }
-    if (h) {
-      const o = 0.1 + 0.9 * ((Number(a[h] ?? 0) - u) / g);
+    if (d) {
+      const o = 0.1 + 0.9 * ((Number(a[d] ?? 0) - f) / g);
       return { value: l, itemStyle: { opacity: Math.round(o * 100) / 100 } };
     }
     return l;
-  }, b = m ? (a) => {
+  }, b = h ? (a) => {
     const c = (Array.isArray(a) ? a : a.value)[2] ?? 0;
     return Math.max(4, Math.min(60, Math.sqrt(c) * 4));
   } : void 0;
-  if (d) {
+  if (u) {
     const a = /* @__PURE__ */ new Map();
     for (const c of e) {
-      const o = String(c[d] ?? "unknown");
-      a.has(o) || a.set(o, []), a.get(o).push(f(c));
+      const o = String(c[u] ?? "unknown");
+      a.has(o) || a.set(o, []), a.get(o).push(y(c));
     }
     const l = [];
     for (const [c, o] of a) {
       const p = { name: c, type: "scatter", data: o };
       b && (p.symbolSize = b), l.push(p);
     }
-    y.series = l, y.legend = { data: Array.from(a.keys()) };
+    m.series = l, m.legend = { data: Array.from(a.keys()) };
   } else {
-    const l = { type: "scatter", data: e.map((c) => f(c)) };
-    b && (l.symbolSize = b), y.series = [l];
+    const l = { type: "scatter", data: e.map((c) => y(c)) };
+    b && (l.symbolSize = b), m.series = [l];
   }
-  const v = i.referenceLines;
-  if (Array.isArray(v) && v.length > 0) {
-    const a = y.series[0];
+  const S = i.referenceLines;
+  if (Array.isArray(S) && S.length > 0) {
+    const a = m.series[0];
     a.markLine = {
       silent: !0,
       symbol: "none",
-      data: v.map((l) => {
+      data: S.map((l) => {
         const c = {};
         l.axis === "x" ? c.xAxis = l.value : c.yAxis = l.value, l.label && (c.name = l.label);
         const o = {};
@@ -190,86 +192,86 @@ function oe(e, r, i) {
       })
     };
   }
-  return y;
+  return m;
 }
-function le(e, r, i) {
+function ue(e, r, i) {
   if (!Array.isArray(e)) return {};
-  const t = r?.label ?? C(e), n = r?.value ?? _(e);
-  if (!t || !n) return {};
-  const s = e.map((u) => ({
-    name: String(u[t] ?? ""),
-    value: Number(u[n] ?? 0)
-  })), m = {
+  const t = r?.label ?? C(e), s = r?.value ?? _(e);
+  if (!t || !s) return {};
+  const n = e.map((f) => ({
+    name: String(f[t] ?? ""),
+    value: Number(f[s] ?? 0)
+  })), h = {
     type: "pie",
     radius: i.donut ? ["40%", "70%"] : "50%",
-    data: s,
+    data: n,
     label: { overflow: "truncate", width: 80 }
   };
-  i.showLabel === !1 && (m.label = { show: !1 });
-  const h = {
+  i.showLabel === !1 && (h.label = { show: !1 });
+  const d = {
     tooltip: { trigger: "item" },
     legend: { orient: "vertical", left: "left" },
-    series: [m]
-  }, y = i.center;
-  if (i.donut && y && (y.label || y.value)) {
-    const u = [];
-    y.label && u.push({
+    series: [h]
+  }, m = i.center;
+  if (i.donut && m && (m.label || m.value)) {
+    const f = [];
+    m.label && f.push({
       type: "text",
-      top: y.value ? -16 : 0,
-      style: { text: y.label, fontSize: 13, fill: "#999", textAlign: "center" }
-    }), y.value && u.push({
+      top: m.value ? -16 : 0,
+      style: { text: m.label, fontSize: 13, fill: "#999", textAlign: "center" }
+    }), m.value && f.push({
       type: "text",
-      top: y.label ? 8 : 0,
-      style: { text: y.value, fontSize: 20, fontWeight: "bold", fill: "#333", textAlign: "center" }
-    }), h.graphic = [{ type: "group", left: "center", top: "middle", children: u }];
+      top: m.label ? 8 : 0,
+      style: { text: m.value, fontSize: 20, fontWeight: "bold", fill: "#333", textAlign: "center" }
+    }), d.graphic = [{ type: "group", left: "center", top: "middle", children: f }];
   }
-  return h;
+  return d;
 }
-function ce(e, r, i) {
+function fe(e, r, i) {
   if (!Array.isArray(e)) return {};
-  const t = r?.axis ?? C(e), n = r?.y ?? j(e);
-  if (!t || n.length === 0) return {};
-  const s = e.map((m) => ({
-    name: String(m[t] ?? "")
-  })), d = n.map((m) => ({
-    name: m,
-    value: e.map((h) => Number(h[m] ?? 0))
+  const t = r?.axis ?? C(e), s = r?.y ?? I(e);
+  if (!t || s.length === 0) return {};
+  const n = e.map((h) => ({
+    name: String(h[t] ?? "")
+  })), u = s.map((h) => ({
+    name: h,
+    value: e.map((d) => Number(d[h] ?? 0))
   }));
   return {
     tooltip: {},
-    legend: { data: n },
-    radar: { indicator: s },
+    legend: { data: s },
+    radar: { indicator: n },
     series: [
       {
         type: "radar",
-        data: d
+        data: u
       }
     ]
   };
 }
-function ue(e, r, i) {
+function ye(e, r, i) {
   if (!Array.isArray(e)) return {};
-  const t = e[0] ?? {}, n = Object.keys(t), s = n.filter((o) => typeof t[o] == "string"), d = n.filter((o) => typeof t[o] == "number"), m = r?.x ?? s[0], h = r?.y?.[0] ?? s.find((o) => o !== m), y = r?.value ?? d[0];
-  if (!m || !h || !y) return {};
-  const u = [], x = [], g = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Set();
+  const t = e[0] ?? {}, s = Object.keys(t), n = s.filter((o) => typeof t[o] == "string"), u = s.filter((o) => typeof t[o] == "number"), h = r?.x ?? n[0], d = r?.y?.[0] ?? n.find((o) => o !== h), m = r?.value ?? u[0];
+  if (!h || !d || !m) return {};
+  const f = [], x = [], g = /* @__PURE__ */ new Set(), A = /* @__PURE__ */ new Set();
   for (const o of e) {
-    const p = String(o[m] ?? ""), w = String(o[h] ?? "");
-    g.has(p) || (g.add(p), u.push(p)), A.has(w) || (A.add(w), x.push(w));
+    const p = String(o[h] ?? ""), w = String(o[d] ?? "");
+    g.has(p) || (g.add(p), f.push(p)), A.has(w) || (A.add(w), x.push(w));
   }
-  const f = /* @__PURE__ */ new Map();
-  u.forEach((o, p) => f.set(o, p));
+  const y = /* @__PURE__ */ new Map();
+  f.forEach((o, p) => y.set(o, p));
   const b = /* @__PURE__ */ new Map();
   x.forEach((o, p) => b.set(o, p));
-  const v = [];
+  const S = [];
   let a = 1 / 0, l = -1 / 0;
   for (const o of e) {
-    const p = f.get(String(o[m] ?? "")) ?? 0, w = b.get(String(o[h] ?? "")) ?? 0, S = o[y] != null ? Number(o[y]) : null;
-    v.push([p, w, S]), S != null && (S < a && (a = S), S > l && (l = S));
+    const p = y.get(String(o[h] ?? "")) ?? 0, w = b.get(String(o[d] ?? "")) ?? 0, v = o[m] != null ? Number(o[m]) : null;
+    S.push([p, w, v]), v != null && (v < a && (a = v), v > l && (l = v));
   }
   isFinite(a) || (a = 0, l = 1);
   const c = i.colorRange ?? ["#313695", "#4575b4", "#74add1", "#abd9e9", "#fee090", "#fdae61", "#f46d43", "#d73027"];
   return {
-    xAxis: { type: "category", data: u, splitArea: { show: !0 } },
+    xAxis: { type: "category", data: f, splitArea: { show: !0 } },
     yAxis: { type: "category", data: x, splitArea: { show: !0 } },
     visualMap: {
       min: i.min != null ? Number(i.min) : a,
@@ -284,38 +286,38 @@ function ue(e, r, i) {
       trigger: "item",
       formatter: (o) => {
         const p = o.data;
-        return p ? `${u[p[0]]} × ${x[p[1]]}: ${p[2] != null ? p[2] : "-"}` : "";
+        return p ? `${f[p[0]]} × ${x[p[1]]}: ${p[2] != null ? p[2] : "-"}` : "";
       }
     },
     grid: { bottom: 60 },
     series: [{
       type: "heatmap",
-      data: v,
+      data: S,
       label: { show: i.showLabel !== !1 }
     }]
   };
 }
-function fe(e, r, i) {
+function he(e, r, i) {
   if (!Array.isArray(e) || e.length === 0) return {};
-  const t = e[0] ?? {}, n = Object.keys(t), s = n.filter((g) => typeof t[g] == "string"), d = n.filter((g) => typeof t[g] == "number"), m = r?.x ?? s[0];
-  let h;
+  const t = e[0] ?? {}, s = Object.keys(t), n = s.filter((g) => typeof t[g] == "string"), u = s.filter((g) => typeof t[g] == "number"), h = r?.x ?? n[0];
+  let d;
   if (r?.y && r.y.length >= 5)
-    h = r.y.slice(0, 5);
+    d = r.y.slice(0, 5);
   else {
-    const A = ["min", "q1", "median", "q3", "max"].filter((f) => d.includes(f));
-    h = A.length === 5 ? A : d.slice(0, 5);
+    const A = ["min", "q1", "median", "q3", "max"].filter((y) => u.includes(y));
+    d = A.length === 5 ? A : u.slice(0, 5);
   }
-  if (h.length < 5) return {};
-  const y = m ? e.map((g) => String(g[m] ?? "")) : void 0, u = e.map(
-    (g) => h.map((A) => Number(g[A] ?? 0))
+  if (d.length < 5) return {};
+  const m = h ? e.map((g) => String(g[h] ?? "")) : void 0, f = e.map(
+    (g) => d.map((A) => Number(g[A] ?? 0))
   ), x = {
     tooltip: { trigger: "item" },
     series: [{
       type: "boxplot",
-      data: u
+      data: f
     }]
   };
-  return y ? (x.xAxis = { type: "category", data: y }, x.yAxis = { type: "value" }) : (x.xAxis = { type: "category" }, x.yAxis = { type: "value" }), x;
+  return m ? (x.xAxis = { type: "category", data: m }, x.yAxis = { type: "value" }) : (x.xAxis = { type: "category" }, x.yAxis = { type: "value" }), x;
 }
 function C(e) {
   if (e.length === 0) return;
@@ -327,39 +329,39 @@ function _(e) {
   const r = e[0];
   return Object.keys(r).find((i) => typeof r[i] == "number");
 }
-function ye(e, r, i) {
+function me(e, r, i) {
   if (!Array.isArray(e)) return {};
-  const t = r?.label ?? C(e), n = r?.value ?? _(e);
-  if (!t || !n) return {};
-  const s = e.map((d) => ({
-    name: String(d[t] ?? ""),
-    value: Number(d[n] ?? 0)
+  const t = r?.label ?? C(e), s = r?.value ?? _(e);
+  if (!t || !s) return {};
+  const n = e.map((u) => ({
+    name: String(u[t] ?? ""),
+    value: Number(u[s] ?? 0)
   }));
   return {
     tooltip: { trigger: "item", formatter: "{b}: {c} ({d}%)" },
     legend: { orient: "vertical", left: "left" },
     series: [{
       type: "funnel",
-      data: s,
+      data: n,
       sort: "descending",
       gap: 2,
       label: { show: !0, position: "inside" }
     }]
   };
 }
-function he(e, r, i) {
+function de(e, r, i) {
   if (!Array.isArray(e)) return {};
-  const t = e, n = r?.x ?? C(t), s = (r?.y ?? [_(t)])[0];
-  if (!n || !s) return {};
-  const d = [], m = [], h = [], y = [];
-  let u = 0;
+  const t = e, s = r?.x ?? C(t), n = (r?.y ?? [_(t)])[0];
+  if (!s || !n) return {};
+  const u = [], h = [], d = [], m = [];
+  let f = 0;
   for (const x of t) {
-    const g = String(x[n] ?? ""), A = Number(x[s] ?? 0);
-    d.push(g), A >= 0 ? (m.push(u), h.push(A), y.push(null)) : (m.push(u + A), h.push(null), y.push(Math.abs(A))), u += A;
+    const g = String(x[s] ?? ""), A = Number(x[n] ?? 0);
+    u.push(g), A >= 0 ? (h.push(f), d.push(A), m.push(null)) : (h.push(f + A), d.push(null), m.push(Math.abs(A))), f += A;
   }
   return {
     tooltip: { trigger: "axis", axisPointer: { type: "shadow" } },
-    xAxis: { type: "category", data: d },
+    xAxis: { type: "category", data: u },
     yAxis: { type: "value" },
     series: [
       {
@@ -368,26 +370,26 @@ function he(e, r, i) {
         stack: "waterfall",
         itemStyle: { borderColor: "transparent", color: "transparent" },
         emphasis: { itemStyle: { borderColor: "transparent", color: "transparent" } },
-        data: m
+        data: h
       },
       {
         name: "Positive",
         type: "bar",
         stack: "waterfall",
-        data: h
+        data: d
       },
       {
         name: "Negative",
         type: "bar",
         stack: "waterfall",
-        data: y
+        data: m
       }
     ]
   };
 }
-function de(e, r) {
+function be(e, r) {
   if (!Array.isArray(e)) return {};
-  const i = e.map((t) => M(t));
+  const i = e.map((t) => j(t));
   return {
     tooltip: { trigger: "item" },
     series: [{
@@ -399,39 +401,39 @@ function de(e, r) {
     }]
   };
 }
-function M(e) {
+function j(e) {
   const r = {
     name: String(e.name ?? ""),
     value: Number(e.value ?? 0)
   };
-  return Array.isArray(e.children) && (r.children = e.children.map((i) => M(i))), r;
+  return Array.isArray(e.children) && (r.children = e.children.map((i) => j(i))), r;
 }
-function me(e, r, i) {
+function pe(e, r, i) {
   let t;
   if (!Array.isArray(e) || e.length === 0) return {};
   if (typeof e[0] == "number")
     t = e;
   else {
-    const f = r?.value ?? _(e);
-    if (!f) return {};
-    t = e.map((b) => Number(b[f] ?? 0));
+    const y = r?.value ?? _(e);
+    if (!y) return {};
+    t = e.map((b) => Number(b[y] ?? 0));
   }
   if (t.length === 0) return {};
-  const n = typeof i.bins == "number" ? i.bins : Math.ceil(Math.log2(t.length) + 1), s = Math.min(...t), h = (Math.max(...t) - s) / n || 1, y = new Array(n).fill(0), u = [];
-  for (let f = 0; f < n; f++) {
-    const b = s + f * h, v = s + (f + 1) * h, a = (l) => Number.isInteger(l) ? String(l) : l.toFixed(1);
-    u.push(`${a(b)}–${a(v)}`);
+  const s = typeof i.bins == "number" ? i.bins : Math.ceil(Math.log2(t.length) + 1), n = Math.min(...t), d = (Math.max(...t) - n) / s || 1, m = new Array(s).fill(0), f = [];
+  for (let y = 0; y < s; y++) {
+    const b = n + y * d, S = n + (y + 1) * d, a = (l) => Number.isInteger(l) ? String(l) : l.toFixed(1);
+    f.push(`${a(b)}–${a(S)}`);
   }
-  for (const f of t) {
-    let b = Math.floor((f - s) / h);
-    b >= n && (b = n - 1), y[b]++;
+  for (const y of t) {
+    let b = Math.floor((y - n) / d);
+    b >= s && (b = s - 1), m[b]++;
   }
   const x = {
     type: "bar",
-    data: y,
+    data: m,
     barCategoryGap: "0%"
   }, g = {
-    xAxis: { type: "category", data: u, axisTick: { alignWithLabel: !0 } },
+    xAxis: { type: "category", data: f, axisTick: { alignWithLabel: !0 } },
     yAxis: { type: "value" },
     series: [x],
     tooltip: { trigger: "axis" }
@@ -439,52 +441,80 @@ function me(e, r, i) {
   return Array.isArray(A) && A.length > 0 && (x.markLine = {
     silent: !0,
     symbol: "none",
-    data: A.map((f) => {
+    data: A.map((y) => {
       const b = {};
-      f.axis === "x" ? b.xAxis = f.value : b.yAxis = f.value, f.label && (b.name = f.label);
-      const v = {};
-      return f.color && (v.color = f.color), f.style && (v.type = f.style), Object.keys(v).length > 0 && (b.lineStyle = v), f.label && (b.label = { formatter: f.label, position: "end" }), b;
+      y.axis === "x" ? b.xAxis = y.value : b.yAxis = y.value, y.label && (b.name = y.label);
+      const S = {};
+      return y.color && (S.color = y.color), y.style && (S.type = y.style), Object.keys(S).length > 0 && (b.lineStyle = S), y.label && (b.label = { formatter: y.label, position: "end" }), b;
     })
   }), g;
 }
-function j(e) {
+function I(e) {
   if (e.length === 0) return [];
   const r = e[0];
   return Object.keys(r).filter((i) => typeof r[i] == "number");
 }
-function I(e, r) {
+function V(e, r) {
   const i = { ...e };
   for (const t of Object.keys(r)) {
-    const n = e[t], s = r[t];
-    N(n) && N(s) ? i[t] = I(n, s) : i[t] = s;
+    const s = e[t], n = r[t];
+    z(s) && z(n) ? i[t] = V(s, n) : i[t] = n;
   }
   return i;
 }
-function N(e) {
+function z(e) {
   return e != null && typeof e == "object" && !Array.isArray(e);
 }
-var be = Object.defineProperty, pe = Object.getOwnPropertyDescriptor, V = (e, r, i, t) => {
-  for (var n = t > 1 ? void 0 : t ? pe(r, i) : r, s = e.length - 1, d; s >= 0; s--)
-    (d = e[s]) && (n = (t ? d(r, i, n) : d(n)) || n);
-  return t && n && be(r, i, n), n;
+function xe(e, r) {
+  return (i) => {
+    let t;
+    if (e.type) {
+      const s = e.type === "currency" && e.currency ? `currency:${e.currency}` : e.type;
+      t = q(i, s, r), e.type === "percent" && (t = typeof i == "number" ? new Intl.NumberFormat(r, { maximumFractionDigits: e.decimals ?? 2 }).format(i) + "%" : String(i) + "%");
+    } else
+      t = String(i);
+    if (e.decimals !== void 0 && e.type === "number") {
+      const s = Number(i);
+      isNaN(s) || (t = new Intl.NumberFormat(r, {
+        minimumFractionDigits: e.decimals,
+        maximumFractionDigits: e.decimals
+      }).format(s));
+    }
+    return e.prefix && (t = e.prefix + t), e.suffix && (t = t + e.suffix), t;
+  };
+}
+function L(e, r, i, t) {
+  if (!i || !e[r]) return;
+  const s = xe(i, t), n = e[r];
+  if (Array.isArray(n))
+    e[r] = n.map((u) => u.type === "value" ? { ...u, axisLabel: { ...u.axisLabel ?? {}, formatter: s } } : u);
+  else if (z(n)) {
+    const u = n;
+    e[r] = { ...u, axisLabel: { ...u.axisLabel ?? {}, formatter: s } };
+  }
+}
+var ge = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, D = (e, r, i, t) => {
+  for (var s = t > 1 ? void 0 : t ? Ae(r, i) : r, n = e.length - 1, u; n >= 0; n--)
+    (u = e[n]) && (s = (t ? u(r, i, s) : u(s)) || s);
+  return t && s && ge(r, i, s), s;
 };
 O.use([
-  q,
-  G,
   H,
-  K,
   U,
   Y,
   J,
   Q,
   X,
   Z,
+  K,
   ee,
   te,
   re,
   ie,
   se,
-  ne
+  ne,
+  ae,
+  oe
 ]);
 let k = class extends E {
   constructor() {
@@ -534,19 +564,19 @@ let k = class extends E {
   }
   _updateChart() {
     if (!this._chart || !this.spec) return;
-    const e = ae(this.spec), r = this._readThemeColors();
+    const e = le(this.spec), r = this._readThemeColors();
     r.length > 0 && (e.color = r), this._readCSSVar("--u-widget-bg") && (e.backgroundColor = "transparent"), this._applyThemeStyle(e), this._chart.setOption(e, !0);
   }
   _applyThemeStyle(e) {
     const r = this._readCSSVar("--u-widget-text"), i = this._readCSSVar("--u-widget-text-secondary"), t = this._readCSSVar("--u-widget-border");
     if (!r) return;
     e.textStyle = { ...e.textStyle, color: r };
-    const n = {
+    const s = {
       axisLabel: { color: i || r },
       axisLine: { lineStyle: { color: t || i } },
       splitLine: { lineStyle: { color: t } }
     };
-    e.xAxis && typeof e.xAxis == "object" && (e.xAxis = { ...e.xAxis, ...n }), e.yAxis && typeof e.yAxis == "object" && (e.yAxis = { ...e.yAxis, ...n }), e.legend && typeof e.legend == "object" && (e.legend = { ...e.legend, textStyle: { color: r } });
+    e.xAxis && typeof e.xAxis == "object" && (e.xAxis = { ...e.xAxis, ...s }), e.yAxis && typeof e.yAxis == "object" && (e.yAxis = { ...e.yAxis, ...s }), e.legend && typeof e.legend == "object" && (e.legend = { ...e.legend, textStyle: { color: r } });
   }
   _readThemeColors() {
     const e = [];
@@ -573,7 +603,7 @@ let k = class extends E {
   }
 };
 k.styles = [
-  W,
+  G,
   P`
       :host {
         display: block;
@@ -592,14 +622,14 @@ k.styles = [
       }
     `
 ];
-V([
-  D({ type: Object })
+D([
+  $({ type: Object })
 ], k.prototype, "spec", 2);
-k = V([
-  $("uw-chart")
+k = D([
+  B("uw-chart")
 ], k);
 export {
   k as UwChart,
-  ae as toEChartsOption
+  le as toEChartsOption
 };
 //# sourceMappingURL=u-widgets-charts.js.map