vue-data-ui 3.7.16 → 3.8.0

package/dist/{vue-ui-molecule-CazE9-Nk.js → vue-ui-molecule-C994_mOK.js}

@@ -1,32 +1,32 @@
-import { useCssVars as Do, defineAsyncComponent as p, computed as C, onMounted as So, ref as c, toRefs as Eo, watch as U, nextTick as z, createElementBlock as A, openBlock as v, unref as a, normalizeStyle as H, normalizeClass as De, createBlock as T, createCommentVNode as y, createVNode as D, withCtx as r, renderSlot as i, normalizeProps as f, guardReactiveProps as h, createSlots as Se, createElementVNode as S, Fragment as Bo, renderList as Po, resolveDynamicComponent as Io, mergeProps as No, createTextVNode as Ee, toDisplayString as Be } from "vue";
-import { o as Lo, g as Zo, c as Pe, t as Ro, i as Uo, p as Ie, j as zo, ab as Ho, X as Mo, n as xo, e as Vo, l as Ne, u as Go, q as jo, x as Wo, R as Xo } from "./lib-DUaaQGCv.js";
-import { u as Yo, a as oe } from "./useNestedProp-CoXaJ2T6.js";
+import { useCssVars as Do, defineAsyncComponent as p, computed as g, onMounted as So, ref as c, toRefs as Eo, watch as z, nextTick as H, createElementBlock as A, openBlock as v, unref as a, normalizeStyle as R, normalizeClass as De, createBlock as T, createCommentVNode as y, createVNode as D, withCtx as r, renderSlot as i, normalizeProps as f, guardReactiveProps as h, createSlots as Se, createElementVNode as S, Fragment as Bo, renderList as Po, resolveDynamicComponent as Io, mergeProps as No, createTextVNode as Ee, toDisplayString as Be } from "vue";
+import { o as Lo, g as Zo, c as Pe, t as Uo, i as zo, p as Ie, j as Ho, ag as Ro, X as Mo, n as xo, e as Vo, l as Ne, u as Go, q as jo, x as Wo, Z as Xo } from "./lib-qMPkcvmh.js";
+import { u as Yo, a as oe } from "./useNestedProp-DOOBu_sL.js";
 import { u as qo, B as Jo } from "./BaseScanner-BgWxam9d.js";
-import { u as Ko } from "./usePrinter-BdVu83IN.js";
+import { u as Ko } from "./usePrinter-CjGh4mFJ.js";
 import { u as Qo } from "./useSvgExport-DrjCWun4.js";
 import { u as et } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ot } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as tt } from "./useChartAccessibility-9icAAmYg.js";
