@iyulab/u-widgets 0.8.1 → 0.9.1

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 { css as P, LitElement as T, nothing as E, html as R } from "lit";
+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) {
-  for (const i of r) {
-    const t = e[i.field];
+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, i) {
+  for (const r of i) {
+    const t = e[r.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 = r.above === void 0 || n > r.above, u = r.below === void 0 || n < r.below;
+    if (s && u) return r;
   }
 }
-function ae(e) {
-  const r = e.widget, i = e.data, t = e.mapping ? B(e.mapping) : void 0, n = e.options ?? {};
-  if (!i) return {};
+function le(e) {
+  const i = e.widget, r = e.data, t = e.mapping ? W(e.mapping) : void 0, n = e.options ?? {};
+  if (!r) return {};
   let s;
-  switch (r) {
+  switch (i) {
     case "chart.bar":
-      s = z(i, t, "bar", n);
+      s = N(r, t, "bar", n);
       break;
     case "chart.line":
-      s = z(i, t, "line", n);
+      s = N(r, t, "line", n);
       break;
     case "chart.area":
-      s = z(i, t, "line", { ...n, _area: !0 });
+      s = N(r, t, "line", { ...n, _area: !0 });
       break;
     case "chart.pie":
-      s = le(i, t, n);
+      s = ue(r, t, n);
       break;
     case "chart.scatter":
-      s = oe(i, t, n);
+      s = ce(r, t, n);
       break;
     case "chart.radar":
-      s = ce(i, t);
+      s = fe(r, t);
       break;
     case "chart.heatmap":
-      s = ue(i, t, n);
+      s = ye(r, t, n);
       break;
     case "chart.box":
-      s = fe(i, t);
+      s = he(r, t);
       break;
     case "chart.funnel":
-      s = ye(i, t);
+      s = me(r, t);
       break;
     case "chart.waterfall":
-      s = he(i, t);
+      s = de(r, t);
       break;
     case "chart.treemap":
-      s = de(i);
+      s = be(r);
       break;
     case "chart.histogram":
-      s = me(i, t, n);
+      s = pe(r, t, n);
       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;
+  const u = n.locale;
+  L(s, "xAxis", n.xFormat, u), L(s, "yAxis", n.yFormat, u);
+  const h = n.echarts;
+  return h && typeof h == "object" && (s = V(s, h)), s;
 }
-function z(e, r, i, t) {
+function N(e, i, r, t) {
   if (!Array.isArray(e)) return {};
-  const n = r?.x ?? C(e), s = r?.y ?? [_(e)].filter(Boolean);
+  const n = i?.x ?? C(e), s = i?.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 u = e.map((a) => String(a[n] ?? "")), h = !!t.horizontal, d = Array.isArray(t.series) ? t.series : [], m = t.conditionalStyles, f = s.map((a, l) => {
     const c = {
       name: a,
-      type: i,
+      type: r,
       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);
+    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, i, r) {
   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;
+  const t = I(e), n = i?.x ?? t[0], s = (i?.y ?? [t[1]])[0], u = i?.color, h = i?.size, d = i?.opacity;
   if (!n || !s) return {};
-  const y = {
+  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 g = x - f || 1, A = r.conditionalStyles, y = (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);
+    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 = r.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,50 +192,50 @@ function oe(e, r, i) {
       })
     };
   }
-  return y;
+  return m;
 }
-function le(e, r, i) {
+function ue(e, i, r) {
   if (!Array.isArray(e)) return {};
-  const t = r?.label ?? C(e), n = r?.value ?? _(e);
+  const t = i?.label ?? C(e), n = i?.value ?? _(e);
   if (!t || !n) return {};
-  const s = e.map((u) => ({
-    name: String(u[t] ?? ""),
-    value: Number(u[n] ?? 0)
-  })), m = {
+  const s = e.map((f) => ({
+    name: String(f[t] ?? ""),
+    value: Number(f[n] ?? 0)
+  })), h = {
     type: "pie",
-    radius: i.donut ? ["40%", "70%"] : "50%",
+    radius: r.donut ? ["40%", "70%"] : "50%",
     data: s,
     label: { overflow: "truncate", width: 80 }
   };
-  i.showLabel === !1 && (m.label = { show: !1 });
-  const h = {
+  r.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 = r.center;
+  if (r.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, i, r) {
   if (!Array.isArray(e)) return {};
-  const t = r?.axis ?? C(e), n = r?.y ?? j(e);
+  const t = i?.axis ?? C(e), n = i?.y ?? I(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 s = e.map((h) => ({
+    name: String(h[t] ?? "")
+  })), u = n.map((h) => ({
+    name: h,
+    value: e.map((d) => Number(d[h] ?? 0))
   }));
   return {
     tooltip: {},
@@ -242,38 +244,38 @@ function ce(e, r, i) {
     series: [
       {
         type: "radar",
-        data: d
+        data: u
       }
     ]
   };
 }
-function ue(e, r, i) {
+function ye(e, i, r) {
   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] ?? {}, n = Object.keys(t), s = n.filter((o) => typeof t[o] == "string"), u = n.filter((o) => typeof t[o] == "number"), h = i?.x ?? s[0], d = i?.y?.[0] ?? s.find((o) => o !== h), m = i?.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"];
+  const c = r.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,
-      max: i.max != null ? Number(i.max) : l,
+      min: r.min != null ? Number(r.min) : a,
+      max: r.max != null ? Number(r.max) : l,
       calculable: !0,
       orient: "horizontal",
       left: "center",
@@ -284,56 +286,56 @@ 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,
-      label: { show: i.showLabel !== !1 }
+      data: S,
+      label: { show: r.showLabel !== !1 }
     }]
   };
 }
-function fe(e, r, i) {
+function he(e, i, r) {
   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;
-  if (r?.y && r.y.length >= 5)
-    h = r.y.slice(0, 5);
+  const t = e[0] ?? {}, n = Object.keys(t), s = n.filter((g) => typeof t[g] == "string"), u = n.filter((g) => typeof t[g] == "number"), h = i?.x ?? s[0];
+  let d;
+  if (i?.y && i.y.length >= 5)
+    d = i.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;
-  const r = e[0];
-  return Object.keys(r).find((i) => typeof r[i] == "string");
+  const i = e[0];
+  return Object.keys(i).find((r) => typeof i[r] == "string");
 }
 function _(e) {
   if (e.length === 0) return;
-  const r = e[0];
-  return Object.keys(r).find((i) => typeof r[i] == "number");
+  const i = e[0];
+  return Object.keys(i).find((r) => typeof i[r] == "number");
 }
-function ye(e, r, i) {
+function me(e, i, r) {
   if (!Array.isArray(e)) return {};
-  const t = r?.label ?? C(e), n = r?.value ?? _(e);
+  const t = i?.label ?? C(e), n = i?.value ?? _(e);
   if (!t || !n) return {};
-  const s = e.map((d) => ({
-    name: String(d[t] ?? ""),
-    value: Number(d[n] ?? 0)
+  const s = e.map((u) => ({
+    name: String(u[t] ?? ""),
+    value: Number(u[n] ?? 0)
   }));
   return {
     tooltip: { trigger: "item", formatter: "{b}: {c} ({d}%)" },
@@ -347,19 +349,19 @@ function ye(e, r, i) {
     }]
   };
 }
-function he(e, r, i) {
+function de(e, i, r) {
   if (!Array.isArray(e)) return {};
-  const t = e, n = r?.x ?? C(t), s = (r?.y ?? [_(t)])[0];
+  const t = e, n = i?.x ?? C(t), s = (i?.y ?? [_(t)])[0];
   if (!n || !s) return {};
-  const d = [], m = [], h = [], y = [];
-  let u = 0;
+  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;
+    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,132 +370,160 @@ 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, i) {
   if (!Array.isArray(e)) return {};
-  const i = e.map((t) => M(t));
+  const r = e.map((t) => j(t));
   return {
     tooltip: { trigger: "item" },
     series: [{
       type: "treemap",
-      data: i,
+      data: r,
       leafDepth: 1,
       roam: !1,
       label: { show: !0, formatter: "{b}" }
     }]
   };
 }
-function M(e) {
-  const r = {
+function j(e) {
+  const i = {
     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) && (i.children = e.children.map((r) => j(r))), i;
 }
-function me(e, r, i) {
+function pe(e, i, r) {
   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 = i?.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 n = typeof r.bins == "number" ? r.bins : Math.ceil(Math.log2(t.length) + 1), s = Math.min(...t), d = (Math.max(...t) - s) / n || 1, m = new Array(n).fill(0), f = [];
+  for (let y = 0; y < n; y++) {
+    const b = s + y * d, S = s + (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 - s) / d);
+    b >= n && (b = n - 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" }
-  }, A = i.referenceLines;
+  }, A = r.referenceLines;
   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");
+  const i = e[0];
+  return Object.keys(i).filter((r) => typeof i[r] == "number");
 }
-function I(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;
+function V(e, i) {
+  const r = { ...e };
+  for (const t of Object.keys(i)) {
+    const n = e[t], s = i[t];
+    z(n) && z(s) ? r[t] = V(n, s) : r[t] = s;
   }
-  return i;
+  return r;
 }
-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, i) {
+  return (r) => {
+    let t;
+    if (e.type) {
+      const n = e.type === "currency" && e.currency ? `currency:${e.currency}` : e.type;
+      t = q(r, n, i), e.type === "percent" && (t = typeof r == "number" ? new Intl.NumberFormat(i, { maximumFractionDigits: e.decimals ?? 2 }).format(r) + "%" : String(r) + "%");
+    } else
+      t = String(r);
+    if (e.decimals !== void 0 && e.type === "number") {
+      const n = Number(r);
+      isNaN(n) || (t = new Intl.NumberFormat(i, {
+        minimumFractionDigits: e.decimals,
+        maximumFractionDigits: e.decimals
+      }).format(n));
+    }
+    return e.prefix && (t = e.prefix + t), e.suffix && (t = t + e.suffix), t;
+  };
+}
+function L(e, i, r, t) {
+  if (!r || !e[i]) return;
+  const n = xe(r, t), s = e[i];
+  if (Array.isArray(s))
+    e[i] = s.map((u) => u.type === "value" ? { ...u, axisLabel: { ...u.axisLabel ?? {}, formatter: n } } : u);
+  else if (z(s)) {
+    const u = s;
+    e[i] = { ...u, axisLabel: { ...u.axisLabel ?? {}, formatter: n } };
+  }
+}
+var ge = Object.defineProperty, Ae = Object.getOwnPropertyDescriptor, D = (e, i, r, t) => {
+  for (var n = t > 1 ? void 0 : t ? Ae(i, r) : i, s = e.length - 1, u; s >= 0; s--)
+    (u = e[s]) && (n = (t ? u(i, r, n) : u(n)) || n);
+  return t && n && ge(i, r, n), n;
 };
 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 {
+let k = class extends T {
   constructor() {
     super(...arguments), this.spec = null, this._chart = null, this._container = null, this._resizeObserver = null;
   }
   render() {
-    if (!this.spec) return R;
+    if (!this.spec) return E;
     const e = this.spec.title ?? `${this.spec.widget} chart`;
-    return T`<div class="chart-container" part="chart" role="img" aria-label=${e}></div>`;
+    return R`<div class="chart-container" part="chart" role="img" aria-label=${e}></div>`;
   }
   firstUpdated() {
     this._container = this.shadowRoot?.querySelector(".chart-container"), this._initChart(), this._container && (this._resizeObserver = new ResizeObserver(() => this._chart?.resize()), this._resizeObserver.observe(this._container));
@@ -513,7 +543,7 @@ let k = class extends E {
   }
   _onChartClick(e) {
     if (!this.spec) return;
-    const r = {
+    const i = {
       type: "select",
       widget: this.spec.widget,
       id: this.spec.id,
@@ -526,7 +556,7 @@ let k = class extends E {
     };
     this.dispatchEvent(
       new CustomEvent("u-widget-internal", {
-        detail: r,
+        detail: i,
         bubbles: !0,
         composed: !0
       })
@@ -534,30 +564,42 @@ let k = class extends E {
   }
   _updateChart() {
     if (!this._chart || !this.spec) return;
-    const e = ae(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);
+    const e = le(this.spec);
+    if (!(Array.isArray(
+      this.spec.options?.colors
+    ) && this.spec.options.colors.length > 0)) {
+      const 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 = {
-      axisLabel: { color: i || r },
-      axisLine: { lineStyle: { color: t || i } },
-      splitLine: { lineStyle: { color: t } }
+    const i = this._readCSSVar("--u-widget-text"), r = this._readCSSVar("--u-widget-text-secondary"), t = this._readCSSVar("--u-widget-border");
+    if (!i) return;
+    e.textStyle = { ...e.textStyle, color: i };
+    const n = (s) => {
+      if (!s || typeof s != "object") return s;
+      if (Array.isArray(s)) return s.map(n);
+      const u = s;
+      return {
+        ...u,
+        axisLabel: { ...u.axisLabel ?? {}, color: r || i },
+        axisLine: { lineStyle: { color: t || r } },
+        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 && (e.xAxis = n(e.xAxis)), e.yAxis && (e.yAxis = n(e.yAxis)), e.legend && typeof e.legend == "object" && (e.legend = { ...e.legend, textStyle: { color: i } });
   }
   _readThemeColors() {
     const e = [];
-    for (let r = 1; r <= 10; r++) {
-      const i = this._readCSSVar(`--u-widget-chart-color-${r}`);
-      if (i) e.push(i);
+    for (let i = 1; i <= 10; i++) {
+      const r = this._readCSSVar(`--u-widget-chart-color-${i}`);
+      if (r) e.push(r);
       else break;
     }
     if (e.length === 0) {
-      const r = this._readCSSVar("--u-widget-primary");
-      r && e.push(r);
+      const i = this._readCSSVar("--u-widget-primary");
+      i && e.push(i);
     }
     return e;
   }
@@ -573,7 +615,7 @@ let k = class extends E {
   }
 };
 k.styles = [
-  W,
+  G,
   P`
       :host {
         display: block;
@@ -592,14 +634,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