vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/{vue-ui-nested-donuts-BvPWp9Du.js → vue-ui-nested-donuts-BWj33o71.js}

@@ -1,16 +1,17 @@
-import { defineAsyncComponent as z, computed as _, ref as c, toRefs as tl, watch as te, onMounted as ll, shallowRef as gt, onBeforeUnmount as al, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as ve, normalizeClass as M, createBlock as B, createCommentVNode as k, createElementVNode as p, createVNode as Ve, createSlots as mt, withCtx as C, renderSlot as x, normalizeProps as H, guardReactiveProps as J, Fragment as A, renderList as T, toDisplayString as O, withDirectives as wt, vShow as kt, Teleport as ol, resolveDynamicComponent as sl, mergeProps as ul, createTextVNode as $t, nextTick as Ct } from "vue";
-import { u as nl, c as rl, t as il, a as dl, p as ze, b as vl, C as Me, o as cl, f as K, d as hl, G as E, e as fl, m as Be, i as S, X as pl, s as yl, L as Lt, q as Ee, r as Q, k as le, y as _t, v as bl, w as gl, z as ml, T as xt, h as Re } from "./index-Lg17rmB1.js";
-import { t as wl, u as kl } from "./useResponsive-DfdjqQps.js";
-import { u as $l, B as Cl } from "./BaseScanner-BgWxam9d.js";
-import { u as Ll } from "./usePrinter-DGI4Mlad.js";
-import { u as At } from "./useNestedProp-DpwLJMsW.js";
-import { u as _l } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as xl } from "./useChartAccessibility-9icAAmYg.js";
-import Al from "./img-CeCjiMpr.js";
-import Tl from "./Title-BVMfF0uu.js";
-import Fl from "./Legend-CjdnJGHq.js";
+import { defineAsyncComponent as z, computed as _, ref as c, toRefs as tl, watch as te, onMounted as ll, shallowRef as gt, onBeforeUnmount as al, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as ve, normalizeClass as M, createBlock as B, createCommentVNode as k, createElementVNode as p, createVNode as Ve, createSlots as mt, withCtx as C, renderSlot as x, normalizeProps as H, guardReactiveProps as K, Fragment as A, renderList as T, toDisplayString as O, withDirectives as wt, vShow as kt, Teleport as ol, resolveDynamicComponent as sl, mergeProps as ul, createTextVNode as $t, nextTick as Ct } from "vue";
+import { c as nl, t as rl, b as il, p as ze, D as Me, o as dl, f as Q, e as vl, L as E, h as cl, n as Be, d as S, X as hl, s as fl, Q as Lt, v as Ee, w as J, a as le, z as _t, x as pl, y as yl, A as bl, K as xt, q as Re } from "./lib-p5pfHmOX.js";
+import { t as gl, u as ml } from "./useResponsive-DfdjqQps.js";
+import { u as wl, a as At } from "./useNestedProp-DF7e2h1z.js";
+import { u as kl, B as $l } from "./BaseScanner-BgWxam9d.js";
+import { u as Cl } from "./usePrinter-Yeu5jOfm.js";
+import { u as Ll } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as _l } from "./useChartAccessibility-9icAAmYg.js";
+import xl from "./img-CH7J0fYg.js";
+import Al from "./Title-pI68ZJsq.js";
+import { t as Tl } from "./themes-D3cUNuKw.js";
+import Fl from "./Legend-_Rv594VS.js";
 import { _ as Ol } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "height"], Pl = ["id"], Vl = ["offset", "stop-color"], zl = ["offset", "stop-opacity"], Ml = ["id"], Bl = ["id"], El = ["id"], Rl = ["flood-color"], Ul = ["id", "d"], Gl = ["d", "fill", "stroke", "stroke-width", "filter"], Yl = ["d", "fill", "stroke", "stroke-width"], Wl = { key: 1 }, Xl = ["d", "fill"], ql = { key: 2 }, Hl = ["font-size", "font-weight", "fill", "dy"], Jl = ["href"], Kl = ["x", "y", "font-size", "font-weight", "fill"], Ql = { key: 3 }, Zl = ["filter"], jl = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], ea = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], ta = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], la = ["d", "fill", "onMouseenter", "onClick", "onMouseleave"], aa = {
+const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "height"], Pl = ["id"], Vl = ["offset", "stop-color"], zl = ["offset", "stop-opacity"], Ml = ["id"], Bl = ["id"], El = ["id"], Rl = ["flood-color"], Ul = ["id", "d"], Gl = ["d", "fill", "stroke", "stroke-width", "filter"], Yl = ["d", "fill", "stroke", "stroke-width"], Wl = { key: 1 }, Xl = ["d", "fill"], ql = { key: 2 }, Hl = ["font-size", "font-weight", "fill", "dy"], Kl = ["href"], Ql = ["x", "y", "font-size", "font-weight", "fill"], Jl = { key: 3 }, Zl = ["filter"], jl = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], ea = ["opacity", "text-anchor", "x", "y", "fill", "font-size", "font-weight"], ta = ["text-anchor", "x", "y", "fill", "font-size", "font-weight"], la = ["d", "fill", "onMouseenter", "onClick", "onMouseleave"], aa = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, oa = ["id"], sa = {
@@ -34,18 +35,18 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
   },
   emits: ["selectLegend", "selectDatapoint"],
   setup(Tt, { expose: Ft, emit: Ot }) {
-    const St = z(() => import("./Tooltip-DBvmoYXU.js")), Nt = z(() => import("./BaseIcon-7s-tCFcQ.js")), It = z(() => import("./vue-ui-accordion-BJG-ogQj.js")), Dt = z(() => import("./DataTable-Dw6dxJk3.js")), Pt = z(() => import("./UserOptions-CKzW9w0Q.js")), Vt = z(() => import("./PenAndPaper-BKnXOYre.js")), zt = z(() => import("./PackageVersion-D1HToLlZ.js")), Mt = z(() => import("./BaseDraggableDialog-CrCjMg89.js")), { vue_ui_nested_donuts: Bt } = nl(), g = Tt, ce = _({
+    const St = z(() => import("./Tooltip-Clf2K3CF.js")), Nt = z(() => import("./BaseIcon-D2f9w5Z5.js")), It = z(() => import("./vue-ui-accordion-D-L73-T2.js")), Dt = z(() => import("./DataTable-xISHA7Pu.js")), Pt = z(() => import("./UserOptions-Bn3u4JQu.js")), Vt = z(() => import("./PenAndPaper-CtDMyIvW.js")), zt = z(() => import("./PackageVersion-DRpg18lg.js")), Mt = z(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_nested_donuts: Bt } = wl(), g = Tt, ce = _({
       get() {
         return !!g.dataset && g.dataset.length;
       },
       set(l) {
         return l;
       }
-    }), f = c(rl()), he = c(!1), fe = c(""), pe = c(null), Ue = c(0), I = c(null), Ge = c(null), ye = c(null), Ye = c(null), We = c(null), Xe = c(0), qe = c(0), He = c(0), R = c(!0), U = c([]), Z = c([]), Je = c(!1), j = c(null), be = c(null), G = c(!1);
-    function Ke(l) {
+    }), f = c(nl()), he = c(!1), fe = c(""), pe = c(null), Ue = c(0), I = c(null), Ge = c(null), ye = c(null), Ye = c(null), We = c(null), Xe = c(0), qe = c(0), He = c(0), R = c(!0), U = c([]), Z = c([]), Ke = c(!1), j = c(null), be = c(null), G = c(!1);
+    function Qe(l) {
       G.value = l, Ue.value += 1;
     }
-    const e = c(ke()), Qe = {
+    const e = c(ke()), Je = {
       name: "",
       series: [
         {
@@ -64,7 +65,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
           color: "#CACACA"
         }
       ]
-    }, { loading: ge, FINAL_DATASET: Y, manualLoading: me } = $l({
+    }, { loading: ge, FINAL_DATASET: Y, manualLoading: me } = kl({
       ...tl(g),
       FINAL_CONFIG: e,
       prepareConfig: ke,
@@ -73,8 +74,8 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
           await tt();
         });
       },
-      skeletonDataset: [Qe, Qe],
-      skeletonConfig: il({
+      skeletonDataset: [Je, Je],
+      skeletonConfig: rl({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -100,7 +101,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: we, setUserOptionsVisibility: Ze, keepUserOptionState: je } = _l({ config: e.value }), { svgRef: ae } = xl({
+    }), { userOptionsVisible: we, setUserOptionsVisibility: Ze, keepUserOptionState: je } = Ll({ config: e.value }), { svgRef: ae } = _l({
       config: e.value.style.chart.title
     });
     function ke() {
@@ -111,10 +112,10 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
       let s = {};
       return l.theme ? s = {
         ...At({
-          userConfig: vl.vue_ui_nested_donuts[l.theme] || g.config,
+          userConfig: Tl.vue_ui_nested_donuts[l.theme] || g.config,
           defaultConfig: l
         }),
-        customPalette: dl[l.theme] || ze
+        customPalette: il[l.theme] || ze
       } : s = l, g.config && Me(g.config, "events.datapointEnter") ? s.events.datapointEnter = g.config.events.datapointEnter : s.events.datapointEnter = null, g.config && Me(g.config, "events.datapointLeave") ? s.events.datapointLeave = g.config.events.datapointLeave : s.events.datapointLeave = null, g.config && Me(g.config, "events.datapointClick") ? s.events.datapointClick = g.config.events.datapointClick : s.events.datapointClick = null, s;
     }
     te(
@@ -148,10 +149,10 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
               const ie = [];
               let Se = 0;
               g.dataset.forEach((de, Ne) => {
-                const Qt = Re(de.series.reduce(
+                const Jt = Re(de.series.reduce(
                   (De, Pe) => De + Re(E(Pe.values).reduce((jt, el) => jt + el, 0)),
                   0
-                )), Zt = Re(U.value.slice(Se, Se + de.series.length).reduce((De, Pe) => De + Pe, 0)), Ie = Qt - Zt;
+                )), Zt = Re(U.value.slice(Se, Se + de.series.length).reduce((De, Pe) => De + Pe, 0)), Ie = Jt - Zt;
                 Ie > Number.MIN_VALUE && ie.push({
                   name: "__ghost__",
                   arcOf: de.name,
@@ -206,17 +207,17 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
         R.value = !1;
     }
     ll(async () => {
-      Je.value = !0, lt(), await tt();
+      Ke.value = !0, lt(), await tt();
     });
     const P = gt(null), W = gt(null), X = _(() => !!e.value.debug);
     function lt() {
-      if (cl(g.dataset) ? (K({
+      if (dl(g.dataset) ? (Q({
         componentName: "VueUiNestedDonuts",
         type: "dataset",
         debug: X.value
       }), ce.value = !1, me.value = !0) : me.value = e.value.loading, e.value.responsive) {
-        const l = wl(() => {
-          const { width: s, height: a } = kl({
+        const l = gl(() => {
+          const { width: s, height: a } = ml({
             chart: I.value,
             title: e.value.style.chart.title.text ? Ge.value : null,
             legend: e.value.style.chart.legend.show ? ye.value : null,
@@ -234,11 +235,11 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
     al(() => {
       P.value && (W.value && P.value.unobserve(W.value), P.value.disconnect());
     });
-    const { isPrinting: at, isImaging: ot, generatePdf: st, generateImage: ut } = Ll({
+    const { isPrinting: at, isImaging: ot, generatePdf: st, generateImage: ut } = Cl({
       elementId: `nested_donuts_${f.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-nested-donuts",
       options: e.value.userOptions.print
-    }), Rt = _(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ut = _(() => hl(e.value.customPalette)), $ = c({
+    }), Rt = _(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ut = _(() => vl(e.value.customPalette)), $ = c({
       dataLabels: {
         show: e.value.style.chart.layout.labels.dataLabels.show
       },
@@ -278,32 +279,32 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
     }
     const L = c([]), N = _(() => {
       ge.value, Y.value.forEach((s, a) => {
-        [null, void 0].includes(s.name) && K({
+        [null, void 0].includes(s.name) && Q({
           componentName: "VueUiNestedDonuts",
           type: "datasetSerieAttribute",
           property: "name",
           index: a,
           debug: X.value
-        }), [null, void 0].includes(s.series) ? K({
+        }), [null, void 0].includes(s.series) ? Q({
           componentName: "VueUiNestedDonuts",
           type: "datasetSerieAttribute",
           property: "series",
           index: a,
           debug: X.value
-        }) : s.series.length === 0 ? K({
+        }) : s.series.length === 0 ? Q({
           componentName: "VueUiNestedDonuts",
           type: "datasetAttributeEmpty",
           property: `series at index ${a}`,
           debug: X.value
         }) : s.series.forEach((o, t) => {
-          [null, void 0].includes(o.name) && K({
+          [null, void 0].includes(o.name) && Q({
             componentName: "VueUiNestedDonuts",
             type: "datasetSerieAttribute",
             property: "name",
             index: t,
             key: "serie",
             debug: X.value
-          }), [null, void 0].includes(o.values) && K({
+          }), [null, void 0].includes(o.values) && Q({
             componentName: "VueUiNestedDonuts",
             type: "datasetSerieAttribute",
             property: "values",
@@ -328,7 +329,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
             id: `${f.value}_${a}_${t}`,
             seriesIndex: t,
             datasetIndex: a,
-            color: fl(o.color) || Ut.value[t] || ze[t % ze.length],
+            color: cl(o.color) || Ut.value[t] || ze[t % ze.length],
             value: R.value ? U.value[l++] ?? 0 : n,
             absoluteValues: o.values || []
           };
@@ -483,7 +484,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
         config: e.value
       };
       const o = e.value.style.chart.tooltip.customFormat;
-      if (_t(o) && ml(
+      if (_t(o) && bl(
         () => o({
           seriesIndex: a,
           datapoint: l,
@@ -628,8 +629,8 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
           [e.value.style.chart.title.text],
           [e.value.style.chart.title.subtitle.text],
           [[""], ["val"], ["%"]]
-        ].concat(s), o = bl(a);
-        l ? l(o) : gl({
+        ].concat(s), o = pl(a);
+        l ? l(o) : yl({
           csvContent: o,
           title: e.value.style.chart.title.text || "vue-ui-nested-donuts"
         });
@@ -699,9 +700,9 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
     function Ae() {
       re.value = !re.value;
     }
-    async function Jt({ scale: l = 2 } = {}) {
+    async function Kt({ scale: l = 2 } = {}) {
       if (!I.value) return;
-      const { width: s, height: a } = I.value.getBoundingClientRect(), o = s / a, { imageUri: t, base64: n } = await Al({ domElement: I.value, base64: !0, img: !0, scale: l });
+      const { width: s, height: a } = I.value.getBoundingClientRect(), o = s / a, { imageUri: t, base64: n } = await xl({ domElement: I.value, base64: !0, img: !0, scale: l });
       return {
         imageUri: t,
         base64: n,
@@ -712,7 +713,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
       };
     }
     const Te = c(null);
-    function Kt() {
+    function Qt() {
       if (!Te.value) return;
       const { x: l, y: s, width: a, height: o } = Te.value.getBBox();
       ae.value && ae.value.setAttribute("viewBox", `${l} ${s} ${a + Math.min(0, l)} ${o + Math.min(0, s)}`);
@@ -754,9 +755,9 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
       $.value.showTable = !1, be.value && be.value.setTableIconState(!1);
     }
     return Ft({
-      autoSize: Kt,
+      autoSize: Qt,
       getData: Ht,
-      getImage: Jt,
+      getImage: Kt,
       generatePdf: st,
       generateCsv: xe,
       generateImage: ut,
@@ -764,7 +765,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
       toggleLabels: pt,
       toggleTooltip: yt,
       toggleAnnotator: Ae,
-      toggleFullscreen: Ke
+      toggleFullscreen: Qe
     }), (l, s) => (u(), r("div", {
       ref_key: "nestedDonutsChart",
       ref: I,
@@ -794,7 +795,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
         ref_key: "chartTitle",
         ref: Ge
       }, [
-        (u(), B(Tl, {
+        (u(), B(Al, {
           key: `title_${Xe.value}`,
           config: {
             title: {
@@ -837,7 +838,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: Ke,
+        onToggleFullscreen: Qe,
         onGeneratePdf: i(st),
         onGenerateCsv: xe,
         onGenerateImage: i(ut),
@@ -852,7 +853,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
         l.$slots.menuIcon ? {
           name: "menuIcon",
           fn: C(({ isOpen: a, color: o }) => [
-            x(l.$slots, "menuIcon", H(J({ isOpen: a, color: o })), void 0, !0)
+            x(l.$slots, "menuIcon", H(K({ isOpen: a, color: o })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
@@ -901,14 +902,14 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
         l.$slots.optionFullscreen ? {
           name: "optionFullscreen",
           fn: C(({ toggleFullscreen: a, isFullscreen: o }) => [
-            x(l.$slots, "optionFullscreen", H(J({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
+            x(l.$slots, "optionFullscreen", H(K({ toggleFullscreen: a, isFullscreen: o })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         l.$slots.optionAnnotator ? {
           name: "optionAnnotator",
           fn: C(({ toggleAnnotator: a, isAnnotator: o }) => [
-            x(l.$slots, "optionAnnotator", H(J({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
+            x(l.$slots, "optionAnnotator", H(K({ toggleAnnotator: a, isAnnotator: o })), void 0, !0)
           ]),
           key: "8"
         } : void 0
@@ -916,7 +917,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
       (u(), r("svg", {
         ref_key: "svgRef",
         ref: ae,
-        xmlns: i(pl),
+        xmlns: i(hl),
         class: M({
           "vue-data-ui-fullscreen--on": G.value,
           "vue-data-ui-fulscreen--off": !G.value,
@@ -954,7 +955,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
               }, null, -1)),
               p("stop", {
                 offset: `${(1 - oe.value / dt.value[o]) * 100}%`,
-                "stop-color": i(yl)("#FFFFFF", 0),
+                "stop-color": i(fl)("#FFFFFF", 0),
                 "stop-opacity": "0"
               }, null, 8, Vl),
               p("stop", {
@@ -1059,7 +1060,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
                   }, O(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? i(Lt)({
                     source: a.name,
                     length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
-                  }) : a.name), 9, Jl)
+                  }) : a.name), 9, Kl)
                 ], 10, Hl)) : k("", !0)
               ]))), 256))
             ]))), 256)) : (u(!0), r(A, { key: 1 }, T(q.value, (a, o) => (u(), r("g", null, [
@@ -1076,11 +1077,11 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
                 }, O(e.value.style.chart.layout.labels.dataLabels.donutNameAbbreviation ? i(Lt)({
                   source: a.name,
                   length: e.value.style.chart.layout.labels.dataLabels.donutNameMaxAbbreviationSize
-                }) : a.name), 11, Kl)) : k("", !0)
+                }) : a.name), 11, Ql)) : k("", !0)
               ]))), 256))
             ]))), 256))
           ])) : k("", !0),
-          e.value.style.chart.layout.labels.dataLabels.show ? (u(), r("g", Ql, [
+          e.value.style.chart.layout.labels.dataLabels.show ? (u(), r("g", Jl, [
             (u(!0), r(A, null, T(q.value, (a, o) => (u(), r("g", null, [
               (u(!0), r(A, null, T(a.donut.filter((t) => !t.ghost), (t, n) => (u(), r("g", {
                 filter: ht(t, n)
@@ -1088,8 +1089,8 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
                 wt(p("text", {
                   class: M({ animated: e.value.useCssAnimation }),
                   opacity: Le(t) ? 1 : 0,
-                  "text-anchor": i(Q)(t, !0).anchor,
-                  x: i(Q)(
+                  "text-anchor": i(J)(t, !0).anchor,
+                  x: i(J)(
                     t,
                     !1,
                     e.value.style.chart.layout.labels.dataLabels.offsetX
@@ -1115,8 +1116,8 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
                 wt(p("text", {
                   class: M({ animated: e.value.useCssAnimation }),
                   opacity: Le(t) ? 1 : 0,
-                  "text-anchor": i(Q)(t, !0).anchor,
-                  x: i(Q)(
+                  "text-anchor": i(J)(t, !0).anchor,
+                  x: i(J)(
                     t,
                     !1,
                     e.value.style.chart.layout.labels.dataLabels.offsetX
@@ -1148,8 +1149,8 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
                 Le(t) && $.value.dataLabels.show && !e.value.style.chart.layout.labels.dataLabels.showPercentage && e.value.style.chart.layout.labels.dataLabels.showValue ? (u(), r("text", {
                   key: 0,
                   class: M({ animated: e.value.useCssAnimation }),
-                  "text-anchor": i(Q)(t, !0).anchor,
-                  x: i(Q)(
+                  "text-anchor": i(J)(t, !0).anchor,
+                  x: i(J)(
                     t,
                     !1,
                     e.value.style.chart.layout.labels.dataLabels.offsetX
@@ -1194,7 +1195,7 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
         ], 512)
       ], 14, Il)),
       l.$slots.watermark ? (u(), r("div", aa, [
-        x(l.$slots, "watermark", H(J({ isPrinting: i(at) || i(ot) })), void 0, !0)
+        x(l.$slots, "watermark", H(K({ isPrinting: i(at) || i(ot) })), void 0, !0)
       ])) : k("", !0),
       Ve(i(St), {
         show: $.value.showTooltip && he.value,
@@ -1217,17 +1218,17 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
         smoothSnapThreshold: e.value.style.chart.tooltip.smoothSnapThreshold
       }, {
         "tooltip-before": C(() => [
-          x(l.$slots, "tooltip-before", H(J({ ...Ce.value })), void 0, !0)
+          x(l.$slots, "tooltip-before", H(K({ ...Ce.value })), void 0, !0)
         ]),
         "tooltip-after": C(() => [
-          x(l.$slots, "tooltip-after", H(J({ ...Ce.value })), void 0, !0)
+          x(l.$slots, "tooltip-after", H(K({ ...Ce.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
       p("div", {
         id: `legend-bottom-${f.value}`
       }, null, 8, oa),
-      Je.value ? (u(), B(ol, {
+      Ke.value ? (u(), B(ol, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${f.value}` : `#legend-bottom-${f.value}`
       }, [
@@ -1339,10 +1340,10 @@ const Sl = ["id"], Nl = ["id"], Il = ["xmlns", "viewBox"], Dl = ["width", "heigh
           key: "1"
         } : void 0
       ]), 1040)) : k("", !0),
-      i(ge) ? (u(), B(Cl, { key: 9 })) : k("", !0)
+      i(ge) ? (u(), B($l, { key: 9 })) : k("", !0)
     ], 46, Sl));
   }
-}, ka = /* @__PURE__ */ Ol(ra, [["__scopeId", "data-v-07f0a210"]]);
+}, $a = /* @__PURE__ */ Ol(ra, [["__scopeId", "data-v-07f0a210"]]);
 export {
-  ka as default
+  $a as default
 };

package/dist/{vue-ui-onion-BZ0tfRV_.js → vue-ui-onion-Dq_XSxqp.js}

@@ -1,15 +1,16 @@
 import { defineAsyncComponent as A, computed as v, ref as r, toRefs as yt, watch as U, shallowRef as Be, onMounted as bt, onBeforeUnmount as kt, createElementBlock as i, openBlock as u, unref as s, normalizeStyle as D, normalizeClass as W, createBlock as S, createCommentVNode as g, createElementVNode as I, createVNode as re, createSlots as Le, withCtx as d, renderSlot as p, normalizeProps as z, guardReactiveProps as N, Fragment as Y, renderList as E, toDisplayString as M, Teleport as wt, resolveDynamicComponent as Ct, mergeProps as $t, createTextVNode as Ve, nextTick as Ue } from "vue";
-import { u as xt, c as Tt, t as Ot, a as _t, p as Ye, b as At, d as St, o as Ee, f as ie, e as It, X as Pt, i as X, k as ce, y as Xe, v as Ft, w as Dt, z as Mt } from "./index-Lg17rmB1.js";
-import { t as Rt, u as zt } from "./useResponsive-DfdjqQps.js";
-import { u as Nt, B as Bt } from "./BaseScanner-BgWxam9d.js";
-import { u as Lt } from "./usePrinter-DGI4Mlad.js";
-import { u as Ge } from "./useNestedProp-DpwLJMsW.js";
-import { u as Vt } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Yt } from "./useAutoSizeLabelsInsideViewbox-BxqMb3sU.js";
-import Et from "./img-CeCjiMpr.js";
-import Xt from "./Title-BVMfF0uu.js";
-import Gt from "./Legend-CjdnJGHq.js";
+import { c as xt, t as Tt, b as Ot, p as Ye, e as _t, o as Ee, f as ie, h as At, X as St, d as X, a as ce, z as Xe, x as It, y as Pt, A as Ft } from "./lib-p5pfHmOX.js";
+import { t as Dt, u as Mt } from "./useResponsive-DfdjqQps.js";
+import { u as Rt, a as Ge } from "./useNestedProp-DF7e2h1z.js";
+import { u as zt, B as Nt } from "./BaseScanner-BgWxam9d.js";
+import { u as Bt } from "./usePrinter-Yeu5jOfm.js";
+import { u as Lt } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Vt } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Ut } from "./useAutoSizeLabelsInsideViewbox-VqESrzQg.js";
+import Yt from "./img-CH7J0fYg.js";
+import Et from "./Title-pI68ZJsq.js";
+import Xt from "./Legend-_Rv594VS.js";
+import { t as Gt } from "./themes-D3cUNuKw.js";
 import { _ as Ht } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "height"], Kt = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Qt = ["cx", "cy", "r", "stroke", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], Zt = ["id"], ea = ["stdDeviation"], ta = ["filter"], aa = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset"], la = ["cx", "cy", "r", "stroke-width", "stroke-dasharray", "stroke-dashoffset", "onMouseenter", "onMouseleave", "onClick"], oa = { key: 2 }, na = ["onMouseenter", "onMouseleave", "onClick"], sa = ["x", "y", "font-size", "fill", "font-weight"], ua = {
   key: 4,
@@ -32,7 +33,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
   },
   emits: ["selectLegend"],
   setup(He, { expose: We, emit: je }) {
-    const qe = A(() => import("./Tooltip-DBvmoYXU.js")), Je = A(() => import("./BaseIcon-7s-tCFcQ.js")), Ke = A(() => import("./vue-ui-accordion-BJG-ogQj.js")), Qe = A(() => import("./DataTable-Dw6dxJk3.js")), Ze = A(() => import("./UserOptions-CKzW9w0Q.js")), et = A(() => import("./PenAndPaper-BKnXOYre.js")), tt = A(() => import("./PackageVersion-D1HToLlZ.js")), at = A(() => import("./BaseDraggableDialog-CrCjMg89.js")), { vue_ui_onion: lt } = xt(), C = He, ve = v(() => !!C.dataset && C.dataset.length), y = r(Tt()), ot = r(null), de = r(0), j = r(!1), q = r(""), b = r([]), $ = r(null), he = r(null), pe = r(null), fe = r(null), ge = r(null), me = r(0), ye = r(0), be = r(0), x = r(!1), ke = r(!1), B = r(null), e = r(Z()), { loading: k, FINAL_DATASET: we, manualLoading: J } = Nt({
+    const qe = A(() => import("./Tooltip-Clf2K3CF.js")), Je = A(() => import("./BaseIcon-D2f9w5Z5.js")), Ke = A(() => import("./vue-ui-accordion-D-L73-T2.js")), Qe = A(() => import("./DataTable-xISHA7Pu.js")), Ze = A(() => import("./UserOptions-Bn3u4JQu.js")), et = A(() => import("./PenAndPaper-CtDMyIvW.js")), tt = A(() => import("./PackageVersion-DRpg18lg.js")), at = A(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_onion: lt } = Rt(), C = He, ve = v(() => !!C.dataset && C.dataset.length), y = r(xt()), ot = r(null), de = r(0), j = r(!1), q = r(""), b = r([]), $ = r(null), he = r(null), pe = r(null), fe = r(null), ge = r(null), me = r(0), ye = r(0), be = r(0), x = r(!1), ke = r(!1), B = r(null), e = r(Z()), { loading: k, FINAL_DATASET: we, manualLoading: J } = zt({
       ...yt(C),
       FINAL_CONFIG: e,
       prepareConfig: Z,
@@ -47,7 +48,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
         { name: "_", percentage: 50, value: 1, color: "#ADADAD" },
         { name: "_", percentage: 50, value: 1, color: "#969696" }
       ],
-      skeletonConfig: Ot({
+      skeletonConfig: Tt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -68,7 +69,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
           }
         }
       })
-    }), { userOptionsVisible: K, setUserOptionsVisibility: Ce, keepUserOptionState: $e } = Vt({ config: e.value }), { svgRef: Q } = Ut({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: K, setUserOptionsVisibility: Ce, keepUserOptionState: $e } = Lt({ config: e.value }), { svgRef: Q } = Vt({ config: e.value.style.chart.title });
     function Z() {
       const t = Ge({
         userConfig: C.config,
@@ -76,20 +77,20 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
       });
       return t.theme ? {
         ...Ge({
-          userConfig: At.vue_ui_onion[t.theme] || C.config,
+          userConfig: Gt.vue_ui_onion[t.theme] || C.config,
           defaultConfig: t
         }),
-        customPalette: _t[t.theme] || Ye
+        customPalette: Ot[t.theme] || Ye
       } : t;
     }
     U(() => C.config, (t) => {
       k.value || (e.value = Z()), K.value = !e.value.userOptions.showOnChartHover, Se(), me.value += 1, ye.value += 1, be.value += 1, m.value.showTable = e.value.table.show, m.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const { isPrinting: xe, isImaging: Te, generatePdf: Oe, generateImage: _e } = Lt({
+    const { isPrinting: xe, isImaging: Te, generatePdf: Oe, generateImage: _e } = Bt({
       elementId: `vue-ui-onion_${y.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-onion",
       options: e.value.userOptions.print
-    }), nt = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), st = v(() => St(e.value.customPalette)), m = r({
+    }), nt = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), st = v(() => _t(e.value.customPalette)), m = r({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
@@ -116,7 +117,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
     const ut = v({
       get: () => e.value.style.chart.layout.labels.fontSize,
       set: (t) => t
-    }), { autoSizeLabels: Ae } = Yt({
+    }), { autoSizeLabels: Ae } = Ut({
       svgRef: Q,
       fontSize: e.value.style.chart.layout.labels.fontSize,
       minFontSize: e.value.style.chart.layout.labels.minFontSize,
@@ -130,9 +131,9 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
         type: "dataset",
         debug: rt.value
       }), J.value = !0), Ee(C.dataset) || (J.value = e.value.loading), e.value.responsive) {
-        const o = Rt(() => {
+        const o = Dt(() => {
           ee && clearTimeout(ee), x.value = !0;
-          let { width: a, height: l } = zt({
+          let { width: a, height: l } = Mt({
             chart: $.value,
             title: e.value.style.chart.title.text ? he.value : null,
             legend: e.value.style.chart.legend.show ? pe.value : null,
@@ -181,7 +182,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
         ...t,
         percentage: t.percentage || 0,
         targetPercentage: t.percentage || 0,
-        color: It(t.color) || st.value[o] || Ye[o],
+        color: At(t.color) || st.value[o] || Ye[o],
         id: a,
         shape: "circle",
         opacity: b.value.includes(a) ? 0.5 : 1,
@@ -284,8 +285,8 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
     });
     function le(t = null) {
       Ue(() => {
-        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ae.value.head, l = ae.value.body, h = o.concat([a]).concat(l), w = Ft(h);
-        t ? t(w) : Dt({ csvContent: w, title: e.value.style.chart.title.text || "vue-ui-onion" });
+        const o = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], a = ae.value.head, l = ae.value.body, h = o.concat([a]).concat(l), w = It(h);
+        t ? t(w) : Pt({ csvContent: w, title: e.value.style.chart.title.text || "vue-ui-onion" });
       });
     }
     const _ = r(void 0), F = r(!1);
@@ -310,7 +311,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
       }, j.value = a;
       let h = "";
       const w = e.value.style.chart.tooltip.customFormat;
-      if (Xe(w) && Mt(() => w({
+      if (Xe(w) && Ft(() => w({
         seriesIndex: l,
         datapoint: t,
         series: f.value,
@@ -349,7 +350,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
     }
     async function mt({ scale: t = 2 } = {}) {
       if (!$.value) return;
-      const { width: o, height: a } = $.value.getBoundingClientRect(), l = o / a, { imageUri: h, base64: w } = await Et({ domElement: $.value, base64: !0, img: !0, scale: t });
+      const { width: o, height: a } = $.value.getBoundingClientRect(), l = o / a, { imageUri: h, base64: w } = await Yt({ domElement: $.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: h,
         base64: w,
@@ -431,7 +432,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
         ref: he,
         style: "width:100%;background:transparent"
       }, [
-        (u(), S(Xt, {
+        (u(), S(Et, {
           key: `title_${me.value}`,
           config: {
             title: {
@@ -544,7 +545,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
       (u(), i("svg", {
         ref_key: "svgRef",
         ref: Q,
-        xmlns: s(Pt),
+        xmlns: s(St),
         class: W({ "vue-data-ui-fullscreen--on": F.value, "vue-data-ui-fulscreen--off": !F.value, resizing: x.value }),
         viewBox: `0 0 ${n.value.width <= 0 ? 10 : n.value.width} ${n.value.height <= 0 ? 10 : n.value.height}`,
         style: D(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
@@ -719,7 +720,7 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
           ref_key: "chartLegend",
           ref: pe
         }, [
-          e.value.style.chart.legend.show ? (u(), S(Gt, {
+          e.value.style.chart.legend.show ? (u(), S(Xt, {
             key: `legend_${be.value}`,
             legendSet: f.value,
             config: dt.value,
@@ -827,10 +828,10 @@ const Wt = ["id"], jt = ["id"], qt = ["xmlns", "viewBox"], Jt = ["width", "heigh
           key: "1"
         } : void 0
       ]), 1040)) : g("", !0),
-      s(k) ? (u(), S(Bt, { key: 8 })) : g("", !0)
+      s(k) ? (u(), S(Nt, { key: 8 })) : g("", !0)
     ], 46, Wt));
   }
-}, Ta = /* @__PURE__ */ Ht(va, [["__scopeId", "data-v-6873a81d"]]);
+}, Oa = /* @__PURE__ */ Ht(va, [["__scopeId", "data-v-6873a81d"]]);
 export {
-  Ta as default
+  Oa as default
 };