vue-data-ui 2.6.5 → 2.6.7

package/dist/{vue-ui-vertical-bar-DUhOoSNl.js → vue-ui-vertical-bar-BUTOw-DK.js}

@@ -1,23 +1,24 @@
-import { useCssVars as vt, useSlots as ct, computed as b, ref as i, watch as Re, onMounted as Ue, onBeforeUnmount as ht, createElementBlock as r, openBlock as u, unref as d, normalizeStyle as c, normalizeClass as A, createBlock as B, createCommentVNode as p, renderSlot as m, createVNode as j, createSlots as ce, withCtx as k, normalizeProps as q, guardReactiveProps as Y, createElementVNode as n, toDisplayString as h, Fragment as E, renderList as H, mergeProps as pt, withKeys as yt, createTextVNode as gt } from "vue";
-import { u as ft, c as bt, t as mt, p as D, a as _t, b as kt, o as Xe, e as K, v as N, d as he, i as le, f as R, X as $t, s as pe, w as xt, q as wt, r as Ct, x as Tt, y as Lt } from "./index-DLCyjPV0.js";
-import { t as Nt, u as Pt } from "./useResponsive-BWapHhVH.js";
-import { _ as St } from "./Title-CXBc1TH6.js";
-import { u as Vt, U as It } from "./usePrinter-CpHZjw3G.js";
-import { _ as Ot } from "./Tooltip-C9lPh5bN.js";
-import { L as Ee } from "./Legend-CyJrN721.js";
-import Ft from "./vue-ui-skeleton-D6ojufhb.js";
-import Mt from "./BaseIcon-BzuvxztF.js";
-import zt from "./vue-ui-accordion-DR2qjfsa.js";
-import { u as He } from "./useNestedProp-q86V3_LA.js";
-import { _ as At } from "./PackageVersion-PZr4BkQ5.js";
-import { P as Bt } from "./PenAndPaper-Cniu2YEX.js";
-import { u as Dt } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as We } from "./Shape-BXTmpde5.js";
-import { _ as Rt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "height"], Wt = ["id"], Gt = ["stop-color"], jt = ["stop-color"], qt = { key: 1 }, Yt = ["x", "y", "width", "height", "fill", "rx"], Kt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Jt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Qt = ["x2", "y1", "y2", "stroke", "stroke-width"], Zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ea = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], ta = ["x", "y", "font-size", "fill", "font-weight"], aa = ["x", "y", "font-size", "fill", "font-weight"], la = ["x", "y", "font-size", "fill", "font-weight"], oa = ["y", "width", "height", "fill", "onMouseenter"], na = {
+import { useCssVars as ct, useSlots as ht, computed as b, ref as i, watch as Re, onMounted as Ue, onBeforeUnmount as pt, createElementBlock as r, openBlock as u, unref as d, normalizeStyle as c, normalizeClass as A, createBlock as B, createCommentVNode as p, renderSlot as m, createVNode as j, createSlots as ce, withCtx as k, normalizeProps as q, guardReactiveProps as Y, createElementVNode as n, toDisplayString as h, Fragment as E, renderList as H, mergeProps as yt, withKeys as gt, createTextVNode as ft } from "vue";
+import { u as bt, c as mt, t as _t, p as D, a as kt, b as $t, o as Xe, e as K, v as N, d as he, i as le, f as R, X as xt, s as pe, w as wt, q as Ct, r as Tt, x as Lt, y as Nt } from "./index-9EeNZMz1.js";
+import { t as Pt, u as St } from "./useResponsive-BWapHhVH.js";
+import { _ as Vt } from "./Title-BI8etrRU.js";
+import { u as It, U as Ot } from "./usePrinter-ngrh00Ym.js";
+import { _ as Ft } from "./Tooltip-Cxc8c50d.js";
+import { L as Ee } from "./Legend-NKGwxkI7.js";
+import Mt from "./vue-ui-skeleton-BmJiYGtE.js";
+import zt from "./BaseIcon-CDx9pxUG.js";
+import At from "./vue-ui-accordion-Qo8JxnIN.js";
+import { u as He } from "./useNestedProp-df_bKQEI.js";
+import { _ as Bt } from "./PackageVersion-QRvxRYPv.js";
+import { P as Dt } from "./PenAndPaper-CxC1lWGK.js";
+import { u as Rt } from "./useUserOptionState-BIvW1Kz7.js";
+import { _ as We } from "./Shape-58uyOuYc.js";
+import { u as Ut } from "./useChartAccessibility-BWojgys7.js";
+import { _ as Xt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Et = ["id"], Ht = ["onClick"], Wt = ["xmlns", "viewBox"], Gt = ["width", "height"], jt = ["id"], qt = ["stop-color"], Yt = ["stop-color"], Kt = { key: 1 }, Jt = ["x", "y", "width", "height", "fill", "rx"], Qt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Zt = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], ea = ["x2", "y1", "y2", "stroke", "stroke-width"], ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], aa = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], la = ["x", "y", "font-size", "fill", "font-weight"], oa = ["x", "y", "font-size", "fill", "font-weight"], na = ["x", "y", "font-size", "fill", "font-weight"], ua = ["y", "width", "height", "fill", "onMouseenter"], sa = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, ua = ["onClick"], sa = { style: "width:100%;padding-top: 36px;position:relative" }, ra = { class: "vue-ui-data-table" }, ia = { key: 0 }, da = { style: { width: "100%" } }, va = ["data-cell"], ca = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ha = ["data-cell"], pa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ya = ["data-cell"], ga = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, fa = ["data-cell"], ba = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ma = ["data-cell"], _a = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ka = ["data-cell"], $a = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, xa = ["data-cell"], wa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ca = {
+}, ra = ["onClick"], ia = { style: "width:100%;padding-top: 36px;position:relative" }, da = { class: "vue-ui-data-table" }, va = { key: 0 }, ca = { style: { width: "100%" } }, ha = ["data-cell"], pa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ya = ["data-cell"], ga = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, fa = ["data-cell"], ba = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ma = ["data-cell"], _a = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, ka = ["data-cell"], $a = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, xa = ["data-cell"], wa = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ca = ["data-cell"], Ta = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, La = {
   __name: "vue-ui-vertical-bar",
   props: {
     config: {
@@ -35,13 +36,13 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
   },
   emits: ["selectLegend"],
   setup(Ge, { expose: je, emit: qe }) {
-    vt((a) => ({
-      bb39f718: a.tdo
+    ct((a) => ({
+      bd03f0e4: a.tdo
     }));
-    const { vue_ui_vertical_bar: Ye } = ft(), Ke = ct(), T = Ge, J = b(() => !!T.dataset && T.dataset.length), C = i(bt()), Je = i(null), oe = i(!1), ne = i(""), Q = i(0), Qe = i(null), ye = i(0), U = i(null), ge = i(null), ue = i(null), fe = i(null), be = i(null), me = i(0), se = i(0), Ze = qe, e = b({
+    const { vue_ui_vertical_bar: Ye } = bt(), Ke = ht(), T = Ge, J = b(() => !!T.dataset && T.dataset.length), C = i(mt()), Je = i(null), oe = i(!1), ne = i(""), Q = i(0), Qe = i(null), ye = i(0), U = i(null), ge = i(null), ue = i(null), fe = i(null), be = i(null), me = i(0), se = i(0), Ze = qe, e = b({
       get: () => $e(),
       set: (a) => a
-    }), { userOptionsVisible: re, setUserOptionsVisibility: _e, keepUserOptionState: ke } = Dt({ config: e.value });
+    }), { userOptionsVisible: re, setUserOptionsVisibility: _e, keepUserOptionState: ke } = Rt({ config: e.value }), { svgRef: et } = Ut({ config: e.value.style.chart.title });
     function $e() {
       const a = He({
         userConfig: T.config,
@@ -49,19 +50,19 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
       });
       return a.theme ? {
         ...He({
-          userConfig: _t.vue_ui_vertical_bar[a.theme] || T.config,
+          userConfig: kt.vue_ui_vertical_bar[a.theme] || T.config,
           defaultConfig: a
         }),
-        customPalette: mt[a.theme] || D
+        customPalette: _t[a.theme] || D
       } : a;
     }
     Re(() => T.config, (a) => {
       e.value = $e(), re.value = !e.value.userOptions.showOnChartHover, Se(), me.value += 1, se.value += 1, v.value = e.value.style.chart.layout.bars.height, g.value = e.value.style.chart.layout.bars.gap, $.value.showTable = e.value.table.show, $.value.sortDesc = e.value.style.chart.layout.bars.sort === "desc", $.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 }), Re(() => T.dataset, ee, { deep: !0 });
-    const { isPrinting: xe, isImaging: we, generatePdf: Ce, generateImage: Te } = Vt({
+    const { isPrinting: xe, isImaging: we, generatePdf: Ce, generateImage: Te } = It({
       elementId: `vue-ui-vertical-bar_${C.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-vertical-bar"
-    }), et = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), Le = b(() => kt(e.value.customPalette)), Ne = i(null), Pe = i(!1), tt = b(() => e.value.table.responsiveBreakpoint), Z = i(null);
+    }), tt = b(() => e.value.userOptions.show && !e.value.style.chart.title.text), Le = b(() => $t(e.value.customPalette)), Ne = i(null), Pe = i(!1), at = b(() => e.value.table.responsiveBreakpoint), Z = i(null);
     Ue(() => {
       Se();
     });
@@ -69,9 +70,9 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
       if (Xe(T.dataset) && K({
         componentName: "VueUiVerticalBar",
         type: "dataset"
-      }), Q.value = T.dataset.flatMap((a) => a.children && a.children.length > 0 ? a.children.length : 1).reduce((a, l) => a + l, 0), at(), e.value.responsive) {
-        const a = Nt(() => {
-          const { width: l, height: t } = Pt({
+      }), Q.value = T.dataset.flatMap((a) => a.children && a.children.length > 0 ? a.children.length : 1).reduce((a, l) => a + l, 0), lt(), e.value.responsive) {
+        const a = Pt(() => {
+          const { width: l, height: t } = St({
             chart: U.value,
             title: e.value.style.chart.title.text ? ge.value : null,
             legend: e.value.style.chart.legend.show ? ue.value : null,
@@ -85,13 +86,13 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         Z.value = new ResizeObserver(a), Z.value.observe(U.value.parentNode);
       }
     }
-    ht(() => {
+    pt(() => {
       Z.value && Z.value.disconnect();
     });
-    function at() {
+    function lt() {
       new ResizeObserver((l) => {
         l.forEach((t) => {
-          Pe.value = t.contentRect.width < tt.value;
+          Pe.value = t.contentRect.width < at.value;
         });
       }).observe(Ne.value);
     }
@@ -158,9 +159,9 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), v = i(e.value.style.chart.layout.bars.height), g = i(e.value.style.chart.layout.bars.gap), lt = b(() => (v.value + g.value) * Q.value), Oe = i(512), y = b(() => ({
+    })), v = i(e.value.style.chart.layout.bars.height), g = i(e.value.style.chart.layout.bars.gap), ot = b(() => (v.value + g.value) * Q.value), Oe = i(512), y = b(() => ({
       width: Oe.value,
-      height: lt.value,
+      height: ot.value,
       padding: {
         top: 12,
         left: 128 + e.value.style.chart.layout.bars.offsetX,
@@ -190,12 +191,12 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         r: t
       }) : Math.abs(a) / S.value;
     }
-    const M = b(() => F.value.flatMap((a) => a.hasChildren ? a.children : a)), z = b(() => M.value.map((a) => a.sign).includes(-1)), ot = b(() => Math.max(...F.value.flatMap((a) => a.children && a.children.length ? Math.max(...a.children.map((l) => l.value)) : a.value)));
+    const M = b(() => F.value.flatMap((a) => a.hasChildren ? a.children : a)), z = b(() => M.value.map((a) => a.sign).includes(-1)), nt = b(() => Math.max(...F.value.flatMap((a) => a.children && a.children.length ? Math.max(...a.children.map((l) => l.value)) : a.value)));
     function x(a) {
-      const l = a / ot.value;
+      const l = a / nt.value;
       return s.value.width / (z.value ? 2 : 1) * l;
     }
-    function nt(a) {
+    function ut(a) {
       return x(a) + s.value.left;
     }
     function G(a, l) {
@@ -208,11 +209,11 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         sign: t.sign
       };
     }
-    function ut() {
+    function st() {
       return F.value;
     }
     const ie = i(null), de = i(null);
-    function st(a, l) {
+    function rt(a, l) {
       de.value = {
         datapoint: a,
         seriesIndex: l,
@@ -221,7 +222,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
       }, oe.value = !0, ie.value = a.id;
       let t = "";
       const o = a.isChild ? a.parentName : a.name, _ = a.isChild ? a.name : "", f = e.value.style.chart.tooltip.customFormat;
-      Tt(f) && Lt(() => f({
+      Lt(f) && Nt(() => f({
         datapoint: a,
         series: O.value,
         config: e.value,
@@ -318,17 +319,17 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         f.childValue,
         f.childPercentageToParent,
         f.childPercentageToTotal
-      ]), o = a.concat([l]).concat(t), _ = wt(o);
-      Ct({ csvContent: _, title: e.value.style.chart.title.text || "vue-ui-vertical-bar" });
+      ]), o = a.concat([l]).concat(t), _ = Ct(o);
+      Tt({ csvContent: _, title: e.value.style.chart.title.text || "vue-ui-vertical-bar" });
     }
     const X = i(!1);
-    function rt(a) {
+    function it(a) {
       X.value = a, ye.value += 1;
     }
     function Ae() {
       $.value.showTable = !$.value.showTable;
     }
-    const it = i({
+    const dt = i({
       none: 0,
       asc: 1,
       desc: 2
@@ -339,13 +340,13 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         type: "attributeWrongValue",
         property: "style.chart.layout.bars.sort",
         key: e.value.style.chart.layout.bars.sort
-      }), I.value = it.value[e.value.style.chart.layout.bars.sort], $.value.sortDesc = I.value === 2, te.value = I.value === 0;
+      }), I.value = dt.value[e.value.style.chart.layout.bars.sort], $.value.sortDesc = I.value === 2, te.value = I.value === 0;
     });
-    function dt() {
+    function vt() {
       I.value += 1, I.value > 2 && (I.value = 0);
     }
     function Be() {
-      dt(), $.value.sortDesc = I.value === 2, te.value = I.value === 0, ee();
+      vt(), $.value.sortDesc = I.value === 2, te.value = I.value === 0, ee();
     }
     function De() {
       $.value.showTooltip = !$.value.showTooltip;
@@ -355,7 +356,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
       ae.value = !ae.value;
     }
     return je({
-      getData: ut,
+      getData: st,
       recalculateHeight: ee,
       generatePdf: Ce,
       generateCsv: ze,
@@ -373,7 +374,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
       onMouseenter: l[5] || (l[5] = () => d(_e)(!0)),
       onMouseleave: l[6] || (l[6] = () => d(_e)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (u(), B(Bt, {
+      e.value.userOptions.buttons.annotator ? (u(), B(Dt, {
         key: 0,
         parent: U.value,
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -381,7 +382,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         active: ae.value,
         onClose: ve
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : p("", !0),
-      et.value ? (u(), r("div", {
+      tt.value ? (u(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: be,
@@ -394,7 +395,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         ref: ge,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (u(), B(St, {
+        (u(), B(Vt, {
           key: `title_${me.value}`,
           config: {
             title: {
@@ -408,7 +409,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
           }
         }, null, 8, ["config"]))
       ], 512)) : p("", !0),
-      e.value.userOptions.show && J.value && (d(ke) || d(re)) ? (u(), B(It, {
+      e.value.userOptions.show && J.value && (d(ke) || d(re)) ? (u(), B(Ot, {
         ref_key: "details",
         ref: Je,
         key: `user_options_${ye.value}`,
@@ -431,7 +432,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: ae.value,
-        onToggleFullscreen: rt,
+        onToggleFullscreen: it,
         onGeneratePdf: d(Ce),
         onGenerateCsv: ze,
         onGenerateImage: d(Te),
@@ -520,7 +521,6 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         }, ce({
           item: k(({ legend: t, index: o }) => [
             n("div", {
-              "data-cy-legend-item": "",
               onClick: (_) => W(t.id),
               style: c(`opacity:${P.value.includes(t.id) ? 0.5 : 1}`)
             }, h(t.name) + ": " + h(d(le)(
@@ -533,7 +533,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
                 r: e.value.style.chart.legend.roundingValue
               }),
               { datapoint: t, seriesIndex: o }
-            )), 13, Xt)
+            )), 13, Ht)
           ]),
           _: 2
         }, [
@@ -554,12 +554,14 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
       ], 512)) : p("", !0),
       J.value ? (u(), r("svg", {
         key: 5,
-        xmlns: d($t),
+        ref_key: "svgRef",
+        ref: et,
+        xmlns: d(xt),
         class: A({ "vue-data-ui-fullscreen--on": X.value, "vue-data-ui-fulscreen--off": !X.value }),
         viewBox: `0 0 ${y.value.width <= 0 ? 10 : y.value.width} ${s.value.fullHeight <= 0 ? 10 : s.value.fullHeight}`,
         style: c(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        j(At),
+        j(Bt),
         a.$slots["chart-background"] ? (u(), r("foreignObject", {
           key: 0,
           x: 0,
@@ -571,7 +573,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
           }
         }, [
           m(a.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ht)) : p("", !0),
+        ], 8, Gt)) : p("", !0),
         (u(!0), r(E, null, H(M.value, (t, o) => (u(), r("linearGradient", {
           x1: "0%",
           y1: "0%",
@@ -582,15 +584,15 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
           n("stop", {
             offset: "0%",
             "stop-color": t.color
-          }, null, 8, Gt),
+          }, null, 8, qt),
           n("stop", {
             offset: "100%",
-            "stop-color": d(pe)(d(xt)(t.color, 0.03), 100 - e.value.style.chart.layout.bars.gradientIntensity)
-          }, null, 8, jt)
-        ], 8, Wt))), 256)),
-        a.$slots.pattern ? (u(), r("g", qt, [
+            "stop-color": d(pe)(d(wt)(t.color, 0.03), 100 - e.value.style.chart.layout.bars.gradientIntensity)
+          }, null, 8, Yt)
+        ], 8, jt))), 256)),
+        a.$slots.pattern ? (u(), r("g", Kt, [
           (u(!0), r(E, null, H(M.value, (t) => (u(), r("defs", null, [
-            m(a.$slots, "pattern", pt({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${C.value}_${t.absoluteIndex}` }), void 0, !0)
+            m(a.$slots, "pattern", yt({ ref_for: !0 }, { seriesIndex: t.absoluteIndex, patternId: `pattern_${C.value}_${t.absoluteIndex}` }), void 0, !0)
           ]))), 256))
         ])) : p("", !0),
         (u(!0), r(E, null, H(M.value, (t, o) => (u(), r("g", null, [
@@ -602,7 +604,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
             fill: e.value.style.chart.layout.bars.underlayerColor,
             rx: e.value.style.chart.layout.bars.borderRadius,
             class: A({ animated: e.value.useCssAnimation })
-          }, null, 10, Yt)
+          }, null, 10, Jt)
         ]))), 256)),
         (u(!0), r(E, null, H(M.value, (t, o) => (u(), r("g", null, [
           n("rect", {
@@ -615,7 +617,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
             stroke: e.value.style.chart.layout.bars.useStroke ? t.color : "none",
             "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
             class: A({ animated: e.value.useCssAnimation })
-          }, null, 10, Kt),
+          }, null, 10, Qt),
           a.$slots.pattern ? (u(), r("rect", {
             key: 0,
             x: d(N)(z.value ? s.value.left + s.value.width / 2 - (t.sign === 1 ? 0 : x(t.value) <= 0 ? 1e-4 : x(t.value)) : s.value.left),
@@ -627,7 +629,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
             stroke: e.value.style.chart.layout.bars.useStroke ? t.color : "none",
             "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
             class: A({ animated: e.value.useCssAnimation })
-          }, null, 10, Jt)) : p("", !0),
+          }, null, 10, Zt)) : p("", !0),
           (!t.isChild || t.isLastChild) && e.value.style.chart.layout.separators.show && o !== M.value.length - 1 ? (u(), r("line", {
             key: 1,
             x1: 0,
@@ -637,7 +639,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
             stroke: e.value.style.chart.layout.separators.color,
             "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Qt)) : p("", !0),
+          }, null, 8, ea)) : p("", !0),
           z.value && e.value.style.chart.layout.separators.show ? (u(), r("line", {
             key: 2,
             x1: s.value.left + s.value.width / 2,
@@ -647,15 +649,15 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
             stroke: e.value.style.chart.layout.separators.color,
             "stroke-width": e.value.style.chart.layout.separators.strokeWidth,
             "stroke-linecap": "round"
-          }, null, 8, Zt)) : p("", !0),
+          }, null, 8, ta)) : p("", !0),
           n("text", {
-            x: z.value ? s.value.left + s.value.width / 2 + (t.sign === 1 ? -12 : 12) + (t.sign === 1 ? -e.value.style.chart.layout.bars.dataLabels.offsetX : e.value.style.chart.layout.bars.dataLabels.offsetX) : nt(t.value) + 3 + e.value.style.chart.layout.bars.dataLabels.offsetX,
+            x: z.value ? s.value.left + s.value.width / 2 + (t.sign === 1 ? -12 : 12) + (t.sign === 1 ? -e.value.style.chart.layout.bars.dataLabels.offsetX : e.value.style.chart.layout.bars.dataLabels.offsetX) : ut(t.value) + 3 + e.value.style.chart.layout.bars.dataLabels.offsetX,
             y: s.value.top + (g.value + v.value) * o + v.value / 2 + e.value.style.chart.layout.bars.dataLabels.fontSize / 2,
             "text-anchor": !z.value || t.sign === -1 ? "start" : "end",
             "font-size": e.value.style.chart.layout.bars.dataLabels.fontSize,
             fill: e.value.style.chart.layout.bars.dataLabels.color,
             "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal"
-          }, h(Me(t.value, t, o, t.sign)), 9, ea),
+          }, h(Me(t.value, t, o, t.sign)), 9, aa),
           (t.isChild || !t.hasChildren) && e.value.style.chart.layout.bars.nameLabels.show ? (u(), r("text", {
             key: 3,
             "text-anchor": "end",
@@ -664,7 +666,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
             "font-size": e.value.style.chart.layout.bars.nameLabels.fontSize,
             fill: e.value.style.chart.layout.bars.nameLabels.color,
             "font-weight": e.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal"
-          }, h(t.name), 9, ta)) : p("", !0),
+          }, h(t.name), 9, la)) : p("", !0),
           t.isChild && t.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), r("text", {
             key: 4,
             x: 3 + e.value.style.chart.layout.bars.parentLabels.offsetX,
@@ -673,7 +675,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
             fill: e.value.style.chart.layout.bars.parentLabels.color,
             "font-weight": e.value.style.chart.layout.bars.parentLabels.bold ? "bold" : "normal",
             "text-anchor": "start"
-          }, h(G(t, o).name), 9, aa)) : p("", !0),
+          }, h(G(t, o).name), 9, oa)) : p("", !0),
           t.isChild && t.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (u(), r("text", {
             key: 5,
             x: 3 + e.value.style.chart.layout.bars.parentLabels.offsetX,
@@ -682,25 +684,25 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
             fill: e.value.style.chart.layout.bars.parentLabels.color,
             "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal",
             "text-anchor": "start"
-          }, h(Me(G(t, o).value), G(t, o), o, t.parentSign || t.sign), 9, la)) : p("", !0),
+          }, h(Me(G(t, o).value), G(t, o), o, t.parentSign || t.sign), 9, na)) : p("", !0),
           n("rect", {
             x: 0,
             y: s.value.top + (g.value + v.value) * o - g.value / 2,
             width: y.value.width <= 0 ? 1e-4 : y.value.width,
             height: v.value + g.value <= 0 ? 1e-4 : v.value + g.value,
             fill: ie.value === t.id ? d(pe)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity) : "transparent",
-            onMouseenter: (_) => st(t, o),
+            onMouseenter: (_) => rt(t, o),
             onMouseleave: l[1] || (l[1] = (_) => {
               Qe.value = null, oe.value = !1, ie.value = null;
             })
-          }, null, 40, oa)
+          }, null, 40, ua)
         ]))), 256)),
         m(a.$slots, "svg", { svg: y.value }, void 0, !0)
