vue-data-ui 3.9.13 → 3.9.15

package/dist/{vue-ui-nested-donuts-DeTGEb4T.js → vue-ui-nested-donuts-DE7p2Fgp.js}

@@ -2,7 +2,7 @@ import { defineAsyncComponent as B, computed as k, ref as v, toRefs as wl, watch
 import { c as xl, t as Tl, i as Dl, j as Ee, a1 as Ve, o as Sl, g as K, k as Ol, a7 as U, m as Nl, a3 as Be, a as fe, d as N, X as Pl, s as Il, G as Ft, a5 as xt, a6 as be, p as Tt, y as Dt, v as El, r as Vl, _ as Bl, ag as St, U as ze } from "./lib-BwysEpWI.js";
 import { b as zl } from "./labelUtils-PMU3ZGCb.js";
 import { t as Ml, u as Ul } from "./useResponsive-DfdjqQps.js";
-import { u as Rl, a as Me } from "./useNestedProp--5lL-kf1.js";
+import { u as Rl, a as Me } from "./useNestedProp-OFRiX4kU.js";
 import { u as Gl, B as Yl } from "./BaseScanner-BMpwQAfz.js";
 import { u as Wl } from "./usePrinter-BJzHDpYF.js";
 import { u as Xl } from "./useSvgExport-ByUukOZt.js";
@@ -10,7 +10,7 @@ import { u as Hl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ql } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as jl } from "./useChartAccessibility-9icAAmYg.js";
 import Jl from "./img-DKigoPDs.js";
