vue-data-ui 2.7.2 → 2.7.4

package/dist/{vue-ui-stackbar-CGSVPiPx.js → vue-ui-stackbar-BnuJOk6L.js}

@@ -1,22 +1,22 @@
-import { useSlots as Pt, computed as w, ref as g, onMounted as at, watch as lt, nextTick as he, createElementBlock as s, openBlock as o, unref as b, normalizeStyle as U, normalizeClass as te, createBlock as q, createCommentVNode as v, renderSlot as x, createElementVNode as Y, createVNode as ae, createSlots as rt, withCtx as _, normalizeProps as V, guardReactiveProps as F, Fragment as h, renderList as y, mergeProps as ze, toDisplayString as $, createTextVNode as At } from "vue";
-import { u as Vt, c as ot, t as Ft, p as ve, a as Dt, C as de, b as Et, o as Ht, e as st, g as Wt, d as Bt, aj as ye, ah as it, D as nt, X as Ut, l as Yt, a5 as ge, G as ut, f as X, x as ct, q as Xt, r as Gt, i as ht, y as Jt } from "./index-gC66Se26.js";
-import { u as vt } from "./useNestedProp-BusTOV-6.js";
+import { useSlots as Pt, computed as w, ref as g, onMounted as at, watch as lt, nextTick as he, createElementBlock as s, openBlock as o, unref as b, normalizeStyle as U, normalizeClass as te, createBlock as q, createCommentVNode as v, renderSlot as x, createElementVNode as Y, createVNode as ae, createSlots as rt, withCtx as z, normalizeProps as V, guardReactiveProps as F, Fragment as h, renderList as y, mergeProps as _e, toDisplayString as S, createTextVNode as At } from "vue";
+import { u as Vt, c as ot, t as Ft, p as ve, a as Dt, C as de, b as Et, o as Ht, e as st, g as Wt, d as Bt, aj as ye, ah as it, D as nt, X as Ut, l as Yt, a5 as ge, G as ut, f as X, x as ct, q as Xt, r as Gt, i as ht, y as Jt } from "./index-D3VntmA9.js";
+import { u as vt } from "./useNestedProp-DTlOqz2P.js";
 import { t as qt, u as Zt } from "./useResponsive-Cw4oZ8sQ.js";
-import { u as Kt, U as Qt } from "./usePrinter-KMFl0n0s.js";
-import { S as jt } from "./Slicer-C49MotZz.js";
-import { _ as ea } from "./Tooltip-Cr89wMKa.js";
-import { _ as ta } from "./Title-Co3F59jq.js";
-import { L as aa } from "./Legend-CmKaL7xe.js";
-import la from "./vue-ui-accordion-j2beIma_.js";
-import { D as ra } from "./DataTable-C_28ZqiP.js";
-import oa from "./vue-ui-skeleton-7Zfds6H1.js";
-import { _ as sa } from "./PackageVersion-39l3KkzC.js";
-import { P as ia } from "./PenAndPaper-CmcfpltX.js";
+import { u as Kt, U as Qt } from "./usePrinter-H3tAjGXs.js";
+import { S as jt } from "./Slicer-CqYLlNlU.js";
+import { _ as ea } from "./Tooltip-3NNIdJ6N.js";
+import { _ as ta } from "./Title-UjBqdYyD.js";
+import { L as aa } from "./Legend-CIjMjfNk.js";
+import la from "./vue-ui-accordion-DGJQIcdB.js";
+import { D as ra } from "./DataTable-DOKlm7k4.js";
+import oa from "./vue-ui-skeleton-pHcbvN3-.js";
+import { _ as sa } from "./PackageVersion-BCLALL_i.js";
+import { _ as ia } from "./PenAndPaper-CZs431Nx.js";
 import { u as na } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as ua } from "./Shape-iIO-95sh.js";