-      ], 14, Et)) : p("", !0),
-      a.$slots.watermark ? (u(), r("div", na, [
+      ], 14, Wt)) : p("", !0),
+      a.$slots.watermark ? (u(), r("div", sa, [
         m(a.$slots, "watermark", q(Y({ isPrinting: d(xe) || d(we) })), void 0, !0)
       ])) : p("", !0),
-      J.value ? p("", !0) : (u(), B(Ft, {
+      J.value ? p("", !0) : (u(), B(Mt, {
         key: 7,
         config: {
           type: "verticalBar",
@@ -740,7 +742,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
                 r: e.value.style.chart.legend.roundingValue
               }),
               { datapoint: t, seriesIndex: o }
-            )), 13, ua)
+            )), 13, ra)
           ]),
           _: 2
         }, [
@@ -768,7 +770,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
       }, [
         m(a.$slots, "source", {}, void 0, !0)
       ], 512)) : p("", !0),
-      j(Ot, {
+      j(Ft, {
         show: $.value.showTooltip && oe.value && P.value.length < T.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
@@ -792,7 +794,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      J.value ? (u(), B(zt, {
+      J.value ? (u(), B(At, {
         key: 10,
         hideDetails: "",
         config: {
@@ -814,15 +816,15 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
             ref: Ne,
             class: "vue-ui-vertical-bar-table atom-data-table"
           }, [
-            n("div", sa, [
+            n("div", ia, [
               n("div", {
                 role: "button",
                 tabindex: "0",
                 style: c(`width:32px; position: absolute; top: 0; right:4px; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px; width: 32px; cursor:pointer; background:${e.value.table.th.backgroundColor};`),
                 onClick: l[3] || (l[3] = (t) => $.value.showTable = !1),
-                onKeypress: l[4] || (l[4] = yt((t) => $.value.showTable = !1, ["enter"]))
+                onKeypress: l[4] || (l[4] = gt((t) => $.value.showTable = !1, ["enter"]))
               }, [
-                j(Mt, {
+                j(zt, {
                   name: "close",
                   stroke: e.value.table.th.color,
                   "stroke-width": 2
@@ -832,13 +834,13 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
                 style: { width: "100%", "container-type": "inline-size" },
                 class: A({ "vue-ui-responsive": Pe.value })
               }, [
-                n("table", ra, [
+                n("table", da, [
                   n("caption", {
                     style: c({ backgroundColor: e.value.table.th.backgroundColor, color: e.value.table.th.color, outline: e.value.table.th.outline }),
                     class: "vue-ui-data-table__caption"
                   }, [
-                    gt(h(e.value.style.chart.title.text) + " ", 1),
-                    e.value.style.chart.title.subtitle.text ? (u(), r("span", ia, h(e.value.style.chart.title.subtitle.text), 1)) : p("", !0)
+                    ft(h(e.value.style.chart.title.text) + " ", 1),
+                    e.value.style.chart.title.subtitle.text ? (u(), r("span", va, h(e.value.style.chart.title.subtitle.text), 1)) : p("", !0)
                   ], 4),
                   n("thead", null, [
                     n("tr", {
@@ -848,7 +850,7 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
                       (u(!0), r(E, null, H(L.value.head, (t) => (u(), r("th", {
                         style: c(`outline:${e.value.table.th.outline}`)
                       }, [
-                        n("div", da, h(t), 1)
+                        n("div", ca, h(t), 1)
                       ], 4))), 256))
                     ], 4),
                     n("tr", null, [
@@ -885,56 +887,56 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
                         style: c(`outline:${e.value.table.td.outline};font-variant-numeric: tabular-nums;`),
                         "data-cell": L.value.head[0] ?? ""
                       }, [
-                        n("div", ca, [
+                        n("div", pa, [
                           t.color ? (u(), r("span", {
                             key: 0,
                             style: c(`color:${t.color};margin-right:3px`)
                           }, "⬤", 4)) : p("", !0),
                           n("span", null, h(t.parentName), 1)
                         ])
-                      ], 12, va),
+                      ], 12, ha),
                       n("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: c(`outline:${e.value.table.td.outline}`),
                         "data-cell": L.value.head[1] ?? ""
                       }, [
-                        n("div", pa, h(e.value.table.td.prefix) + h(["", NaN, void 0].includes(t.parentValue) ? "" : t.parentValue.toFixed(e.value.table.td.roundingValue)) + h(e.value.table.td.suffix), 1)
-                      ], 12, ha),
+                        n("div", ga, h(e.value.table.td.prefix) + h(["", NaN, void 0].includes(t.parentValue) ? "" : t.parentValue.toFixed(e.value.table.td.roundingValue)) + h(e.value.table.td.suffix), 1)
+                      ], 12, ya),
                       n("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: c(`outline:${e.value.table.td.outline}`),
                         "data-cell": L.value.head[2] ?? ""
                       }, [
-                        n("div", ga, h(["", NaN, void 0].includes(t.percentageToTotal) ? "" : `${(t.percentageToTotal * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
-                      ], 12, ya),
+                        n("div", ba, h(["", NaN, void 0].includes(t.percentageToTotal) ? "" : `${(t.percentageToTotal * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
+                      ], 12, fa),
                       n("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: c(`outline:${e.value.table.td.outline}`),
                         "data-cell": L.value.head[3] ?? ""
                       }, [
-                        n("div", ba, h(t.childName), 1)
-                      ], 12, fa),
+                        n("div", _a, h(t.childName), 1)
+                      ], 12, ma),
                       n("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: c(`outline:${e.value.table.td.outline}`),
                         "data-cell": L.value.head[4] ?? ""
                       }, [
-                        n("div", _a, h(e.value.table.td.prefix) + h(["", NaN, void 0].includes(t.childValue) ? "" : t.childValue.toFixed(e.value.table.td.roundingValue)) + h(e.value.table.td.suffix), 1)
-                      ], 12, ma),
+                        n("div", $a, h(e.value.table.td.prefix) + h(["", NaN, void 0].includes(t.childValue) ? "" : t.childValue.toFixed(e.value.table.td.roundingValue)) + h(e.value.table.td.suffix), 1)
+                      ], 12, ka),
                       n("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: c(`outline:${e.value.table.td.outline}`),
                         "data-cell": L.value.head[5] ?? ""
                       }, [
-                        n("div", $a, h(["", NaN, void 0].includes(t.childPercentageToParent) ? "" : `${(t.childPercentageToParent * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
-                      ], 12, ka),
+                        n("div", wa, h(["", NaN, void 0].includes(t.childPercentageToParent) ? "" : `${(t.childPercentageToParent * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
+                      ], 12, xa),
                       n("td", {
                         class: "vue-ui-data-table__tbody__td",
                         style: c(`outline:${e.value.table.td.outline}`),
                         "data-cell": L.value.head[6] ?? ""
                       }, [
-                        n("div", wa, h(["", NaN, void 0].includes(t.childPercentageToTotal) ? "" : `${(t.childPercentageToTotal * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
-                      ], 12, xa)
+                        n("div", Ta, h(["", NaN, void 0].includes(t.childPercentageToTotal) ? "" : `${(t.childPercentageToTotal * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
+                      ], 12, Ca)
                     ], 6))), 256))
                   ])
                 ])
@@ -944,9 +946,9 @@ const Ut = ["id"], Xt = ["onClick"], Et = ["xmlns", "viewBox"], Ht = ["width", "
         ]),
         _: 1
       }, 8, ["config"])) : p("", !0)
-    ], 46, Ut));
+    ], 46, Et));
   }
-}, Xa = /* @__PURE__ */ Rt(Ca, [["__scopeId", "data-v-2d1c42e8"]]);
+}, Wa = /* @__PURE__ */ Xt(La, [["__scopeId", "data-v-9777dcec"]]);
 export {
-  Xa as default
+  Wa as default
 };