vue-data-ui 3.15.3 → 3.15.4

package/dist/{vue-ui-nested-donuts-D_JqvcIN.js → vue-ui-nested-donuts-BKi0-kMq.js}

@@ -1,18 +1,18 @@
-import { defineAsyncComponent as z, computed as C, ref as d, toRefs as Sl, watch as se, onMounted as Ol, shallowRef as Lt, onBeforeUnmount as Pl, createElementBlock as r, openBlock as n, unref as c, normalizeStyle as ne, normalizeClass as q, createBlock as B, createCommentVNode as $, createElementVNode as y, createVNode as Ue, renderSlot as m, withCtx as f, normalizeProps as S, guardReactiveProps as O, createSlots as _t, Fragment as T, renderList as F, toDisplayString as M, withDirectives as Tt, vShow as Ft, Teleport as Nl, resolveDynamicComponent as Il, mergeProps as Bl, createTextVNode as Dt, nextTick as Re } from "vue";
-import { c as Vl, t as xt, i as El, j as Ge, o as zl, g as Q, k as Ml, a9 as U, m as Ul, a5 as Ye, a as ye, d as P, X as Rl, s as Gl, G as St, a7 as Ot, a8 as me, p as Pt, y as Nt, v as Yl, r as Wl, a0 as Xl, ai as It, U as We } from "./lib-BLeQNY56.js";
-import { b as Hl } from "./labelUtils-BLs1JiJ2.js";
-import { t as ql, u as jl } from "./useResponsive-DfdjqQps.js";
-import { u as Jl, a as Xe } from "./useNestedProp-VrHe63vz.js";
+import { defineAsyncComponent as z, computed as C, ref as d, toRefs as Sl, watch as se, onMounted as Ol, shallowRef as Lt, onBeforeUnmount as Pl, createElementBlock as r, openBlock as n, unref as c, normalizeStyle as ne, normalizeClass as j, createBlock as B, createCommentVNode as $, createElementVNode as y, createVNode as Ue, renderSlot as m, withCtx as f, normalizeProps as S, guardReactiveProps as O, createSlots as _t, Fragment as T, renderList as F, toDisplayString as M, withDirectives as Tt, vShow as Ft, Teleport as Nl, resolveDynamicComponent as Il, mergeProps as Bl, createTextVNode as Dt, nextTick as Re } from "vue";
+import { c as Vl, t as xt, i as El, j as Ge, o as zl, g as Q, k as Ml, aa as U, m as Ul, a6 as Ye, a as ye, d as P, X as Rl, s as Gl, G as St, a8 as Ot, a9 as me, p as Pt, y as Nt, v as Yl, r as Wl, a0 as Xl, aj as It, U as We } from "./lib-CM2Ky_IJ.js";
+import { b as Hl } from "./labelUtils-JA4-kZX1.js";
+import { t as jl, u as ql } from "./useResponsive-DfdjqQps.js";
+import { u as Jl, a as Xe } from "./useNestedProp-CjM7zaEZ.js";
 import { u as Kl, B as Ql } from "./BaseScanner-BMpwQAfz.js";
-import { u as Zl } from "./usePrinter-2GkN2e42.js";
+import { u as Zl } from "./usePrinter-CFeOnrt8.js";
 import { u as ea } from "./useSvgExport-ByUukOZt.js";
 import { u as ta } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as la } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as aa } from "./useChartAccessibility-9icAAmYg.js";
-import oa from "./img-atDFcrvY.js";
-import sa from "./Title-BeDyPVX2.js";
-import na from "./Legend-9T2e7Hm_.js";
-import { B as ua } from "./BaseLegendToggle-aDygzw7d.js";
+import oa from "./img-CaBQSH60.js";
+import sa from "./Title-B7pGMRI9.js";
+import na from "./Legend-bchEhOOv.js";
+import { B as ua } from "./BaseLegendToggle-BBqvZhDh.js";
 import { _ as ra } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legend: { show: !1 } } } }, Vt = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", useGradient: !1, layout: { donut: { emptyFill: "#3A3A3A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, Et = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { donut: { emptyFill: "#3A3A3A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, zt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { labels: { dataLabels: { color: "#424242" } } }, legend: { backgroundColor: "#FFF8E1", color: "#424242", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, 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" } } }, Mt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { dataLabels: { color: "#BDBDBD" } } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, Ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { dataLabels: { color: "#AACCAA" } } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, Rt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { labels: { dataLabels: { color: "#A0AC94" } } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Gt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { dataLabels: { color: "#61747E" } } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Yt = {
   default: {},