+import { _ as ua } from "./Shape-D9MuIPm8.js";
 import { u as ca } from "./useChartAccessibility-BWojgys7.js";
 import { _ as ha } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"], ga = { key: 1 }, ba = ["id"], fa = ["stop-color"], ma = ["stop-color"], pa = ["stop-color"], xa = ["x1", "x2", "y1", "y2", "stroke"], ka = ["x1", "x2", "y1", "y2", "stroke"], wa = ["x1", "x2", "y1", "y2", "stroke"], za = ["x1", "x2", "y1", "y2", "stroke"], _a = { key: 0 }, Ca = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], La = { key: 0 }, Sa = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], $a = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Ma = { key: 0 }, Ta = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Oa = ["x", "y", "font-size", "fill", "font-weight"], Ra = ["transform", "font-size", "fill", "font-weight"], Pa = ["x", "y", "font-size", "fill", "font-weight"], Aa = { key: 0 }, Va = ["x", "y", "font-size", "font-weight", "fill"], Fa = ["x", "y", "font-size", "fill", "font-weight"], Da = { key: 0 }, Ea = ["x", "y", "font-size", "font-weight", "fill"], Ha = ["x1", "x2", "y1", "y2", "stroke"], Wa = ["x", "y", "font-size", "font-weight", "fill"], Ba = ["x1", "x2", "y1", "y2", "stroke"], Ua = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ya = { key: 0 }, Xa = { key: 1 }, Ga = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Ja = { key: 0 }, qa = { key: 1 }, Za = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Ka = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Qa = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], ja = {
+const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"], ga = { key: 1 }, ba = ["id"], fa = ["stop-color"], ma = ["stop-color"], pa = ["stop-color"], xa = ["x1", "x2", "y1", "y2", "stroke"], ka = ["x1", "x2", "y1", "y2", "stroke"], wa = ["x1", "x2", "y1", "y2", "stroke"], _a = ["x1", "x2", "y1", "y2", "stroke"], za = { key: 0 }, Ca = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], La = { key: 0 }, $a = ["x", "y", "height", "rx", "width", "fill", "stroke", "stroke-width"], Sa = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Ma = { key: 0 }, Ta = ["x", "y", "width", "rx", "height", "fill", "stroke", "stroke-width"], Na = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Oa = ["x", "y", "font-size", "fill", "font-weight"], Ra = ["transform", "font-size", "fill", "font-weight"], Pa = ["x", "y", "font-size", "fill", "font-weight"], Aa = { key: 0 }, Va = ["x", "y", "font-size", "font-weight", "fill"], Fa = ["x", "y", "font-size", "fill", "font-weight"], Da = { key: 0 }, Ea = ["x", "y", "font-size", "font-weight", "fill"], Ha = ["x1", "x2", "y1", "y2", "stroke"], Wa = ["x", "y", "font-size", "font-weight", "fill"], Ba = ["x1", "x2", "y1", "y2", "stroke"], Ua = ["font-size", "font-weight", "fill", "text-anchor", "transform"], Ya = { key: 0 }, Xa = { key: 1 }, Ga = ["text-anchor", "font-size", "font-weight", "fill", "transform", "onClick"], Ja = { key: 0 }, qa = { key: 1 }, Za = ["font-size", "font-weight", "fill", "x", "y", "onClick"], Ka = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], Qa = ["x", "y", "width", "height", "onClick", "onMouseenter", "fill"], ja = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, el = ["onClick"], tl = ["innerHTML"], al = {
@@ -44,7 +44,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       set(a) {
         return a;
       }
-    }), Z = g(null), O = g(ot()), le = g(!1), me = g(null), pe = g(""), L = g([]), _e = g(0), Ce = g(null), Le = g(null), Se = g(null), $e = g(null), Me = g(0), re = g(!1), K = g(null), D = g(!1), ft = g(0), mt = g(0), pt = g(0), J = g(null);
+    }), Z = g(null), O = g(ot()), le = g(!1), me = g(null), pe = g(""), L = g([]), ze = g(0), Ce = g(null), Le = g(null), $e = g(null), Se = g(null), Me = g(0), re = g(!1), K = g(null), D = g(!1), ft = g(0), mt = g(0), pt = g(0), J = g(null);
     at(() => {
       ke();
     });
