vue-data-ui 3.4.6 → 3.4.8

package/dist/{vue-ui-quick-chart-CaR3jp1D.js → vue-ui-quick-chart-bqcp6BIl.js}

@@ -1,5 +1,5 @@
-import { defineAsyncComponent as Ee, ref as w, computed as M, toRefs as ya, watch as Te, shallowRef as Rt, onMounted as xa, onBeforeUnmount as Nt, nextTick as ot, watchEffect as ka, createElementBlock as n, openBlock as o, normalizeStyle as B, normalizeClass as de, createBlock as Ie, createCommentVNode as m, createElementVNode as C, createVNode as be, unref as s, createSlots as ba, withCtx as ne, renderSlot as W, normalizeProps as me, guardReactiveProps as ge, toDisplayString as U, Fragment as x, renderList as T, Teleport as Sa, mergeProps as nt } from "vue";
-import { c as wa, t as Aa, b as La, p as J, O as We, e as _a, a1 as za, f as Ca, o as $a, h as it, T as Ea, m as Xe, X as Ta, V as Ia, W as ut, Y as Pe, a as ie, d as j, M as Bt, z as Dt, x as ue, G as Ge, H as rt } from "./lib-C_mNZmhD.js";
+import { defineAsyncComponent as Ee, ref as w, computed as M, toRefs as ya, watch as Te, shallowRef as Rt, onMounted as xa, onBeforeUnmount as Nt, nextTick as ot, watchEffect as ka, createElementBlock as n, openBlock as o, normalizeStyle as B, normalizeClass as de, createBlock as Ie, createCommentVNode as m, createElementVNode as $, createVNode as be, unref as s, createSlots as ba, withCtx as ae, renderSlot as H, normalizeProps as me, guardReactiveProps as ge, toDisplayString as U, Fragment as x, renderList as T, Teleport as Sa, mergeProps as nt } from "vue";
+import { c as wa, t as Aa, b as La, p as J, O as We, e as _a, a1 as za, f as $a, o as Ca, h as it, T as Ea, m as Xe, X as Ta, V as Ia, W as ut, Y as Pe, a as ie, d as j, M as Bt, z as Dt, x as ue, G as Ge, H as rt } from "./lib-C_mNZmhD.js";
 import { t as Ut, u as Pa } from "./useResponsive-DfdjqQps.js";
 import { u as Oa, a as Vt } from "./useNestedProp-BjZe1Y85.js";
 import { u as Fa, B as Ma } from "./BaseScanner-BgWxam9d.js";