-import lt from "./img-BYzbY8TZ.js";
-import { u as at } from "./usePanZoom-DZtyJi5q.js";
+import lt from "./img-CwrkWkkl.js";
+import { u as at } from "./usePanZoom-DMfuOfaC.js";
 import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nodes: { stroke: "#4A4A4A", strokeHovered: "#CCCCCC" }, links: { stroke: "#4A4A4A" }, 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" } } }, Ze = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", nodes: { stroke: "#333333", strokeHovered: "#FFFFFF" }, links: { stroke: "#333333" }, 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" } } }, Re = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", nodes: { stroke: "#333333", strokeHovered: "#FFF8E1" }, links: { stroke: "#333333" }, 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" } } }, Ue = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", nodes: { stroke: "#1A1A1A", strokeHovered: "#00FF00" }, links: { stroke: "#333333" }, 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: { backgroundColor: "#fbfafa", color: "#8A9892", nodes: { stroke: "#fbfafa", strokeHovered: "#5E5E5E" }, links: { stroke: "#e8ede1" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, He = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", nodes: { stroke: "#61747E", strokeHovered: "#404C4D" }, links: { stroke: "#BBCBC7" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Me = {
+const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nodes: { stroke: "#4A4A4A", strokeHovered: "#CCCCCC" }, links: { stroke: "#4A4A4A" }, 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" } } }, Ze = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", nodes: { stroke: "#333333", strokeHovered: "#FFFFFF" }, links: { stroke: "#333333" }, 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" } } }, Ue = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", nodes: { stroke: "#333333", strokeHovered: "#FFF8E1" }, links: { stroke: "#333333" }, 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" } } }, ze = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", nodes: { stroke: "#1A1A1A", strokeHovered: "#00FF00" }, links: { stroke: "#333333" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, He = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", nodes: { stroke: "#fbfafa", strokeHovered: "#5E5E5E" }, links: { stroke: "#e8ede1" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Re = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", nodes: { stroke: "#61747E", strokeHovered: "#404C4D" }, links: { stroke: "#BBCBC7" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Me = {
   default: {},
   dark: Le,
   celebration: Ze,
-  celebrationNight: Re,
-  hack: Ue,
-  zen: ze,
-  concrete: He
+  celebrationNight: Ue,
+  hack: ze,
+  zen: He,
+  concrete: Re
 }, Bt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   celebration: Ze,
-  celebrationNight: Re,
-  concrete: He,
+  celebrationNight: Ue,
+  concrete: Re,
   dark: Le,
   default: Me,
-  hack: Ue,
-  zen: ze
+  hack: ze,
+  zen: He
 }, Symbol.toStringTag, { value: "Module" })), nt = ["id"], rt = {
   key: 1,
   ref: "noTitle",
@@ -42,11 +42,11 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
   key: 5,
   "data-dom-to-png-ignore": "",
   class: "reset-wrapper"
-}, Ct = {
+}, gt = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, gt = ["innerHTML"], bt = {
+}, Ct = ["innerHTML"], bt = {
   __name: "vue-ui-molecule",
   props: {
     config: {
@@ -67,11 +67,11 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
     Do((o) => ({
       v4cb447ec: o.slicerColor
     }));
-    const je = p(() => import("./Title-CM2dM0rQ.js")), We = p(() => import("./Tooltip-De7i-i20.js")), te = p(() => import("./BaseIcon--wNsuYtd.js")), Xe = p(() => import("./vue-ui-accordion-WOXCCkiC.js")), Ye = p(() => import("./DataTable-DRZJOlJB.js")), qe = p(() => import("./PenAndPaper-CMmG5Mka.js")), Je = p(() => import("./UserOptions-5GYBcJJU.js")), Ke = p(() => import("./PackageVersion-BW9_gimf.js")), Qe = p(() => import("./RecursiveLinks-Da489v6n.js")), eo = p(() => import("./RecursiveLabels-DxmctYbA.js")), oo = p(() => import("./RecursiveCircles-CM4bn2Vg.js")), to = p(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_molecule: lo } = Yo(), { isThemeValid: ao, warnInvalidTheme: so } = et(), w = xe, no = Ge, le = C(() => !!w.dataset && w.dataset.length);
+    const je = p(() => import("./Title-CgkWUXeV.js")), We = p(() => import("./Tooltip-OHx7yHlS.js")), te = p(() => import("./BaseIcon-CALhpING.js")), Xe = p(() => import("./vue-ui-accordion-BWfQ8Imt.js")), Ye = p(() => import("./DataTable-Ca1twcf7.js")), qe = p(() => import("./PenAndPaper-DscVdZ1u.js")), Je = p(() => import("./UserOptions-ChRXLqps.js")), Ke = p(() => import("./PackageVersion-B9RA2_BM.js")), Qe = p(() => import("./RecursiveLinks-Da489v6n.js")), eo = p(() => import("./RecursiveLabels-DxmctYbA.js")), oo = p(() => import("./RecursiveCircles-CM4bn2Vg.js")), to = p(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_molecule: lo } = Yo(), { isThemeValid: ao, warnInvalidTheme: so } = et(), w = xe, no = Ge, le = g(() => !!w.dataset && w.dataset.length);
     So(() => {
       ae();
     });
-    const ro = C(() => e.value.debug);
+    const ro = g(() => e.value.debug);
     function ae() {
       Lo(w.dataset) && Zo({
         componentName: "VueUiMolecule",
@@ -121,7 +121,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
           ]
         }
       ],
-      skeletonConfig: Ro({
+      skeletonConfig: Uo({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -153,29 +153,29 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
       });
       return {
         ...s,
-        customPalette: s.customPalette.length ? s.customPalette : Uo[l] || Ie
+        customPalette: s.customPalette.length ? s.customPalette : zo[l] || Ie
       };
     }
-    U(() => w.config, (o) => {
+    z(() => w.config, (o) => {
       e.value = X(), W.value = !e.value.userOptions.showOnChartHover, ae(), ne.value += 1, re.value += 1, u.value.showTable = e.value.table.show, u.value.showTooltip = e.value.style.chart.tooltip.show, u.value.showZoom = e.value.style.chart.zoom.show;
     }, { deep: !0 });
     const ce = c(0), io = () => {
       ce.value += 1;
     };
-    U([() => G.value, () => j.value], async ([o]) => {
-      o || (await z(), g.value = Ce(), await z(), io(), await z(), Ao({ x: 0, y: 0, width: 400, height: 400 }), K(!1));
+    z([() => G.value, () => j.value], async ([o]) => {
+      o || (await H(), C.value = ge(), await H(), io(), await H(), Ao({ x: 0, y: 0, width: 400, height: 400 }), K(!1));
     }, { flush: "post", deep: !1 });
     const { isPrinting: de, isImaging: ve, generatePdf: fe, generateImage: he } = Ko({
       elementId: `cluster_${M.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), uo = C(() => e.value.userOptions.show && !e.value.style.chart.title.text), co = C(() => zo(e.value.customPalette)), u = c({
+    }), uo = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), co = g(() => Ho(e.value.customPalette)), u = c({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show,
       showZoom: e.value.style.chart.zoom.show
     });
-    U(e, () => {
+    z(e, () => {
       u.value = {
         showTable: e.value.table.show,
         showDataLabels: !0,
@@ -186,7 +186,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
     function pe(o, l = 0) {
       return Array.isArray(o) && o.length > 0 && o[0].nodes ? pe(o[0].nodes, l + 1) : l;
     }
-    function Ce() {
+    function ge() {
       const o = pe(j.value);
       let l = 100, t = l;
       for (let s = 0; s < o; s += 1)
@@ -196,8 +196,8 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         width: t
       };
     }
-    const g = c(Ce());
-    function ge(o, l = { x: -g.value.width / 2.43, y: g.value.height / 2 }, t = g.value.width / 1.1, s = 24, n = 0, d = 0, b = "#BBBBBB", Q = 0) {
+    const C = c(ge());
+    function Ce(o, l = { x: -C.value.width / 2.43, y: C.value.height / 2 }, t = C.value.width / 1.1, s = 24, n = 0, d = 0, b = "#BBBBBB", Q = 0) {
       if (!Array.isArray(o) || o.length === 0) return o;
       const Oo = Vo({
         plot: l,
@@ -211,7 +211,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
           return ee.startsWith("#") ? ee : `#${ee}`;
         })() : null;
         let O;
-        Oe ? O = Oe : Q === 0 ? O = b : Q === 1 ? (O = co.value[d] || Ie[d] || b, d += 1) : O = b, m.polygonPath = { coordinates: [_e] }, m.circleRadius = s, m.color = O, m.uid = Pe(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = ge(
+        Oe ? O = Oe : Q === 0 ? O = b : Q === 1 ? (O = co.value[d] || Ie[d] || b, d += 1) : O = b, m.polygonPath = { coordinates: [_e] }, m.circleRadius = s, m.color = O, m.uid = Pe(), Array.isArray(m.nodes) && m.nodes.length && (m.nodes = Ce(
           m.nodes,
           _e,
           t / 2.9,
@@ -239,9 +239,9 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         s[n] = `gradient_${d}`;
       }), s;
     }
-    const fo = C(() => vo(k.value)), k = C(() => {
-      const o = Ho(j.value);
-      return ge(o);
+    const fo = g(() => vo(k.value)), k = g(() => {
+      const o = Ro(j.value);
+      return Ce(o);
     }), Y = c(null);
     function ho(o) {
       Y.value = {
@@ -273,7 +273,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
     function po(o) {
       be.value = Z.value, Z.value = o, o ? e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: o, seriesIndex: -1 }) : e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: be.value || Z.value, seriesIndex: -1 }), o ? (x.value = !0, ho(o), P.value = o.uid) : (x.value = !1, L.value = "", P.value = null);
     }
-    function Co(o) {
+    function go(o) {
       const l = [];
       function t(s) {
         s.forEach((n) => {
@@ -288,12 +288,12 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
       }
       return t(o), l;
     }
-    const go = C(() => Co(k.value)), F = C(() => {
+    const Co = g(() => go(k.value)), F = g(() => {
       const o = [
         e.value.table.translations.nodeName,
         e.value.table.translations.details,
         e.value.table.translations.ancestor
-      ], l = go.value.map((n, d) => [
+      ], l = Co.value.map((n, d) => [
         {
           color: n.color,
           name: n.name
@@ -325,7 +325,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
       };
     });
     function q(o = null) {
-      z(() => {
+      H(() => {
         const l = F.value.body.map((n, d) => [[n[0].name], [n[1]], [n[2]]]), t = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[...F.value.head]]].concat(l), s = Go(t);
         o ? o(s) : jo({ csvContent: s, title: e.value.style.chart.title.text || "vue-ui-molecule" });
       });
@@ -353,11 +353,11 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
     function J() {
       I.value = !I.value;
     }
-    const mo = C(() => !I.value && u.value.showZoom), { viewBox: R, resetZoom: K, isZoom: yo, setInitialViewBox: Ao } = at(B, {
+    const mo = g(() => !I.value && u.value.showZoom), { viewBox: U, resetZoom: K, isZoom: yo, setInitialViewBox: Ao } = at(B, {
       x: 0,
       y: 0,
-      width: Math.max(10, g.value.width),
-      height: Math.max(10, g.value.height)
+      width: Math.max(10, C.value.width),
+      height: Math.max(10, C.value.height)
     }, e.value.style.chart.zoom.speed, mo);
     function ko(o) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: o, seriesIndex: -1 }), no("selectNode", o);
@@ -374,7 +374,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         aspectRatio: s
       };
     }
-    const N = C(() => {
+    const N = g(() => {
       const o = e.value.table.useDialog && !e.value.table.show, l = u.value.showTable;
       return {
         component: o ? to : Xe,
@@ -404,13 +404,13 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         }
       };
     });
-    U(() => u.value.showTable, (o) => {
+    z(() => u.value.showTable, (o) => {
       e.value.table.show || (o && e.value.table.useDialog && E.value ? E.value.open() : "close" in E.value && E.value.close());
     });
     function $e() {
       u.value.showTable = !1, V.value && V.value.setTableIconState(!1);
     }
-    const $o = C(() => e.value.style.chart.backgroundColor), To = C(() => e.value.style.chart.title), { exportSvg: Fo, getSvg: _o } = Qo({
+    const $o = g(() => e.value.style.chart.backgroundColor), To = g(() => e.value.style.chart.title), { exportSvg: Fo, getSvg: _o } = Qo({
       svg: B,
       title: To,
       backgroundColor: $o
@@ -439,7 +439,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
       ref_key: "moleculeChart",
       ref: $,
       class: De(`vue-data-ui-component vue-ui-molecule ${_.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      style: H(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      style: R(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `cluster_${M.value}`,
       onMouseleave: l[2] || (l[2] = (t) => {
         Z.value = null, P.value = null, a(ie)(!1);
@@ -528,7 +528,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         onToggleTooltip: ke,
         onToggleAnnotator: J,
         onToggleZoom: we,
-        style: H({
+        style: R({
           visibility: a(ue) ? a(W) ? "visible" : "hidden" : "visible"
         })
       }, Se({ _: 2 }, [
@@ -615,17 +615,17 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         ref: B,
         key: `svg_${ce.value}`,
         xmlns: a(Mo),
-        viewBox: `${a(R).x} ${a(R).y} ${a(R).width} ${a(R).height}`,
+        viewBox: `${a(U).x} ${a(U).y} ${a(U).width} ${a(U).height}`,
         class: De({ "vue-data-ui-fullscreen--on": _.value, "vue-data-ui-fulscreen--off": !_.value }),
-        style: H(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
+        style: R(`overflow: hidden; background:transparent;color:${e.value.style.chart.color}`)
       }, [
         D(a(Ke)),
         o.$slots["chart-background"] ? (v(), A("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
-          width: g.value.width <= 0 ? 10 : g.value.width,
-          height: g.value.height <= 0 ? 10 : g.value.height,
+          width: C.value.width <= 0 ? 10 : C.value.width,
+          height: C.value.height <= 0 ? 10 : C.value.height,
           style: {
             pointerEvents: "none"
           }
@@ -675,7 +675,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
           color: e.value.style.chart.color,
           hoveredUid: P.value
         }, null, 8, ["dataset", "color", "hoveredUid"])) : y("", !0),
-        i(o.$slots, "svg", { svg: g.value }, void 0, !0)
+        i(o.$slots, "svg", { svg: C.value }, void 0, !0)
       ], 14, ut)),
       o.$slots.watermark ? (v(), A("div", ht, [
         i(o.$slots, "watermark", f(h({ isPrinting: a(de) || a(ve) })), void 0, !0)
@@ -687,7 +687,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
             tabindex: "0",
             role: "button",
             class: "vue-data-ui-refresh-button",
-            style: H({
+            style: R({
               background: e.value.style.chart.backgroundColor
             }),
             onClick: l[0] || (l[0] = (t) => a(K)(!0))
@@ -699,7 +699,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
           ], 4)
         ], !0)
       ])) : y("", !0),
-      o.$slots.source ? (v(), A("div", Ct, [
+      o.$slots.source ? (v(), A("div", gt, [
         i(o.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       D(a(We), {
@@ -750,7 +750,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
               S("div", {
                 innerHTML: t,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, gt)
+              }, null, 8, Ct)
             ]),
             td: r(({ td: t }) => [
               Ee(Be(t.name || t), 1)

package/dist/{vue-ui-mood-radar-vrciNRi0.js → vue-ui-mood-radar-BI2SAtcM.js}

@@ -1,16 +1,16 @@
 import { defineAsyncComponent as T, ref as i, computed as v, toRefs as gt, onMounted as ht, watch as Ae, createElementBlock as h, openBlock as s, unref as a, normalizeStyle as j, normalizeClass as we, createBlock as k, createCommentVNode as y, createElementVNode as n, withCtx as c, renderSlot as d, normalizeProps as C, guardReactiveProps as A, createVNode as G, createSlots as Fe, Fragment as xe, renderList as $e, toDisplayString as V, Teleport as ft, resolveDynamicComponent as pt, mergeProps as bt, createTextVNode as Pe, nextTick as De } from "vue";
-import { c as kt, t as mt, o as Ct, g as _e, e as At, a as Te, d as H, X as wt, s as $, h as Ft, ac as xt, u as $t, q as Pt } from "./lib-DUaaQGCv.js";
+import { c as kt, t as mt, o as Ct, g as _e, e as At, a as Te, d as H, X as wt, s as $, h as Ft, ah as xt, u as $t, q as Pt } from "./lib-qMPkcvmh.js";
 import { t as Dt, u as _t } from "./useResponsive-DfdjqQps.js";
-import { u as Tt, a as oe } from "./useNestedProp-CoXaJ2T6.js";
+import { u as Tt, a as oe } from "./useNestedProp-DOOBu_sL.js";
 import { u as Mt, B as Bt } from "./BaseScanner-BgWxam9d.js";
-import { u as Ot } from "./usePrinter-BdVu83IN.js";
+import { u as Ot } from "./usePrinter-CjGh4mFJ.js";
 import { u as Et } from "./useSvgExport-DrjCWun4.js";
 import { u as Nt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Lt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as St } from "./useChartAccessibility-9icAAmYg.js";
-import It from "./img-BYzbY8TZ.js";
-import Rt from "./Title-CM2dM0rQ.js";
-import jt from "./Legend-DSyOOSJ1.js";
+import It from "./img-CwrkWkkl.js";
+import Rt from "./Title-CgkWUXeV.js";
+import jt from "./Legend-Djkw4FGq.js";
 import { _ as Vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { grid: { stroke: "#4A4A4A" }, outerPolygon: { stroke: "#5A5A5A" }, dataLabel: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Be = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { grid: { stroke: "#5D403780" }, outerPolygon: { stroke: "#5D4037" }, dataPolygon: { color: "#D32F2F", stroke: "#D32F2F" }, smileys: { colors: { 1: "#FFC107", 2: "#FF9800", 3: "#F57C00", 4: "#E64A19", 5: "#D32F2F" } }, dataLabel: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Oe = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { grid: { stroke: "#5D403780" }, outerPolygon: { stroke: "#5D4037" }, dataPolygon: { color: "#D32F2F", stroke: "#D32F2F" }, smileys: { colors: { 1: "#FFC107", 2: "#FF9800", 3: "#F57C00", 4: "#E64A19", 5: "#D32F2F" } }, dataLabel: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ee = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { grid: { stroke: "#333333" }, outerPolygon: { stroke: "#334C33" }, dataPolygon: { color: "#33B333", stroke: "#00FF00" }, smileys: { colors: { 1: "#336633", 2: "#338033", 3: "#339933", 4: "#33E633", 5: "#00FF00" } }, dataLabel: { color: "#00FF00" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ne = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { grid: { stroke: "#C5B8A7" }, outerPolygon: { strokeWidth: 0 }, dataPolygon: { color: "#858480", stroke: "#C09E85" }, smileys: { colors: { 1: "#C09E85", 2: "#DCB482", 3: "#DFCA99", 4: "#E0CFC3", 5: "#B9B99D" } }, dataLabel: { color: "#606C5A" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Le = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { grid: { stroke: "#61747E" }, outerPolygon: { stroke: "#50606C" }, dataPolygon: { color: "#A3C4BE", stroke: "#92B0B5" }, smileys: { colors: { 1: "#5C6B5B", 2: "#4A6A75", 3: "#6C94A0", 4: "#7DA9B5", 5: "#8EBFCA" } }, dataLabel: { color: "#50606C" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Se = {
   default: {},
@@ -49,7 +49,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
   },
   setup(Ie, { expose: Re }) {
-    const M = T(() => import("./BaseIcon--wNsuYtd.js")), je = T(() => import("./vue-ui-accordion-WOXCCkiC.js")), Ve = T(() => import("./DataTable-DRZJOlJB.js")), ze = T(() => import("./PenAndPaper-CMmG5Mka.js")), Ue = T(() => import("./UserOptions-5GYBcJJU.js")), We = T(() => import("./PackageVersion-BW9_gimf.js")), Ge = T(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_mood_radar: He } = Tt(), { isThemeValid: Xe, warnInvalidTheme: Ke } = Nt(), w = Ie, m = i(kt()), F = i(null), f = i(null), le = i(null), qe = i(0), Ye = i(0), ae = i(0), ne = i(null), re = i(null), E = i(null), z = i(null), se = i(null), ue = i(!1), N = i(null), X = i(null), ie = v(() => !!w.dataset && Object.keys(w.dataset).length), e = i(J()), { loading: K, FINAL_DATASET: P } = Mt({
+    const M = T(() => import("./BaseIcon-CALhpING.js")), je = T(() => import("./vue-ui-accordion-BWfQ8Imt.js")), Ve = T(() => import("./DataTable-Ca1twcf7.js")), ze = T(() => import("./PenAndPaper-DscVdZ1u.js")), Ue = T(() => import("./UserOptions-ChRXLqps.js")), We = T(() => import("./PackageVersion-B9RA2_BM.js")), Ge = T(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_mood_radar: He } = Tt(), { isThemeValid: Xe, warnInvalidTheme: Ke } = Nt(), w = Ie, m = i(kt()), F = i(null), f = i(null), le = i(null), qe = i(0), Ye = i(0), ae = i(0), ne = i(null), re = i(null), E = i(null), z = i(null), se = i(null), ue = i(!1), N = i(null), X = i(null), ie = v(() => !!w.dataset && Object.keys(w.dataset).length), e = i(J()), { loading: K, FINAL_DATASET: P } = Mt({
       ...gt(w),
       FINAL_CONFIG: e,
       prepareConfig: J,

package/dist/{vue-ui-nested-donuts-BAcHknTn.js → vue-ui-nested-donuts-CSF_bA-I.js}

@@ -1,20 +1,20 @@
 import { defineAsyncComponent as z, computed as k, ref as v, toRefs as Cl, watch as ae, onMounted as kl, shallowRef as kt, onBeforeUnmount as wl, createElementBlock as r, openBlock as n, unref as i, normalizeStyle as he, normalizeClass as M, createBlock as U, createCommentVNode as L, createElementVNode as g, createVNode as Pe, withCtx as p, renderSlot as y, normalizeProps as O, guardReactiveProps as N, createSlots as wt, Fragment as x, renderList as F, toDisplayString as P, withDirectives as At, vShow as $t, Teleport as Al, resolveDynamicComponent as $l, mergeProps as Ll, createTextVNode as Lt, nextTick as _t } from "vue";
-import { c as _l, t as xl, i as Fl, p as Ve, W as Be, o as Sl, g as J, j as Tl, a5 as R, l as Dl, Z as ze, a as oe, d as D, X as Ol, s as Nl, S as xt, $ as Me, a0 as K, x as Ft, u as Il, q as El, R as Pl, a4 as St, M as Ue } from "./lib-DUaaQGCv.js";
+import { c as _l, t as xl, i as Fl, p as Ve, a0 as Be, o as Tl, g as J, j as Sl, aa as R, l as Dl, a2 as ze, a as oe, d as D, X as Ol, s as Nl, F as xt, a4 as Me, a5 as K, x as Ft, u as Il, q as El, Z as Pl, a9 as Tt, T as Ue } from "./lib-qMPkcvmh.js";
 import { t as Vl, u as Bl } from "./useResponsive-DfdjqQps.js";
-import { u as zl, a as Re } from "./useNestedProp-CoXaJ2T6.js";
+import { u as zl, a as Re } from "./useNestedProp-DOOBu_sL.js";
 import { u as Ml, B as Ul } from "./BaseScanner-BgWxam9d.js";
-import { u as Rl } from "./usePrinter-BdVu83IN.js";
+import { u as Rl } from "./usePrinter-CjGh4mFJ.js";
 import { u as Gl } from "./useSvgExport-DrjCWun4.js";
 import { u as Yl } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Wl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Xl } from "./useChartAccessibility-9icAAmYg.js";
-import ql from "./img-BYzbY8TZ.js";
-import Hl from "./Title-CM2dM0rQ.js";
-import jl from "./Legend-DSyOOSJ1.js";
+import ql from "./img-CwrkWkkl.js";
+import Hl from "./Title-CgkWUXeV.js";
+import jl from "./Legend-Djkw4FGq.js";
 import { _ as Zl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Tt = { 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" } } }, Dt = { 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" } } }, Ot = { 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" } } }, Nt = { 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" } } }, It = { 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" } } }, Et = { 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" } } }, Pt = {
+const St = { 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" } } }, Dt = { 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" } } }, Ot = { 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" } } }, Nt = { 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" } } }, It = { 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" } } }, Et = { 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" } } }, Pt = {
   default: {},
-  dark: Tt,
+  dark: St,
   celebration: Dt,
   celebrationNight: Ot,
   hack: Nt,
@@ -25,7 +25,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   celebration: Dt,
   celebrationNight: Ot,
   concrete: Et,
-  dark: Tt,
+  dark: St,
   default: Pt,
   hack: Nt,
   zen: It
@@ -53,7 +53,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Vt, { expose: Bt, emit: zt }) {
-    const Mt = z(() => import("./Tooltip-De7i-i20.js")), Ut = z(() => import("./BaseIcon--wNsuYtd.js")), Rt = z(() => import("./vue-ui-accordion-WOXCCkiC.js")), Gt = z(() => import("./DataTable-DRZJOlJB.js")), Yt = z(() => import("./UserOptions-5GYBcJJU.js")), Wt = z(() => import("./PenAndPaper-CMmG5Mka.js")), Xt = z(() => import("./PackageVersion-BW9_gimf.js")), qt = z(() => import("./BaseDraggableDialog-CtB38kJq.js")), { vue_ui_nested_donuts: Ht } = zl(), { isThemeValid: jt, warnInvalidTheme: Zt } = Yl(), w = Vt, fe = k({
+    const Mt = z(() => import("./Tooltip-OHx7yHlS.js")), Ut = z(() => import("./BaseIcon-CALhpING.js")), Rt = z(() => import("./vue-ui-accordion-BWfQ8Imt.js")), Gt = z(() => import("./DataTable-Ca1twcf7.js")), Yt = z(() => import("./UserOptions-ChRXLqps.js")), Wt = z(() => import("./PenAndPaper-DscVdZ1u.js")), Xt = z(() => import("./PackageVersion-B9RA2_BM.js")), qt = z(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_nested_donuts: Ht } = zl(), { isThemeValid: jt, warnInvalidTheme: Zt } = Yl(), w = Vt, fe = k({
       get() {
         return !!w.dataset && w.dataset.length;
       },
@@ -175,8 +175,8 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           setTimeout(() => {
             const A = performance.now();
             function d(m) {
-              const S = Math.min((m - A) / s, 1), Se = St(S), Te = c * Se;
-              Y.value[f] = Te, Y.value = [...Y.value];
+              const T = Math.min((m - A) / s, 1), Te = Tt(T), Se = c * Te;
+              Y.value[f] = Se, Y.value = [...Y.value];
               const ce = [];
               let De = 0;
               w.dataset.forEach((ve, Oe) => {
@@ -197,7 +197,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                   absoluteValues: [],
                   ghost: !0
                 }), De += ve.series.length;
-              }), Q.value = ce, S < 1 ? requestAnimationFrame(d) : (u += 1, u === l && o());
+              }), Q.value = ce, T < 1 ? requestAnimationFrame(d) : (u += 1, u === l && o());
             }
             requestAnimationFrame(d);
           }, f * a);
@@ -242,7 +242,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     });
     const V = kt(null), H = kt(null), j = k(() => !!e.value.debug);
     function at() {
-      if (Sl(w.dataset) ? (J({
+      if (Tl(w.dataset) ? (J({
         componentName: "VueUiNestedDonuts",
         type: "dataset",
         debug: j.value
@@ -270,7 +270,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       elementId: `nested_donuts_${b.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts",
       options: e.value.userOptions.print
-    }), Kt = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Qt = k(() => Tl(e.value.customPalette)), _ = v({
+    }), Kt = k(() => e.value.userOptions.show && !e.value.style.chart.title.text), Qt = k(() => Sl(e.value.customPalette)), _ = v({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -299,16 +299,16 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       duration: a,
       onUpdate: o,
       onDone: l,
-      easing: u = St
+      easing: u = Tt
     }) {
       const c = performance.now();
       function f(A) {
-        const d = Math.min((A - c) / a, 1), m = u(d), S = t + (s - t) * m;
-        o(S, d), d < 1 ? requestAnimationFrame(f) : (o(s, 1), l && l());
+        const d = Math.min((A - c) / a, 1), m = u(d), T = t + (s - t) * m;
+        o(T, d), d < 1 ? requestAnimationFrame(f) : (o(s, 1), l && l());
       }
       requestAnimationFrame(f);
     }
-    const C = v([]), T = k(() => {
+    const C = v([]), S = k(() => {
       Ce.value, X.value.forEach((s, a) => {
         [null, void 0].includes(s.name) && J({
           componentName: "VueUiNestedDonuts",
@@ -370,7 +370,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     ae(() => w.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ke.value = !1);
     }, { immediate: !0 });
-    const E = k(() => Math.min(h.value.height, h.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), dt = k(() => [...T.value].map((t, s) => {
+    const E = k(() => Math.min(h.value.height, h.value.width) * (e.value.style.chart.layout.donut.strokeWidth / 512)), dt = k(() => [...S.value].map((t, s) => {
       const a = t.series.filter((o) => !C.value.includes(o.id)).map((o) => o.value).reduce((o, l) => o + l, 0);
       return {
         ...t,
@@ -395,16 +395,16 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function q(t) {
       rt("selectLegend", t);
       const s = w.dataset.flatMap(
-        (d, m) => d.series.map((S, Se) => ({
-          value: R(S.values).reduce((Te, ce) => Te + ce, 0),
-          id: `${b.value}_${m}_${Se}`,
+        (d, m) => d.series.map((T, Te) => ({
+          value: R(T.values).reduce((Se, ce) => Se + ce, 0),
+          id: `${b.value}_${m}_${Te}`,
           arcOfId: `${b.value}_${m}`
         }))
       ).find((d) => d.id === t.id);
       if (!s) return;
-      const a = T.value.flatMap((d) => d.series).find((d) => d.id === t.id)?.value ?? 0, o = $.value.flatMap((d) => d.series).find((d) => d.id === t.id);
+      const a = S.value.flatMap((d) => d.series).find((d) => d.id === t.id)?.value ?? 0, o = $.value.flatMap((d) => d.series).find((d) => d.id === t.id);
       let u = o ? o.value : 0;
-      const c = T.value.find(
+      const c = S.value.find(
         (d) => d.id === s.arcOfId
       );
       if (!c) return;
@@ -420,7 +420,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         onUpdate: (d) => {
           $.value = $.value.map((m) => ({
             ...m,
-            series: m.series.map((S) => S.id === t.id ? { ...S, value: d } : S)
+            series: m.series.map((T) => T.id === t.id ? { ...T, value: d } : T)
           }));
         }
       }) : $.value = $.value.map((d) => ({
@@ -433,7 +433,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         onUpdate: (d) => {
           $.value = $.value.map((m) => ({
             ...m,
-            series: m.series.map((S) => S.id === t.id ? { ...S, value: d } : S)
+            series: m.series.map((T) => T.id === t.id ? { ...T, value: d } : T)
           }));
         },
         onDone: () => {
@@ -445,9 +445,9 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       })), C.value.push(t.id)));
     }
     function ct(t) {
-      if (!T.value.length)
+      if (!S.value.length)
         return e.value.debug && console.warn("VueUiNestedDonuts - There are no series to show."), null;
-      const s = T.value.flatMap((a) => a.series).filter((a) => a.name === t);
+      const s = S.value.flatMap((a) => a.series).filter((a) => a.name === t);
       return s || (e.value.debug && console.warn(`VueUiNestedDonuts - Series name not found "${t}"`), null);
     }
     function ll(t) {
@@ -462,7 +462,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         C.value.includes(a.id) || q({ id: a.id });
       }) : C.value.includes(s.id) || q({ id: s.id }));
     }
-    const se = k(() => E.value / T.value.length * e.value.style.chart.layout.donut.spacingRatio), vt = k(() => $.value.map((t, s) => E.value - s * E.value / T.value.length)), Z = k(() => $.value.map((t, s) => {
+    const se = k(() => E.value / S.value.length * e.value.style.chart.layout.donut.spacingRatio), vt = k(() => $.value.map((t, s) => E.value - s * E.value / S.value.length)), Z = k(() => $.value.map((t, s) => {
       const a = Math.abs(t.series.map((A) => A.value).reduce((A, d) => A + d, 0)) > 0, o = E.value - s * E.value / $.value.length, l = G.value ? Q.value.find((A) => A.datasetIndex === s) : null, u = [...t.series, ...l ? [l] : []].map((A) => ({
         ...A,
         value: A.value < 1e-11 ? Number.MIN_VALUE : A.value
@@ -503,8 +503,8 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           se.value
         )
       };
-    })), ht = k(() => [...T.value].map((t, s) => {
-      const a = s * E.value / T.value.length;
+    })), ht = k(() => [...S.value].map((t, s) => {
+      const a = s * E.value / S.value.length;
       return {
         sizeRatio: a,
         donut: ze(
@@ -518,7 +518,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           1,
           360,
           105.25,
-          E.value / T.value.length * e.value.style.chart.layout.donut.spacingRatio
+          E.value / S.value.length * e.value.style.chart.layout.donut.spacingRatio
         )[0]
       };
     })), ft = v(null), ne = v(null), ue = v(null), $e = v(null);
@@ -620,7 +620,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       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(() => T.value.map((t, s) => {
+    const re = k(() => S.value.map((t, s) => {
       const a = t.series.filter(
         (l) => !C.value.includes(l.id)
       ), o = G.value ? a.map((l) => {
@@ -750,7 +750,7 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       };
     });
     function ul() {
-      return T.value;
+      return S.value;
     }
     function gt() {
       _.value.showTable = !_.value.showTable;
@@ -1443,12 +1443,12 @@ const Tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       i(Ce) ? (n(), U(Ul, { key: 9 })) : L("", !0)
     ], 46, Jl));
   }
-}, Sa = /* @__PURE__ */ Zl(Fa, [["__scopeId", "data-v-1468fc43"]]), Wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ta = /* @__PURE__ */ Zl(Fa, [["__scopeId", "data-v-1468fc43"]]), Wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Sa
+  default: Ta
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Ya as a,
   Wa as b,
-  Sa as v
+  Ta as v
 };