vue-data-ui 3.8.3 → 3.8.4

package/dist/{vue-ui-molecule-XKapMUGW.js → vue-ui-molecule-BTaGK6l7.js}

@@ -1,13 +1,13 @@
-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-DH2Pjkde.js";
+import { useCssVars as Do, defineAsyncComponent as p, computed as C, 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 h, guardReactiveProps as f, 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, ah 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-_nVZfi2t.js";
+import { u as Yo, a as oe } from "./useNestedProp-CNjAKn-Z.js";
 import { u as qo, B as Jo } from "./BaseScanner-BgWxam9d.js";
-import { u as Ko } from "./usePrinter-CjGh4mFJ.js";
+import { u as Ko } from "./usePrinter-DXIMGR61.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-CwrkWkkl.js";
+import lt from "./img-C5q4A7ke.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" } } }, 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 = {
@@ -35,18 +35,18 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
 }, it = {
   key: 2,
   style: "width:100%;background:transparent;"
-}, ut = ["xmlns", "viewBox"], ct = ["width", "height"], dt = ["id"], vt = ["stop-color"], ft = ["stop-color"], ht = {
+}, ut = ["xmlns", "viewBox"], ct = ["width", "height"], dt = ["id"], vt = ["stop-color"], ht = ["stop-color"], ft = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, pt = {
   key: 5,
   "data-dom-to-png-ignore": "",
   class: "reset-wrapper"
-}, gt = {
+}, Ct = {
   key: 6,
   ref: "source",
   dir: "auto"
-}, Ct = ["innerHTML"], bt = {
+}, gt = ["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-CWX8otQg.js")), We = p(() => import("./Tooltip-OHx7yHlS.js")), te = p(() => import("./BaseIcon-CALhpING.js")), Xe = p(() => import("./vue-ui-accordion-DiNnR-ZE.js")), Ye = p(() => import("./DataTable-Ca1twcf7.js")), qe = p(() => import("./PenAndPaper-DscVdZ1u.js")), Je = p(() => import("./UserOptions-ChRXLqps.js")), Ke = p(() => import("./PackageVersion-C8V4NAR4.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);
+    const je = p(() => import("./Title-DnykBvFl.js")), We = p(() => import("./Tooltip-l2pmtXwi.js")), te = p(() => import("./BaseIcon-_2VlkSHq.js")), Xe = p(() => import("./vue-ui-accordion-WOPRF2Tv.js")), Ye = p(() => import("./DataTable-CokMin24.js")), qe = p(() => import("./PenAndPaper-CFRubEEG.js")), Je = p(() => import("./UserOptions-M5A9w5GL.js")), Ke = p(() => import("./PackageVersion-BuD3uLvK.js")), Qe = p(() => import("./RecursiveLinks-Da489v6n.js")), eo = p(() => import("./RecursiveLabels-DxmctYbA.js")), oo = p(() => import("./RecursiveCircles-CM4bn2Vg.js")), to = p(() => import("./BaseDraggableDialog-C2wzOVzX.js")), { vue_ui_molecule: lo } = Yo(), { isThemeValid: ao, warnInvalidTheme: so } = et(), w = xe, no = Ge, le = C(() => !!w.dataset && w.dataset.length);
     So(() => {
       ae();
     });
-    const ro = g(() => e.value.debug);
+    const ro = C(() => e.value.debug);
     function ae() {
       Lo(w.dataset) && Zo({
         componentName: "VueUiMolecule",
@@ -163,13 +163,13 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
       ce.value += 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));
+      o || (await H(), g.value = Ce(), 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({
+    const { isPrinting: de, isImaging: ve, generatePdf: he, generateImage: fe } = Ko({
       elementId: `cluster_${M.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-molecule",
       options: e.value.userOptions.print
-    }), uo = g(() => e.value.userOptions.show && !e.value.style.chart.title.text), co = g(() => Ho(e.value.customPalette)), u = c({
+    }), uo = C(() => e.value.userOptions.show && !e.value.style.chart.title.text), co = C(() => Ho(e.value.customPalette)), u = c({
       showTable: e.value.table.show,
       showDataLabels: !0,
       showTooltip: e.value.style.chart.tooltip.show,
@@ -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 ge() {
+    function Ce() {
       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 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) {
+    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) {
       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 = Ce(
+        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(
           m.nodes,
           _e,
           t / 2.9,
@@ -239,11 +239,11 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         s[n] = `gradient_${d}`;
       }), s;
     }
-    const fo = g(() => vo(k.value)), k = g(() => {
+    const ho = C(() => vo(k.value)), k = C(() => {
       const o = Ro(j.value);
-      return Ce(o);
+      return ge(o);
     }), Y = c(null);
-    function ho(o) {
+    function fo(o) {
       Y.value = {
         datapoint: o,
         seriesIndex: -1,
@@ -271,9 +271,9 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
     }
     const Z = c(null), P = c(null), be = c(null);
     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);
+      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, fo(o), P.value = o.uid) : (x.value = !1, L.value = "", P.value = null);
     }
-    function go(o) {
+    function Co(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 Co = g(() => go(k.value)), F = g(() => {
+    const go = C(() => Co(k.value)), F = C(() => {
       const o = [
         e.value.table.translations.nodeName,
         e.value.table.translations.details,
         e.value.table.translations.ancestor
-      ], l = Co.value.map((n, d) => [
+      ], l = go.value.map((n, d) => [
         {
           color: n.color,
           name: n.name
@@ -353,11 +353,11 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
     function J() {
       I.value = !I.value;
     }
-    const mo = g(() => !I.value && u.value.showZoom), { viewBox: U, resetZoom: K, isZoom: yo, setInitialViewBox: Ao } = at(B, {
+    const mo = C(() => !I.value && u.value.showZoom), { viewBox: U, resetZoom: K, isZoom: yo, setInitialViewBox: Ao } = at(B, {
       x: 0,
       y: 0,
-      width: Math.max(10, C.value.width),
-      height: Math.max(10, C.value.height)
+      width: Math.max(10, g.value.width),
+      height: Math.max(10, g.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 = g(() => {
+    const N = C(() => {
       const o = e.value.table.useDialog && !e.value.table.show, l = u.value.showTable;
       return {
         component: o ? to : Xe,
@@ -410,7 +410,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
     function $e() {
       u.value.showTable = !1, V.value && V.value.setTableIconState(!1);
     }
-    const $o = g(() => e.value.style.chart.backgroundColor), To = g(() => e.value.style.chart.title), { exportSvg: Fo, getSvg: _o } = Qo({
+    const $o = C(() => e.value.style.chart.backgroundColor), To = C(() => e.value.style.chart.title), { exportSvg: Fo, getSvg: _o } = Qo({
       svg: B,
       title: To,
       backgroundColor: $o
@@ -425,9 +425,9 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
     return Ve({
       getData: bo,
       getImage: wo,
-      generatePdf: fe,
+      generatePdf: he,
       generateCsv: q,
-      generateImage: he,
+      generateImage: fe,
       generateSvg: Te,
       toggleTable: ye,
       toggleLabels: Ae,
@@ -458,19 +458,19 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
           i(o.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
         "annotator-action-color": r(({ color: t }) => [
-          i(o.$slots, "annotator-action-color", f(h({ color: t })), void 0, !0)
+          i(o.$slots, "annotator-action-color", h(f({ color: t })), void 0, !0)
         ]),
         "annotator-action-draw": r(({ mode: t }) => [
-          i(o.$slots, "annotator-action-draw", f(h({ mode: t })), void 0, !0)
+          i(o.$slots, "annotator-action-draw", h(f({ mode: t })), void 0, !0)
         ]),
         "annotator-action-undo": r(({ disabled: t }) => [
-          i(o.$slots, "annotator-action-undo", f(h({ disabled: t })), void 0, !0)
+          i(o.$slots, "annotator-action-undo", h(f({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-redo": r(({ disabled: t }) => [
-          i(o.$slots, "annotator-action-redo", f(h({ disabled: t })), void 0, !0)
+          i(o.$slots, "annotator-action-redo", h(f({ disabled: t })), void 0, !0)
         ]),
         "annotator-action-delete": r(({ disabled: t }) => [
-          i(o.$slots, "annotator-action-delete", f(h({ disabled: t })), void 0, !0)
+          i(o.$slots, "annotator-action-delete", h(f({ disabled: t })), void 0, !0)
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : y("", !0),
@@ -519,9 +519,9 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         hasZoom: e.value.userOptions.buttons.zoom,
         isZoom: u.value.showZoom,
         onToggleFullscreen: me,
-        onGeneratePdf: a(fe),
+        onGeneratePdf: a(he),
         onGenerateCsv: q,
-        onGenerateImage: a(he),
+        onGenerateImage: a(fe),
         onGenerateSvg: Te,
         onToggleTable: ye,
         onToggleLabels: Ae,
@@ -535,7 +535,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         o.$slots.menuIcon ? {
           name: "menuIcon",
           fn: r(({ isOpen: t, color: s }) => [
-            i(o.$slots, "menuIcon", f(h({ isOpen: t, color: s })), void 0, !0)
+            i(o.$slots, "menuIcon", h(f({ isOpen: t, color: s })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -591,21 +591,21 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         o.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: r(({ toggleFullscreen: t, isFullscreen: s }) => [
-            i(o.$slots, "optionFullscreen", f(h({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
+            i(o.$slots, "optionFullscreen", h(f({ toggleFullscreen: t, isFullscreen: s })), void 0, !0)
           ]),
           key: "8"
         } : void 0,
         o.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: r(({ toggleAnnotator: t, isAnnotator: s }) => [
-            i(o.$slots, "optionAnnotator", f(h({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
+            i(o.$slots, "optionAnnotator", h(f({ toggleAnnotator: t, isAnnotator: s })), void 0, !0)
           ]),
           key: "9"
         } : void 0,
         o.$slots.optionZoom ? {
           name: "optionZoom",
           fn: r(({ toggleZoom: t, isZoomLocked: s }) => [
-            i(o.$slots, "optionZoom", f(h({ toggleZoom: t, isZoomLocked: s })), void 0, !0)
+            i(o.$slots, "optionZoom", h(f({ toggleZoom: t, isZoomLocked: s })), void 0, !0)
           ]),
           key: "10"
         } : void 0
@@ -624,8 +624,8 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
           key: 0,
           x: 0,
           y: 0,
-          width: C.value.width <= 0 ? 10 : C.value.width,
-          height: C.value.height <= 0 ? 10 : C.value.height,
+          width: g.value.width <= 0 ? 10 : g.value.width,
+          height: g.value.height <= 0 ? 10 : g.value.height,
           style: {
             pointerEvents: "none"
           }
@@ -633,7 +633,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
           i(o.$slots, "chart-background", {}, void 0, !0)
         ], 8, ct)) : y("", !0),
         S("defs", null, [
-          (v(!0), A(Bo, null, Po(Object.keys(fo.value), (t) => (v(), A("radialGradient", {
+          (v(!0), A(Bo, null, Po(Object.keys(ho.value), (t) => (v(), A("radialGradient", {
             id: `gradient_${t}`,
             cx: "50%",
             cy: "30%",
@@ -648,7 +648,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
             S("stop", {
               offset: "100%",
               "stop-color": t
-            }, null, 8, ft)
+            }, null, 8, ht)
           ], 8, dt))), 256))
         ]),
         D(a(Qe), {
@@ -665,7 +665,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
           onHover: po
         }, {
           node: r(({ node: t }) => [
-            i(o.$slots, "node", f(h({ node: t })), void 0, !0)
+            i(o.$slots, "node", h(f({ node: t })), void 0, !0)
           ]),
           _: 3
         }, 8, ["dataset", "hoveredUid", "stroke", "strokeHovered"]),
@@ -675,10 +675,10 @@ 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: C.value }, void 0, !0)
+        i(o.$slots, "svg", { svg: g.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)
+      o.$slots.watermark ? (v(), A("div", ft, [
+        i(o.$slots, "watermark", h(f({ isPrinting: a(de) || a(ve) })), void 0, !0)
       ])) : y("", !0),
       a(yo) ? (v(), A("div", pt, [
         i(o.$slots, "reset-action", { reset: a(K) }, () => [
@@ -699,7 +699,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
           ], 4)
         ], !0)
       ])) : y("", !0),
-      o.$slots.source ? (v(), A("div", gt, [
+      o.$slots.source ? (v(), A("div", Ct, [
         i(o.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       D(a(We), {
@@ -723,10 +723,10 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": r(() => [
-          i(o.$slots, "tooltip-before", f(h({ ...Y.value })), void 0, !0)
+          i(o.$slots, "tooltip-before", h(f({ ...Y.value })), void 0, !0)
         ]),
         "tooltip-after": r(() => [
-          i(o.$slots, "tooltip-after", f(h({ ...Y.value })), void 0, !0)
+          i(o.$slots, "tooltip-after", h(f({ ...Y.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
@@ -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, Ct)
+              }, null, 8, gt)
             ]),
             td: r(({ td: t }) => [
               Ee(Be(t.name || t), 1)

package/dist/{vue-ui-mood-radar-D7Aqu1nJ.js → vue-ui-mood-radar-DIxGLyf6.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, ah as xt, u as $t, q as Pt } from "./lib-qMPkcvmh.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, ai as xt, u as $t, q as Pt } from "./lib-_nVZfi2t.js";
 import { t as Dt, u as _t } from "./useResponsive-DfdjqQps.js";
-import { u as Tt, a as oe } from "./useNestedProp-DH2Pjkde.js";
+import { u as Tt, a as oe } from "./useNestedProp-CNjAKn-Z.js";
 import { u as Mt, B as Bt } from "./BaseScanner-BgWxam9d.js";
-import { u as Ot } from "./usePrinter-CjGh4mFJ.js";
+import { u as Ot } from "./usePrinter-DXIMGR61.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-CwrkWkkl.js";
-import Rt from "./Title-CWX8otQg.js";
-import jt from "./Legend-Djkw4FGq.js";
+import It from "./img-C5q4A7ke.js";
+import Rt from "./Title-DnykBvFl.js";
+import jt from "./Legend-PhhPyrZ0.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-CALhpING.js")), je = T(() => import("./vue-ui-accordion-DiNnR-ZE.js")), Ve = T(() => import("./DataTable-Ca1twcf7.js")), ze = T(() => import("./PenAndPaper-DscVdZ1u.js")), Ue = T(() => import("./UserOptions-ChRXLqps.js")), We = T(() => import("./PackageVersion-C8V4NAR4.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({
+    const M = T(() => import("./BaseIcon-_2VlkSHq.js")), je = T(() => import("./vue-ui-accordion-WOPRF2Tv.js")), Ve = T(() => import("./DataTable-CokMin24.js")), ze = T(() => import("./PenAndPaper-CFRubEEG.js")), Ue = T(() => import("./UserOptions-M5A9w5GL.js")), We = T(() => import("./PackageVersion-BuD3uLvK.js")), Ge = T(() => import("./BaseDraggableDialog-C2wzOVzX.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-Cs-eiA--.js → vue-ui-nested-donuts-Buo1qlvt.js}

@@ -1,16 +1,16 @@
 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, 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 { c as _l, t as xl, i as Fl, p as Ve, a0 as Be, o as Tl, g as J, j as Sl, ab 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, aa as Tt, T as Ue } from "./lib-_nVZfi2t.js";
 import { t as Vl, u as Bl } from "./useResponsive-DfdjqQps.js";
-import { u as zl, a as Re } from "./useNestedProp-DH2Pjkde.js";
+import { u as zl, a as Re } from "./useNestedProp-CNjAKn-Z.js";
 import { u as Ml, B as Ul } from "./BaseScanner-BgWxam9d.js";
-import { u as Rl } from "./usePrinter-CjGh4mFJ.js";
+import { u as Rl } from "./usePrinter-DXIMGR61.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-CwrkWkkl.js";
-import Hl from "./Title-CWX8otQg.js";
-import jl from "./Legend-Djkw4FGq.js";
+import ql from "./img-C5q4A7ke.js";
+import Hl from "./Title-DnykBvFl.js";
+import jl from "./Legend-PhhPyrZ0.js";
 import { _ as Zl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 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: {},
@@ -53,7 +53,7 @@ const St = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Vt, { expose: Bt, emit: zt }) {
-    const Mt = z(() => import("./Tooltip-OHx7yHlS.js")), Ut = z(() => import("./BaseIcon-CALhpING.js")), Rt = z(() => import("./vue-ui-accordion-DiNnR-ZE.js")), Gt = z(() => import("./DataTable-Ca1twcf7.js")), Yt = z(() => import("./UserOptions-ChRXLqps.js")), Wt = z(() => import("./PenAndPaper-DscVdZ1u.js")), Xt = z(() => import("./PackageVersion-C8V4NAR4.js")), qt = z(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_nested_donuts: Ht } = zl(), { isThemeValid: jt, warnInvalidTheme: Zt } = Yl(), w = Vt, fe = k({
+    const Mt = z(() => import("./Tooltip-l2pmtXwi.js")), Ut = z(() => import("./BaseIcon-_2VlkSHq.js")), Rt = z(() => import("./vue-ui-accordion-WOPRF2Tv.js")), Gt = z(() => import("./DataTable-CokMin24.js")), Yt = z(() => import("./UserOptions-M5A9w5GL.js")), Wt = z(() => import("./PenAndPaper-CFRubEEG.js")), Xt = z(() => import("./PackageVersion-BuD3uLvK.js")), qt = z(() => import("./BaseDraggableDialog-C2wzOVzX.js")), { vue_ui_nested_donuts: Ht } = zl(), { isThemeValid: jt, warnInvalidTheme: Zt } = Yl(), w = Vt, fe = k({
       get() {
         return !!w.dataset && w.dataset.length;
       },

package/dist/{vue-ui-onion-tu3ZEuXB.js → vue-ui-onion-CTRuEQxm.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as S, computed as d, ref as u, toRefs as zt, watch as U, shallowRef as Ue, onMounted as Lt, onBeforeUnmount as Nt, createElementBlock as v, openBlock as s, unref as r, normalizeStyle as E, normalizeClass as q, createBlock as _, createCommentVNode as p, createElementVNode as I, createVNode as ce, withCtx as i, renderSlot as c, normalizeProps as y, guardReactiveProps as C, createSlots as Ge, Fragment as G, renderList as Y, toDisplayString as R, Teleport as Vt, resolveDynamicComponent as Ut, mergeProps as Gt, createTextVNode as Ye, nextTick as Xe } from "vue";
-import { c as Yt, t as Xt, i as jt, p as je, j as Ht, o as He, g as de, l as Wt, d as z, X as qt, a as ve, x as We, u as Zt, q as Jt, Z as Kt } from "./lib-qMPkcvmh.js";
+import { c as Yt, t as Xt, i as jt, p as je, j as Ht, o as He, g as de, l as Wt, d as z, X as qt, a as ve, x as We, u as Zt, q as Jt, Z as Kt } from "./lib-_nVZfi2t.js";
 import { t as Qt, u as eo } from "./useResponsive-DfdjqQps.js";
-import { u as to, a as ge } from "./useNestedProp-DH2Pjkde.js";
+import { u as to, a as ge } from "./useNestedProp-CNjAKn-Z.js";
 import { u as oo, B as lo } from "./BaseScanner-BgWxam9d.js";
-import { u as ao } from "./usePrinter-CjGh4mFJ.js";
+import { u as ao } from "./usePrinter-DXIMGR61.js";
 import { u as no } from "./useSvgExport-DrjCWun4.js";
 import { u as ro } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as so } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as uo } from "./useChartAccessibility-9icAAmYg.js";
-import { u as io } from "./useAutoSizeLabelsInsideViewbox-CY90KinM.js";
-import co from "./img-CwrkWkkl.js";
-import vo from "./Title-CWX8otQg.js";
-import go from "./Legend-Djkw4FGq.js";
+import { u as io } from "./useAutoSizeLabelsInsideViewbox-Cj4ZcFAh.js";
+import co from "./img-C5q4A7ke.js";
+import vo from "./Title-DnykBvFl.js";
+import go from "./Legend-PhhPyrZ0.js";
 import { _ as ho } 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" } } }, Ze = { 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" } } }, Je = { 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" } } }, Ke = { 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" } } }, Qe = { 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 = {
   default: {},
@@ -51,7 +51,7 @@ const qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend"],
   setup(ot, { expose: lt, emit: at }) {
-    const nt = S(() => import("./Tooltip-OHx7yHlS.js")), rt = S(() => import("./BaseIcon-CALhpING.js")), st = S(() => import("./vue-ui-accordion-DiNnR-ZE.js")), ut = S(() => import("./DataTable-Ca1twcf7.js")), it = S(() => import("./UserOptions-ChRXLqps.js")), ct = S(() => import("./PenAndPaper-DscVdZ1u.js")), dt = S(() => import("./PackageVersion-C8V4NAR4.js")), vt = S(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_onion: gt } = to(), { isThemeValid: ht, warnInvalidTheme: ft } = ro(), k = ot, he = d(() => !!k.dataset && k.dataset.length), w = u(Yt()), pt = u(null), fe = u(0), Z = u(!1), J = u(""), b = u([]), T = u(null), pe = u(null), be = u(null), me = u(null), ye = u(null), Ce = u(0), ke = u(0), we = u(0), x = u(!1), Ae = u(!1), L = u(null), e = u(ee()), { loading: A, FINAL_DATASET: $e, manualLoading: K } = oo({
+    const nt = S(() => import("./Tooltip-l2pmtXwi.js")), rt = S(() => import("./BaseIcon-_2VlkSHq.js")), st = S(() => import("./vue-ui-accordion-WOPRF2Tv.js")), ut = S(() => import("./DataTable-CokMin24.js")), it = S(() => import("./UserOptions-M5A9w5GL.js")), ct = S(() => import("./PenAndPaper-CFRubEEG.js")), dt = S(() => import("./PackageVersion-BuD3uLvK.js")), vt = S(() => import("./BaseDraggableDialog-C2wzOVzX.js")), { vue_ui_onion: gt } = to(), { isThemeValid: ht, warnInvalidTheme: ft } = ro(), k = ot, he = d(() => !!k.dataset && k.dataset.length), w = u(Yt()), pt = u(null), fe = u(0), Z = u(!1), J = u(""), b = u([]), T = u(null), pe = u(null), be = u(null), me = u(null), ye = u(null), Ce = u(0), ke = u(0), we = u(0), x = u(!1), Ae = u(!1), L = u(null), e = u(ee()), { loading: A, FINAL_DATASET: $e, manualLoading: K } = oo({
       ...zt(k),
       FINAL_CONFIG: e,
       prepareConfig: ee,