@@ -67,11 +67,11 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       } : r = a, f.config && de(f.config, "style.chart.grid.scale.scaleMin") ? r.style.chart.grid.scale.scaleMin = f.config.style.chart.grid.scale.scaleMin : r.style.chart.grid.scale.scaleMin = null, f.config && de(f.config, "style.chart.grid.scale.scaleMax") ? r.style.chart.grid.scale.scaleMax = f.config.style.chart.grid.scale.scaleMax : r.style.chart.grid.scale.scaleMax = null, f.config && de(f.config, "style.chart.zoom.startIndex") ? r.style.chart.zoom.startIndex = f.config.style.chart.zoom.startIndex : r.style.chart.zoom.startIndex = null, f.config && de(f.config, "style.chart.zoom.endIndex") ? r.style.chart.zoom.endIndex = f.config.style.chart.zoom.endIndex : r.style.chart.zoom.endIndex = null, r;
     }
     lt(() => f.config, (a) => {
-      e.value = Oe(), xe.value = !e.value.userOptions.showOnChartHover, ke(), ft.value += 1, mt.value += 1, pt.value += 1, z.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, z.value.showTable = e.value.table.show, z.value.showTooltip = e.value.style.chart.tooltip.show;
+      e.value = Oe(), xe.value = !e.value.userOptions.showOnChartHover, ke(), ft.value += 1, mt.value += 1, pt.value += 1, _.value.dataLabels.show = e.value.style.chart.bars.dataLabels.show, _.value.showTable = e.value.table.show, _.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 }), lt(() => f.dataset, (a) => {
       Ee();
     }, { deep: !0 });
