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

package/dist/{vue-ui-donut-evolution-XGJvBQIm.js → vue-ui-donut-evolution-DxH6i5aO.js}

@@ -1,19 +1,20 @@
-import { defineAsyncComponent as E, ref as c, shallowRef as mt, computed as f, onMounted as ll, toRefs as al, nextTick as ze, watch as re, watchEffect as ol, onBeforeUnmount as ul, createElementBlock as n, openBlock as o, unref as i, normalizeStyle as Q, normalizeClass as N, createBlock as T, createCommentVNode as v, createElementVNode as b, createSlots as xt, withCtx as k, renderSlot as S, normalizeProps as Z, guardReactiveProps as ee, createVNode as pt, Fragment as z, renderList as $, toDisplayString as m, Teleport as sl, resolveDynamicComponent as nl, mergeProps as rl, createTextVNode as $e } from "vue";
-import { u as il, c as kt, o as wt, f as ie, g as cl, t as vl, a as dl, p as ce, b as hl, C as Ct, d as yl, e as Ie, G as fl, D as _t, m as De, X as gl, s as te, H as bl, k as Te, i as ve, I as ml, n as xl, q as pl, r as Lt, v as kl, w as wl, J as At, K as Cl } from "./index-smzxfsyV.js";
-import { t as St, u as _l } from "./useResponsive-DfdjqQps.js";
-import { u as Ll } from "./usePrinter-nFj0xF0a.js";
-import { u as Al, B as Sl } from "./BaseScanner-BgWxam9d.js";
-import { u as zl } from "./useTimeLabels-BGFjWgrv.js";
-import { u as zt } from "./useNestedProp-DeKmJzsE.js";
-import { u as $l } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Il } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Dl } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Tl from "./img-BArHHegM.js";
-import Ol from "./Title-B_WMW2Bp.js";
-import Nl from "./Legend-h35dp0Qf.js";
-import { S as Pl } from "./Slicer-CQB967He.js";
+import { defineAsyncComponent as E, ref as c, shallowRef as mt, computed as f, onMounted as ll, toRefs as al, nextTick as ze, watch as re, watchEffect as ol, onBeforeUnmount as ul, createElementBlock as n, openBlock as o, unref as i, normalizeStyle as Q, normalizeClass as N, createBlock as O, createCommentVNode as v, createElementVNode as b, createSlots as xt, withCtx as k, renderSlot as S, normalizeProps as Z, guardReactiveProps as ee, createVNode as pt, Fragment as z, renderList as $, toDisplayString as m, Teleport as sl, resolveDynamicComponent as nl, mergeProps as rl, createTextVNode as $e } from "vue";
+import { c as kt, o as wt, f as ie, g as il, t as cl, b as vl, p as ce, D as Ct, e as dl, h as Ie, L as hl, E as _t, n as De, X as yl, s as te, M as fl, a as Oe, d as ve, N as gl, u as bl, v as ml, w as Lt, x as xl, y as pl, O as At, P as kl } from "./lib-p5pfHmOX.js";
+import { t as St, u as wl } from "./useResponsive-DfdjqQps.js";
+import { u as Cl, a as zt } from "./useNestedProp-DF7e2h1z.js";
+import { u as _l } from "./usePrinter-Yeu5jOfm.js";
+import { u as Ll, B as Al } from "./BaseScanner-BgWxam9d.js";
+import { u as Sl } from "./useTimeLabels-BGFjWgrv.js";
+import { u as zl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as $l } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Il } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Dl from "./img-CH7J0fYg.js";
+import Ol from "./Title-pI68ZJsq.js";
+import { t as Tl } from "./themes-D3cUNuKw.js";
+import Nl from "./Legend-_Rv594VS.js";
+import { S as Pl } from "./Slicer-BgpOhmb6.js";
 import { _ as Rl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "width", "height"], Ml = ["id"], Hl = ["stop-color"], Ul = ["stop-color"], Xl = ["id"], Wl = ["stop-color"], Gl = ["stop-color"], Yl = ["stop-color"], jl = { key: 1 }, ql = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kl = { key: 0 }, Ql = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Zl = ["font-size", "fill", "transform"], ea = ["x", "y", "font-size", "fill"], ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], la = ["x", "y", "font-size", "fill", "font-weight"], aa = { key: 0 }, oa = ["text-anchor", "font-size", "fill", "transform"], ua = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], sa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], na = { key: 1 }, ra = ["cx", "cy", "r", "fill"], ia = { key: 0 }, ca = { key: 0 }, va = ["d", "stroke"], da = ["text-anchor", "x", "y", "fill"], ha = ["cx", "cy", "r", "fill"], ya = { key: 0 }, fa = ["cx", "cy", "fill"], ga = { key: 1 }, ba = ["d", "fill", "stroke"], ma = { key: 2 }, xa = ["d", "fill", "stroke"], pa = ["x", "y", "font-size", "fill"], ka = ["x", "y", "width", "height", "fill"], wa = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], Ca = {
+const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Ml = ["x", "y", "width", "height"], Bl = ["id"], Hl = ["stop-color"], Ul = ["stop-color"], Xl = ["id"], Wl = ["stop-color"], Gl = ["stop-color"], Yl = ["stop-color"], jl = { key: 1 }, ql = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Jl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Kl = { key: 0 }, Ql = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Zl = ["font-size", "fill", "transform"], ea = ["x", "y", "font-size", "fill"], ta = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], la = ["x", "y", "font-size", "fill", "font-weight"], aa = { key: 0 }, oa = ["text-anchor", "font-size", "fill", "transform"], ua = ["text-anchor", "font-size", "fill", "transform", "innerHTML"], sa = ["x1", "y1", "x2", "y2", "stroke", "stroke-width"], na = { key: 1 }, ra = ["cx", "cy", "r", "fill"], ia = { key: 0 }, ca = { key: 0 }, va = ["d", "stroke"], da = ["text-anchor", "x", "y", "fill"], ha = ["cx", "cy", "r", "fill"], ya = { key: 0 }, fa = ["cx", "cy", "fill"], ga = { key: 1 }, ba = ["d", "fill", "stroke"], ma = { key: 2 }, xa = ["d", "fill", "stroke"], pa = ["x", "y", "font-size", "fill"], ka = ["x", "y", "width", "height", "fill"], wa = ["x", "y", "width", "height", "onMouseenter", "onMouseleave", "onClick"], Ca = {
   key: 4,
   class: "vue-data-ui-watermark"
 }, _a = ["id"], La = ["onClick"], Aa = { key: 0 }, Sa = { key: 1 }, za = {
@@ -34,7 +35,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
   },
   emits: ["selectLegend"],
   setup($t, { expose: It, emit: Dt }) {
-    const Tt = E(() => import("./vue-ui-accordion-7cfJUVx5.js")), Ot = E(() => import("./BaseIcon-BPiT94Lb.js")), Nt = E(() => import("./DataTable-CywujQw9.js")), Pt = E(() => import("./PackageVersion-BzGzkGiC.js")), Rt = E(() => import("./PenAndPaper-Deh70G9d.js")), Ft = E(() => import("./UserOptions-CtECQwBN.js")), Et = E(() => import("./vue-ui-donut-sO6G5oor.js")), Oe = E(() => import("./BaseDraggableDialog-CkjMZyIs.js")), { vue_ui_donut_evolution: Vt } = il(), x = $t, O = c(kt()), C = c([]), g = c(null), le = c(null), de = c(!1), V = c(null), P = c(null), Bt = c(null), Ne = c(0), Pe = c(0), Re = c(0), Fe = c(0), Ee = c(0), he = c(null), ae = c(null), ye = c(null), fe = c(null), Ve = c(!1), Y = c(null), ge = c(null), Be = c(null), Me = c(null), He = c(null), Ue = c(null), Xe = c(null), be = c(!1), j = mt(null), oe = mt(null), We = c(null), Ge = Dt, Ye = f(() => !!x.dataset && x.dataset.length);
+    const Ot = E(() => import("./vue-ui-accordion-D-L73-T2.js")), Tt = E(() => import("./BaseIcon-D2f9w5Z5.js")), Nt = E(() => import("./DataTable-xISHA7Pu.js")), Pt = E(() => import("./PackageVersion-DRpg18lg.js")), Rt = E(() => import("./PenAndPaper-CtDMyIvW.js")), Ft = E(() => import("./UserOptions-Bn3u4JQu.js")), Et = E(() => import("./vue-ui-donut-CWgiy7rq.js")), Te = E(() => import("./BaseDraggableDialog-Bf6A6G_f.js")), { vue_ui_donut_evolution: Vt } = Cl(), x = $t, T = c(kt()), C = c([]), g = c(null), le = c(null), de = c(!1), V = c(null), P = c(null), Mt = c(null), Ne = c(0), Pe = c(0), Re = c(0), Fe = c(0), Ee = c(0), he = c(null), ae = c(null), ye = c(null), fe = c(null), Ve = c(!1), Y = c(null), ge = c(null), Me = c(null), Be = c(null), He = c(null), Ue = c(null), Xe = c(null), be = c(!1), j = mt(null), oe = mt(null), We = c(null), Ge = Dt, Ye = f(() => !!x.dataset && x.dataset.length);
     ll(() => {
       Ve.value = !0, je();
     });
@@ -45,7 +46,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         type: "dataset",
         debug: ue.value
       }), se.value = !0) : x.dataset.length && x.dataset.forEach((t, a) => {
-        cl({
+        il({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((l) => {
@@ -62,10 +63,10 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       }, 10), xe(), e.value.responsive) {
         const t = St(() => {
           be.value = !1;
-          const { width: a, height: l } = _l({
+          const { width: a, height: l } = wl({
             chart: P.value,
-            title: e.value.style.chart.title.text ? Be.value : null,
-            legend: e.value.style.chart.legend.show ? Me.value : null,
+            title: e.value.style.chart.title.text ? Me.value : null,
+            legend: e.value.style.chart.legend.show ? Be.value : null,
             slicer: e.value.style.chart.zoom.show && Je.value > 1 ? Xe.value : null,
             source: He.value
           });
@@ -78,7 +79,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         j.value && (oe.value && j.value.unobserve(oe.value), j.value.disconnect()), j.value = new ResizeObserver(t), oe.value = P.value.parentNode, j.value.observe(oe.value);
       }
     }
-    const e = c(ke()), { loading: qe, FINAL_DATASET: me, manualLoading: se } = Al({
+    const e = c(ke()), { loading: qe, FINAL_DATASET: me, manualLoading: se } = Ll({
       ...al(x),
       FINAL_CONFIG: e,
       prepareConfig: ke,
@@ -104,7 +105,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           color: "#CACACA"
         }
       ],
-      skeletonConfig: vl({
+      skeletonConfig: cl({
         defaultConfig: e.value,
         userConfig: {
           useCssAnimation: !1,
@@ -159,16 +160,16 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
     async function xe() {
       await ze(), await ze();
       const { startIndex: t, endIndex: a } = e.value.style.chart.zoom, l = Ue.value;
-      h.value = { start: 0, max: I.value }, (t != null || a != null) && l ? (t != null ? l.setStartValue(t) : (h.value.start = 0, l.setStartValue(0)), a != null ? l.setEndValue(Mt(a + 1)) : (h.value.end = I.value, l.setEndValue(I.value))) : (h.value = {
+      h.value = { start: 0, max: I.value }, (t != null || a != null) && l ? (t != null ? l.setStartValue(t) : (h.value.start = 0, l.setStartValue(0)), a != null ? l.setEndValue(Bt(a + 1)) : (h.value.end = I.value, l.setEndValue(I.value))) : (h.value = {
         start: 0,
         end: I.value
       }, Pe.value += 1);
     }
-    function Mt(t) {
+    function Bt(t) {
       const a = I.value;
       return t > a ? a : t < 0 || e.value.style.chart.zoom.startIndex !== null && t < e.value.style.chart.zoom.startIndex ? e.value.style.chart.zoom.startIndex !== null ? e.value.style.chart.zoom.startIndex + 1 : 1 : t;
     }
-    const { userOptionsVisible: pe, setUserOptionsVisibility: Qe, keepUserOptionState: Ze } = $l({ config: e.value }), { svgRef: et } = Il({ config: e.value.style.chart.title });
+    const { userOptionsVisible: pe, setUserOptionsVisibility: Qe, keepUserOptionState: Ze } = zl({ config: e.value }), { svgRef: et } = $l({ config: e.value.style.chart.title });
     function ke() {
       const t = zt({
         userConfig: x.config,
@@ -177,30 +178,30 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       let a = {};
       return t.theme ? a = {
         ...zt({
-          userConfig: hl.vue_ui_donut_evolution[t.theme] || x.config,
+          userConfig: Tl.vue_ui_donut_evolution[t.theme] || x.config,
           defaultConfig: t
         }),
-        customPalette: dl[t.theme] || ce
+        customPalette: vl[t.theme] || ce
       } : a = t, x.config && Ct(x.config, "style.chart.zoom.startIndex") ? a.style.chart.zoom.startIndex = x.config.style.chart.zoom.startIndex : a.style.chart.zoom.startIndex = null, x.config && Ct(x.config, "style.chart.zoom.endIndex") ? a.style.chart.zoom.endIndex = x.config.style.chart.zoom.endIndex : a.style.chart.zoom.endIndex = null, a;
     }
     re(() => x.config, (t) => {
-      qe.value || (e.value = ke()), pe.value = !e.value.userOptions.showOnChartHover, je(), Re.value += 1, Fe.value += 1, Ee.value += 1, B.value.showTable = e.value.table.show;
+      qe.value || (e.value = ke()), pe.value = !e.value.userOptions.showOnChartHover, je(), Re.value += 1, Fe.value += 1, Ee.value += 1, M.value.showTable = e.value.table.show;
     }, { deep: !0 }), re(() => x.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (se.value = !1), Ke();
     }, { deep: !0 });
-    const { isPrinting: tt, isImaging: lt, generatePdf: at, generateImage: ot } = Ll({
-      elementId: O.value,
+    const { isPrinting: tt, isImaging: lt, generatePdf: at, generateImage: ot } = _l({
+      elementId: T.value,
       fileName: e.value.style.chart.title.text || "vue-ui-donut-evolution",
       options: e.value.userOptions.print
-    }), Ht = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ut = f(() => yl(e.value.customPalette)), B = c({
+    }), Ht = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), Ut = f(() => dl(e.value.customPalette)), M = c({
       showTable: e.value.table.show
     });
     re(e, () => {
-      B.value = {
+      M.value = {
         showTable: e.value.table.show
       };
     }, { immediate: !0 });
-    const M = f(() => ({
+    const B = f(() => ({
       top: e.value.style.chart.layout.padding.top,
       right: e.value.style.chart.layout.padding.right,
       bottom: e.value.style.chart.layout.padding.bottom,
@@ -234,7 +235,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       let a = 0;
       return ae.value && (a = we.value), t + a + e.value.style.chart.layout.grid.axis.fontSize + e.value.style.chart.layout.grid.xAxis.dataLabels.offsetY;
     }), r = f(() => {
-      const t = Xt(), a = e.value.style.chart.layout.dataLabels.fontSize * 3, l = U.value.width, s = U.value.height, u = M.value.left + t, y = l - M.value.right, d = l - u - M.value.right, p = s - M.value.top - M.value.bottom - a - ut.value, G = M.value.top + a, F = s - M.value.bottom - ut.value;
+      const t = Xt(), a = e.value.style.chart.layout.dataLabels.fontSize * 3, l = U.value.width, s = U.value.height, u = B.value.left + t, y = l - B.value.right, d = l - u - B.value.right, p = s - B.value.top - B.value.bottom - a - ut.value, G = B.value.top + a, F = s - B.value.bottom - ut.value;
       return {
         top: G,
         left: u,
@@ -263,14 +264,14 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       });
     }), me.value.map((t, a) => ({
       ...t,
-      values: fl(t.values),
+      values: hl(t.values),
       color: Ie(t.color) || Ut.value[a] || ce[a] || ce[a % ce.length],
       length: (t.values || []).length,
       uid: kt()
     })))), q = f(() => R.value.filter((t) => !C.value.includes(t.uid)).map((t) => ({
       ...t,
       values: t.values.filter((a, l) => l >= h.value.start && l <= h.value.end)
-    }))), I = f(() => Math.max(...q.value.map((t) => t.length))), _ = f(() => zl({
+    }))), I = f(() => Math.max(...q.value.map((t) => t.length))), _ = f(() => Sl({
       values: e.value.style.chart.layout.grid.xAxis.dataLabels.values,
       maxDatapoints: I.value,
       formatter: e.value.style.chart.layout.grid.xAxis.dataLabels.datetimeFormatter,
@@ -322,7 +323,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       });
     });
     function st(t, a, l) {
-      return Te(
+      return Oe(
         e.value.style.chart.layout.dataLabels.formatter,
         t,
         ve({
@@ -424,8 +425,8 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
     }
     function Le(t = null) {
       ze(() => {
-        const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = [...W.value.head.map((d) => d.name ?? d)], s = [...W.value.body.map((d) => d.map((p) => p.value ?? p))], u = a.concat([l]).concat(s), y = kl(u);
-        t ? t(y) : wl({ csvContent: y, title: e.value.style.chart.title.text || "vue-ui-donut-evolution" });
+        const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], l = [...W.value.head.map((d) => d.name ?? d)], s = [...W.value.body.map((d) => d.map((p) => p.value ?? p))], u = a.concat([l]).concat(s), y = xl(u);
+        t ? t(y) : pl({ csvContent: y, title: e.value.style.chart.title.text || "vue-ui-donut-evolution" });
       });
     }
     const H = c(!1);
@@ -433,7 +434,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       H.value = t, Ne.value += 1;
     }
     function dt() {
-      B.value.showTable = !B.value.showTable;
+      M.value.showTable = !M.value.showTable;
     }
     const ne = c(!1);
     function Ae() {
@@ -448,7 +449,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         name: a.name,
         values: [a.value],
         color: a.color
-      })), ft.value = Cl({
+      })), ft.value = kl({
         ...e.value.style.chart.dialog.donutChart,
         responsive: !0,
         theme: e.value.theme
@@ -456,7 +457,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
     }
     async function Zt({ scale: t = 2 } = {}) {
       if (!P.value) return;
-      const { width: a, height: l } = P.value.getBoundingClientRect(), s = a / l, { imageUri: u, base64: y } = await Tl({ domElement: P.value, base64: !0, img: !0, scale: t });
+      const { width: a, height: l } = P.value.getBoundingClientRect(), s = a / l, { imageUri: u, base64: y } = await Dl({ domElement: P.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: u,
         base64: y,
@@ -467,7 +468,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       };
     }
     const el = f(() => U.value.width), tl = f(() => U.value.height);
-    Dl({
+    Il({
       timeLabelsEls: ae,
       timeLabels: _,
       slicer: h,
@@ -480,9 +481,9 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       rotation: e.value.style.chart.layout.grid.xAxis.dataLabels.autoRotate.angle
     });
     const K = f(() => {
-      const t = e.value.table.useDialog && !e.value.table.show, a = B.value.showTable;
+      const t = e.value.table.useDialog && !e.value.table.show, a = M.value.showTable;
       return {
-        component: t ? Oe : Tt,
+        component: t ? Te : Ot,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -509,11 +510,11 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         }
       };
     });
-    re(() => B.value.showTable, (t) => {
+    re(() => M.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && Y.value ? Y.value.open() : "close" in Y.value && Y.value.close());
     });
     function gt() {
-      B.value.showTable = !1, ge.value && ge.value.setTableIconState(!1);
+      M.value.showTable = !1, ge.value && ge.value.setTableIconState(!1);
     }
     return It({
       getData: Kt,
@@ -529,11 +530,11 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       ref: P,
       class: N(`vue-ui-donut-evolution ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: Q(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor}`),
-      id: O.value,
+      id: T.value,
       onMouseenter: a[5] || (a[5] = () => i(Qe)(!0)),
       onMouseleave: a[6] || (a[6] = () => i(Qe)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), T(i(Rt), {
+      e.value.userOptions.buttons.annotator ? (o(), O(i(Rt), {
         key: 0,
         svgRef: i(et),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -544,18 +545,18 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       Ht.value ? (o(), n("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Bt,
+        ref: Mt,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : v("", !0),
       e.value.style.chart.title.text ? (o(), n("div", {
         key: 2,
         ref_key: "chartTitle",
-        ref: Be,
+        ref: Me,
         style: "width:100%;background:transparent;padding-bottom:24px",
         onMouseleave: nt
       }, [
-        (o(), T(Ol, {
+        (o(), O(Ol, {
           key: `title_${Re.value}`,
           config: {
             title: {
@@ -570,9 +571,9 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         }, null, 8, ["config"]))
       ], 544)) : v("", !0),
       b("div", {
-        id: `legend-top-${O.value}`
+        id: `legend-top-${T.value}`
       }, null, 8, El),
-      e.value.userOptions.show && Ye.value && (i(Ze) || i(pe)) ? (o(), T(i(Ft), {
+      e.value.userOptions.show && Ye.value && (i(Ze) || i(pe)) ? (o(), O(i(Ft), {
         ref_key: "userOptionsRef",
         ref: ge,
         key: `user_options_${Ne.value}`,
@@ -580,7 +581,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         color: e.value.style.chart.color,
         isPrinting: i(tt),
         isImaging: i(lt),
-        uid: O.value,
+        uid: T.value,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
         hasXls: e.value.userOptions.buttons.csv,
@@ -658,7 +659,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       (o(), n("svg", {
         ref_key: "svgRef",
         ref: et,
-        xmlns: i(gl),
+        xmlns: i(yl),
         class: N({ "vue-data-ui-fullscreen--on": H.value, "vue-data-ui-fulscreen--off": !H.value }),
         viewBox: `0 0 ${r.value.absoluteWidth} ${r.value.absoluteHeight}`,
         style: Q(`max-width:100%; overflow: visible; background:transparent;color:${e.value.style.chart.color};`)
@@ -675,10 +676,10 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           }
         }, [
           S(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Bl)) : v("", !0),
+        ], 8, Ml)) : v("", !0),
         b("defs", null, [
           b("linearGradient", {
-            id: `hover_${O.value}`,
+            id: `hover_${T.value}`,
             x1: "0%",
             y1: "0%",
             x2: "0%",
@@ -692,9 +693,9 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
               offset: "100%",
               "stop-color": i(te)(e.value.style.chart.layout.highlighter.color, e.value.style.chart.layout.highlighter.opacity)
             }, null, 8, Ul)
-          ], 8, Ml),
+          ], 8, Bl),
           b("radialGradient", {
-            id: `focus_${O.value}`
+            id: `focus_${T.value}`
           }, [
             b("stop", {
               offset: "0%",
@@ -787,7 +788,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
               "text-anchor": "end",
               fill: e.value.style.chart.layout.grid.yAxis.dataLabels.color,
               "font-weight": e.value.style.chart.layout.grid.yAxis.dataLabels.bold ? "bold" : "normal"
-            }, m(i(bl)(l.value) ? i(Te)(
+            }, m(i(fl)(l.value) ? i(Oe)(
               e.value.style.chart.layout.dataLabels.formatter,
               l.value,
               i(ve)({
@@ -816,7 +817,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
                 "font-size": e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize,
                 fill: e.value.style.chart.layout.grid.xAxis.dataLabels.color,
                 transform: `translate(${r.value.left + w.value * s + w.value / 2}, ${r.value.bottom + e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize + e.value.style.chart.layout.grid.xAxis.dataLabels.offsetY}), rotate(${e.value.style.chart.layout.grid.xAxis.dataLabels.rotation})`,
-                innerHTML: i(ml)({
+                innerHTML: i(gl)({
                   content: String(_.value[s].text),
                   fontSize: e.value.style.chart.layout.grid.xAxis.dataLabels.fontSize,
                   fill: e.value.style.chart.layout.grid.xAxis.dataLabels.color,
@@ -865,7 +866,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
               (o(!0), n(z, null, $(l.donutHover, (u) => (o(), n("g", null, [
                 ht(u) ? (o(), n("path", {
                   key: 0,
-                  d: i(xl)(u, { x: u.center.endX, y: u.center.endY }, 12, 12, { x: l.x, y: l.y }, !1, 20),
+                  d: i(bl)(u, { x: u.center.endX, y: u.center.endY }, 12, 12, { x: l.x, y: l.y }, !1, 20),
                   stroke: u.color,
                   "stroke-width": "1",
                   "stroke-linecap": "round",
@@ -879,7 +880,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
                   "data-cy-hover-label": "",
                   "text-anchor": i(Lt)(u, !0, 0).anchor,
                   x: i(Lt)(u, !0, 9).x,
-                  y: i(pl)(u, 14, 10),
+                  y: i(ml)(u, 14, 10),
                   fill: e.value.style.chart.layout.grid.yAxis.dataLabels.color,
                   "font-size": 8,
                   "font-weight": "bold"
@@ -941,7 +942,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           y: r.value.top,
           width: w.value,
           height: r.value.height,
-          fill: [g.value, J.value].includes(l.index) ? `url(#hover_${O.value})` : "transparent",
+          fill: [g.value, J.value].includes(l.index) ? `url(#hover_${T.value})` : "transparent",
           class: N({ "donut-hover": l.subtotal && [g.value, J.value].includes(l.index) }),
           style: {
             pointerEvents: "none"
@@ -970,7 +971,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         style: Q(`width:100%;background:${e.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        I.value > 1 && e.value.style.chart.zoom.show ? (o(), T(Pl, {
+        I.value > 1 && e.value.style.chart.zoom.show ? (o(), O(Pl, {
           ref_key: "slicerComponent",
           ref: Ue,
           key: `slicer_${Pe.value}`,
@@ -1006,17 +1007,17 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "focusOnDrag", "focusRangeRatio"])) : v("", !0)
       ], 4),
       b("div", {
-        id: `legend-bottom-${O.value}`
+        id: `legend-bottom-${T.value}`
       }, null, 8, _a),
-      Ve.value ? (o(), T(sl, {
+      Ve.value ? (o(), O(sl, {
         key: 5,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${O.value}` : `#legend-bottom-${O.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${T.value}` : `#legend-bottom-${T.value}`
       }, [
         b("div", {
           ref_key: "chartLegend",
-          ref: Me
+          ref: Be
         }, [
-          e.value.style.chart.legend.show ? (o(), T(Nl, {
+          e.value.style.chart.legend.show ? (o(), O(Nl, {
             key: `legend_${Ee.value}`,
             legendSet: it.value,
             config: Jt.value,
@@ -1026,7 +1027,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
               b("div", {
                 onClick: (u) => _e(l.uid),
                 style: Q(`opacity:${C.value.includes(l.uid) ? 0.5 : 1}`)
-              }, m(l.name) + m(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + m(e.value.style.chart.legend.showValue ? i(Te)(
+              }, m(l.name) + m(e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ":" : "") + " " + m(e.value.style.chart.legend.showValue ? i(Oe)(
                 e.value.style.chart.layout.dataLabels.formatter,
                 l.value,
                 i(ve)({
@@ -1055,13 +1056,13 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
       }, [
         S(t.$slots, "source", {}, void 0, !0)
       ], 512)) : v("", !0),
-      Ye.value && e.value.userOptions.buttons.table ? (o(), T(nl(K.value.component), rl({ key: 7 }, K.value.props, {
+      Ye.value && e.value.userOptions.buttons.table ? (o(), O(nl(K.value.component), rl({ key: 7 }, K.value.props, {
         ref_key: "tableUnit",
         ref: Y,
         onClose: gt
       }), xt({
         content: k(() => [
-          (o(), T(i(Nt), {
+          (o(), O(i(Nt), {
             key: `table_${Fe.value}`,
             colNames: W.value.colNames,
             head: W.value.head,
@@ -1098,7 +1099,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
               class: "vue-ui-user-options-button",
               onClick: a[3] || (a[3] = (l) => Le(e.value.userOptions.callbacks.csv))
             }, [
-              pt(i(Ot), {
+              pt(i(Tt), {
                 name: "excel",
                 stroke: K.value.props.color
               }, null, 8, ["stroke"])
@@ -1107,7 +1108,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           key: "1"
         } : void 0
       ]), 1040)) : v("", !0),
-      e.value.style.chart.dialog.show ? (o(), T(i(Oe), {
+      e.value.style.chart.dialog.show ? (o(), O(i(Te), {
         key: 8,
         ref_key: "dialog",
         ref: Se,
@@ -1125,7 +1126,7 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
           $e(m(_.value[Number(V.value.index)] ? _.value[Number(V.value.index)].text : ""), 1)
         ]),
         content: k(() => [
-          V.value ? (o(), T(i(Et), {
+          V.value ? (o(), O(i(Et), {
             key: 0,
             config: ft.value,
             dataset: yt.value
@@ -1133,10 +1134,10 @@ const Fl = ["id"], El = ["id"], Vl = ["xmlns", "viewBox"], Bl = ["x", "y", "widt
         ]),
         _: 1
       }, 8, ["backgroundColor", "color", "headerBg", "headerColor", "isFullscreen", "fullscreenParent"])) : v("", !0),
-      i(qe) ? (o(), T(Sl, { key: 9 })) : v("", !0)
+      i(qe) ? (o(), O(Al, { key: 9 })) : v("", !0)
     ], 46, Fl));
   }
-}, Xa = /* @__PURE__ */ Rl(za, [["__scopeId", "data-v-e1ba2385"]]);
+}, Wa = /* @__PURE__ */ Rl(za, [["__scopeId", "data-v-e1ba2385"]]);
 export {
-  Xa as default
+  Wa as default
 };