@@ -106,7 +106,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
 }, Sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], wl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Al = {
   key: 1,
   class: "line-axis"
-}, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _l = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Cl = ["x", "y", "font-size", "fill"], $l = {
+}, Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], _l = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], $l = ["x", "y", "font-size", "fill"], Cl = {
   key: 3,
   class: "periodLabels"
 }, El = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tl = { key: 0 }, Il = ["font-size", "text-anchor", "fill", "transform"], Pl = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Ol = { class: "plots" }, Fl = { class: "line-plot-series" }, Ml = ["d", "stroke", "stroke-width"], Rl = ["d", "stroke", "stroke-width"], Nl = ["d", "stroke", "stroke-width"], Bl = ["d", "stroke", "stroke-width"], Dl = ["cx", "cy", "fill", "stroke"], Ul = {
@@ -157,13 +157,13 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(h, { expose: O, emit: L }) {
-    const q = Ee(() => import("./BaseIcon-BmMbm4d0.js")), G = Ee(() => import("./PackageVersion-BSldVhnp.js")), se = Ee(() => import("./PenAndPaper-DSvu9dwa.js")), Se = Ee(() => import("./Tooltip-oWCO1HKy.js")), st = Ee(() => import("./UserOptions-CnzumGJj.js")), { vue_ui_quick_chart: Ze } = Oa(), D = h, R = w(null), Oe = w(null), vt = w(null), dt = w(null), Y = w(wa()), ce = w(!1), we = w(null), fe = w(""), te = w(null), ct = w(null), ft = w(null), _ = w([]), ht = w(0), Fe = w(0), mt = w(!1), Ae = w(null), Le = w(null), ae = w(null), Me = w(null), gt = w(null), pt = w(null), Re = w("#FFFFFF"), e = w(et()), Je = M(() => !!e.value.debug), { loading: V, FINAL_DATASET: Gt, manualLoading: yt } = Fa({
+    const q = Ee(() => import("./BaseIcon-BmMbm4d0.js")), G = Ee(() => import("./PackageVersion-D-auaEEJ.js")), se = Ee(() => import("./PenAndPaper-DSvu9dwa.js")), Se = Ee(() => import("./Tooltip-oWCO1HKy.js")), st = Ee(() => import("./UserOptions-CGnQt6Fd.js")), { vue_ui_quick_chart: Ze } = Oa(), D = h, R = w(null), Oe = w(null), vt = w(null), dt = w(null), Y = w(wa()), ce = w(!1), we = w(null), fe = w(""), te = w(null), ct = w(null), ft = w(null), _ = w([]), ht = w(0), Fe = w(0), mt = w(!1), Ae = w(null), Le = w(null), le = w(null), Me = w(null), gt = w(null), pt = w(null), Re = w("#FFFFFF"), e = w(et()), Je = M(() => !!e.value.debug), { loading: V, FINAL_DATASET: Gt, manualLoading: yt } = Fa({
       ...ya(D),
       FINAL_CONFIG: e,
       prepareConfig: et,
       callback: () => {
         Promise.resolve().then(async () => {
-          await ot(), $.value === A.LINE && e.value.lineAnimated && !V.value && ua({
+          await ot(), C.value === A.LINE && e.value.lineAnimated && !V.value && ua({
             pathDuration: 1e3,
             pointDuration: 1200,
             labelDuration: 1200
@@ -228,17 +228,17 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
       return !a && Je.value && console.error("VueUiQuickChart : Dataset is not processable"), a;
-    }), k = w(ze.value), Yt = M(() => !!k.value), $ = M(() => k.value ? k.value.type : null);
-    Te(() => $.value, (a) => {
-      a || Ca({
+    }), k = w(ze.value), Yt = M(() => !!k.value), C = M(() => k.value ? k.value.type : null);
+    Te(() => C.value, (a) => {
+      a || $a({
         componentName: "VueUiQuickChart",
         type: "dataset",
         debug: Je.value
       });
     }, { immediate: !0 });
     const { isPrinting: Be, isImaging: De, generatePdf: bt, generateImage: St } = Ra({
-      elementId: `${$.value}_${Y.value}`,
-      fileName: e.value.title || $.value,
+      elementId: `${C.value}_${Y.value}`,
+      fileName: e.value.title || C.value,
       options: e.value.userOptionsPrint
     }), Zt = M(() => e.value.showUserOptions && !e.value.title), S = w({
       width: e.value.width,
@@ -256,13 +256,13 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       mt.value = !0, wt();
     });
     function wt() {
-      if ($a(D.dataset) || (yt.value = e.value.loading), e.value.responsive) {
+      if (Ca(D.dataset) || (yt.value = e.value.loading), e.value.responsive) {
         const a = Ut(() => {
           const { width: r, height: t } = Pa({
             chart: R.value,
             title: e.value.title ? Oe.value : null,
             legend: e.value.showLegend ? vt.value : null,
-            slicer: [A.BAR, A.LINE].includes($.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? dt.value : null,
+            slicer: [A.BAR, A.LINE].includes(C.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? dt.value : null,
             source: ct.value,
             noTitle: ft.value
           });
@@ -278,7 +278,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       ve.value && (xe.value && ve.value.unobserve(xe.value), ve.value.disconnect());
     });
     const Jt = M(() => {
-      switch ($.value) {
+      switch (C.value) {
         case A.LINE:
           return `0 0 ${S.value.width <= 0 ? 10 : S.value.width} ${S.value.height <= 0 ? 10 : S.value.height}`;
         case A.BAR:
@@ -292,7 +292,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
     function At(a) {
       return [...a].map((r) => r.value).reduce((r, t) => r + t, 0);
     }
-    function Ce(a) {
+    function $e(a) {
       return e.value.blurOnHover && ![null, void 0].includes(te.value) && te.value !== a ? `url(#blur_${Y.value})` : "";
     }
     function Lt(a, r) {
@@ -343,12 +343,12 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         u();
       }
     }
-    const le = w(null);
+    const oe = w(null);
     function Kt(a) {
-      le.value = a;
+      oe.value = a;
     }
-    const Ct = M(() => e.value.donutThicknessRatio < 0.01 ? 0.01 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), I = M(() => {
-      if ($.value !== A.DONUT) return null;
+    const $t = M(() => e.value.donutThicknessRatio < 0.01 ? 0.01 : e.value.donutThicknessRatio > 0.4 ? 0.4 : e.value.donutThicknessRatio), I = M(() => {
+      if (C.value !== A.DONUT) return null;
       const a = k.value.dataset.map((f, z) => ({
         ...f,
         value: f.VALUE || f.DATA || f.SERIE || f.VALUES || f.NUM || 0,
@@ -405,7 +405,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         ce.value = !0;
       }
       function p({ datapoint: f, seriesIndex: z }) {
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: f, seriesIndex: z }), ce.value = !1, te.value = null, le.value = null;
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: f, seriesIndex: z }), ce.value = !1, te.value = null, oe.value = null;
       }
       function b({ datapoint: f, seriesIndex: z }) {
         e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: f, seriesIndex: z }), pe("selectDatapoint", f);
@@ -419,7 +419,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         value: f.value || 0,
         absoluteValue: ze.value.dataset.find((d, i) => `donut_${i}` === f.id).VALUE,
         shape: "circle"
-      })), oe = S.value.width / 2, Z = S.value.height / 2, X = S.value.height * e.value.donutRadiusRatio;
+      })), ne = S.value.width / 2, Z = S.value.height / 2, X = S.value.height * e.value.donutRadiusRatio;
       return {
         dataset: K.filter((f) => !_.value.includes(f.id)),
         legend: K,
@@ -431,12 +431,12 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         selectDatapoint: b,
         getSpaces: l,
         total: F,
-        cx: oe,
+        cx: ne,
         cy: Z,
         radius: X,
         chart: Ea(
           { series: a.filter((f) => !_.value.includes(f.id)) },
-          oe,
+          ne,
           Z,
           X,
           X,
@@ -445,7 +445,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           1,
           360,
           105.25,
-          S.value.height * Ct.value
+          S.value.height * $t.value
         )
       };
     }), y = w({
@@ -455,10 +455,10 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
     function ea() {
       Et();
     }
-    const $t = w(null);
+    const Ct = w(null);
     async function Et() {
       await ot(), await ot();
-      const { zoomStartIndex: a, zoomEndIndex: r } = e.value, t = $t.value;
+      const { zoomStartIndex: a, zoomEndIndex: r } = e.value, t = Ct.value;
       (a != null || r != null) && t ? (a != null && t.setStartValue(a), r != null && t.setEndValue(ta(r + 1))) : (y.value = {
         start: 0,
         end: k.value.maxSeriesLength
@@ -469,11 +469,11 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       return a > r ? r : a < 0 || e.value.zoomStartIndex !== null && a < e.value.zoomStartIndex ? e.value.zoomStartIndex !== null ? e.value.zoomStartIndex + 1 : 1 : a;
     }
     const aa = M(() => {
-      if (!e.value.zoomMinimap.show || $.value === A.DONUT) return [];
+      if (!e.value.zoomMinimap.show || C.value === A.DONUT) return [];
       let a = [];
       re(k.value.dataset) && (a = k.value.dataset), je(k.value.dataset) && (a = k.value.dataset.map((u, p) => ({
         values: u.VALUE || u.DATA || u.SERIE || u.SERIES || u.VALUES || u.NUM || 0,
-        id: $.value === A.LINE ? `line_${p}` : `bar_${p}`
+        id: C.value === A.LINE ? `line_${p}` : `bar_${p}`
       })).filter((u) => !_.value.includes(u.id)));
       const r = re(a) ? a.length : Math.max(...a.map((u) => u.values.length));
       let t = [];
@@ -496,7 +496,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       tt.value = a;
     }, 100);
     ka((a) => {
-      const r = ae.value;
+      const r = le.value;
       if (!r) return;
       const t = new ResizeObserver((l) => {
         la(l[0].contentRect.height);
@@ -507,16 +507,16 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
     });
     const Ve = M(() => {
       let a = 0, r = 0;
-      return ae.value && (r = tt.value), a + r;
+      return le.value && (r = tt.value), a + r;
     }), c = M(() => {
-      if ($.value !== A.LINE) return null;
+      if (C.value !== A.LINE) return null;
       const a = {
         height: S.value.height,
         width: S.value.width
       };
       let r = Tt();
-      if (ae.value) {
-        const d = ae.value.getBBox().x;
+      if (le.value) {
+        const d = le.value.getBBox().x;
         d < 0 && (r += Math.abs(d));
       }
       const t = {
@@ -557,7 +557,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         y: t.bottom - t.height * ((d + b) / (p.max + b)),
         x: t.left - 8,
         value: d
-      })), oe = l.map((d, i) => ({
+      })), ne = l.map((d, i) => ({
         ...d,
         shape: "circle",
         coordinates: d.values.map((g, E) => ({
@@ -582,7 +582,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         })).filter((i) => !_.value.includes(i.id));
       }
       function X(d) {
-        te.value = d, le.value = d;
+        te.value = d, oe.value = d;
         const i = Z(d);
         we.value = { datapoint: i, seriesIndex: d, config: e.value, dataset: l };
         const g = e.value.tooltipCustomFormat;
@@ -600,7 +600,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           });
         else {
           let E = "";
-          Q.value[i[0].absoluteIndex] && (E += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${Q.value[i[0].absoluteIndex].text}</div>`), i.forEach((N, H) => {
+          Q.value[i[0].absoluteIndex] && (E += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${Q.value[i[0].absoluteIndex].text}</div>`), i.forEach((N, W) => {
             E += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
                         <svg viewBox="0 0 12 12" height="14" width="12"><circle cx="6" cy="6" r="6" stroke="none" fill="${N.color}"/></svg>
@@ -614,7 +614,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: N, seriesIndex: H }
+              { datapoint: N, seriesIndex: W }
             )}
                         </b>
                     </div>
@@ -625,7 +625,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       }
       function f(d) {
         const i = Z(d);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: i, seriesIndex: d + y.value.start }), te.value = null, le.value = null, ce.value = !1;
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: i, seriesIndex: d + y.value.start }), te.value = null, oe.value = null, ce.value = !1;
       }
       function z(d) {
         const i = Z(d);
@@ -633,8 +633,8 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       }
       return {
         absoluteZero: P,
-        dataset: oe.filter((d) => !_.value.includes(d.id)),
-        legend: oe,
+        dataset: ne.filter((d) => !_.value.includes(d.id)),
+        legend: ne,
         drawingArea: t,
         extremes: u,
         slotSize: F,
@@ -644,14 +644,14 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         selectDatapoint: z
       };
     }), v = M(() => {
-      if ($.value !== A.BAR) return null;
+      if (C.value !== A.BAR) return null;
       const a = {
         height: S.value.height,
         width: S.value.width
       };
       let r = Tt();
-      if (ae.value) {
-        const i = ae.value.getBBox().x;
+      if (le.value) {
+        const i = le.value.getBBox().x;
         i < 0 && (r += Math.abs(i));
       }
       const t = {
@@ -692,29 +692,29 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         y: t.bottom - t.height * ((i + b) / (p.max + b)),
         x: t.left - 8,
         value: i
-      })), oe = l.map((i, g) => ({
+      })), ne = l.map((i, g) => ({
         ...i,
         shape: "square",
         coordinates: i.values.map((E, N) => {
-          const H = (E + b) / (u.max + b) * t.height, ee = Math.abs(E) / Math.abs(u.min) * (t.height - P), lt = b / (u.max + b) * t.height, $e = F / l.filter((he) => !_.value.includes(he.id)).length - e.value.barGap / l.filter((he) => !_.value.includes(he.id)).length;
+          const W = (E + b) / (u.max + b) * t.height, ee = Math.abs(E) / Math.abs(u.min) * (t.height - P), lt = b / (u.max + b) * t.height, Ce = F / l.filter((he) => !_.value.includes(he.id)).length - e.value.barGap / l.filter((he) => !_.value.includes(he.id)).length;
           return {
-            x: t.left + F * N + $e * g + e.value.barGap / 2,
-            y: E > 0 ? t.bottom - H : P,
-            height: E > 0 ? H - lt : ee,
+            x: t.left + F * N + Ce * g + e.value.barGap / 2,
+            y: E > 0 ? t.bottom - W : P,
+            height: E > 0 ? W - lt : ee,
             value: E,
-            width: $e
+            width: Ce
           };
         })
       })), Z = l.filter((i) => !_.value.includes(i.id)).map((i, g) => ({
         ...i,
         coordinates: i.values.map((E, N) => {
-          const H = (E + b) / (u.max + b) * t.height, ee = Math.abs(E) / (u.max + b) * t.height, lt = b / (u.max + b) * t.height, $e = F / l.filter((he) => !_.value.includes(he.id)).length - e.value.barGap / l.filter((he) => !_.value.includes(he.id)).length;
+          const W = (E + b) / (u.max + b) * t.height, ee = Math.abs(E) / (u.max + b) * t.height, lt = b / (u.max + b) * t.height, Ce = F / l.filter((he) => !_.value.includes(he.id)).length - e.value.barGap / l.filter((he) => !_.value.includes(he.id)).length;
           return {
-            x: t.left + F * N + $e * g + e.value.barGap / 2,
-            y: E > 0 ? t.bottom - H : P,
-            height: E > 0 ? H - lt : ee,
+            x: t.left + F * N + Ce * g + e.value.barGap / 2,
+            y: E > 0 ? t.bottom - W : P,
+            height: E > 0 ? W - lt : ee,
             value: E,
-            width: $e
+            width: Ce
           };
         })
       }));
@@ -726,7 +726,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         })).filter((g) => !_.value.includes(g.id));
       }
       function f(i) {
-        te.value = i, le.value = i;
+        te.value = i, oe.value = i;
         const g = X(i);
         we.value = { datapoint: g, seriesIndex: i, config: e.value, dataset: l };
         const E = e.value.tooltipCustomFormat;
@@ -744,21 +744,21 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           });
         else {
           let N = "";
-          Q.value[g[0].absoluteIndex] && (N += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${Q.value[g[0].absoluteIndex].text}</div>`), g.forEach((H, ee) => {
+          Q.value[g[0].absoluteIndex] && (N += `<div style="border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${Q.value[g[0].absoluteIndex].text}</div>`), g.forEach((W, ee) => {
             N += `
                     <div style="display:flex; flex-wrap: wrap; align-items:center; gap:3px;">
-                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${H.color}"/></svg>
-                        <span>${H.name}:</span>
+                        <svg viewBox="0 0 12 12" height="14" width="12"><rect x=0 y="0" width="12" height="12" rx="1" stroke="none" fill="${W.color}"/></svg>
+                        <span>${W.name}:</span>
                         <b>${ie(
               e.value.formatter,
-              H.value,
+              W.value,
               j({
                 p: e.value.valuePrefix,
-                v: H.value,
+                v: W.value,
                 s: e.value.valueSuffix,
                 r: e.value.dataLabelRoundingValue
               }),
-              { datapoint: H, seriesIndex: ee }
+              { datapoint: W, seriesIndex: ee }
             )}
                         </b>
                     </div>
@@ -769,7 +769,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       }
       function z(i) {
         const g = X(i);
-        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: g, seriesIndex: i + y.value.start }), ce.value = !1, te.value = null, le.value = null;
+        e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: g, seriesIndex: i + y.value.start }), ce.value = !1, te.value = null, oe.value = null;
       }
       function d(i) {
         const g = X(i);
@@ -779,7 +779,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         absoluteZero: P,
         dataset: Z.filter((i) => !_.value.includes(i.id)),
         absoluteDataset: Z,
-        legend: oe,
+        legend: ne,
         drawingArea: t,
         extremes: u,
         slotSize: F,
@@ -836,7 +836,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       labelStep: P = 0,
       intraSeriesStep: F = 0
     } = {}) {
-      const K = Array.isArray(Ae?.value) ? Ae.value : [Ae?.value].filter(Boolean), oe = Array.isArray(Le?.value) ? Le.value : [Le?.value].filter(Boolean), Z = [...K, ...oe].filter(Boolean), X = R?.value || null, f = X ? Array.from(X.querySelectorAll(".vue-ui-quick-chart-plot")) : [], z = X ? Array.from(X.querySelectorAll(".vue-ui-quick-chart-label")) : [];
+      const K = Array.isArray(Ae?.value) ? Ae.value : [Ae?.value].filter(Boolean), ne = Array.isArray(Le?.value) ? Le.value : [Le?.value].filter(Boolean), Z = [...K, ...ne].filter(Boolean), X = R?.value || null, f = X ? Array.from(X.querySelectorAll(".vue-ui-quick-chart-plot")) : [], z = X ? Array.from(X.querySelectorAll(".vue-ui-quick-chart-label")) : [];
       Z.forEach(oa), It(f, { fromOpacity: "0", fromScale: "0.75" }), It(z, { fromOpacity: "0", fromScale: "0.98" }), f.forEach((g) => g.classList.remove("quick-animation")), z.forEach((g) => g.classList.remove("quick-animation")), X && X.offsetWidth;
       const d = f.length ? Pt(f, na) : [], i = z.length ? Pt(z, ia) : [];
       requestAnimationFrame(() => {
@@ -844,13 +844,13 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           Z.forEach((g) => {
             g.style.transition = `stroke-dashoffset ${a}ms ${r}`, g.style.strokeDashoffset = "0";
           }), d.forEach((g, E) => {
-            g.items.forEach((N, H) => {
-              const ee = u + E * b + H * F;
+            g.items.forEach((N, W) => {
+              const ee = u + E * b + W * F;
               N.style.transition = `opacity ${t}ms ease-out ${ee}ms, transform ${t}ms ease-out ${ee}ms`, N.style.opacity = "1", N.style.transform = "scale(1)";
             });
           }), i.forEach((g, E) => {
-            g.items.forEach((N, H) => {
-              const ee = p + E * P + H * F;
+            g.items.forEach((N, W) => {
+              const ee = p + E * P + W * F;
               N.style.transition = `opacity ${l}ms ease-out ${ee}ms, transform ${l}ms ease-out ${ee}ms`, N.style.opacity = "1", N.style.transform = "scale(1)";
             });
           });
@@ -858,14 +858,14 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       });
     }
     const ra = M(() => {
-      if ($.value === A.LINE)
+      if (C.value === A.LINE)
         return c.value.legend.map((a) => (Math.min(...a.absoluteValues.map((r) => r ?? 0)), {
           ...a,
           isVisible: !_.value.includes(a.id),
           type: "line",
           series: a.absoluteValues
         }));
-      if ($.value === A.BAR)
+      if (C.value === A.BAR)
         return v.value.absoluteDataset.map((a) => (Math.min(...a.absoluteValues.map((r) => r ?? 0)), {
           ...a,
           isVisible: !_.value.includes(a.id),
@@ -906,7 +906,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
     }
     const va = M(() => S.value.width), da = M(() => S.value.height);
     Ua({
-      timeLabelsEls: ae,
+      timeLabelsEls: le,
       timeLabels: Q,
       slicer: y,
       configRef: e,
@@ -917,7 +917,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       height: da.value,
       width: va.value
     });
-    const ca = M(() => e.value.backgroundColor), fa = M(() => $.value === A.DONUT ? I.value.legend : $.value === A.LINE ? c.value.legend : v.value.legend), ha = M(() => ({
+    const ca = M(() => e.value.backgroundColor), fa = M(() => C.value === A.DONUT ? I.value.legend : C.value === A.LINE ? c.value.legend : v.value.legend), ha = M(() => ({
       show: e.value.showLegend,
       bold: !1,
       backgroundColor: e.value.backgroundColor,
@@ -957,7 +957,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       toggleFullscreen: Ot
     }), (a, r) => Yt.value ? (o(), n("div", {
       key: 0,
-      id: `${$.value}_${Y.value}`,
+      id: `${C.value}_${Y.value}`,
       ref_key: "quickChart",
       ref: R,
       class: de({ "vue-data-ui-component": !0, "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": qe.value }),
@@ -1015,45 +1015,52 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
       }, ba({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: ne(({ isOpen: t, color: l }) => [
-            W(a.$slots, "menuIcon", me(ge({ isOpen: t, color: l })), void 0, !0)
+          fn: ae(({ isOpen: t, color: l }) => [
+            H(a.$slots, "menuIcon", me(ge({ isOpen: t, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: ne(() => [
-            W(a.$slots, "optionTooltip", {}, void 0, !0)
+          fn: ae(() => [
+            H(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: ne(() => [
-            W(a.$slots, "optionPdf", {}, void 0, !0)
+          fn: ae(() => [
+            H(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: ne(() => [
-            W(a.$slots, "optionImg", {}, void 0, !0)
+          fn: ae(() => [
+            H(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
+        a.$slots.optionSvg ? {
+          name: "optionSvg",
+          fn: ae(() => [
+            H(a.$slots, "optionSvg", {}, void 0, !0)
+          ]),
+          key: "4"
+        } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: ne(({ toggleFullscreen: t, isFullscreen: l }) => [
-            W(a.$slots, "optionFullscreen", me(ge({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
+          fn: ae(({ toggleFullscreen: t, isFullscreen: l }) => [
+            H(a.$slots, "optionFullscreen", me(ge({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: ne(({ toggleAnnotator: t, isAnnotator: l }) => [
-            W(a.$slots, "optionAnnotator", me(ge({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
+          fn: ae(({ toggleAnnotator: t, isAnnotator: l }) => [
+            H(a.$slots, "optionAnnotator", me(ge({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasFullscreen", "isTooltip", "isFullscreen", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : m("", !0),
       e.value.title ? (o(), n("div", {
@@ -1063,10 +1070,10 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         class: "vue-ui-quick-chart-title",
         style: B(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
       }, U(e.value.title), 5)) : m("", !0),
-      C("div", {
+      $("div", {
         id: `legend-top-${Y.value}`
       }, null, 8, Ka),
-      $.value ? (o(), n("svg", {
+      C.value ? (o(), n("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: Qe,
@@ -1075,7 +1082,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         style: B(`max-width:100%;overflow:visible;background:transparent;color:${e.value.color}`)
       }, [
         be(s(G)),
-        a.$slots["chart-background"] && $.value === A.BAR ? (o(), n("foreignObject", {
+        a.$slots["chart-background"] && C.value === A.BAR ? (o(), n("foreignObject", {
           key: 0,
           x: v.value.drawingArea.left,
           y: v.value.drawingArea.top,
@@ -1085,9 +1092,9 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             pointerEvents: "none"
           }
         }, [
-          W(a.$slots, "chart-background", {}, void 0, !0)
+          H(a.$slots, "chart-background", {}, void 0, !0)
         ], 8, tl)) : m("", !0),
-        a.$slots["chart-background"] && $.value === A.LINE ? (o(), n("foreignObject", {
+        a.$slots["chart-background"] && C.value === A.LINE ? (o(), n("foreignObject", {
           key: 1,
           x: c.value.drawingArea.left,
           y: c.value.drawingArea.top,
@@ -1097,9 +1104,9 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             pointerEvents: "none"
           }
         }, [
-          W(a.$slots, "chart-background", {}, void 0, !0)
+          H(a.$slots, "chart-background", {}, void 0, !0)
         ], 8, al)) : m("", !0),
-        a.$slots["chart-background"] && $.value === A.DONUT ? (o(), n("foreignObject", {
+        a.$slots["chart-background"] && C.value === A.DONUT ? (o(), n("foreignObject", {
           key: 2,
           x: 0,
           y: 0,
@@ -1109,31 +1116,31 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             pointerEvents: "none"
           }
         }, [
-          W(a.$slots, "chart-background", {}, void 0, !0)
+          H(a.$slots, "chart-background", {}, void 0, !0)
         ], 8, ll)) : m("", !0),
-        C("defs", null, [
-          C("filter", {
+        $("defs", null, [
+          $("filter", {
             id: `blur_${Y.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
             height: "200%"
           }, [
-            C("feGaussianBlur", {
+            $("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 2,
               id: `blur_std_${Y.value}`
             }, null, 8, nl),
-            r[4] || (r[4] = C("feColorMatrix", {
+            r[4] || (r[4] = $("feColorMatrix", {
               type: "saturate",
               values: "0"
             }, null, -1))
           ], 8, ol),
-          C("filter", {
+          $("filter", {
             id: `shadow_${Y.value}`,
             "color-interpolation-filters": "sRGB"
           }, [
-            C("feDropShadow", {
+            $("feDropShadow", {
               dx: "0",
               dy: "0",
               stdDeviation: "10",
@@ -1142,35 +1149,35 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             }, null, 8, ul)
           ], 8, il)
         ]),
-        $.value === A.DONUT ? (o(), n(x, { key: 3 }, [
+        C.value === A.DONUT ? (o(), n(x, { key: 3 }, [
           e.value.showDataLabels ? (o(), n("g", rl, [
             (o(!0), n(x, null, T(I.value.chart, (t, l) => (o(), n(x, null, [
               I.value.isArcBigEnough(t) ? (o(), n("path", {
                 key: 0,
-                d: s(Ia)(t, { x: S.value.width / 2, y: S.value.height / 2 }, 16, 16, !1, !1, S.value.height * Ct.value, 12, e.value.donutCurvedMarkers),
+                d: s(Ia)(t, { x: S.value.width / 2, y: S.value.height / 2 }, 16, 16, !1, !1, S.value.height * $t.value, 12, e.value.donutCurvedMarkers),
                 stroke: t.color,
                 "stroke-width": e.value.donutLabelMarkerStrokeWidth,
                 "stroke-linecap": "round",
                 "stroke-linejoin": "round",
                 fill: "none",
-                filter: Ce(t.id)
+                filter: $e(t.id)
               }, null, 8, sl)) : m("", !0)
             ], 64))), 256))
           ])) : m("", !0),
-          C("circle", {
+          $("circle", {
             cx: I.value.cx,
             cy: I.value.cy,
             r: I.value.radius,
             fill: e.value.backgroundColor,
             filter: e.value.donutUseShadow ? `url(#shadow_${Y.value})` : ""
           }, null, 8, vl),
-          C("g", dl, [
+          $("g", dl, [
             (o(!0), n(x, null, T(I.value.chart, (t, l) => (o(), n("path", {
               d: t.arcSlice,
               fill: t.color,
               stroke: Re.value,
               "stroke-width": e.value.donutStrokeWidth,
-              filter: Ce(t.id)
+              filter: $e(t.id)
             }, null, 8, cl))), 256)),
             (o(!0), n(x, null, T(I.value.chart, (t, l) => (o(), n("path", {
               d: t.arcSlice,
@@ -1190,7 +1197,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 stroke: e.value.backgroundColor,
                 "stroke-width": 1,
                 r: 3,
-                filter: Ce(t.id)
+                filter: $e(t.id)
               }, null, 8, ml)) : m("", !0),
               I.value.isArcBigEnough(t) ? (o(), n("text", {
                 key: 1,
@@ -1199,7 +1206,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 y: s(ut)(t),
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: Ce(t.id)
+                filter: $e(t.id)
               }, U(I.value.displayArcPercentage(t, I.value.chart)) + " (" + U(s(ie)(
                 e.value.formatter,
                 t.value,
@@ -1218,19 +1225,19 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 y: s(ut)(t) + e.value.dataLabelFontSize,
                 fill: e.value.color,
                 "font-size": e.value.dataLabelFontSize,
-                filter: Ce(t.id)
+                filter: $e(t.id)
               }, U(t.name), 9, pl)) : m("", !0)
             ], 64))), 256))
           ])) : m("", !0),
           e.value.donutShowTotal ? (o(), n("g", yl, [
-            C("text", {
+            $("text", {
               "text-anchor": "middle",
               x: I.value.drawingArea.centerX,
               y: I.value.drawingArea.centerY - e.value.donutTotalLabelFontSize / 2,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
             }, U(e.value.donutTotalLabelText), 9, xl),
-            C("text", {
+            $("text", {
               "text-anchor": "middle",
               x: I.value.drawingArea.centerX,
               y: I.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
@@ -1244,7 +1251,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             })), 9, kl)
           ])) : m("", !0)
         ], 64)) : m("", !0),
-        $.value === A.LINE ? (o(), n(x, { key: 4 }, [
+        C.value === A.LINE ? (o(), n(x, { key: 4 }, [
           e.value.xyShowGrid ? (o(), n("g", bl, [
             (o(!0), n(x, null, T(c.value.yLabels, (t) => (o(), n(x, null, [
               t.y <= c.value.drawingArea.bottom ? (o(), n("line", {
@@ -1269,7 +1276,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             }, null, 8, wl))), 256))
           ])) : m("", !0),
           e.value.xyShowAxis ? (o(), n("g", Al, [
-            C("line", {
+            $("line", {
               x1: c.value.drawingArea.left,
               x2: c.value.drawingArea.left,
               y1: c.value.drawingArea.top,
@@ -1278,7 +1285,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
             }, null, 8, Ll),
-            C("line", {
+            $("line", {
               x1: c.value.drawingArea.left,
               x2: c.value.drawingArea.right,
               y1: isNaN(c.value.absoluteZero) ? c.value.drawingArea.bottom : c.value.absoluteZero,
@@ -1322,10 +1329,10 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: t, seriesIndex: l }
-              )), 9, Cl)) : m("", !0)
+              )), 9, $l)) : m("", !0)
             ], 64))), 256))
           ], 512)) : m("", !0),
-          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", $l, [
+          e.value.xyShowScale && e.value.xyPeriods.length ? (o(), n("g", Cl, [
             (o(!0), n(x, null, T(Q.value.map((t) => t.text), (t, l) => (o(), n(x, null, [
               !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((y.value.end - y.value.start) / ke.value) === 0 || y.value.end - y.value.start <= ke.value ? (o(), n("line", {
                 key: 0,
@@ -1338,9 +1345,9 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 "stroke-linecap": "round"
               }, null, 8, El)) : m("", !0)
             ], 64))), 256)),
-            C("g", {
+            $("g", {
               ref_key: "timeLabelsEls",
-              ref: ae
+              ref: le
             }, [
               (o(!0), n(x, null, T(Q.value.map((t) => t.text), (t, l) => (o(), n(x, null, [
                 !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((y.value.end - y.value.start) / ke.value) === 0 || y.value.end - y.value.start <= ke.value ? (o(), n("g", Tl, [
@@ -1371,10 +1378,10 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               ], 64))), 256))
             ], 512)
           ])) : m("", !0),
-          C("g", Ol, [
+          $("g", Ol, [
             (o(!0), n(x, null, T(c.value.dataset, (t, l) => (o(), n("g", Fl, [
               e.value.lineSmooth ? (o(), n(x, { key: 0 }, [
-                C("path", {
+                $("path", {
                   ref_for: !0,
                   ref_key: "pathWrapper",
                   ref: Ae,
@@ -1386,7 +1393,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                   class: de({ "quick-animation": !s(V), "vue-data-ui-line-animated": e.value.lineAnimated && !s(V) }),
                   style: B({ transition: s(V) ? void 0 : "all 0.3s ease-in-out" })
                 }, null, 14, Ml),
-                C("path", {
+                $("path", {
                   ref_for: !0,
                   ref_key: "pathTop",
                   ref: Le,
@@ -1399,7 +1406,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                   style: B({ transition: s(V) ? void 0 : "all 0.3s ease-in-out" })
                 }, null, 14, Rl)
               ], 64)) : (o(), n(x, { key: 1 }, [
-                C("path", {
+                $("path", {
                   ref_for: !0,
                   ref_key: "pathWrapper",
                   ref: Ae,
@@ -1411,7 +1418,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                   class: de({ "quick-animation": !s(V), "vue-data-ui-line-animated": e.value.lineAnimated && !s(V) }),
                   style: B({ transition: s(V) ? void 0 : "all 0.3s ease-in-out" })
                 }, null, 14, Nl),
-                C("path", {
+                $("path", {
                   ref_for: !0,
                   ref_key: "pathTop",
                   ref: Le,
@@ -1465,7 +1472,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               y: c.value.drawingArea.top,
               height: c.value.drawingArea.height <= 0 ? 1e-5 : c.value.drawingArea.height,
               width: c.value.slotSize <= 0 ? 1e-5 : c.value.slotSize,
-              fill: [te.value, le.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
+              fill: [te.value, oe.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
               style: B(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (u) => c.value.useTooltip(l),
               onMouseleave: (u) => c.value.killTooltip(l),
@@ -1473,7 +1480,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             }, null, 44, Hl))), 256))
           ])) : m("", !0)
         ], 64)) : m("", !0),
-        $.value === A.BAR ? (o(), n(x, { key: 5 }, [
+        C.value === A.BAR ? (o(), n(x, { key: 5 }, [
           e.value.xyShowGrid ? (o(), n("g", Wl, [
             (o(!0), n(x, null, T(v.value.yLabels, (t) => (o(), n(x, null, [
               t.y <= v.value.drawingArea.bottom ? (o(), n("line", {
@@ -1498,7 +1505,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             }, null, 8, Gl))), 256))
           ])) : m("", !0),
           e.value.xyShowAxis ? (o(), n("g", jl, [
-            C("line", {
+            $("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.left,
               y1: v.value.drawingArea.top,
@@ -1507,7 +1514,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
             }, null, 8, Yl),
-            C("line", {
+            $("line", {
               x1: v.value.drawingArea.left,
               x2: v.value.drawingArea.right,
               y1: isNaN(v.value.absoluteZero) ? v.value.drawingArea.bottom : v.value.absoluteZero,
@@ -1564,9 +1571,9 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               "stroke-width": e.value.xyAxisStrokeWidth,
               "stroke-linecap": "round"
             }, null, 8, eo))), 256)),
-            C("g", {
+            $("g", {
               ref_key: "timeLabelsEls",
-              ref: ae
+              ref: le
             }, [
               (o(!0), n(x, null, T(Q.value.map((t) => t.text), (t, l) => (o(), n(x, null, [
                 !e.value.xyPeriodsShowOnlyAtModulo || e.value.xyPeriodsShowOnlyAtModulo && l % Math.floor((y.value.end - y.value.start) / ke.value) === 0 || y.value.end - y.value.start <= ke.value ? (o(), n("g", to, [
@@ -1597,7 +1604,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               ], 64))), 256))
             ], 512)
           ])) : m("", !0),
-          C("g", oo, [
+          $("g", oo, [
             (o(!0), n(x, null, T(v.value.dataset, (t, l) => (o(), n(x, null, [
               (o(!0), n(x, null, T(t.coordinates, (u, p) => (o(), n("rect", {
                 x: u.x,
@@ -1655,7 +1662,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               y: v.value.drawingArea.top,
               height: v.value.drawingArea.height <= 0 ? 1e-5 : v.value.drawingArea.height,
               width: v.value.slotSize <= 0 ? 1e-5 : v.value.slotSize,
-              fill: [te.value, le.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
+              fill: [te.value, oe.value].includes(l) ? e.value.xyHighlighterColor : "transparent",
               style: B(`opacity:${e.value.xyHighlighterOpacity}`),
               onMouseenter: (u) => v.value.useTooltip(l),
               onMouseleave: (u) => v.value.killTooltip(l),
@@ -1663,13 +1670,13 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
             }, null, 44, co))), 256))
           ])) : m("", !0)
         ], 64)) : m("", !0),
-        [A.LINE, A.BAR].includes($.value) ? (o(), n("g", fo, [
-          e.value.xAxisLabel && $.value === A.LINE ? (o(), n("g", {
+        [A.LINE, A.BAR].includes(C.value) ? (o(), n("g", fo, [
+          e.value.xAxisLabel && C.value === A.LINE ? (o(), n("g", {
             key: 0,
             ref_key: "xAxisLabel",
             ref: gt
           }, [
-            C("text", {
+            $("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
@@ -1677,12 +1684,12 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               y: S.value.height - e.value.axisLabelsFontSize / 3
             }, U(e.value.xAxisLabel), 9, ho)
           ], 512)) : m("", !0),
-          e.value.xAxisLabel && $.value === A.BAR ? (o(), n("g", {
+          e.value.xAxisLabel && C.value === A.BAR ? (o(), n("g", {
             key: 1,
             ref_key: "xAxisLabel",
             ref: gt
           }, [
-            C("text", {
+            $("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               "text-anchor": "middle",
@@ -1690,24 +1697,24 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               y: S.value.height - e.value.axisLabelsFontSize / 3
             }, U(e.value.xAxisLabel), 9, mo)
           ], 512)) : m("", !0),
-          e.value.yAxisLabel && $.value === A.LINE ? (o(), n("g", {
+          e.value.yAxisLabel && C.value === A.LINE ? (o(), n("g", {
             key: 2,
             ref_key: "yAxisLabel",
             ref: pt
           }, [
-            C("text", {
+            $("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${c.value.drawingArea.top + c.value.drawingArea.height / 2}) rotate(-90)`,
               "text-anchor": "middle"
             }, U(e.value.yAxisLabel), 9, go)
           ], 512)) : m("", !0),
-          e.value.yAxisLabel && $.value === A.BAR ? (o(), n("g", {
+          e.value.yAxisLabel && C.value === A.BAR ? (o(), n("g", {
             key: 3,
             ref_key: "yAxisLabel",
             ref: pt
           }, [
-            C("text", {
+            $("text", {
               "font-size": e.value.axisLabelsFontSize,
               fill: e.value.color,
               transform: `translate(${e.value.axisLabelsFontSize}, ${v.value.drawingArea.top + v.value.drawingArea.height / 2}) rotate(-90)`,
@@ -1717,16 +1724,16 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         ])) : m("", !0)
       ], 12, el)) : m("", !0),
       a.$slots.watermark ? (o(), n("div", yo, [
-        W(a.$slots, "watermark", me(ge({ isPrinting: s(Be) || s(De) })), void 0, !0)
+        H(a.$slots, "watermark", me(ge({ isPrinting: s(Be) || s(De) })), void 0, !0)
       ])) : m("", !0),
-      [A.BAR, A.LINE].includes($.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? (o(), n("div", {
+      [A.BAR, A.LINE].includes(C.value) && e.value.zoomXy && k.value.maxSeriesLength > 1 ? (o(), n("div", {
         key: `slicer_${Fe.value}`,
         ref_key: "quickChartSlicer",
         ref: dt
       }, [
         (o(), Ie(qa, {
           ref_key: "slicerComponent",
-          ref: $t,
+          ref: Ct,
           key: `slicer_${Fe.value}`,
           background: e.value.zoomColor,
           borderColor: e.value.backgroundColor,
@@ -1749,7 +1756,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           minimap: aa.value,
           minimapIndicatorColor: e.value.zoomMinimap.indicatorColor,
           verticalHandles: e.value.zoomMinimap.verticalHandles,
-          minimapSelectedIndex: le.value,
+          minimapSelectedIndex: oe.value,
           start: y.value.start,
           "onUpdate:start": r[0] || (r[0] = (t) => y.value.start = t),
           end: y.value.end,
@@ -1767,13 +1774,13 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           onReset: ea,
           onTrapMouse: Kt
         }, {
-          "reset-action": ne(({ reset: t }) => [
-            W(a.$slots, "reset-action", me(ge({ reset: t })), void 0, !0)
+          "reset-action": ae(({ reset: t }) => [
+            H(a.$slots, "reset-action", me(ge({ reset: t })), void 0, !0)
           ]),
           _: 3
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "verticalHandles", "minimapSelectedIndex", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "minimapCompact", "minimapMerged", "allMinimaps", "minimapFrameColor", "focusOnDrag", "focusRangeRatio"]))
       ])) : m("", !0),
-      C("div", {
+      $("div", {
         id: `legend-bottom-${Y.value}`
       }, null, 8, xo),
       mt.value ? (o(), Ie(Sa, {
@@ -1787,14 +1794,14 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
           class: "vue-ui-quick-chart-legend",
           style: B(`background:transparent;color:${e.value.color}`)
         }, [
-          $.value === A.DONUT ? (o(!0), n(x, { key: 0 }, T(I.value.legend, (t, l) => (o(), n("div", {
+          C.value === A.DONUT ? (o(!0), n(x, { key: 0 }, T(I.value.legend, (t, l) => (o(), n("div", {
             class: "vue-ui-quick-chart-legend-item",
             onClick: (u) => {
               Qt(t, I.value.dataset), pe("selectLegend", t);
             },
             style: B(`cursor: ${I.value.legend.length > 1 ? "pointer" : "default"}; opacity:${_.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
-            e.value.useCustomLegend ? W(a.$slots, "legend", nt({
+            e.value.useCustomLegend ? H(a.$slots, "legend", nt({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (o(), n(x, { key: 1 }, [
@@ -1803,10 +1810,10 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 stroke: t.color,
                 size: e.value.legendIconSize
               }, null, 8, ["name", "stroke", "size"]),
-              C("span", {
+              $("span", {
                 style: B(`font-size:${e.value.legendFontSize}px`)
               }, U(t.name), 5),
-              C("span", {
+              $("span", {
                 style: B(`font-size:${e.value.legendFontSize}px;font-variant-numeric:tabular-nums`)
               }, U(_.value.includes(t.id) ? "-" : s(ie)(
                 e.value.formatter,
@@ -1835,14 +1842,14 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
               })) + ") ", 5))
             ], 64))
           ], 12, ko))), 256)) : m("", !0),
-          $.value === A.LINE ? (o(!0), n(x, { key: 1 }, T(c.value.legend, (t, l) => (o(), n("div", {
+          C.value === A.LINE ? (o(!0), n(x, { key: 1 }, T(c.value.legend, (t, l) => (o(), n("div", {
             class: "vue-ui-quick-chart-legend-item",
             onClick: (u) => {
               Lt(t.id, c.value.legend.length - 1), pe("selectLegend", t);
             },
             style: B(`cursor: ${c.value.legend.length > 1 ? "pointer" : "default"}; opacity:${_.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
-            e.value.useCustomLegend ? W(a.$slots, "legend", nt({
+            e.value.useCustomLegend ? H(a.$slots, "legend", nt({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (o(), n(x, { key: 1 }, [
@@ -1851,19 +1858,19 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 stroke: t.color,
                 size: e.value.legendIconSize
               }, null, 8, ["name", "stroke", "size"]),
-              C("span", {
+              $("span", {
                 style: B(`font-size:${e.value.legendFontSize}px`)
               }, U(t.name), 5)
             ], 64))
           ], 12, bo))), 256)) : m("", !0),
-          $.value === A.BAR ? (o(!0), n(x, { key: 2 }, T(v.value.legend, (t, l) => (o(), n("div", {
+          C.value === A.BAR ? (o(!0), n(x, { key: 2 }, T(v.value.legend, (t, l) => (o(), n("div", {
             class: "vue-ui-quick-chart-legend-item",
             onClick: (u) => {
               Lt(t.id, v.value.legend.length - 1), pe("selectLegend", t);
             },
             style: B(`cursor: ${v.value.legend.length > 1 ? "pointer" : "default"}; opacity:${_.value.includes(t.id) ? "0.5" : "1"}`)
           }, [
-            e.value.useCustomLegend ? W(a.$slots, "legend", nt({
+            e.value.useCustomLegend ? H(a.$slots, "legend", nt({
               key: 0,
               ref_for: !0
             }, { legend: t }), void 0, !0) : (o(), n(x, { key: 1 }, [
@@ -1872,7 +1879,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
                 stroke: t.color,
                 size: e.value.legendIconSize
               }, null, 8, ["name", "stroke", "size"]),
-              C("span", {
+              $("span", {
                 style: B(`font-size:${e.value.legendFontSize}px`)
               }, U(t.name), 5)
             ], 64))
@@ -1885,7 +1892,7 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         ref: ct,
         dir: "auto"
       }, [
-        W(a.$slots, "source", {}, void 0, !0)
+        H(a.$slots, "source", {}, void 0, !0)
       ], 512)) : m("", !0),
       be(s(Se), {
         show: ye.value.showTooltip && ce.value,
@@ -1907,11 +1914,11 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         smoothSnapThreshold: e.value.tooltipSmoothSnapThreshold,
         backdropFilter: e.value.tooltipBackdropFilter
       }, {
-        "tooltip-before": ne(() => [
-          W(a.$slots, "tooltip-before", me(ge({ ...we.value })), void 0, !0)
+        "tooltip-before": ae(() => [
+          H(a.$slots, "tooltip-before", me(ge({ ...we.value })), void 0, !0)
         ]),
-        "tooltip-after": ne(() => [
-          W(a.$slots, "tooltip-after", me(ge({ ...we.value })), void 0, !0)
+        "tooltip-after": ae(() => [
+          H(a.$slots, "tooltip-after", me(ge({ ...we.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "smoothForce", "smoothSnapThreshold", "backdropFilter"]),
@@ -1921,10 +1928,10 @@ const Qa = ["id"], Ka = ["id"], el = ["xmlns", "viewBox"], tl = ["x", "y", "widt
         name: "circleCancel",
         stroke: "red"
       }),
-      r[5] || (r[5] = C("span", null, "Dataset is not processable", -1))
+      r[5] || (r[5] = $("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, Bo = /* @__PURE__ */ Wa(Ao, [["__scopeId", "data-v-ad4e3d0e"]]);
+}, Bo = /* @__PURE__ */ Wa(Ao, [["__scopeId", "data-v-3c6f78c8"]]);
 export {
   Bo as default
 };