-import Kl from "./Title-BhURirpm.js";
+import Kl from "./Title-DGnfNZuO.js";
 import Ql from "./Legend-D6z73edh.js";
 import { _ as Zl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { donut: { emptyFill: "#3A3A3A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Nt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { labels: { dataLabels: { color: "#424242" } } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Pt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { dataLabels: { color: "#BDBDBD" } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, It = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { dataLabels: { color: "#AACCAA" } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Et = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { labels: { dataLabels: { color: "#A0AC94" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Vt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { dataLabels: { color: "#61747E" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Bt = {
@@ -54,7 +54,7 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(zt, { expose: Mt, emit: Ut }) {
-    const Rt = B(() => import("./Tooltip-TDyKgLB6.js")), Gt = B(() => import("./BaseIcon-4i3dd7Ty.js")), Yt = B(() => import("./vue-ui-accordion-tQNKwbVi.js")), Wt = B(() => import("./DataTable-WrXCJkfE.js")), Xt = B(() => import("./UserOptions-CzJWRC4s.js")), Ht = B(() => import("./PenAndPaper-DxIUvoQ8.js")), qt = B(() => import("./PackageVersion-D3cMhAlf.js")), jt = B(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_nested_donuts: Jt } = Rl(), { isThemeValid: Kt, warnInvalidTheme: Qt } = Hl(), w = zt, ge = k({
+    const Rt = B(() => import("./Tooltip-TDyKgLB6.js")), Gt = B(() => import("./BaseIcon-4i3dd7Ty.js")), Yt = B(() => import("./vue-ui-accordion-DUuwVsuJ.js")), Wt = B(() => import("./DataTable-WrXCJkfE.js")), Xt = B(() => import("./UserOptions-CzJWRC4s.js")), Ht = B(() => import("./PenAndPaper-DxIUvoQ8.js")), qt = B(() => import("./PackageVersion-BLzm8l_I.js")), jt = B(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_nested_donuts: Jt } = Rl(), { isThemeValid: Kt, warnInvalidTheme: Qt } = Hl(), w = zt, ge = k({
       get() {
         return !!w.dataset && w.dataset.length;
       },
@@ -175,8 +175,8 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         t.forEach((d, f) => {
           setTimeout(() => {
             const $ = performance.now();
-            function i(C) {
-              const F = Math.min((C - $) / s, 1), le = St(F), ae = d * le;
+            function i(m) {
+              const F = Math.min((m - $) / s, 1), le = St(F), ae = d * le;
               G.value[f] = ae, G.value = [...G.value];
               const de = [];
               let De = 0;
@@ -304,12 +304,12 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }) {
       const d = performance.now();
       function f($) {
-        const i = Math.min(($ - d) / l, 1), C = u(i), F = t + (s - t) * C;
+        const i = Math.min(($ - d) / l, 1), m = u(i), F = t + (s - t) * m;
         o(F, i), i < 1 ? requestAnimationFrame(f) : (o(s, 1), a && a());
       }
       requestAnimationFrame(f);
     }
-    const m = v([]), D = k(() => {
+    const C = v([]), D = k(() => {
       we.value, W.value.forEach((s, l) => {
         [null, void 0].includes(s.name) && K({
           componentName: "VueUiNestedDonuts",
@@ -349,7 +349,7 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       let t = 0;
       return W.value.map((s, l) => ({
         ...s,
-        total: s.series.filter((o) => !m.value.includes(o.id)).map((o) => U(o.values).reduce((a, u) => a + u, 0)).reduce((o, a) => o + a, 0),
+        total: s.series.filter((o) => !C.value.includes(o.id)).map((o) => U(o.values).reduce((a, u) => a + u, 0)).reduce((o, a) => o + a, 0),
         datasetIndex: l,
         id: `${b.value}_${l}`,
         series: s.series.map((o, a) => {
@@ -372,11 +372,11 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       Array.isArray(t) && t.length > 0 && (Ae.value = !1);
     }, { immediate: !0 });
     const I = k(() => Math.min(h.value.height, h.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), rt = k(() => [...D.value].map((t, s) => {
-      const l = t.series.filter((o) => !m.value.includes(o.id)).map((o) => o.value).reduce((o, a) => o + a, 0);
+      const l = t.series.filter((o) => !C.value.includes(o.id)).map((o) => o.value).reduce((o, a) => o + a, 0);
       return {
         ...t,
         total: l,
-        series: t.series.filter((o) => !m.value.includes(o.id)).map((o) => ({
+        series: t.series.filter((o) => !C.value.includes(o.id)).map((o) => ({
           ...o,
           proportion: o.value / l
         }))
@@ -396,10 +396,10 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function X(t) {
       nt("selectLegend", t);
       const s = w.dataset.flatMap(
-        (i, C) => i.series.map((F, le) => ({
+        (i, m) => i.series.map((F, le) => ({
           value: U(F.values).reduce((ae, de) => ae + de, 0),
-          id: `${b.value}_${C}_${le}`,
-          arcOfId: `${b.value}_${C}`
+          id: `${b.value}_${m}_${le}`,
+          arcOfId: `${b.value}_${m}`
         }))
       ).find((i) => i.id === t.id);
       if (!s) return;
@@ -412,38 +412,38 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       const f = d.series.map((i) => i.id), $ = al(
         f,
         f.length - 1,
-        m.value
+        C.value
       );
-      m.value.includes(t.id) ? (m.value = m.value.filter((i) => i !== t.id), e.value.serieToggleAnimation.show ? ut({
+      C.value.includes(t.id) ? (C.value = C.value.filter((i) => i !== t.id), e.value.serieToggleAnimation.show ? ut({
         from: u,
         to: l,
         duration: e.value.serieToggleAnimation.durationMs,
         onUpdate: (i) => {
-          A.value = A.value.map((C) => ({
-            ...C,
-            series: C.series.map((F) => F.id === t.id ? { ...F, value: i } : F)
+          A.value = A.value.map((m) => ({
+            ...m,
+            series: m.series.map((F) => F.id === t.id ? { ...F, value: i } : F)
           }));
         }
       }) : A.value = A.value.map((i) => ({
         ...i,
-        series: i.series.map((C) => C.id === t.id ? { ...C, value: l } : C)
+        series: i.series.map((m) => m.id === t.id ? { ...m, value: l } : m)
       }))) : $ && (e.value.serieToggleAnimation.show ? ut({
         from: u,
         to: 0,
         duration: e.value.serieToggleAnimation.durationMs,
         onUpdate: (i) => {
-          A.value = A.value.map((C) => ({
-            ...C,
-            series: C.series.map((F) => F.id === t.id ? { ...F, value: i } : F)
+          A.value = A.value.map((m) => ({
+            ...m,
+            series: m.series.map((F) => F.id === t.id ? { ...F, value: i } : F)
           }));
         },
         onDone: () => {
-          m.value.push(t.id);
+          C.value.push(t.id);
         }
       }) : (A.value = A.value.map((i) => ({
         ...i,
-        series: i.series.map((C) => C.id === t.id ? { ...C, value: 0 } : C)
-      })), m.value.push(t.id)));
+        series: i.series.map((m) => m.id === t.id ? { ...m, value: 0 } : m)
+      })), C.value.push(t.id)));
     }
     function it(t) {
       if (!D.value.length)
@@ -454,14 +454,14 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function ol(t) {
       const s = it(t);
       s !== null && (Array.isArray(s) ? s.forEach((l) => {
-        m.value.includes(l.id) && X({ id: l.id });
-      }) : m.value.includes(s.id) && X({ id: s.id }));
+        C.value.includes(l.id) && X({ id: l.id });
+      }) : C.value.includes(s.id) && X({ id: s.id }));
     }
     function sl(t) {
       const s = it(t);
       s !== null && (Array.isArray(s) ? s.forEach((l) => {
-        m.value.includes(l.id) || X({ id: l.id });
-      }) : m.value.includes(s.id) || X({ id: s.id }));
+        C.value.includes(l.id) || X({ id: l.id });
+      }) : C.value.includes(s.id) || X({ id: s.id }));
     }
     const se = k(() => I.value / D.value.length * e.value.style.chart.layout.donut.spacingRatio), ct = k(() => A.value.map((t, s) => I.value - s * I.value / D.value.length)), J = k(() => A.value.map((t, s) => {
       const l = Math.abs(t.series.map(($) => $.value).reduce(($, i) => $ + i, 0)) > 0, o = I.value - s * I.value / A.value.length, a = R.value ? Q.value.find(($) => $.datasetIndex === s) : null, u = [...t.series, ...a ? [a] : []].map(($) => ({
@@ -530,9 +530,9 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       val: t,
       percentage: s,
       showVal: l,
-      showPercentage: o
+      showPercentage: o,
+      config: a
     }) {
-      const a = e.value.style.chart.layout.labels.dataLabels;
       return zl({
         config: a,
         val: t,
@@ -565,7 +565,7 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         });
       else {
         let a = "";
-        if (e.value.style.chart.tooltip.showAllItemsAtIndex && m.value.length === 0) {
+        if (e.value.style.chart.tooltip.showAllItemsAtIndex && C.value.length === 0) {
           const u = A.value.map((d) => d.series.find((f) => f.seriesIndex === l));
           u.forEach((d, f) => {
             if (!d) return "";
@@ -582,6 +582,7 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                         <span>
                             <b>
                                 ${ht({
+              config: e.value.style.chart.tooltip,
               showVal: e.value.style.chart.tooltip.showValue,
               showPercentage: e.value.style.chart.tooltip.showPercentage,
               val: fe(
@@ -636,14 +637,14 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function bt(t, s) {
       if (!e.value.useBlurOnHover)
         return "";
-      if (e.value.style.chart.tooltip.showAllItemsAtIndex && m.value.length === 0)
+      if (e.value.style.chart.tooltip.showAllItemsAtIndex && C.value.length === 0)
         return [null, void 0].includes(ue.value) || ue.value === s ? "" : `url(#blur_${b.value})`;
-      if (!e.value.style.chart.tooltip.showAllItemsAtIndex || m.value.length)
+      if (!e.value.style.chart.tooltip.showAllItemsAtIndex || C.value.length)
         return [null, void 0].includes(ne.value) || ne.value === t.id ? "" : `url(#blur_${b.value})`;
     }
     const re = k(() => D.value.map((t, s) => {
       const l = t.series.filter(
-        (a) => !m.value.includes(a.id)
+        (a) => !C.value.includes(a.id)
       ), o = R.value ? l.map((a) => {
         const u = W.value[s].series.findIndex(
           (d) => d.name === a.name
@@ -656,9 +657,7 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         const d = U(W.value[s].series[u].values).reduce(
           (le, ae) => le + ae,
           0
-        ), f = R.value ? d : a.value;
-        console.log(m.value, a.id);
-        const $ = fe(
+        ), f = R.value ? d : a.value, $ = fe(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           f,
           N({
@@ -668,16 +667,17 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             r: e.value.style.chart.legend.roundingValue
           }),
           { datapoint: a, seriesIndex: u }
-        ), i = isNaN(f / o) || m.value.includes(a.id) ? "-" : N({
+        ), i = isNaN(f / o) || C.value.includes(a.id) ? "-" : N({
           v: f / o * 100,
           s: "%",
           r: e.value.style.chart.legend.roundingPercentage
-        }), C = ht({
+        }), m = ht({
           val: $,
           percentage: i,
           showVal: e.value.style.chart.legend.showValue,
-          showPercentage: e.value.style.chart.legend.showPercentage
-        }), F = `${a.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${C}`;
+          showPercentage: e.value.style.chart.legend.showPercentage,
+          config: e.value.style.chart.legend
+        }), F = `${a.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${m}`;
         return {
           name: a.name,
           color: a.color,
@@ -690,9 +690,9 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           seriesIndex: u,
           datasetIndex: s,
           total: o,
-          opacity: m.value.includes(a.id) ? 0.5 : 1,
+          opacity: C.value.includes(a.id) ? 0.5 : 1,
           segregate: () => X(a),
-          isSegregated: m.value.includes(a.id)
+          isSegregated: C.value.includes(a.id)
         };
       });
     })), rl = k(() => ({
@@ -1366,7 +1366,7 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             item: p(({ legend: a, index: u }) => [
               g("div", {
                 onClick: (d) => X(a),
-                style: he(`opacity:${m.value.includes(a.id) ? 0.5 : 1}`)
+                style: he(`opacity:${C.value.includes(a.id) ? 0.5 : 1}`)
               }, M(a.display), 13, xa)
             ]),
             _: 1
@@ -1445,7 +1445,7 @@ const Ot = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       c(we) ? (n(), z(Yl, { key: 9 })) : L("", !0)
     ], 46, ea));
   }
-}, Sa = /* @__PURE__ */ Zl(Da, [["__scopeId", "data-v-69e76543"]]), qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Sa = /* @__PURE__ */ Zl(Da, [["__scopeId", "data-v-80821f9a"]]), qa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Sa
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-onion-BwY998zT.js → vue-ui-onion-BATuVto7.js}

@@ -2,7 +2,7 @@ import { defineAsyncComponent as S, computed as v, ref as u, toRefs as Nt, watch
 import { c as jt, t as Ht, i as Wt, j as je, k as qt, o as He, g as de, m as Jt, a as ve, d as L, X as Kt, y as We, v as Qt, r as Zt, _ as eo } from "./lib-BwysEpWI.js";
 import { b as to } from "./labelUtils-PMU3ZGCb.js";
 import { t as oo, u as lo } from "./useResponsive-DfdjqQps.js";
-import { u as ao, a as ge } from "./useNestedProp--5lL-kf1.js";
+import { u as ao, a as ge } from "./useNestedProp-OFRiX4kU.js";
 import { u as no, B as ro } from "./BaseScanner-BMpwQAfz.js";
 import { u as so } from "./usePrinter-BJzHDpYF.js";
 import { u as uo } from "./useSvgExport-ByUukOZt.js";
@@ -11,7 +11,7 @@ import { u as co } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as vo } from "./useChartAccessibility-9icAAmYg.js";
 import { u as go } from "./useAutoSizeLabelsInsideViewbox-DO2dxQ78.js";
 import ho from "./img-DKigoPDs.js";
-import fo from "./Title-BhURirpm.js";
+import fo from "./Title-DGnfNZuO.js";
 import po from "./Legend-D6z73edh.js";
 import { _ as bo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gutter: { color: "#4A4A4A" }, labels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Je = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", useGradient: !1, layout: { gutter: { color: "#5D403730" }, labels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ke = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", useGradient: !1, layout: { gutter: { color: "#5D403730" }, labels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, Qe = { style: { chart: { backgroundColor: "#1A1A1A", useGradient: !1, color: "#99AA99", layout: { gutter: { color: "#2A2A2A" }, labels: { color: "#99CC99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ze = { style: { chart: { useGradient: !1, backgroundColor: "#fbfafa", color: "#8A9892", layout: { gutter: { color: "#F7EDE2" }, labels: { color: "#A0AC94" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, et = { style: { chart: { useGradient: !1, backgroundColor: "#f6f6fb", color: "#50606C", layout: { gutter: { color: "#DDDDDB" }, labels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, tt = {
@@ -31,7 +31,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   default: tt,
   hack: Qe,
   zen: Ze
-}, Symbol.toStringTag, { value: "Module" })), mo = ["id"], yo = ["id"], ko = ["xmlns", "viewBox"], Co = ["width", "height"], wo = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Ao = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], $o = ["id"], To = ["stdDeviation"], Fo = ["filter"], Oo = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Do = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter", "onMouseleave", "onClick"], xo = { key: 2 }, So = ["onMouseenter", "onMouseleave", "onClick"], _o = ["x", "y", "font-size", "fill", "font-weight"], Po = {
+}, Symbol.toStringTag, { value: "Module" })), yo = ["id"], mo = ["id"], ko = ["xmlns", "viewBox"], Co = ["width", "height"], wo = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Ao = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], $o = ["id"], To = ["stdDeviation"], Fo = ["filter"], Oo = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Do = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter", "onMouseleave", "onClick"], xo = { key: 2 }, So = ["onMouseenter", "onMouseleave", "onClick"], _o = ["x", "y", "font-size", "fill", "font-weight"], Po = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, Bo = ["id"], Io = ["onClick"], Eo = ["innerHTML"], Mo = {
@@ -52,7 +52,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend"],
   setup(ot, { expose: lt, emit: at }) {
-    const nt = S(() => import("./Tooltip-TDyKgLB6.js")), rt = S(() => import("./BaseIcon-4i3dd7Ty.js")), st = S(() => import("./vue-ui-accordion-tQNKwbVi.js")), ut = S(() => import("./DataTable-WrXCJkfE.js")), it = S(() => import("./UserOptions-CzJWRC4s.js")), ct = S(() => import("./PenAndPaper-DxIUvoQ8.js")), dt = S(() => import("./PackageVersion-D3cMhAlf.js")), vt = S(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_onion: gt } = ao(), { isThemeValid: ht, warnInvalidTheme: ft } = io(), w = ot, he = v(() => !!w.dataset && w.dataset.length), A = u(jt()), pt = u(null), fe = u(0), J = u(!1), K = u(""), b = u([]), T = u(null), pe = u(null), be = u(null), me = u(null), ye = u(null), ke = u(0), Ce = u(0), we = u(0), F = u(!1), Ae = u(!1), R = u(null), e = u(ee()), { loading: $, FINAL_DATASET: $e, manualLoading: Q } = no({
+    const nt = S(() => import("./Tooltip-TDyKgLB6.js")), rt = S(() => import("./BaseIcon-4i3dd7Ty.js")), st = S(() => import("./vue-ui-accordion-DUuwVsuJ.js")), ut = S(() => import("./DataTable-WrXCJkfE.js")), it = S(() => import("./UserOptions-CzJWRC4s.js")), ct = S(() => import("./PenAndPaper-DxIUvoQ8.js")), dt = S(() => import("./PackageVersion-BLzm8l_I.js")), vt = S(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_onion: gt } = ao(), { isThemeValid: ht, warnInvalidTheme: ft } = io(), w = ot, he = v(() => !!w.dataset && w.dataset.length), A = u(jt()), pt = u(null), fe = u(0), J = u(!1), K = u(""), b = u([]), T = u(null), pe = u(null), be = u(null), ye = u(null), me = u(null), ke = u(0), Ce = u(0), we = u(0), F = u(!1), Ae = u(!1), R = u(null), e = u(ee()), { loading: $, FINAL_DATASET: $e, manualLoading: Q } = no({
       ...Nt(w),
       FINAL_CONFIG: e,
       prepareConfig: ee,
@@ -110,18 +110,18 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       };
     }
     V(() => w.config, (t) => {
-      $.value || (e.value = ee()), Z.value = !e.value.userOptions.showOnChartHover, Pe(), ke.value += 1, Ce.value += 1, we.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
+      $.value || (e.value = ee()), Z.value = !e.value.userOptions.showOnChartHover, Pe(), ke.value += 1, Ce.value += 1, we.value += 1, y.value.showTable = e.value.table.show, y.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const { isPrinting: Oe, isImaging: De, generatePdf: xe, generateImage: Se } = so({
       elementId: `vue-ui-onion_${A.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-onion",
       options: e.value.userOptions.print
-    }), bt = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), mt = v(() => qt(e.value.customPalette)), m = u({
+    }), bt = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), yt = v(() => qt(e.value.customPalette)), y = u({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
     V(e, () => {
-      m.value = {
+      y.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
       };
@@ -140,14 +140,14 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     Vt(() => {
       Ae.value = !0, Pe();
     });
-    const yt = v({
+    const mt = v({
       get: () => e.value.style.chart.layout.labels.fontSize,
       set: (t) => t
     }), { autoSizeLabels: _e } = go({
       svgRef: Y,
       fontSize: e.value.style.chart.layout.labels.fontSize,
       minFontSize: e.value.style.chart.layout.labels.minFontSize,
-      sizeRef: yt,
+      sizeRef: mt,
       labelClass: ".vue-ui-onion-label"
     }), kt = v(() => e.value.debug);
     let te = null;
@@ -163,8 +163,8 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             chart: T.value,
             title: e.value.style.chart.title.text ? pe.value : null,
             legend: e.value.style.chart.legend.show ? be.value : null,
-            source: me.value,
-            noTitle: ye.value
+            source: ye.value,
+            noTitle: me.value
           });
           a -= 12, requestAnimationFrame(async () => {
             n.value.width = o, n.value.height = a, n.value.padding.top = Math.max(o, a) * 0.125, n.value.padding.right = Math.max(o, a) * 0.125, n.value.padding.bottom = Math.max(o, a) * 0.125, n.value.padding.left = Math.max(o, a) * 0.125, n.value.minRadius = Math.min(o, a) * 0.125, te = setTimeout(() => {
@@ -208,7 +208,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ...t,
         percentage: t.percentage || 0,
         targetPercentage: t.percentage || 0,
-        color: Jt(t.color) || mt.value[l] || je[l],
+        color: Jt(t.color) || yt.value[l] || je[l],
         id: o,
         shape: "circle",
         opacity: b.value.includes(o) ? 0.5 : 1,
@@ -226,7 +226,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           s: t.suffix || "",
           r: e.value.style.chart.legend.roundingValue
         })
-      ), y = L({
+      ), m = L({
         v: t.percentage ?? 0,
         s: "%",
         r: e.value.style.chart.legend.roundingPercentage
@@ -234,7 +234,8 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         showVal: o,
         showPercentage: a,
         val: i,
-        percentage: y
+        percentage: m,
+        config: e.value.style.chart.legend
       });
       return {
         ...t,
@@ -285,12 +286,12 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       };
     }));
     function Ft(t, l) {
-      const o = 2 * Math.PI * t, a = o * 0.75, i = `${a} ${o}`, y = a * (1 - l / 100);
+      const o = 2 * Math.PI * t, a = o * 0.75, i = `${a} ${o}`, m = a * (1 - l / 100);
       return {
         bgDashArray: `${a} ${o}`,
         bgDashOffset: 0,
         dashArray: i,
-        dashOffset: y,
+        dashOffset: m,
         fullOffset: 0,
         active: `
             M ${h.value.centerX},${h.value.centerY - t} 
@@ -355,8 +356,8 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     });
     function ne(t = null) {
       Xe(() => {
-        const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = ae.value.head, a = ae.value.body, i = l.concat([o]).concat(a), y = Qt(i);
-        t ? t(y) : Zt({ csvContent: y, title: e.value.style.chart.title.text || "vue-ui-onion" });
+        const l = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = ae.value.head, a = ae.value.body, i = l.concat([o]).concat(a), m = Qt(i);
+        t ? t(m) : Zt({ csvContent: m, title: e.value.style.chart.title.text || "vue-ui-onion" });
       });
     }
     const x = u(void 0), I = u(!1);
@@ -373,9 +374,9 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       val: t,
       percentage: l,
       showVal: o,
-      showPercentage: a
+      showPercentage: a,
+      config: i
     }) {
-      const i = e.value.style.chart.layout.labels;
       return to({
         config: i,
         val: t,
@@ -386,6 +387,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     function _t(t, l) {
       const o = e.value.style.chart.layout.labels.value.show, a = e.value.style.chart.layout.labels.percentage.show, i = re({
+        config: e.value.style.chart.layout.labels,
         showVal: o,
         showPercentage: a,
         val: ve(
@@ -418,14 +420,14 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         config: e.value
       }, J.value = o;
       let i = "";
-      const y = e.value.style.chart.tooltip.customFormat;
-      if (We(y) && eo(() => y({
+      const m = e.value.style.chart.tooltip.customFormat;
+      if (We(m) && eo(() => m({
         seriesIndex: a,
         datapoint: t,
         series: f.value,
         config: e.value
       })))
-        K.value = y({
+        K.value = m({
           seriesIndex: a,
           datapoint: t,
           series: f.value,
@@ -434,6 +436,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       else {
         const ie = e.value.style.chart.tooltip.showPercentage, zt = e.value.style.chart.tooltip.showValue;
         i += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${t.name}</div>`, i += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${t.color}"/></svg>`, i += `<b>${re({
+          config: e.value.style.chart.tooltip,
           showVal: zt,
           showPercentage: ie,
           val: `<span>${ve(
@@ -459,10 +462,10 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       }
     }
     function ze() {
-      m.value.showTable = !m.value.showTable;
+      y.value.showTable = !y.value.showTable;
     }
     function Ne() {
-      m.value.showTooltip = !m.value.showTooltip;
+      y.value.showTooltip = !y.value.showTooltip;
     }
     const H = u(!1);
     function ue() {
@@ -470,10 +473,10 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     async function Pt({ scale: t = 2 } = {}) {
       if (!T.value) return;
-      const { width: l, height: o } = T.value.getBoundingClientRect(), a = l / o, { imageUri: i, base64: y } = await ho({ domElement: T.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: o } = T.value.getBoundingClientRect(), a = l / o, { imageUri: i, base64: m } = await ho({ domElement: T.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: i,
-        base64: y,
+        base64: m,
         title: e.value.style.chart.title.text,
         width: l,
         height: o,
@@ -481,7 +484,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       };
     }
     const N = v(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, l = m.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, l = y.value.showTable;
       return {
         component: t ? vt : st,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
@@ -510,7 +513,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         }
       };
     });
-    V(() => m.value.showTable, (t) => {
+    V(() => y.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && R.value ? R.value.open() : "close" in R.value && R.value.close());
     });
     const Bt = v(() => oe.value.map((t) => ({
@@ -583,7 +586,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       bt.value ? (r(), g("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: ye,
+        ref: me,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : p("", !0),
@@ -609,7 +612,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       ], 512)) : p("", !0),
       P("div", {
         id: `legend-top-${A.value}`
-      }, null, 8, yo),
+      }, null, 8, mo),
       e.value.userOptions.show && he.value && (s(Fe) || s(Z)) ? (r(), _(s(it), {
         ref_key: "details",
         ref: pt,
@@ -627,7 +630,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         hasTable: e.value.userOptions.buttons.table,
         hasFullscreen: e.value.userOptions.buttons.fullscreen,
         isFullscreen: I.value,
-        isTooltip: m.value.showTooltip,
+        isTooltip: y.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         chartElement: T.value,
         position: e.value.userOptions.position,
@@ -890,13 +893,13 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       t.$slots.source ? (r(), g("div", {
         key: 6,
         ref_key: "source",
-        ref: me,
+        ref: ye,
         dir: "auto"
       }, [
         d(t.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
       ce(s(nt), {
-        show: m.value.showTooltip && J.value,
+        show: y.value.showTooltip && J.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -926,7 +929,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       he.value && e.value.userOptions.buttons.table ? (r(), _(Yt(N.value.component), Xt({ key: 7 }, N.value.props, {
         ref_key: "tableUnit",
         ref: R,
-        onClose: l[3] || (l[3] = (o) => m.value.showTable = !1)
+        onClose: l[3] || (l[3] = (o) => y.value.showTable = !1)
       }), Ge({
         content: c(() => [
           (r(), _(s(ut), {
@@ -937,7 +940,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             config: j.value.config,
             title: e.value.table.useDialog ? "" : N.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: l[2] || (l[2] = (o) => m.value.showTable = !1)
+            onClose: l[2] || (l[2] = (o) => y.value.showTable = !1)
           }, {
             th: c(({ th: o }) => [
               Ye(q(o), 1)
@@ -975,9 +978,9 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         } : void 0
       ]), 1040)) : p("", !0),
       s($) ? (r(), _(ro, { key: 8 })) : p("", !0)
-    ], 46, mo));
+    ], 46, yo));
   }
-}, Lo = /* @__PURE__ */ bo(Mo, [["__scopeId", "data-v-73dabc68"]]), tl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Lo = /* @__PURE__ */ bo(Mo, [["__scopeId", "data-v-0e506fb5"]]), tl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Lo
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-parallel-coordinate-plot-B4v3AheY.js → vue-ui-parallel-coordinate-plot-BLp7NM3E.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as L, computed as m, ref as d, toRefs as Vt, watch as ee, shallowRef as Ke, onMounted as Gt, onBeforeUnmount as Xt, watchEffect as Yt, createElementBlock as i, openBlock as n, unref as v, normalizeStyle as S, normalizeClass as X, createBlock as D, createCommentVNode as g, createElementVNode as I, createVNode as me, withCtx as h, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as Qe, Fragment as w, renderList as P, toDisplayString as U, Teleport as qt, resolveDynamicComponent as Jt, mergeProps as Kt, createTextVNode as Ze, nextTick as Qt } from "vue";
 import { c as be, t as Zt, i as ea, j as te, o as et, g as tt, l as ta, k as aa, m as oa, N as la, C as sa, A as na, ah as ra, X as ia, $ as ua, y as at, a2 as ae, v as ca, r as va, a as ot, d as lt, _ as da } from "./lib-BwysEpWI.js";
 import { t as st, u as ha } from "./useResponsive-DfdjqQps.js";
-import { u as pa, a as ge } from "./useNestedProp--5lL-kf1.js";
+import { u as pa, a as ge } from "./useNestedProp-OFRiX4kU.js";
 import { u as fa } from "./usePrinter-BJzHDpYF.js";
 import { u as ma, B as ba } from "./BaseScanner-BMpwQAfz.js";
 import { u as ga } from "./useSvgExport-ByUukOZt.js";
@@ -9,7 +9,7 @@ import { u as ya } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ca } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ka } from "./useChartAccessibility-9icAAmYg.js";
 import { u as xa } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Aa from "./Title-BhURirpm.js";
+import Aa from "./Title-DGnfNZuO.js";
 import wa from "./Legend-D6z73edh.js";
 import { _ as $a } from "./Shape-DAHhCEdg.js";
 import Fa from "./img-DKigoPDs.js";
@@ -52,7 +52,7 @@ const nt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", leg
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(ht, { expose: pt, emit: ft }) {
-    const mt = L(() => import("./Tooltip-TDyKgLB6.js")), bt = L(() => import("./BaseIcon-4i3dd7Ty.js")), gt = L(() => import("./vue-ui-accordion-tQNKwbVi.js")), yt = L(() => import("./DataTable-WrXCJkfE.js")), Ct = L(() => import("./PenAndPaper-DxIUvoQ8.js")), kt = L(() => import("./UserOptions-CzJWRC4s.js")), xt = L(() => import("./PackageVersion-D3cMhAlf.js")), At = L(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_parallel_coordinate_plot: wt } = pa(), { isThemeValid: $t, warnInvalidTheme: Ft } = ya(), $ = ht, Y = m({
+    const mt = L(() => import("./Tooltip-TDyKgLB6.js")), bt = L(() => import("./BaseIcon-4i3dd7Ty.js")), gt = L(() => import("./vue-ui-accordion-DUuwVsuJ.js")), yt = L(() => import("./DataTable-WrXCJkfE.js")), Ct = L(() => import("./PenAndPaper-DxIUvoQ8.js")), kt = L(() => import("./UserOptions-CzJWRC4s.js")), xt = L(() => import("./PackageVersion-BLzm8l_I.js")), At = L(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_parallel_coordinate_plot: wt } = pa(), { isThemeValid: $t, warnInvalidTheme: Ft } = ya(), $ = ht, Y = m({
       get() {
         return !!$.dataset && $.dataset.length;
       },

package/dist/{vue-ui-quadrant-4f1p9gSO.js → vue-ui-quadrant-AW-eksks.js}

@@ -1,7 +1,7 @@
 import { defineAsyncComponent as N, computed as g, ref as b, toRefs as It, watch as xe, shallowRef as ot, onMounted as Ht, onBeforeUnmount as Ut, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as A, normalizeClass as B, createBlock as E, createCommentVNode as h, createElementVNode as d, createVNode as ne, withCtx as f, renderSlot as p, normalizeProps as T, guardReactiveProps as z, createSlots as ut, Fragment as S, renderList as Y, toDisplayString as k, Teleport as Qt, resolveDynamicComponent as Gt, mergeProps as jt, createTextVNode as st, nextTick as rt } from "vue";
 import { c as nt, t as Jt, i as Zt, j as Ce, o as Kt, g as G, k as el, m as tl, ai as ll, a as P, d as R, X as al, s as ie, h as ol, aj as ul, $ as sl, x as rl, v as nl, r as il, y as vl, _ as cl } from "./lib-BwysEpWI.js";
 import { t as dl, u as hl } from "./useResponsive-DfdjqQps.js";
-import { u as bl, a as ke } from "./useNestedProp--5lL-kf1.js";
+import { u as bl, a as ke } from "./useNestedProp-OFRiX4kU.js";
 import { u as yl, B as fl } from "./BaseScanner-BMpwQAfz.js";
 import { u as pl } from "./usePrinter-BJzHDpYF.js";
 import { u as gl } from "./useSvgExport-ByUukOZt.js";
@@ -9,7 +9,7 @@ import { u as ml } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as xl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Cl } from "./useChartAccessibility-9icAAmYg.js";
 import kl from "./img-DKigoPDs.js";
-import $l from "./Title-BhURirpm.js";
+import $l from "./Title-DGnfNZuO.js";
 import { _ as it } from "./Shape-DAHhCEdg.js";
 import Ll from "./Legend-D6z73edh.js";
 import { _ as wl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -62,7 +62,7 @@ const vt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectPlot", "selectSide", "selectLegend"],
   setup(pt, { expose: gt, emit: mt }) {
-    const xt = N(() => import("./Tooltip-TDyKgLB6.js")), Ct = N(() => import("./BaseIcon-4i3dd7Ty.js")), kt = N(() => import("./vue-ui-accordion-tQNKwbVi.js")), $t = N(() => import("./DataTable-WrXCJkfE.js")), Lt = N(() => import("./PenAndPaper-DxIUvoQ8.js")), wt = N(() => import("./UserOptions-CzJWRC4s.js")), At = N(() => import("./PackageVersion-D3cMhAlf.js")), _t = N(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_quadrant: St } = bl(), { isThemeValid: qt, warnInvalidTheme: Tt } = ml(), W = pt, $e = g(() => !!W.dataset && W.dataset.length), L = b(nt()), ve = mt, ce = b(!1), de = b(""), Le = b(0), x = b(!1), X = b(null), we = b(null), Ae = b(null), _e = b(null), Se = b(null), qe = b(0), Te = b(0), ze = b(0), Fe = b(!1), j = b(null), he = b(null), e = b(fe()), { loading: Be, FINAL_DATASET: We } = yl({
+    const xt = N(() => import("./Tooltip-TDyKgLB6.js")), Ct = N(() => import("./BaseIcon-4i3dd7Ty.js")), kt = N(() => import("./vue-ui-accordion-DUuwVsuJ.js")), $t = N(() => import("./DataTable-WrXCJkfE.js")), Lt = N(() => import("./PenAndPaper-DxIUvoQ8.js")), wt = N(() => import("./UserOptions-CzJWRC4s.js")), At = N(() => import("./PackageVersion-BLzm8l_I.js")), _t = N(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_quadrant: St } = bl(), { isThemeValid: qt, warnInvalidTheme: Tt } = ml(), W = pt, $e = g(() => !!W.dataset && W.dataset.length), L = b(nt()), ve = mt, ce = b(!1), de = b(""), Le = b(0), x = b(!1), X = b(null), we = b(null), Ae = b(null), _e = b(null), Se = b(null), qe = b(0), Te = b(0), ze = b(0), Fe = b(!1), j = b(null), he = b(null), e = b(fe()), { loading: Be, FINAL_DATASET: We } = yl({
       ...It(W),
       FINAL_CONFIG: e,
       prepareConfig: fe,