@@ -59,14 +59,14 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(Wt, { expose: Xt, emit: Ht }) {
-    const qt = z(() => import("./Tooltip-CIAWAT6H.js")), jt = z(() => import("./BaseIcon-COEWBdOr.js")), Jt = z(() => import("./vue-ui-accordion-usMGjw6s.js")), Kt = z(() => import("./DataTable-C-gJ3cD_.js")), Qt = z(() => import("./UserOptions-DwAVLo4U.js")), Zt = z(() => import("./PenAndPaper-faw-s7Iq.js")), el = z(() => import("./PackageVersion-D4g_IquI.js")), tl = z(() => import("./BaseDraggableDialog-BXIITt8m.js")), { vue_ui_nested_donuts: ll } = Jl(), { isThemeValid: al, warnInvalidTheme: ol } = ta(), D = Wt, Ce = C({
+    const jt = z(() => import("./Tooltip-DOVSgQDu.js")), qt = z(() => import("./BaseIcon-D9oV9F4k.js")), Jt = z(() => import("./vue-ui-accordion-C5aFnqjM.js")), Kt = z(() => import("./DataTable-CQH-FWum.js")), Qt = z(() => import("./UserOptions-X4pTcXzk.js")), Zt = z(() => import("./PenAndPaper-B51jmZpI.js")), el = z(() => import("./PackageVersion-CQxY6U8v.js")), tl = z(() => import("./BaseDraggableDialog-CcDUyrEz.js")), { vue_ui_nested_donuts: ll } = Jl(), { isThemeValid: al, warnInvalidTheme: ol } = ta(), D = Wt, Ce = C({
       get() {
         return !!D.dataset && D.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), p = d(Vl()), Ae = d(!1), ke = d(""), we = d(null), He = d(0), N = d(null), qe = d(null), $e = d(null), je = d(null), Je = d(null), Ke = d(0), Qe = d(0), Ze = d(0), R = d(!0), G = d([]), Z = d([]), et = d(!1), ee = d(null), Le = d(null), ue = d(!1), re = d(!1), Y = d(!1);
+    }), p = d(Vl()), Ae = d(!1), ke = d(""), we = d(null), He = d(0), N = d(null), je = d(null), $e = d(null), qe = d(null), Je = d(null), Ke = d(0), Qe = d(0), Ze = d(0), R = d(!0), G = d([]), Z = d([]), et = d(!1), ee = d(null), Le = d(null), ue = d(!1), re = d(!1), Y = d(!1);
     function tt(t) {
       Y.value = t, He.value += 1;
     }
@@ -249,19 +249,19 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
     Ol(async () => {
       et.value = !0, ut(), await nt();
     });
-    const V = Lt(null), j = Lt(null), J = C(() => !!e.value.debug);
+    const V = Lt(null), q = Lt(null), J = C(() => !!e.value.debug);
     function ut() {
       if (zl(D.dataset) ? (Q({
         componentName: "VueUiNestedDonuts",
         type: "dataset",
         debug: J.value
       }), Ce.value = !1, _e.value = !0) : _e.value = e.value.loading, e.value.responsive) {
-        const t = ql(() => {
-          const { width: s, height: l } = jl({
+        const t = jl(() => {
+          const { width: s, height: l } = ql({
             chart: N.value,
-            title: e.value.style.chart.title.text ? qe.value : null,
+            title: e.value.style.chart.title.text ? je.value : null,
             legend: e.value.style.chart.legend.show ? $e.value : null,
-            source: je.value,
+            source: qe.value,
             noTitle: Je.value,
             padding: st.value
           });
@@ -269,11 +269,11 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
             h.value.width = s, h.value.height = l;
           });
         });
-        V.value && (j.value && V.value.unobserve(j.value), V.value.disconnect()), V.value = new ResizeObserver(t), j.value = N.value.parentNode, V.value.observe(j.value);
+        V.value && (q.value && V.value.unobserve(q.value), V.value.disconnect()), V.value = new ResizeObserver(t), q.value = N.value.parentNode, V.value.observe(q.value);
       }
     }
     Pl(() => {
-      V.value && (j.value && V.value.unobserve(j.value), V.value.disconnect());
+      V.value && (q.value && V.value.unobserve(q.value), V.value.disconnect());
     });
     const { isPrinting: De, isImaging: xe, generatePdf: rt, generateImage: it } = Zl({
       elementId: `nested_donuts_${p.value}`,
@@ -929,7 +929,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
     }), (t, s) => (n(), r("div", {
       ref_key: "nestedDonutsChart",
       ref: N,
-      class: q(`vue-data-ui-component vue-ui-nested-donuts ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
+      class: j(`vue-data-ui-component vue-ui-nested-donuts ${Y.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: ne(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
       id: `nested_donuts_${p.value}`,
       onMouseenter: s[2] || (s[2] = () => c(at)(!0)),
@@ -974,7 +974,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       e.value.style.chart.title.text ? (n(), r("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: qe
+        ref: je
       }, [
         (n(), B(sa, {
           key: `title_${Ke.value}`,
@@ -1118,7 +1118,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
         ref_key: "svgRef",
         ref: te,
         xmlns: c(Rl),
-        class: q({
+        class: j({
           "vue-data-ui-fullscreen--on": Y.value,
           "vue-data-ui-fulscreen--off": !Y.value,
           "vue-data-ui-svg": !0
@@ -1244,7 +1244,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
               (n(!0), r(T, null, F(l.donut, (a, u) => (n(), r("g", null, [
                 u === 0 && h.value.width && h.value.height ? (n(), r("text", {
                   key: 0,
-                  class: q({ animated: e.value.useCssAnimation }),
+                  class: j({ animated: e.value.useCssAnimation }),
                   "text-anchor": "middle",
                   "font-size": e.value.style.chart.layout.labels.dataLabels.fontSize,
                   "font-weight": e.value.style.chart.layout.labels.dataLabels.boldDonutName ? "bold" : "normal",
@@ -1267,7 +1267,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
               (n(!0), r(T, null, F(l.donut, (a, u) => (n(), r("g", null, [
                 u === 0 && h.value.width && h.value.height ? (n(), r("text", {
                   key: 0,
-                  class: q({ animated: e.value.useCssAnimation }),
+                  class: j({ animated: e.value.useCssAnimation }),
                   x: h.value.width / 2,
                   y: a.startY - e.value.style.chart.layout.labels.dataLabels.fontSize + e.value.style.chart.layout.labels.dataLabels.donutNameOffsetY,
                   "text-anchor": "middle",
@@ -1287,7 +1287,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                 filter: yt(a, u)
               }, [
                 Tt(y("text", {
-                  class: q({ animated: e.value.useCssAnimation }),
+                  class: j({ animated: e.value.useCssAnimation }),
                   opacity: pt(a) ? 1 : 0,
                   "text-anchor": c(me)(a, !0).anchor,
                   x: c(me)(
@@ -1315,7 +1315,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
                   [Ft, L.value.dataLabels.show && e.value.style.chart.layout.labels.dataLabels.showPercentage]
                 ]),
                 Tt(y("text", {
-                  class: q({ animated: e.value.useCssAnimation }),
+                  class: j({ animated: e.value.useCssAnimation }),
                   opacity: pt(a) ? 1 : 0,
                   "text-anchor": c(me)(a, !0).anchor,
                   x: c(me)(
@@ -1377,7 +1377,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       t.$slots.watermark ? (n(), r("div", Na, [
         m(t.$slots, "watermark", S(O({ isPrinting: c(De) || c(xe) || ue.value || re.value })), void 0, !0)
       ])) : $("", !0),
-      Ue(c(qt), {
+      Ue(c(jt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
         show: L.value.showTooltip && Ae.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
@@ -1417,7 +1417,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
           key: 0,
           ref_key: "chartLegend",
           ref: $e,
-          class: q({ "vue-ui-nested-donuts-legend": he.value.length > 1 })
+          class: j({ "vue-ui-nested-donuts-legend": he.value.length > 1 })
         }, [
           (n(!0), r(T, null, F(he.value, (l, o) => (n(), B(na, {
             key: `legend_${o}_${Ze.value}`,
@@ -1460,7 +1460,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
       t.$slots.source ? (n(), r("div", {
         key: 7,
         ref_key: "source",
-        ref: je,
+        ref: qe,
         dir: "auto"
       }, [
         m(t.$slots, "source", {}, void 0, !0)
@@ -1512,7 +1512,7 @@ const Bt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
               onClick: s[1] || (s[1] = (l) => Pe(e.value.userOptions.callbacks.csv)),
               style: ne({ cursor: W.value ? "pointer" : "default" })
             }, [
-              Ue(c(jt), {
+              Ue(c(qt), {
                 name: "fileCsv",
                 stroke: le.value.props.color
               }, null, 8, ["stroke"])

package/dist/{vue-ui-onion-DrzdWiyM.js → vue-ui-onion-CkqBxjKJ.js}

@@ -1,19 +1,19 @@
 import { defineAsyncComponent as x, computed as v, ref as u, toRefs as Jt, watch as G, shallowRef as We, onMounted as Kt, onBeforeUnmount as Qt, createElementBlock as g, openBlock as s, unref as r, normalizeStyle as B, normalizeClass as Q, createBlock as F, createCommentVNode as b, createElementVNode as I, createVNode as he, renderSlot as d, withCtx as i, normalizeProps as m, guardReactiveProps as k, createSlots as qe, Fragment as Y, renderList as X, toDisplayString as Z, Teleport as Zt, resolveDynamicComponent as eo, mergeProps as to, createTextVNode as Je, nextTick as pe } from "vue";
-import { c as oo, t as Ke, i as lo, j as Qe, k as ao, o as Ze, g as be, m as no, a as ye, d as L, X as ro, y as et, v as so, r as uo, a0 as io } from "./lib-BLeQNY56.js";
-import { b as co } from "./labelUtils-BLs1JiJ2.js";
+import { c as oo, t as Ke, i as lo, j as Qe, k as ao, o as Ze, g as be, m as no, a as ye, d as L, X as ro, y as et, v as so, r as uo, a0 as io } from "./lib-CM2Ky_IJ.js";
+import { b as co } from "./labelUtils-JA4-kZX1.js";
 import { t as vo, u as go } from "./useResponsive-DfdjqQps.js";
-import { u as fo, a as Ce } from "./useNestedProp-VrHe63vz.js";
+import { u as fo, a as Ce } from "./useNestedProp-CjM7zaEZ.js";
 import { u as ho, B as po } from "./BaseScanner-BMpwQAfz.js";
-import { u as bo } from "./usePrinter-2GkN2e42.js";
+import { u as bo } from "./usePrinter-CFeOnrt8.js";
 import { u as yo } from "./useSvgExport-ByUukOZt.js";
 import { u as Co } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as mo } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ko } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Ao } from "./useAutoSizeLabelsInsideViewbox-BKJ0MI0P.js";
-import wo from "./img-atDFcrvY.js";
-import $o from "./Title-BeDyPVX2.js";
-import To from "./Legend-9T2e7Hm_.js";
-import { B as Oo } from "./BaseLegendToggle-aDygzw7d.js";
+import { u as Ao } from "./useAutoSizeLabelsInsideViewbox-BS_9JK8U.js";
+import wo from "./img-CaBQSH60.js";
+import $o from "./Title-B7pGMRI9.js";
+import To from "./Legend-bchEhOOv.js";
+import { B as Oo } from "./BaseLegendToggle-BBqvZhDh.js";
 import { _ as Do } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const tt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legend: { show: !1 } } } }, ot = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", useGradient: !1, layout: { gutter: { color: "#2A2A2A" }, labels: { color: "#CCCCCC" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, lt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { gutter: { color: "#4A4A4A" }, labels: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, at = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", useGradient: !1, layout: { gutter: { color: "#5D403730" }, labels: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, 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" } } }, nt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", useGradient: !1, layout: { gutter: { color: "#5D403730" }, labels: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, rt = { style: { chart: { backgroundColor: "#1A1A1A", useGradient: !1, color: "#99AA99", layout: { gutter: { color: "#2A2A2A" }, labels: { color: "#99CC99" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, st = { style: { chart: { useGradient: !1, backgroundColor: "#fbfafa", color: "#8A9892", layout: { gutter: { color: "#F7EDE2" }, labels: { color: "#A0AC94" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, ut = { style: { chart: { useGradient: !1, backgroundColor: "#f6f6fb", color: "#50606C", layout: { gutter: { color: "#DDDDDB" }, labels: { color: "#61747E" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, it = {
   default: {},
@@ -57,7 +57,7 @@ const tt = { userOptions: { show: !1 }, style: { chart: { useGradient: !1, legen
   },
   emits: ["selectLegend", "copyAlt"],
   setup(ct, { expose: dt, emit: vt }) {
-    const gt = x(() => import("./Tooltip-CIAWAT6H.js")), ft = x(() => import("./BaseIcon-COEWBdOr.js")), ht = x(() => import("./vue-ui-accordion-usMGjw6s.js")), pt = x(() => import("./DataTable-C-gJ3cD_.js")), bt = x(() => import("./UserOptions-DwAVLo4U.js")), yt = x(() => import("./PenAndPaper-faw-s7Iq.js")), Ct = x(() => import("./PackageVersion-D4g_IquI.js")), mt = x(() => import("./BaseDraggableDialog-BXIITt8m.js")), { vue_ui_onion: kt } = fo(), { isThemeValid: At, warnInvalidTheme: wt } = Co(), A = ct, me = v(() => !!A.dataset && A.dataset.length), T = u(oo()), $t = u(null), ke = u(0), ee = u(!1), te = u(""), f = u([]), O = u(null), Ae = u(null), we = u(null), $e = u(null), Te = u(null), Oe = u(0), De = u(0), Fe = u(0), D = u(!1), Se = u(!1), R = u(null), j = u(!1), H = u(!1), e = u(ae()), _ = v(() => e.value.userOptions.useCursorPointer), Tt = v(() => Ke({
+    const gt = x(() => import("./Tooltip-DOVSgQDu.js")), ft = x(() => import("./BaseIcon-D9oV9F4k.js")), ht = x(() => import("./vue-ui-accordion-C5aFnqjM.js")), pt = x(() => import("./DataTable-CQH-FWum.js")), bt = x(() => import("./UserOptions-X4pTcXzk.js")), yt = x(() => import("./PenAndPaper-B51jmZpI.js")), Ct = x(() => import("./PackageVersion-CQxY6U8v.js")), mt = x(() => import("./BaseDraggableDialog-CcDUyrEz.js")), { vue_ui_onion: kt } = fo(), { isThemeValid: At, warnInvalidTheme: wt } = Co(), A = ct, me = v(() => !!A.dataset && A.dataset.length), T = u(oo()), $t = u(null), ke = u(0), ee = u(!1), te = u(""), f = u([]), O = u(null), Ae = u(null), we = u(null), $e = u(null), Te = u(null), Oe = u(0), De = u(0), Fe = u(0), D = u(!1), Se = u(!1), R = u(null), j = u(!1), H = u(!1), e = u(ae()), _ = v(() => e.value.userOptions.useCursorPointer), Tt = v(() => Ke({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },

package/dist/{vue-ui-parallel-coordinate-plot-B_QUbkNH.js → vue-ui-parallel-coordinate-plot-CJkdtZWR.js}

@@ -1,19 +1,19 @@
 import { defineAsyncComponent as B, computed as f, ref as d, toRefs as oo, watch as se, shallowRef as tt, onMounted as ao, onBeforeUnmount as lo, watchEffect as so, createElementBlock as i, openBlock as n, unref as c, normalizeStyle as S, normalizeClass as q, createBlock as M, createCommentVNode as m, createElementVNode as O, createVNode as xe, renderSlot as h, withCtx as p, normalizeProps as T, guardReactiveProps as F, createSlots as ot, Fragment as P, renderList as _, toDisplayString as H, Teleport as no, resolveDynamicComponent as ro, mergeProps as io, createTextVNode as at, nextTick as lt } from "vue";
-import { c as we, t as st, i as uo, j as ne, o as nt, g as rt, l as co, k as vo, m as ho, N as po, C as fo, A as go, aj as bo, X as mo, a1 as yo, y as it, a4 as re, v as Co, r as ko, a as ut, d as ct, a0 as Ao } from "./lib-BLeQNY56.js";
+import { c as we, t as st, i as uo, j as ne, o as nt, g as rt, l as co, k as vo, m as ho, N as po, C as fo, A as go, ak as bo, X as mo, a2 as yo, y as it, a5 as re, v as Co, r as ko, a as ut, d as ct, a0 as Ao } from "./lib-CM2Ky_IJ.js";
 import { t as vt, u as xo } from "./useResponsive-DfdjqQps.js";
-import { u as wo, a as $e } from "./useNestedProp-VrHe63vz.js";
-import { u as $o } from "./usePrinter-2GkN2e42.js";
+import { u as wo, a as $e } from "./useNestedProp-CjM7zaEZ.js";
+import { u as $o } from "./usePrinter-CFeOnrt8.js";
 import { u as To, B as Fo } from "./BaseScanner-BMpwQAfz.js";
 import { u as Po } from "./useSvgExport-ByUukOZt.js";
 import { u as zo } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as No } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as So } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Mo } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Do from "./Title-BeDyPVX2.js";
-import Oo from "./Legend-9T2e7Hm_.js";
-import { _ as _o } from "./Shape-DkzPeTe-.js";
-import Io from "./img-atDFcrvY.js";
-import { B as Lo } from "./BaseLegendToggle-aDygzw7d.js";
+import Do from "./Title-B7pGMRI9.js";
+import Oo from "./Legend-bchEhOOv.js";
+import { _ as _o } from "./Shape-B1p-qP2S.js";
+import Io from "./img-CaBQSH60.js";
+import { B as Lo } from "./BaseLegendToggle-BBqvZhDh.js";
 import { _ as Bo } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } } } }, ht = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" }, yAxis: { stroke: "#5A5A5A", labels: { axisNamesColor: "#CCCCCC", ticks: { color: "#CCCCCC" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, pt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" }, yAxis: { stroke: "#5A5A5A", labels: { axisNamesColor: "#CCCCCC", ticks: { color: "#CCCCCC" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ft = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" }, yAxis: { stroke: "#5D4037", labels: { axisNamesColor: "#424242", ticks: { color: "#424242" } } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, gt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" }, yAxis: { stroke: "#5D4037", labels: { axisNamesColor: "#BDBDBD", ticks: { color: "#BDBDBD" } } } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, bt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66", borderRadius: 0 }, yAxis: { stroke: "#3A3A3A", labels: { axisNamesColor: "#99AA99", ticks: { color: "#5A5A5A" } } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, mt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" }, yAxis: { stroke: "#8F837A", labels: { axisNamesColor: "#8F837A", ticks: { color: "#8F837A" } } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, yt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" }, yAxis: { stroke: "#50606C", labels: { axisNamesColor: "#50606C", ticks: { color: "#50606C" } } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Ct = {
   default: {},
@@ -36,7 +36,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
   minimal: dt,
   minimalDark: ht,
   zen: mt
-}, Symbol.toStringTag, { value: "Module" })), Eo = ["id"], Ro = ["id"], Uo = ["xmlns", "viewBox"], Ho = ["x", "y", "width", "height"], jo = { style: { "pointer-events": "none" } }, Vo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Wo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Go = { key: 0 }, Xo = ["x", "y", "fill", "font-size", "font-weight"], Yo = ["fill", "font-size", "font-weight", "text-anchor", "transform"], qo = ["fill", "font-size", "font-weight", "text-anchor", "transform", "innerHTML"], Jo = { key: 0 }, Ko = ["x", "y", "font-size", "fill"], Qo = ["width", "x", "y"], Zo = { style: { width: "100%" } }, ea = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter", "onMouseleave", "onClick"], ta = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], oa = ["d", "onMouseenter", "onMouseleave", "onClick"], aa = {
+}, Symbol.toStringTag, { value: "Module" })), Eo = ["id"], Ro = ["id"], Uo = ["xmlns", "viewBox"], Ho = ["x", "y", "width", "height"], Vo = { style: { "pointer-events": "none" } }, Wo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], jo = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Go = { key: 0 }, Xo = ["x", "y", "fill", "font-size", "font-weight"], Yo = ["fill", "font-size", "font-weight", "text-anchor", "transform"], qo = ["fill", "font-size", "font-weight", "text-anchor", "transform", "innerHTML"], Jo = { key: 0 }, Ko = ["x", "y", "font-size", "fill"], Qo = ["width", "x", "y"], Zo = { style: { width: "100%" } }, ea = ["x", "y", "fill", "font-weight", "font-size", "onMouseenter", "onMouseleave", "onClick"], ta = ["d", "stroke", "stroke-width", "onMouseenter", "onMouseleave", "onClick"], oa = ["d", "onMouseenter", "onMouseleave", "onClick"], aa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, la = ["id"], sa = ["onClick"], na = ["innerHTML"], ra = {
@@ -57,14 +57,14 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
   },
   emits: ["selectLegend", "selectDatapoint", "copyAlt"],
   setup(kt, { expose: At, emit: xt }) {
-    const wt = B(() => import("./Tooltip-CIAWAT6H.js")), $t = B(() => import("./BaseIcon-COEWBdOr.js")), Tt = B(() => import("./vue-ui-accordion-usMGjw6s.js")), Ft = B(() => import("./DataTable-C-gJ3cD_.js")), Pt = B(() => import("./PenAndPaper-faw-s7Iq.js")), zt = B(() => import("./UserOptions-DwAVLo4U.js")), Nt = B(() => import("./PackageVersion-D4g_IquI.js")), St = B(() => import("./BaseDraggableDialog-BXIITt8m.js")), { vue_ui_parallel_coordinate_plot: Mt } = wo(), { isThemeValid: Dt, warnInvalidTheme: Ot } = zo(), w = kt, J = f({
+    const wt = B(() => import("./Tooltip-DOVSgQDu.js")), $t = B(() => import("./BaseIcon-D9oV9F4k.js")), Tt = B(() => import("./vue-ui-accordion-C5aFnqjM.js")), Ft = B(() => import("./DataTable-CQH-FWum.js")), Pt = B(() => import("./PenAndPaper-B51jmZpI.js")), zt = B(() => import("./UserOptions-X4pTcXzk.js")), Nt = B(() => import("./PackageVersion-CQxY6U8v.js")), St = B(() => import("./BaseDraggableDialog-CcDUyrEz.js")), { vue_ui_parallel_coordinate_plot: Mt } = wo(), { isThemeValid: Dt, warnInvalidTheme: Ot } = zo(), w = kt, J = f({
       get() {
         return !!w.dataset && w.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), Te = d(0), D = d(null), Fe = d(null), Pe = d(null), ze = d(null), Ne = d(null), Se = d(0), Me = d(0), De = d(0), Oe = d(!1), W = d(null), ie = d(null), K = d(!1), Q = d(!1), ue = d(null), E = d(we()), R = d(!1);
+    }), Te = d(0), D = d(null), Fe = d(null), Pe = d(null), ze = d(null), Ne = d(null), Se = d(0), Me = d(0), De = d(0), Oe = d(!1), j = d(null), ie = d(null), K = d(!1), Q = d(!1), ue = d(null), E = d(we()), R = d(!1);
     function _e(t) {
       R.value = t, Te.value += 1;
     }
@@ -168,7 +168,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
     }, { deep: !0 }), se(() => w.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ce.value = !1);
     }, { deep: !0 });
-    const L = tt(null), j = tt(null);
+    const L = tt(null), V = tt(null);
     ao(() => {
       Oe.value = !0, Ee();
     });
@@ -228,11 +228,11 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
             })) : (v.value.plotSize = e.value.style.chart.plots.radius, v.value.ticksFontSize = e.value.style.chart.yAxis.labels.ticks.fontSize, v.value.datapointFontSize = e.value.style.chart.yAxis.labels.datapoints.fontSize, v.value.axisNameFontSize = e.value.style.chart.yAxis.labels.axisNamesFontSize);
           });
         });
-        L.value && (j.value && L.value.unobserve(j.value), L.value.disconnect()), L.value = new ResizeObserver(t), j.value = D.value.parentNode, L.value.observe(j.value);
+        L.value && (V.value && L.value.unobserve(V.value), L.value.disconnect()), L.value = new ResizeObserver(t), V.value = D.value.parentNode, L.value.observe(V.value);
       }
     }
     lo(() => {
-      L.value && (j.value && L.value.unobserve(j.value), L.value.disconnect());
+      L.value && (V.value && L.value.unobserve(V.value), L.value.disconnect());
     });
     const { isPrinting: pe, isImaging: fe, generatePdf: Re, generateImage: Ue } = $o({
       elementId: `pcp_${E.value}`,
@@ -247,7 +247,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
       // ratio 42.85
       datapointFontSize: e.value.style.chart.yAxis.labels.datapoints.fontSize,
       axisNameFontSize: e.value.style.chart.yAxis.labels.axisNamesFontSize
-    }), He = f(() => v.value.width), je = f(() => v.value.height), G = d(0), Bt = vt((t) => {
+    }), He = f(() => v.value.width), Ve = f(() => v.value.height), G = d(0), Bt = vt((t) => {
       G.value = t;
     }, 100);
     so((t) => {
@@ -259,7 +259,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
       o.observe(a), t(() => o.disconnect());
     });
     const g = f(() => {
-      const { top: t, right: a, bottom: o, left: s } = e.value.style.chart.padding, l = je.value, u = He.value;
+      const { top: t, right: a, bottom: o, left: s } = e.value.style.chart.padding, l = Ve.value, u = He.value;
       return {
         chartHeight: Math.max(1e-3, l),
         chartWidth: Math.max(1e-3, u),
@@ -310,18 +310,18 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
         shape: t.shape || "circle"
       };
     }));
-    function Ve(t) {
+    function We(t) {
       if (!z.value.length)
         return e.value.debug && console.warn("VueUiParallelCoordinatePlot - There are no series to show."), null;
       const a = z.value.find((o) => o.name === t);
       return a || (e.value.debug && console.warn(`VueUiParallelCoordinatePlot - Series name not found "${t}"`), null);
     }
     function Ut(t) {
-      const a = Ve(t);
+      const a = We(t);
       a !== null && C.value.includes(a.id) && Z(a.id);
     }
     function Ht(t) {
-      const a = Ve(t);
+      const a = We(t);
       a !== null && (C.value.includes(a.id) || Z(a.id));
     }
     const ee = f(() => z.value.map((t) => ({
@@ -330,18 +330,18 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
       segregate: () => Z(t.id),
       isSegregated: C.value.includes(t.id),
       shape: t.shape || "circle"
-    }))), jt = f(() => ({
+    }))), Vt = f(() => ({
       cy: "pcp-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), We = f(() => Math.max(
+    })), je = f(() => Math.max(
       ...z.value.filter((t) => !C.value.includes(t.id)).map((t) => Math.max(...t.series.flatMap((a) => a.values.length)))
-    )), $ = f(() => g.value.width / We.value), ge = f(() => z.value.filter((t) => !C.value.includes(t.id))), y = f(() => {
+    )), $ = f(() => g.value.width / je.value), ge = f(() => z.value.filter((t) => !C.value.includes(t.id))), y = f(() => {
       let t = [];
-      for (let a = 0; a < We.value; a += 1) {
+      for (let a = 0; a < je.value; a += 1) {
         const o = Math.min(...ge.value.flatMap((k) => k.series.map((A) => A.values[a] || 0) || 0)), s = Math.max(...ge.value.flatMap((k) => k.series.map((A) => A.values[a] || 0) || 0)), l = s === o ? o / 4 : o, u = s === o ? s * 2 : s, r = po(l, u, e.value.style.chart.yAxis.scaleTicks), N = r.ticks.map((k, A) => {
           const eo = r.min < 0 ? k + Math.abs(r.min) : k - Math.abs(r.min), to = r.min < 0 ? r.max + Math.abs(r.min) : r.max - Math.abs(r.min);
           return {
@@ -442,10 +442,10 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
             `, e.value.style.chart.comments.showInTooltip && o.datapoints[A].comment && (r += `<div class="vue-data-ui-tooltip-comment" style="background:${o.color}20; padding: 6px; margin-bottom: 6px; border-left: 1px solid ${o.color}">${o.datapoints[A].comment}</div>`);
       }), ye.value = `<div>${r}</div>`);
     }
-    function Vt() {
+    function Wt() {
       return z.value;
     }
-    const V = f(() => {
+    const W = f(() => {
       const t = [e.value.table.columnNames.series].concat([e.value.table.columnNames.item]).concat(y.value.map((l) => l.name)), a = X.value.flatMap((l, u) => l.series.map((r) => [l.name].concat([r.name]).concat(r.values))), o = {
         th: {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -466,8 +466,8 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
         colNames: s
       };
     }), Xe = f(() => X.value.length === 0 ? { head: [], body: [], config: {}, columnNames: [] } : {
-      head: V.value.head,
-      body: V.value.body
+      head: W.value.head,
+      body: W.value.body
     });
     function Ce(t = null) {
       const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = Xe.value.head, s = Xe.value.body, l = a.concat([o]).concat(s), u = Co(l);
@@ -497,7 +497,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
     function Ae() {
       le.value = !le.value;
     }
-    async function Wt({ scale: t = 2 } = {}) {
+    async function jt({ scale: t = 2 } = {}) {
       if (!D.value) return;
       const { width: a, height: o } = D.value.getBoundingClientRect(), s = a / o, { imageUri: l, base64: u } = await Io({ domElement: D.value, base64: !0, img: !0, scale: t });
       return {
@@ -519,7 +519,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
       autoRotatePath: ["style", "chart", "yAxis", "labels", "axisNamesAutoRotate", "enable"],
       isAutoSize: !1,
       width: He,
-      height: je,
+      height: Ve,
       targetClass: ".vue-ui-parallel-coordinate-plot-x-label",
       rotation: e.value.style.chart.yAxis.labels.axisNamesAutoRotate.angle
     });
@@ -555,7 +555,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
       };
     });
     se(() => b.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && W.value ? W.value.open() : "close" in W.value && W.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
     });
     function Qe() {
       b.value.showTable = !1, ie.value && ie.value.setTableIconState(!1);
@@ -604,8 +604,8 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
       }));
     }
     return At({
-      getData: Vt,
-      getImage: Wt,
+      getData: Wt,
+      getImage: jt,
       generateCsv: Ce,
       generatePdf: Re,
       generateImage: Ue,
@@ -821,7 +821,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
         }, [
           h(t.$slots, "chart-background", {}, void 0, !0)
         ], 8, Ho)) : m("", !0),
-        (n(!0), i(P, null, _(y.value, (o, s) => (n(), i("g", jo, [
+        (n(!0), i(P, null, _(y.value, (o, s) => (n(), i("g", Vo, [
           O("line", {
             x1: g.value.left + $.value * s + $.value / 2,
             x2: g.value.left + $.value * s + $.value / 2,
@@ -829,7 +829,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
             y2: g.value.bottom,
             stroke: e.value.style.chart.yAxis.stroke,
             "stroke-width": e.value.style.chart.yAxis.strokeWidth
-          }, null, 8, Vo),
+          }, null, 8, Wo),
           e.value.style.chart.yAxis.labels.ticks.show ? (n(), i(P, { key: 0 }, [
             (n(!0), i(P, null, _(o.ticks, (l) => (n(), i("line", {
               x1: l.x,
@@ -839,7 +839,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
               stroke: e.value.style.chart.yAxis.stroke,
               "stroke-width": e.value.style.chart.yAxis.strokeWidth,
               style: S(`opacity:${x.value && !b.value.showTooltip ? 0.2 : 1}`)
-            }, null, 12, Wo))), 256)),
+            }, null, 12, jo))), 256)),
             c(I) ? m("", !0) : (n(), i("g", Go, [
               (n(!0), i(P, null, _(o.ticks, (l) => (n(), i("text", {
                 x: l.x - 12 + e.value.style.chart.yAxis.labels.ticks.offsetX,
@@ -1020,7 +1020,7 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
           e.value.style.chart.legend.show && J.value ? (n(), M(Oo, {
             key: `legend_${Me.value}`,
             legendSet: ee.value,
-            config: jt.value,
+            config: Vt.value,
             isCursorPointer: U.value,
             onClickMarker: a[0] || (a[0] = ({ legend: o }) => {
               Z(o.id), Ye(o);
@@ -1091,16 +1091,16 @@ const dt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 } }
       }, 8, ["teleportTo", "show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       J.value && e.value.userOptions.buttons.table ? (n(), M(ro(Y.value.component), io({ key: 7 }, Y.value.props, {
         ref_key: "tableUnit",
-        ref: W,
+        ref: j,
         onClose: Qe
       }), ot({
         content: p(() => [
           (n(), M(c(Ft), {
             key: `table_${De.value}`,
-            colNames: V.value.colNames,
-            head: V.value.head,
-            body: V.value.body,
-            config: V.value.config,
+            colNames: W.value.colNames,
+            head: W.value.head,
+            body: W.value.body,
+            config: W.value.config,
             title: e.value.table.useDialog ? "" : Y.value.title,
             withCloseButton: !e.value.table.useDialog,
             isCursorPointer: U.value,

package/dist/{vue-ui-quadrant-unMxfMdL.js → vue-ui-quadrant-BT7NhKgx.js}

@@ -1,18 +1,18 @@
 import { defineAsyncComponent as N, computed as p, ref as h, toRefs as lt, watch as Te, shallowRef as vl, onMounted as tt, onBeforeUnmount as at, createElementBlock as n, openBlock as s, unref as i, normalizeStyle as S, normalizeClass as E, createBlock as W, createCommentVNode as b, createElementVNode as d, createVNode as he, renderSlot as g, withCtx as f, normalizeProps as T, guardReactiveProps as z, createSlots as cl, Fragment as _, renderList as X, toDisplayString as x, mergeProps as dl, Teleport as ot, resolveDynamicComponent as ut, createTextVNode as hl, nextTick as ze } from "vue";
-import { c as bl, t as st, i as rt, j as Fe, o as nt, g as J, k as it, m as vt, ak as ct, a as R, d as V, X as dt, s as be, h as ht, al as bt, a1 as yt, x as ft, v as gt, r as pt, y as Ct, a0 as mt } from "./lib-BLeQNY56.js";
+import { c as bl, t as st, i as rt, j as Fe, o as nt, g as J, k as it, m as vt, al as ct, a as R, d as V, X as dt, s as be, h as ht, am as bt, a2 as yt, x as ft, v as gt, r as pt, y as Ct, a0 as mt } from "./lib-CM2Ky_IJ.js";
 import { t as kt, u as xt } from "./useResponsive-DfdjqQps.js";
-import { u as $t, a as Be } from "./useNestedProp-VrHe63vz.js";
+import { u as $t, a as Be } from "./useNestedProp-CjM7zaEZ.js";
 import { u as At, B as Lt } from "./BaseScanner-BMpwQAfz.js";
-import { u as wt } from "./usePrinter-2GkN2e42.js";
+import { u as wt } from "./usePrinter-CFeOnrt8.js";
 import { u as St } from "./useSvgExport-ByUukOZt.js";
 import { u as _t } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as qt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Tt } from "./useChartAccessibility-9icAAmYg.js";
-import zt from "./img-atDFcrvY.js";
-import Ft from "./Title-BeDyPVX2.js";
-import { _ as yl } from "./Shape-DkzPeTe-.js";
-import Bt from "./Legend-9T2e7Hm_.js";
-import { B as Dt } from "./BaseLegendToggle-aDygzw7d.js";
+import zt from "./img-CaBQSH60.js";
+import Ft from "./Title-B7pGMRI9.js";
+import { _ as yl } from "./Shape-B1p-qP2S.js";
+import Bt from "./Legend-bchEhOOv.js";
+import { B as Dt } from "./BaseLegendToggle-BBqvZhDh.js";
 import { _ as Et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const fl = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 }, layout: { grid: { graduations: { show: !1 } } } } } }, gl = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { quadrantLabels: { tl: { color: "#CCCCCC" }, tr: { color: "#CCCCCC" }, br: { color: "#CCCCCC" }, bl: { color: "#CCCCCC" } }, plotLabels: { color: "#CCCCCC" }, axisLabels: { color: { positive: "#CCCCCC", negative: "#CCCCCC" } } }, grid: { stroke: "#5A5A5A", graduations: { show: !1, stroke: "#5A5A5A" } }, plots: { outlineColor: "#1A1A1A" } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, pl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { labels: { quadrantLabels: { tl: { color: "#CCCCCC" }, tr: { color: "#CCCCCC" }, br: { color: "#CCCCCC" }, bl: { color: "#CCCCCC" } }, plotLabels: { color: "#CCCCCC" }, axisLabels: { color: { positive: "#CCCCCC", negative: "#CCCCCC" } } }, grid: { stroke: "#5A5A5A", graduations: { stroke: "#5A5A5A" } }, plots: { outlineColor: "#1A1A1A" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, Cl = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { labels: { quadrantLabels: { tl: { color: "#5D4037" }, tr: { color: "#5D4037" }, br: { color: "#5D4037" }, bl: { color: "#5D4037" } }, plotLabels: { color: "#424242" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#FFF8E1" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#FFF8E1", color: "#424242", selectAllToggle: { backgroundColor: "#5D4037", color: "#FFF8E1" } }, 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" } } }, ml = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { labels: { quadrantLabels: { tl: { color: "#FF6B6B90" }, tr: { color: "#FF6B6B90" }, br: { color: "#FF6B6B90" }, bl: { color: "#FF6B6B90" } }, plotLabels: { color: "#BDBDBD" }, axisLabels: { color: { positive: "#757575", negative: "#757575" } } }, grid: { stroke: "#5D403790", graduations: { stroke: "#5D403780", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1E1E1E" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, kl = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { labels: { quadrantLabels: { tl: { color: "#99AA99" }, tr: { color: "#99AA99" }, br: { color: "#99AA99" }, bl: { color: "#99AA99" } }, plotLabels: { color: "#99CC99" }, axisLabels: { color: { positive: "#66CC66", negative: "#66CC66" } } }, grid: { stroke: "#334C33", graduations: { stroke: "#333333", roundingForce: 0, fill: !1 } }, plots: { outlineColor: "#1A1A1A" }, areas: { opacity: 20 } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99", selectAllToggle: { backgroundColor: "#3A3A3A", 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" } } }, xl = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { labels: { quadrantLabels: { tl: { color: "#8A9892" }, tr: { color: "#8A9892" }, br: { color: "#8A9892" }, bl: { color: "#8A9892" } }, plotLabels: { color: "#8A9892" }, axisLabels: { color: { positive: "#99AA99", negative: "#C09E85" } } }, grid: { stroke: "#D2E0DB", graduations: { steps: 2, color: "#D2E0DB", stroke: "#D2E0DB", roundingForce: 256 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99", selectAllToggle: { backgroundColor: "#E0CFC3", color: "#8F837A" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, $l = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { labels: { quadrantLabels: { tl: { color: "#61747E" }, tr: { color: "#61747E" }, br: { color: "#61747E" }, bl: { color: "#61747E" } }, plotLabels: { color: "#50606C" }, axisLabels: { color: { positive: "#4A6A75", negative: "#7E8F7E" } } }, grid: { stroke: "#9AA7B0", graduations: { color: "#DEE1DE", stroke: "#DEE1DE", roundingForce: 0 } }, plots: { outlineColor: "#fbfafa" }, areas: { opacity: 40 } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E", selectAllToggle: { backgroundColor: "#50606C", color: "#f6f6fb" } }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Al = {
   default: {},
@@ -67,7 +67,7 @@ const fl = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 },
   },
   emits: ["selectPlot", "selectSide", "selectLegend", "copyAlt"],
   setup(Ll, { expose: wl, emit: Sl }) {
-    const _l = N(() => import("./Tooltip-CIAWAT6H.js")), ql = N(() => import("./BaseIcon-COEWBdOr.js")), Tl = N(() => import("./vue-ui-accordion-usMGjw6s.js")), zl = N(() => import("./DataTable-C-gJ3cD_.js")), Fl = N(() => import("./PenAndPaper-faw-s7Iq.js")), Bl = N(() => import("./UserOptions-DwAVLo4U.js")), Dl = N(() => import("./PackageVersion-D4g_IquI.js")), El = N(() => import("./BaseDraggableDialog-BXIITt8m.js")), { vue_ui_quadrant: Wl } = $t(), { isThemeValid: Xl, warnInvalidTheme: Ol } = _t(), D = Ll, De = p(() => !!D.dataset && D.dataset.length), A = h(bl()), ae = Sl, ye = h(!1), fe = h(""), Ee = h(0), m = h(!1), O = h(null), We = h(null), Xe = h(null), Oe = h(null), Ye = h(null), Pe = h(0), Me = h(0), Ne = h(0), Re = h(!1), Z = h(null), ge = h(null), oe = h(!1), ue = h(!1), e = h(me()), F = p(() => e.value.userOptions.useCursorPointer), Yl = p(() => ({
+    const _l = N(() => import("./Tooltip-DOVSgQDu.js")), ql = N(() => import("./BaseIcon-D9oV9F4k.js")), Tl = N(() => import("./vue-ui-accordion-C5aFnqjM.js")), zl = N(() => import("./DataTable-CQH-FWum.js")), Fl = N(() => import("./PenAndPaper-B51jmZpI.js")), Bl = N(() => import("./UserOptions-X4pTcXzk.js")), Dl = N(() => import("./PackageVersion-CQxY6U8v.js")), El = N(() => import("./BaseDraggableDialog-CcDUyrEz.js")), { vue_ui_quadrant: Wl } = $t(), { isThemeValid: Xl, warnInvalidTheme: Ol } = _t(), D = Ll, De = p(() => !!D.dataset && D.dataset.length), A = h(bl()), ae = Sl, ye = h(!1), fe = h(""), Ee = h(0), m = h(!1), O = h(null), We = h(null), Xe = h(null), Oe = h(null), Ye = h(null), Pe = h(0), Me = h(0), Ne = h(0), Re = h(!1), Z = h(null), ge = h(null), oe = h(!1), ue = h(!1), e = h(me()), F = p(() => e.value.userOptions.useCursorPointer), Yl = p(() => ({
       defaultConfig: {
         userOptions: { show: !1 },
         table: { show: !1 },

package/dist/{vue-ui-quick-chart-CVYTqhqB.js → vue-ui-quick-chart-CFdfRPxe.js}

@@ -1,17 +1,17 @@
 import { defineAsyncComponent as Me, ref as w, computed as P, toRefs as Oa, watch as Oe, shallowRef as Ut, onMounted as Pa, onBeforeUnmount as Vt, nextTick as ot, watchEffect as Ht, createElementBlock as n, openBlock as o, normalizeStyle as D, normalizeClass as fe, createBlock as Se, createCommentVNode as g, createElementVNode as $, createVNode as Ce, renderSlot as O, unref as v, withCtx as q, normalizeProps as Y, guardReactiveProps as Z, createSlots as Ia, toDisplayString as U, Fragment as x, renderList as E, Teleport as Ra, mergeProps as nt } from "vue";
-import { c as Ba, t as qt, i as Da, j as ee, k as Na, a9 as Ua, g as Va, o as Ha, m as it, a5 as qa, N as Ge, X as Wa, a6 as Ga, a7 as rt, a8 as Pe, a as se, d as J, a1 as Wt, A as Gt, U as ve, y as je, a0 as ut } from "./lib-BLeQNY56.js";
+import { c as Ba, t as qt, i as Da, j as ee, k as Na, aa as Ua, g as Va, o as Ha, m as it, a6 as qa, N as Ge, X as Wa, a7 as Ga, a8 as rt, a9 as Pe, a as se, d as J, a2 as Wt, A as Gt, U as ve, y as je, a0 as ut } from "./lib-CM2Ky_IJ.js";
 import { t as jt, u as ja } from "./useResponsive-DfdjqQps.js";
-import { u as Xa, a as st } from "./useNestedProp-VrHe63vz.js";
+import { u as Xa, a as st } from "./useNestedProp-CjM7zaEZ.js";
 import { u as Ya, B as Za } from "./BaseScanner-BMpwQAfz.js";
-import { u as Ja } from "./usePrinter-2GkN2e42.js";
+import { u as Ja } from "./usePrinter-CFeOnrt8.js";
 import { u as Qa } from "./useSvgExport-ByUukOZt.js";
 import { u as Ka } from "./useTimeLabels-C-A2uZKi.js";
 import { u as el } from "./useThemeCheck-D1ZYXUwG.js";
 import { u as tl } from "./useChartAccessibility-9icAAmYg.js";
 import { u as al } from "./useTimeLabelCollider-CIsgDrl9.js";
-import ll from "./img-atDFcrvY.js";
-import { S as ol } from "./Slicer-CuuGle3L.js";
-import { B as nl } from "./BaseLegendToggle-aDygzw7d.js";
+import ll from "./img-CaBQSH60.js";
+import { S as ol } from "./Slicer-Bq7AfKc1.js";
+import { B as nl } from "./BaseLegendToggle-BBqvZhDh.js";
 import { _ as il } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const S = {
   LINE: "LINE",
@@ -179,7 +179,7 @@ const Qt = { showUserOptions: !1, showLegend: !1, xyShowGrid: !1, zoomMinimap: {
   },
   emits: ["selectDatapoint", "selectLegend", "copyAlt"],
   setup(f, { expose: I, emit: L }) {
-    const V = Me(() => import("./BaseIcon-COEWBdOr.js")), X = Me(() => import("./PackageVersion-D4g_IquI.js")), ce = Me(() => import("./PenAndPaper-faw-s7Iq.js")), we = Me(() => import("./Tooltip-CIAWAT6H.js")), vt = Me(() => import("./UserOptions-DwAVLo4U.js")), { vue_ui_quick_chart: Ze } = Xa(), { isThemeValid: Ie, warnInvalidTheme: G } = el(), te = f, ne = w(null), dt = w(null), ct = w(null), ht = w(null), Q = w(Ba()), ge = w(!1), Le = w(null), me = w(""), oe = w(null), ft = w(null), gt = w(null), k = w([]), mt = w(0), Re = w(0), pt = w(!1), ze = w(null), _e = w(null), ie = w(null), Be = w(null), yt = w(null), xt = w(null);
+    const V = Me(() => import("./BaseIcon-D9oV9F4k.js")), X = Me(() => import("./PackageVersion-CQxY6U8v.js")), ce = Me(() => import("./PenAndPaper-B51jmZpI.js")), we = Me(() => import("./Tooltip-DOVSgQDu.js")), vt = Me(() => import("./UserOptions-X4pTcXzk.js")), { vue_ui_quick_chart: Ze } = Xa(), { isThemeValid: Ie, warnInvalidTheme: G } = el(), te = f, ne = w(null), dt = w(null), ct = w(null), ht = w(null), Q = w(Ba()), ge = w(!1), Le = w(null), me = w(""), oe = w(null), ft = w(null), gt = w(null), k = w([]), mt = w(0), Re = w(0), pt = w(!1), ze = w(null), _e = w(null), ie = w(null), Be = w(null), yt = w(null), xt = w(null);
     w("#FFFFFF");
     const e = w(et()), Je = P(() => !!e.value.debug), xe = P(() => e.value.useCursorPointer), ra = P(() => qt({
       userConfig: e.value.skeletonConfig ?? {}