@iyulab/u-widgets 0.6.2 → 0.7.1

package/dist/u-widgets-charts.d.ts

@@ -16,7 +16,7 @@ declare type FieldType = 'text' | 'email' | 'password' | 'tel' | 'url' | 'textar
  */
 export declare function toEChartsOption(spec: UWidgetSpec): Record<string, unknown>;
 
-export declare class UChart extends LitElement {
+export declare class UwChart extends LitElement {
     static styles: CSSResult[];
     spec: UWidgetSpec | null;
     private _chart;

package/dist/u-widgets-charts.js

@@ -1,12 +1,12 @@
-import { css as V, LitElement as I, nothing as P, html as E } from "lit";
-import { property as R, customElement as T } from "lit/decorators.js";
-import { a as D, t as $ } from "./tokens-x1kDxgG8.js";
-import * as N from "echarts/core";
-import { BarChart as B, LineChart as q, PieChart as G, ScatterChart as H, RadarChart as K, HeatmapChart as U, BoxplotChart as W, FunnelChart as J, TreemapChart as Q } from "echarts/charts";
-import { GridComponent as X, TooltipComponent as Y, LegendComponent as Z, RadarComponent as ee, MarkLineComponent as te, VisualMapComponent as re } from "echarts/components";
+import { css as M, LitElement as V, nothing as P, html as E } from "lit";
+import { property as R, customElement as D } from "lit/decorators.js";
+import { a as T, t as $ } from "./tokens-x1kDxgG8.js";
+import * as z from "echarts/core";
+import { BarChart as B, LineChart as q, PieChart as W, ScatterChart as G, RadarChart as H, HeatmapChart as K, BoxplotChart as U, FunnelChart as Y, TreemapChart as J } from "echarts/charts";
+import { GridComponent as Q, TooltipComponent as X, LegendComponent as Z, RadarComponent as ee, MarkLineComponent as te, VisualMapComponent as re } from "echarts/components";
 import { CanvasRenderer as se } from "echarts/renderers";
 function ie(e) {
-  const t = e.widget, i = e.data, r = e.mapping ? D(e.mapping) : void 0, n = e.options ?? {};
+  const t = e.widget, i = e.data, r = e.mapping ? T(e.mapping) : void 0, n = e.options ?? {};
   if (!i) return {};
   let s;
   switch (t) {
@@ -41,143 +41,164 @@ function ie(e) {
       s = fe(i, r);
       break;
     case "chart.treemap":
-      s = he(i);
+      s = ye(i);
       break;
     default:
       return {};
   }
-  n.legend === !1 && s.legend && (s.legend = { ...s.legend, show: !1 }), n.grid === !1 && (s.xAxis && typeof s.xAxis == "object" && (s.xAxis = { ...s.xAxis, splitLine: { show: !1 } }), s.yAxis && typeof s.yAxis == "object" && (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 c = n.echarts;
-  return c && typeof c == "object" && (s = L(s, c)), s;
+  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 y = n.echarts;
+  return y && typeof y == "object" && (s = L(s, y)), s;
 }
 function F(e, t, i, r) {
   if (!Array.isArray(e)) return {};
   const n = t?.x ?? C(e), s = t?.y ?? [k(e)].filter(Boolean);
   if (!n || s.length === 0) return {};
-  const c = e.map((l) => String(l[n] ?? "")), u = !!r.horizontal, f = Array.isArray(r.series) ? r.series : [], y = s.map((l, x) => {
-    const o = {
-      name: l,
+  const y = e.map((a) => String(a[n] ?? "")), f = !!r.horizontal, d = Array.isArray(r.series) ? r.series : [], c = s.map((a, o) => {
+    const l = {
+      name: a,
       type: i,
-      data: e.map((h) => h[l] ?? null)
+      data: e.map((p) => p[a] ?? null)
     };
-    r._area && (o.areaStyle = {}), r.smooth && (o.smooth = !0), r.step && (o.step = r.step === !0 ? "end" : r.step);
-    const a = f[x];
-    return a && (a.color && (o.itemStyle = { color: a.color }, o.lineStyle = { ...o.lineStyle ?? {}, color: a.color }), a.lineStyle && (o.lineStyle = { ...o.lineStyle ?? {}, ...a.lineStyle }), a.symbol !== void 0 && (o.symbol = a.symbol), a.label && (o.name = a.label)), o;
-  }), b = { type: "category", data: c }, p = { type: "value" };
-  r.histogram && (b.axisTick = { alignWithLabel: !0 }, y.forEach((l) => {
-    l.barCategoryGap = "0%";
+    r._area && (l.areaStyle = {}), r.smooth && (l.smooth = !0), r.step && (l.step = r.step === !0 ? "end" : r.step);
+    const u = d[o];
+    return u && (u.color && (l.itemStyle = { color: u.color }, l.lineStyle = { ...l.lineStyle ?? {}, color: u.color }), u.lineStyle && (l.lineStyle = { ...l.lineStyle ?? {}, ...u.lineStyle }), u.symbol !== void 0 && (l.symbol = u.symbol), u.label && (l.name = u.label), u.type && (l.type = u.type), u.yAxisIndex !== void 0 && (l.yAxisIndex = u.yAxisIndex)), l;
+  }), h = { type: "category", data: y }, m = { type: "value" };
+  r.histogram && (h.axisTick = { alignWithLabel: !0 }, c.forEach((a) => {
+    a.barCategoryGap = "0%";
   }));
-  const g = {
-    xAxis: u ? p : b,
-    yAxis: u ? b : p,
-    series: y,
+  const x = !f && c.some((a) => a.yAxisIndex >= 1);
+  let b;
+  if (x) {
+    const a = Array.isArray(r.yAxis) && r.yAxis.length >= 2 ? r.yAxis[1] : { type: "value" };
+    b = [m, a];
+  } else
+    b = f ? h : m;
+  const A = {
+    xAxis: f ? m : h,
+    yAxis: b,
+    series: c,
     tooltip: { trigger: "axis" }
   };
   if (s.length > 1) {
-    const l = y.map((x) => x.name);
-    g.legend = { data: l };
+    const a = c.map((o) => o.name);
+    A.legend = { data: a };
   }
-  r.stack && g.series.forEach((l) => {
-    l.stack = "total";
+  r.stack && A.series.forEach((a) => {
+    a.stack = "total";
   });
-  const m = r.referenceLines;
-  return Array.isArray(m) && m.length > 0 && y.length > 0 && (y[0].markLine = {
+  const v = r.referenceLines;
+  return Array.isArray(v) && v.length > 0 && c.length > 0 && (c[0].markLine = {
     silent: !0,
     symbol: "none",
-    data: m.map((l) => {
-      const x = {};
-      l.axis === "x" ? x.xAxis = l.value : x.yAxis = l.value, l.label && (x.name = l.label);
+    data: v.map((a) => {
       const o = {};
-      return l.color && (o.color = l.color), l.style && (o.type = l.style), Object.keys(o).length > 0 && (x.lineStyle = o), l.label && (x.label = { formatter: l.label, position: "end" }), x;
+      a.axis === "x" ? o.xAxis = a.value : o.yAxis = a.value, a.label && (o.name = a.label);
+      const l = {};
+      return a.color && (l.color = a.color), a.style && (l.type = a.style), Object.keys(l).length > 0 && (o.lineStyle = l), a.label && (o.label = { formatter: a.label, position: "end" }), o;
     })
-  }), g;
+  }), A;
 }
 function ne(e, t, i) {
   if (!Array.isArray(e)) return {};
-  const r = j(e), n = t?.x ?? r[0], s = (t?.y ?? [r[1]])[0], c = t?.color, u = t?.size, f = t?.opacity;
+  const r = j(e), n = t?.x ?? r[0], s = (t?.y ?? [r[1]])[0], y = t?.color, f = t?.size, d = t?.opacity;
   if (!n || !s) return {};
-  const y = {
+  const c = {
     xAxis: { type: "value" },
     yAxis: { type: "value" },
     tooltip: { trigger: "item" }
   };
-  let b = 1 / 0, p = -1 / 0;
-  if (f)
-    for (const o of e) {
-      const a = Number(o[f] ?? 0);
-      a < b && (b = a), a > p && (p = a);
+  let h = 1 / 0, m = -1 / 0;
+  if (d)
+    for (const a of e) {
+      const o = Number(a[d] ?? 0);
+      o < h && (h = o), o > m && (m = o);
     }
-  const g = p - b || 1, m = (o) => {
-    const a = [Number(o[n] ?? 0), Number(o[s] ?? 0)];
-    if (u && a.push(Number(o[u] ?? 0)), f) {
-      const S = 0.1 + 0.9 * ((Number(o[f] ?? 0) - b) / g);
-      return { value: a, itemStyle: { opacity: Math.round(S * 100) / 100 } };
+  const x = m - h || 1, b = (a) => {
+    const o = [Number(a[n] ?? 0), Number(a[s] ?? 0)];
+    if (f && o.push(Number(a[f] ?? 0)), d) {
+      const u = 0.1 + 0.9 * ((Number(a[d] ?? 0) - h) / x);
+      return { value: o, itemStyle: { opacity: Math.round(u * 100) / 100 } };
     }
-    return a;
-  }, l = u ? (o) => {
-    const h = (Array.isArray(o) ? o : o.value)[2] ?? 0;
-    return Math.max(4, Math.min(60, Math.sqrt(h) * 4));
+    return o;
+  }, A = f ? (a) => {
+    const l = (Array.isArray(a) ? a : a.value)[2] ?? 0;
+    return Math.max(4, Math.min(60, Math.sqrt(l) * 4));
   } : void 0;
-  if (c) {
-    const o = /* @__PURE__ */ new Map();
-    for (const h of e) {
-      const S = String(h[c] ?? "unknown");
-      o.has(S) || o.set(S, []), o.get(S).push(m(h));
+  if (y) {
+    const a = /* @__PURE__ */ new Map();
+    for (const l of e) {
+      const u = String(l[y] ?? "unknown");
+      a.has(u) || a.set(u, []), a.get(u).push(b(l));
     }
-    const a = [];
-    for (const [h, S] of o) {
-      const d = { name: h, type: "scatter", data: S };
-      l && (d.symbolSize = l), a.push(d);
+    const o = [];
+    for (const [l, u] of a) {
+      const p = { name: l, type: "scatter", data: u };
+      A && (p.symbolSize = A), o.push(p);
     }
-    y.series = a, y.legend = { data: Array.from(o.keys()) };
+    c.series = o, c.legend = { data: Array.from(a.keys()) };
   } else {
-    const a = { type: "scatter", data: e.map((h) => m(h)) };
-    l && (a.symbolSize = l), y.series = [a];
+    const o = { type: "scatter", data: e.map((l) => b(l)) };
+    A && (o.symbolSize = A), c.series = [o];
   }
-  const x = i.referenceLines;
-  if (Array.isArray(x) && x.length > 0) {
-    const o = y.series[0];
-    o.markLine = {
+  const v = i.referenceLines;
+  if (Array.isArray(v) && v.length > 0) {
+    const a = c.series[0];
+    a.markLine = {
       silent: !0,
       symbol: "none",
-      data: x.map((a) => {
-        const h = {};
-        a.axis === "x" ? h.xAxis = a.value : h.yAxis = a.value, a.label && (h.name = a.label);
-        const S = {};
-        return a.color && (S.color = a.color), a.style && (S.type = a.style), Object.keys(S).length > 0 && (h.lineStyle = S), a.label && (h.label = { formatter: a.label, position: "end" }), h;
+      data: v.map((o) => {
+        const l = {};
+        o.axis === "x" ? l.xAxis = o.value : l.yAxis = o.value, o.label && (l.name = o.label);
+        const u = {};
+        return o.color && (u.color = o.color), o.style && (u.type = o.style), Object.keys(u).length > 0 && (l.lineStyle = u), o.label && (l.label = { formatter: o.label, position: "end" }), l;
       })
     };
   }
-  return y;
+  return c;
 }
 function ae(e, t, i) {
   if (!Array.isArray(e)) return {};
   const r = t?.label ?? C(e), n = t?.value ?? k(e);
   if (!r || !n) return {};
-  const s = e.map((f) => ({
-    name: String(f[r] ?? ""),
-    value: Number(f[n] ?? 0)
-  })), u = {
+  const s = e.map((h) => ({
+    name: String(h[r] ?? ""),
+    value: Number(h[n] ?? 0)
+  })), f = {
     type: "pie",
     radius: i.donut ? ["40%", "70%"] : "50%",
     data: s,
     label: { overflow: "truncate", width: 80 }
   };
-  return i.showLabel === !1 && (u.label = { show: !1 }), {
+  i.showLabel === !1 && (f.label = { show: !1 });
+  const d = {
     tooltip: { trigger: "item" },
     legend: { orient: "vertical", left: "left" },
-    series: [u]
-  };
+    series: [f]
+  }, c = i.center;
+  if (i.donut && c && (c.label || c.value)) {
+    const h = [];
+    c.label && h.push({
+      type: "text",
+      top: c.value ? -16 : 0,
+      style: { text: c.label, fontSize: 13, fill: "#999", textAlign: "center" }
+    }), c.value && h.push({
+      type: "text",
+      top: c.label ? 8 : 0,
+      style: { text: c.value, fontSize: 20, fontWeight: "bold", fill: "#333", textAlign: "center" }
+    }), d.graphic = [{ type: "group", left: "center", top: "middle", children: h }];
+  }
+  return d;
 }
 function oe(e, t, i) {
   if (!Array.isArray(e)) return {};
   const r = t?.axis ?? C(e), n = t?.y ?? j(e);
   if (!r || n.length === 0) return {};
-  const s = e.map((u) => ({
-    name: String(u[r] ?? "")
-  })), c = n.map((u) => ({
-    name: u,
-    value: e.map((f) => Number(f[u] ?? 0))
+  const s = e.map((f) => ({
+    name: String(f[r] ?? "")
+  })), y = n.map((f) => ({
+    name: f,
+    value: e.map((d) => Number(d[f] ?? 0))
   }));
   return {
     tooltip: {},
@@ -186,80 +207,80 @@ function oe(e, t, i) {
     series: [
       {
         type: "radar",
-        data: c
+        data: y
       }
     ]
   };
 }
 function le(e, t, i) {
   if (!Array.isArray(e)) return {};
-  const r = e[0] ?? {}, n = Object.keys(r), s = n.filter((d) => typeof r[d] == "string"), c = n.filter((d) => typeof r[d] == "number"), u = t?.x ?? s[0], f = t?.y?.[0] ?? s.find((d) => d !== u), y = t?.value ?? c[0];
-  if (!u || !f || !y) return {};
-  const b = [], p = [], g = /* @__PURE__ */ new Set(), m = /* @__PURE__ */ new Set();
-  for (const d of e) {
-    const A = String(d[u] ?? ""), w = String(d[f] ?? "");
-    g.has(A) || (g.add(A), b.push(A)), m.has(w) || (m.add(w), p.push(w));
+  const r = e[0] ?? {}, n = Object.keys(r), s = n.filter((p) => typeof r[p] == "string"), y = n.filter((p) => typeof r[p] == "number"), f = t?.x ?? s[0], d = t?.y?.[0] ?? s.find((p) => p !== f), c = t?.value ?? y[0];
+  if (!f || !d || !c) return {};
+  const h = [], m = [], x = /* @__PURE__ */ new Set(), b = /* @__PURE__ */ new Set();
+  for (const p of e) {
+    const g = String(p[f] ?? ""), w = String(p[d] ?? "");
+    x.has(g) || (x.add(g), h.push(g)), b.has(w) || (b.add(w), m.push(w));
   }
-  const l = /* @__PURE__ */ new Map();
-  b.forEach((d, A) => l.set(d, A));
-  const x = /* @__PURE__ */ new Map();
-  p.forEach((d, A) => x.set(d, A));
-  const o = [];
-  let a = 1 / 0, h = -1 / 0;
-  for (const d of e) {
-    const A = l.get(String(d[u] ?? "")) ?? 0, w = x.get(String(d[f] ?? "")) ?? 0, v = d[y] != null ? Number(d[y]) : null;
-    o.push([A, w, v]), v != null && (v < a && (a = v), v > h && (h = v));
+  const A = /* @__PURE__ */ new Map();
+  h.forEach((p, g) => A.set(p, g));
+  const v = /* @__PURE__ */ new Map();
+  m.forEach((p, g) => v.set(p, g));
+  const a = [];
+  let o = 1 / 0, l = -1 / 0;
+  for (const p of e) {
+    const g = A.get(String(p[f] ?? "")) ?? 0, w = v.get(String(p[d] ?? "")) ?? 0, S = p[c] != null ? Number(p[c]) : null;
+    a.push([g, w, S]), S != null && (S < o && (o = S), S > l && (l = S));
   }
-  isFinite(a) || (a = 0, h = 1);
-  const S = i.colorRange ?? ["#313695", "#4575b4", "#74add1", "#abd9e9", "#fee090", "#fdae61", "#f46d43", "#d73027"];
+  isFinite(o) || (o = 0, l = 1);
+  const u = i.colorRange ?? ["#313695", "#4575b4", "#74add1", "#abd9e9", "#fee090", "#fdae61", "#f46d43", "#d73027"];
   return {
-    xAxis: { type: "category", data: b, splitArea: { show: !0 } },
-    yAxis: { type: "category", data: p, splitArea: { show: !0 } },
+    xAxis: { type: "category", data: h, splitArea: { show: !0 } },
+    yAxis: { type: "category", data: m, splitArea: { show: !0 } },
     visualMap: {
-      min: i.min != null ? Number(i.min) : a,
-      max: i.max != null ? Number(i.max) : h,
+      min: i.min != null ? Number(i.min) : o,
+      max: i.max != null ? Number(i.max) : l,
       calculable: !0,
       orient: "horizontal",
       left: "center",
       bottom: 0,
-      inRange: { color: S }
+      inRange: { color: u }
     },
     tooltip: {
       trigger: "item",
-      formatter: (d) => {
-        const A = d.data;
-        return A ? `${b[A[0]]} × ${p[A[1]]}: ${A[2] != null ? A[2] : "-"}` : "";
+      formatter: (p) => {
+        const g = p.data;
+        return g ? `${h[g[0]]} × ${m[g[1]]}: ${g[2] != null ? g[2] : "-"}` : "";
       }
     },
     grid: { bottom: 60 },
     series: [{
       type: "heatmap",
-      data: o,
+      data: a,
       label: { show: i.showLabel !== !1 }
     }]
   };
 }
 function ce(e, t, i) {
   if (!Array.isArray(e) || e.length === 0) return {};
-  const r = e[0] ?? {}, n = Object.keys(r), s = n.filter((g) => typeof r[g] == "string"), c = n.filter((g) => typeof r[g] == "number"), u = t?.x ?? s[0];
-  let f;
+  const r = e[0] ?? {}, n = Object.keys(r), s = n.filter((x) => typeof r[x] == "string"), y = n.filter((x) => typeof r[x] == "number"), f = t?.x ?? s[0];
+  let d;
   if (t?.y && t.y.length >= 5)
-    f = t.y.slice(0, 5);
+    d = t.y.slice(0, 5);
   else {
-    const m = ["min", "q1", "median", "q3", "max"].filter((l) => c.includes(l));
-    f = m.length === 5 ? m : c.slice(0, 5);
+    const b = ["min", "q1", "median", "q3", "max"].filter((A) => y.includes(A));
+    d = b.length === 5 ? b : y.slice(0, 5);
   }
-  if (f.length < 5) return {};
-  const y = u ? e.map((g) => String(g[u] ?? "")) : void 0, b = e.map(
-    (g) => f.map((m) => Number(g[m] ?? 0))
-  ), p = {
+  if (d.length < 5) return {};
+  const c = f ? e.map((x) => String(x[f] ?? "")) : void 0, h = e.map(
+    (x) => d.map((b) => Number(x[b] ?? 0))
+  ), m = {
     tooltip: { trigger: "item" },
     series: [{
       type: "boxplot",
-      data: b
+      data: h
     }]
   };
-  return y ? (p.xAxis = { type: "category", data: y }, p.yAxis = { type: "value" }) : (p.xAxis = { type: "category" }, p.yAxis = { type: "value" }), p;
+  return c ? (m.xAxis = { type: "category", data: c }, m.yAxis = { type: "value" }) : (m.xAxis = { type: "category" }, m.yAxis = { type: "value" }), m;
 }
 function C(e) {
   if (e.length === 0) return;
@@ -275,9 +296,9 @@ function ue(e, t, i) {
   if (!Array.isArray(e)) return {};
   const r = t?.label ?? C(e), n = t?.value ?? k(e);
   if (!r || !n) return {};
-  const s = e.map((c) => ({
-    name: String(c[r] ?? ""),
-    value: Number(c[n] ?? 0)
+  const s = e.map((y) => ({
+    name: String(y[r] ?? ""),
+    value: Number(y[n] ?? 0)
   }));
   return {
     tooltip: { trigger: "item", formatter: "{b}: {c} ({d}%)" },
@@ -295,15 +316,15 @@ function fe(e, t, i) {
   if (!Array.isArray(e)) return {};
   const r = e, n = t?.x ?? C(r), s = (t?.y ?? [k(r)])[0];
   if (!n || !s) return {};
-  const c = [], u = [], f = [], y = [];
-  let b = 0;
-  for (const p of r) {
-    const g = String(p[n] ?? ""), m = Number(p[s] ?? 0);
-    c.push(g), m >= 0 ? (u.push(b), f.push(m), y.push(null)) : (u.push(b + m), f.push(null), y.push(Math.abs(m))), b += m;
+  const y = [], f = [], d = [], c = [];
+  let h = 0;
+  for (const m of r) {
+    const x = String(m[n] ?? ""), b = Number(m[s] ?? 0);
+    y.push(x), b >= 0 ? (f.push(h), d.push(b), c.push(null)) : (f.push(h + b), d.push(null), c.push(Math.abs(b))), h += b;
   }
   return {
     tooltip: { trigger: "axis", axisPointer: { type: "shadow" } },
-    xAxis: { type: "category", data: c },
+    xAxis: { type: "category", data: y },
     yAxis: { type: "value" },
     series: [
       {
@@ -312,26 +333,26 @@ function fe(e, t, i) {
         stack: "waterfall",
         itemStyle: { borderColor: "transparent", color: "transparent" },
         emphasis: { itemStyle: { borderColor: "transparent", color: "transparent" } },
-        data: u
+        data: f
       },
       {
         name: "Positive",
         type: "bar",
         stack: "waterfall",
-        data: f
+        data: d
       },
       {
         name: "Negative",
         type: "bar",
         stack: "waterfall",
-        data: y
+        data: c
       }
     ]
   };
 }
-function he(e, t) {
+function ye(e, t) {
   if (!Array.isArray(e)) return {};
-  const i = e.map((r) => z(r));
+  const i = e.map((r) => N(r));
   return {
     tooltip: { trigger: "item" },
     series: [{
@@ -343,12 +364,12 @@ function he(e, t) {
     }]
   };
 }
-function z(e) {
+function N(e) {
   const t = {
     name: String(e.name ?? ""),
     value: Number(e.value ?? 0)
   };
-  return Array.isArray(e.children) && (t.children = e.children.map((i) => z(i))), t;
+  return Array.isArray(e.children) && (t.children = e.children.map((i) => N(i))), t;
 }
 function j(e) {
   if (e.length === 0) return [];
@@ -366,30 +387,30 @@ function L(e, t) {
 function O(e) {
   return e != null && typeof e == "object" && !Array.isArray(e);
 }
-var ye = Object.defineProperty, de = Object.getOwnPropertyDescriptor, M = (e, t, i, r) => {
-  for (var n = r > 1 ? void 0 : r ? de(t, i) : t, s = e.length - 1, c; s >= 0; s--)
-    (c = e[s]) && (n = (r ? c(t, i, n) : c(n)) || n);
-  return r && n && ye(t, i, n), n;
+var he = Object.defineProperty, de = Object.getOwnPropertyDescriptor, I = (e, t, i, r) => {
+  for (var n = r > 1 ? void 0 : r ? de(t, i) : t, s = e.length - 1, y; s >= 0; s--)
+    (y = e[s]) && (n = (r ? y(t, i, n) : y(n)) || n);
+  return r && n && he(t, i, n), n;
 };
-N.use([
+z.use([
   B,
   q,
+  W,
   G,
   H,
   K,
   U,
-  W,
+  Y,
   J,
   Q,
   X,
-  Y,
   Z,
   ee,
   te,
   re,
   se
 ]);
-let _ = class extends I {
+let _ = class extends V {
   constructor() {
     super(...arguments), this.spec = null, this._chart = null, this._container = null, this._resizeObserver = null;
   }
@@ -407,11 +428,11 @@ let _ = class extends I {
   _initChart() {
     if (!(!this._container || !this.spec))
       try {
-        this._chart = N.init(this._container), this._chart.on("click", (e) => {
+        this._chart = z.init(this._container), this._chart.on("click", (e) => {
           this._onChartClick(e);
         }), this._updateChart();
       } catch (e) {
-        console.warn("[u-chart] Failed to initialize ECharts:", e.message);
+        console.warn("[uw-chart] Failed to initialize ECharts:", e.message);
       }
   }
   _onChartClick(e) {
@@ -477,10 +498,10 @@ let _ = class extends I {
 };
 _.styles = [
   $,
-  V`
+  M`
       :host {
         display: block;
-        container: u-chart / inline-size;
+        container: uw-chart / inline-size;
       }
 
       .chart-container {
@@ -488,21 +509,21 @@ _.styles = [
         height: var(--u-widget-chart-height, 300px);
       }
 
-      @container u-chart (max-width: 20rem) {
+      @container uw-chart (max-width: 20rem) {
         .chart-container {
           height: var(--u-widget-chart-height-narrow, 200px);
         }
       }
     `
 ];
-M([
+I([
   R({ type: Object })
 ], _.prototype, "spec", 2);
-_ = M([
-  T("u-chart")
+_ = I([
+  D("uw-chart")
 ], _);
 export {
-  _ as UChart,
+  _ as UwChart,
   ie as toEChartsOption
 };
 //# sourceMappingURL=u-widgets-charts.js.map