-    const z = g({
+    const _ = g({
       dataLabels: {
         show: e.value.style.chart.bars.dataLabels.show
       },
@@ -119,8 +119,8 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
             chart: Z.value,
             title: e.value.style.chart.title.text ? Ce.value : null,
             legend: e.value.style.chart.legend.show ? Le.value : null,
-            slicer: e.value.style.chart.zoom.show && P.value > 1 ? Se.value : null,
-            source: $e.value
+            slicer: e.value.style.chart.zoom.show && P.value > 1 ? $e.value : null,
+            source: Se.value
           });
           requestAnimationFrame(() => {
             oe.value.width = r, oe.value.height = t, clearTimeout(De.value), De.value = setTimeout(() => {
@@ -213,19 +213,19 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
     }), k = w(() => {
       if (!G.value) return [];
       let a = Array(P.value).fill(0), r = Array(P.value).fill(0), t = Array(P.value).fill(0), l = Array(P.value).fill(0);
-      const u = Math.max(...se.value.positive) || 0, n = Math.min(...se.value.negative), C = [-1 / 0, 1 / 0, NaN, void 0, null].includes(n) ? 0 : n, E = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? it(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks) : nt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks), { min: H, max: j } = E, W = j + (H >= 0 ? 0 : Math.abs(H)) || 1, S = i.value.height, ce = i.value.width, et = N.value[0] ? N.value[0].zero : i.value.bottom, tt = N.value[0] ? N.value[0].horizontal_zero : i.value.left;
+      const u = Math.max(...se.value.positive) || 0, n = Math.min(...se.value.negative), C = [-1 / 0, 1 / 0, NaN, void 0, null].includes(n) ? 0 : n, E = !e.value.style.chart.bars.distributed && (e.value.style.chart.grid.scale.scaleMax !== null || e.value.style.chart.grid.scale.scaleMin !== null) ? it(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks) : nt(e.value.style.chart.grid.scale.scaleMin !== null ? e.value.style.chart.grid.scale.scaleMin : C > 0 ? 0 : C, e.value.style.chart.grid.scale.scaleMax !== null ? e.value.style.chart.grid.scale.scaleMax : u < 0 ? 0 : u, e.value.style.chart.grid.scale.ticks), { min: H, max: j } = E, W = j + (H >= 0 ? 0 : Math.abs(H)) || 1, $ = i.value.height, ce = i.value.width, et = N.value[0] ? N.value[0].zero : i.value.bottom, tt = N.value[0] ? N.value[0].horizontal_zero : i.value.left;
       return R.value.filter((ee) => !L.value.includes(ee.id)).map((ee) => {
-        const I = ee.series.slice(c.value.start, c.value.end), St = ee.signedSeries.slice(c.value.start, c.value.end), $t = I.map((m, p) => i.value.left + d.value * p + d.value * e.value.style.chart.bars.gapRatio / 4), Mt = I.map((m, p) => i.value.top + d.value * p + d.value * e.value.style.chart.bars.gapRatio / 4), Tt = I.map((m, p) => {
+        const I = ee.series.slice(c.value.start, c.value.end), $t = ee.signedSeries.slice(c.value.start, c.value.end), St = I.map((m, p) => i.value.left + d.value * p + d.value * e.value.style.chart.bars.gapRatio / 4), Mt = I.map((m, p) => i.value.top + d.value * p + d.value * e.value.style.chart.bars.gapRatio / 4), Tt = I.map((m, p) => {
           const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / W;
           let B, T;
-          return m > 0 ? (T = S * M, B = et - T - a[p], a[p] += T) : (T = S * M, B = et + t[p], t[p] += Math.abs(T)), B;
+          return m > 0 ? (T = $ * M, B = et - T - a[p], a[p] += T) : (T = $ * M, B = et + t[p], t[p] += Math.abs(T)), B;
         }), Nt = I.map((m, p) => {
           const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / W;
           let B, T;
           return m > 0 ? (T = ce * M, B = tt + r[p], r[p] += T) : (T = ce * M, B = tt - Math.abs(T) - l[p], l[p] += Math.abs(T)), B;
         }), It = I.map((m, p) => {
           const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / W;
-          return m > 0 ? S * M : S * Math.abs(M);
+          return m > 0 ? $ * M : $ * Math.abs(M);
         }), Ot = I.map((m, p) => {
           const M = e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / W;
           return m > 0 ? ce * M : ce * Math.abs(M);
@@ -234,8 +234,8 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           ...ee,
           proportions: I.map((m, p) => e.value.style.chart.bars.distributed ? (m || 0) / Q.value[p] : (m || 0) / Rt),
           series: I,
-          signedSeries: St,
-          x: $t,
+          signedSeries: $t,
+          x: St,
           y: Tt,
           height: It,
           horizontal_width: Ot,
@@ -326,17 +326,17 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           u && n ? "(" : "",
           u && n ? ")" : ""
         ];
-        t.reverse().forEach((S) => {
+        t.reverse().forEach(($) => {
           j += `
                 <div style="display:flex;flex-direction:row;align-items:center;gap:4px">
-                    <svg viewBox="0 0 60 60" height="14" width="14"><rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="${e.value.style.chart.bars.gradient.show ? `url(#gradient_${S.id})` : S.color}"/>${bt.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${O.value}_${S.absoluteIndex})"/>` : ""}</svg>
-                    ${S.name}${u || n ? ":" : ""} ${u ? X({
+                    <svg viewBox="0 0 60 60" height="14" width="14"><rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="${e.value.style.chart.bars.gradient.show ? `url(#gradient_${$.id})` : $.color}"/>${bt.pattern ? `<rect rx="5" x="0" y="0" height="60" width="60" stroke="none" fill="url(#pattern_${O.value}_${$.absoluteIndex})"/>` : ""}</svg>
+                    ${$.name}${u || n ? ":" : ""} ${u ? X({
             p: e.value.style.chart.bars.dataLabels.prefix,
-            v: S.value,
+            v: $.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
             r: E
           }) : ""} ${W[0]}${n ? X({
-            v: isNaN(S.value / l) ? 0 : Math.abs(S.value) / l * 100,
+            v: isNaN($.value / l) ? 0 : Math.abs($.value) / l * 100,
             // Negs are absed to show relative proportion to absolute total. It's opinionated.
             s: "%",
             r: H
@@ -346,19 +346,19 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         }), pe.value = `<div>${j}</div>`;
       }
     }
-    function zt(a) {
-      re.value = a, _e.value += 1;
+    function _t(a) {
+      re.value = a, ze.value += 1;
     }
     function Xe() {
-      z.value.showTable = !z.value.showTable;
+      _.value.showTable = !_.value.showTable;
     }
     function Ge() {
-      z.value.dataLabels.show = !z.value.dataLabels.show;
+      _.value.dataLabels.show = !_.value.dataLabels.show;
     }
     function Je() {
-      z.value.showTooltip = !z.value.showTooltip;
+      _.value.showTooltip = !_.value.showTooltip;
     }
-    function _t() {
+    function zt() {
       return k.value;
     }
     const qe = w(() => {
@@ -446,7 +446,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       return e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? e.value.style.chart.bars.dataLabels.hideEmptyPercentages ? r > 0 : !0 : e.value.style.chart.bars.dataLabels.hideEmptyValues ? a !== 0 : !0;
     }
     return dt({
-      getData: _t,
+      getData: zt,
       generatePdf: Ae,
       generateCsv: Ze,
       generateImage: Ve,
@@ -493,7 +493,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       ], 512)) : v("", !0),
       e.value.userOptions.show && G.value && (b(Ne) || b(xe)) ? (o(), q(Qt, {
         ref: "details",
-        key: `user_option_${_e.value}`,
+        key: `user_option_${ze.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: b(Re),
@@ -509,11 +509,11 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         isFullscreen: re.value,
         chartElement: Z.value,
         position: e.value.userOptions.position,
-        isTooltip: z.value.showTooltip,
+        isTooltip: _.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: ue.value,
-        onToggleFullscreen: zt,
+        onToggleFullscreen: _t,
         onGeneratePdf: b(Ae),
         onGenerateCsv: Ze,
         onGenerateImage: b(Ve),
@@ -527,63 +527,63 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       }, rt({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: _(({ isOpen: t, color: l }) => [
+          fn: z(({ isOpen: t, color: l }) => [
             x(a.$slots, "menuIcon", V(F({ isOpen: t, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: _(() => [
+          fn: z(() => [
             x(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: _(() => [
+          fn: z(() => [
             x(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: _(() => [
+          fn: z(() => [
             x(a.$slots, "optionCsv", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: _(() => [
+          fn: z(() => [
             x(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionTable ? {
           name: "optionTable",
-          fn: _(() => [
+          fn: z(() => [
             x(a.$slots, "optionTable", {}, void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionLabels ? {
           name: "optionLabels",
-          fn: _(() => [
+          fn: z(() => [
             x(a.$slots, "optionLabels", {}, void 0, !0)
           ]),
           key: "6"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: _(({ toggleFullscreen: t, isFullscreen: l }) => [
+          fn: z(({ toggleFullscreen: t, isFullscreen: l }) => [
             x(a.$slots, "optionFullscreen", V(F({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
           ]),
           key: "7"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: _(({ toggleAnnotator: t, isAnnotator: l }) => [
+          fn: z(({ toggleAnnotator: t, isAnnotator: l }) => [
             x(a.$slots, "optionAnnotator", V(F({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
           ]),
           key: "8"
@@ -667,10 +667,10 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           stroke: e.value.style.chart.grid.x.axisColor,
           "stroke-width": 1,
           "stroke-linecap": "round"
-        }, null, 8, za))), 256)) : v("", !0),
+        }, null, 8, _a))), 256)) : v("", !0),
         (o(!0), s(h, null, y(k.value, (t, l) => (o(), s("g", null, [
-          a.$slots.pattern ? (o(), s("defs", _a, [
-            x(a.$slots, "pattern", ze({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${O.value}_${t.absoluteIndex}` }), void 0, !0)
+          a.$slots.pattern ? (o(), s("defs", za, [
+            x(a.$slots, "pattern", _e({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${O.value}_${t.absoluteIndex}` }), void 0, !0)
           ])) : v("", !0),
           e.value.orientation === "vertical" ? (o(), s(h, { key: 1 }, [
             (o(!0), s(h, null, y(t.x, (u, n) => (o(), s("rect", {
@@ -699,7 +699,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
-              }, null, 10, Sa))), 256))
+              }, null, 10, $a))), 256))
             ])) : v("", !0)
           ], 64)) : (o(), s(h, { key: 2 }, [
             (o(!0), s(h, null, y(t.horizontal_x, (u, n) => (o(), s("rect", {
@@ -714,7 +714,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
               "stroke-linecap": "round",
               "stroke-linejoin": "round",
               class: te({ "vue-data-ui-bar-animated": e.value.useCssAnimation, "vue-data-ui-bar-transition": D.value })
-            }, null, 10, $a))), 256)),
+            }, null, 10, Sa))), 256)),
             a.$slots.pattern ? (o(), s("g", Ma, [
               (o(!0), s(h, null, y(t.horizontal_x, (u, n) => (o(), s("rect", {
                 x: b(ge)(u, i.value.left),
@@ -762,7 +762,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           fill: e.value.style.chart.grid.x.axisName.color,
           "font-weight": e.value.style.chart.grid.x.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, $(e.value.style.chart.grid.x.axisName.text), 9, Oa)) : v("", !0),
+        }, S(e.value.style.chart.grid.x.axisName.text), 9, Oa)) : v("", !0),
         e.value.style.chart.grid.y.axisName.show && e.value.style.chart.grid.y.axisName.text ? (o(), s("text", {
           key: 9,
           transform: `translate(${e.value.style.chart.grid.y.axisName.fontSize + e.value.style.chart.grid.y.axisName.offsetX}, ${i.value.top + i.value.height / 2}) rotate(-90)`,
@@ -770,8 +770,8 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           fill: e.value.style.chart.grid.y.axisName.color,
           "font-weight": e.value.style.chart.grid.y.axisName.bold ? "bold" : "normal",
           "text-anchor": "middle"
-        }, $(e.value.style.chart.grid.y.axisName.text), 9, Ra)) : v("", !0),
-        z.value.dataLabels.show && e.value.orientation === "vertical" ? (o(), s(h, { key: 10 }, [
+        }, S(e.value.style.chart.grid.y.axisName.text), 9, Ra)) : v("", !0),
+        _.value.dataLabels.show && e.value.orientation === "vertical" ? (o(), s(h, { key: 10 }, [
           (o(!0), s(h, null, y(k.value, (t, l) => (o(), s("g", null, [
             (o(!0), s(h, null, y(t.x, (u, n) => (o(), s(h, null, [
               je(t.series[n], t.proportions[n]) ? (o(), s("text", {
@@ -782,7 +782,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? b(ut)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, $(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Be(t.proportions[n] * 100, t, l, n) : ie(t.series[n], t, l, n, t.signedSeries[n])), 9, Pa)) : v("", !0)
+              }, S(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Be(t.proportions[n] * 100, t, l, n) : ie(t.series[n], t, l, n, t.signedSeries[n])), 9, Pa)) : v("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && k.value.length > 1 ? (o(), s("g", Aa, [
@@ -795,11 +795,11 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 "font-size": e.value.style.chart.bars.totalValues.fontSize,
                 "font-weight": e.value.style.chart.bars.totalValues.bold ? "bold" : "normal",
                 fill: e.value.style.chart.bars.totalValues.color
-              }, $(ie(t.value, t, l, t.sign)), 9, Va)) : v("", !0)
+              }, S(ie(t.value, t, l, t.sign)), 9, Va)) : v("", !0)
             ], 64))), 256))
           ])) : v("", !0)
         ], 64)) : v("", !0),
-        z.value.dataLabels.show && e.value.orientation === "horizontal" ? (o(), s(h, { key: 11 }, [
+        _.value.dataLabels.show && e.value.orientation === "horizontal" ? (o(), s(h, { key: 11 }, [
           (o(!0), s(h, null, y(k.value, (t, l) => (o(), s("g", null, [
             (o(!0), s(h, null, y(t.horizontal_x, (u, n) => (o(), s(h, null, [
               je(t.series[n], t.proportions[n]) ? (o(), s("text", {
@@ -810,7 +810,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 fill: e.value.style.chart.bars.dataLabels.adaptColorToBackground ? b(ut)(t.color) : e.value.style.chart.bars.dataLabels.color,
                 "font-weight": e.value.style.chart.bars.dataLabels.bold ? "bold" : "normal",
                 "text-anchor": "middle"
-              }, $(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Be(t.proportions[n] * 100, t, l, n) : ie(t.series[n], t, l, n, t.signedSeries[n])), 9, Fa)) : v("", !0)
+              }, S(e.value.style.chart.bars.showDistributedPercentage && e.value.style.chart.bars.distributed ? Be(t.proportions[n] * 100, t, l, n) : ie(t.series[n], t, l, n, t.signedSeries[n])), 9, Fa)) : v("", !0)
             ], 64))), 256))
           ]))), 256)),
           e.value.style.chart.bars.totalValues.show && k.value.length > 1 ? (o(), s("g", Da, [
@@ -823,7 +823,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 "font-size": e.value.style.chart.bars.totalValues.fontSize,
                 "font-weight": e.value.style.chart.bars.totalValues.bold ? "bold" : "normal",
                 fill: e.value.style.chart.bars.totalValues.color
-              }, $(ie(t.value, t, l, t.sign)), 9, Ea)) : v("", !0)
+              }, S(ie(t.value, t, l, t.sign)), 9, Ea)) : v("", !0)
             ], 64))), 256))
           ])) : v("", !0)
         ], 64)) : v("", !0),
@@ -843,7 +843,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
             "font-weight": e.value.style.chart.grid.y.axisLabels.bold ? "bold" : "normal",
             fill: e.value.style.chart.grid.y.axisLabels.color,
             "text-anchor": "end"
-          }, $(b(X)({
+          }, S(b(X)({
             p: e.value.style.chart.bars.dataLabels.prefix,
             v: t.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
@@ -866,7 +866,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
             fill: e.value.style.chart.grid.y.axisLabels.color,
             "text-anchor": e.value.style.chart.grid.x.timeLabels.rotation > 0 ? "start" : e.value.style.chart.grid.x.timeLabels.rotation < 0 ? "end" : "middle",
             transform: `translate(${t.horizontal_x}, ${i.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY}), rotate(${e.value.style.chart.grid.x.timeLabels.rotation})`
-          }, $(b(X)({
+          }, S(b(X)({
             p: e.value.style.chart.bars.dataLabels.prefix,
             v: t.value,
             s: e.value.style.chart.bars.dataLabels.suffix,
@@ -876,7 +876,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "vertical" ? (o(), s(h, { key: 14 }, [
           a.$slots["time-label"] ? (o(), s("g", Ya, [
             (o(!0), s(h, null, y(A.value, (t, l) => (o(), s("g", null, [
-              x(a.$slots, "time-label", ze({ ref_for: !0 }, {
+              x(a.$slots, "time-label", _e({ ref_for: !0 }, {
                 x: i.value.left + d.value * l + d.value / 2,
                 y: i.value.bottom + e.value.style.chart.grid.x.timeLabels.fontSize * 1.3 + e.value.style.chart.grid.x.timeLabels.offsetY,
                 fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -899,13 +899,13 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 cursor: "pointer"
               },
               onClick: () => Qe(t, l)
-            }, $(t.text), 9, Ga))), 256))
+            }, S(t.text), 9, Ga))), 256))
           ]))
         ], 64)) : v("", !0),
         e.value.style.chart.grid.x.timeLabels.show && e.value.orientation === "horizontal" ? (o(), s(h, { key: 15 }, [
           a.$slots["time-label"] ? (o(), s("g", Ja, [
             (o(!0), s(h, null, y(A.value, (t, l) => (o(), s("g", null, [
-              x(a.$slots, "time-label", ze({ ref_for: !0 }, {
+              x(a.$slots, "time-label", _e({ ref_for: !0 }, {
                 x: i.value.left - 8,
                 y: i.value.top + d.value * l + d.value / 2 + e.value.style.chart.grid.y.axisLabels.fontSize / 3,
                 fontSize: e.value.style.chart.grid.x.timeLabels.fontSize,
@@ -929,10 +929,10 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
                 cursor: "pointer"
               },
               onClick: () => Qe(t, l)
-            }, $(t.text), 9, Za))), 256))
+            }, S(t.text), 9, Za))), 256))
           ]))
         ], 64)) : v("", !0),
-        z.value.showTooltip && e.value.orientation === "vertical" ? (o(!0), s(h, { key: 16 }, y(c.value.end - c.value.start, (t, l) => (o(), s("rect", {
+        _.value.showTooltip && e.value.orientation === "vertical" ? (o(!0), s(h, { key: 16 }, y(c.value.end - c.value.start, (t, l) => (o(), s("rect", {
           x: i.value.left + l * d.value,
           y: i.value.top,
           width: d.value,
@@ -945,7 +945,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           fill: l === K.value ? e.value.style.chart.highlighter.color : "transparent",
           style: U({ opacity: e.value.style.chart.highlighter.opacity / 100 })
         }, null, 44, Ka))), 256)) : v("", !0),
-        z.value.showTooltip && e.value.orientation === "horizontal" ? (o(!0), s(h, { key: 17 }, y(c.value.end - c.value.start, (t, l) => (o(), s("rect", {
+        _.value.showTooltip && e.value.orientation === "horizontal" ? (o(!0), s(h, { key: 17 }, y(c.value.end - c.value.start, (t, l) => (o(), s("rect", {
           x: i.value.left,
           y: i.value.top + l * d.value,
           width: i.value.width < 0 ? 0 : i.value.width,
@@ -980,7 +980,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       }, null, 8, ["config"])),
       Y("div", {
         ref_key: "chartSlicer",
-        ref: Se,
+        ref: $e,
         style: U(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
@@ -1011,14 +1011,14 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           enableSelectionDrag: e.value.style.chart.zoom.enableSelectionDrag,
           onReset: Ee
         }, {
-          "reset-action": _(({ reset: t }) => [
+          "reset-action": z(({ reset: t }) => [
             x(a.$slots, "reset-action", V(F({ reset: t })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag"])) : v("", !0)
       ], 4),
       ae(ea, {
-        show: z.value.showTooltip && le.value,
+        show: _.value.showTooltip && le.value,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         fontSize: e.value.style.chart.tooltip.fontSize,
@@ -1033,10 +1033,10 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         isFullscreen: re.value,
         isCustom: b(ct)(e.value.style.chart.tooltip.customFormat)
       }, {
-        "tooltip-before": _(() => [
+        "tooltip-before": z(() => [
           x(a.$slots, "tooltip-before", V(F({ ...me.value })), void 0, !0)
         ]),
-        "tooltip-after": _(() => [
+        "tooltip-after": z(() => [
           x(a.$slots, "tooltip-after", V(F({ ...me.value })), void 0, !0)
         ]),
         _: 3
@@ -1051,17 +1051,17 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           config: Lt.value,
           onClickMarker: r[4] || (r[4] = ({ legend: t }) => t.segregate())
         }, rt({
-          item: _(({ legend: t }) => [
+          item: z(({ legend: t }) => [
             Y("div", {
               onClick: (l) => t.segregate(),
               style: U(`opacity:${L.value.includes(t.id) ? 0.5 : 1}`)
-            }, $(t.name), 13, el)
+            }, S(t.name), 13, el)
           ]),
           _: 2
         }, [
           a.$slots.pattern ? {
             name: "legend-pattern",
-            fn: _(({ legend: t, index: l }) => [
+            fn: z(({ legend: t, index: l }) => [
               ae(ua, {
                 shape: t.shape,
                 radius: 30,
@@ -1080,7 +1080,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
       a.$slots.source ? (o(), s("div", {
         key: 6,
         ref_key: "source",
-        ref: $e,
+        ref: Se,
         dir: "auto"
       }, [
         x(a.$slots, "source", {}, void 0, !0)
@@ -1089,7 +1089,7 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
         key: 7,
         hideDetails: "",
         config: {
-          open: z.value.showTable,
+          open: _.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: e.value.style.chart.backgroundColor,
@@ -1101,20 +1101,20 @@ const va = ["id"], da = ["xmlns", "viewBox"], ya = ["x", "y", "width", "height"]
           }
         }
       }, {
-        content: _(() => [
+        content: z(() => [
           ae(ra, {
             colNames: ne.value.colNames,
             head: ne.value.head,
             body: ne.value.body,
             config: ne.value.config,
             title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? ` : ${e.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: r[5] || (r[5] = (t) => z.value.showTable = !1)
+            onClose: r[5] || (r[5] = (t) => _.value.showTable = !1)
           }, {
-            th: _(({ th: t }) => [
+            th: z(({ th: t }) => [
               Y("div", { innerHTML: t }, null, 8, tl)
             ]),
-            td: _(({ td: t }) => [
-              At($(isNaN(Number(t)) ? t : b(X)({
+            td: z(({ td: t }) => [
+              At(S(isNaN(Number(t)) ? t : b(X)({
                 p: e.value.style.chart.bars.dataLabels.prefix,
                 v: t,
                 s: e.value.style.chart.bars.dataLabels.suffix,