vue-data-ui 2.16.4 → 2.16.6

package/dist/{vue-ui-xy-canvas-BaZZ7r1e.js → vue-ui-xy-canvas-S6YpFgzs.js}

@@ -1,19 +1,19 @@
-import { defineAsyncComponent as K, ref as d, computed as x, useSlots as Ba, onMounted as ra, watch as A, nextTick as pe, shallowRef as Ie, onBeforeUnmount as Va, createElementBlock as ne, openBlock as z, unref as p, normalizeClass as Ga, normalizeStyle as Q, createCommentVNode as W, createBlock as D, createElementVNode as ie, createSlots as Za, withCtx as b, renderSlot as L, normalizeProps as X, guardReactiveProps as _, createVNode as ja, toDisplayString as sa, createTextVNode as qa } from "vue";
-import { u as Ja, c as Ka, t as Qa, p as B, a as el, C as me, b as al, D as Me, i as ee, f as ae, d as na, a2 as ll, G as tl, aj as ol, o as ul, e as rl, x as ia, q as sl, r as nl, y as il, s as ve, l as vl } from "./index-BsirVW_m.js";
+import { defineAsyncComponent as K, ref as d, computed as x, useSlots as Ba, onMounted as ua, watch as A, nextTick as pe, shallowRef as Ie, onBeforeUnmount as Va, createElementBlock as ne, openBlock as S, unref as p, normalizeClass as Ga, normalizeStyle as Q, createCommentVNode as W, createBlock as D, createElementVNode as ie, createSlots as Za, withCtx as b, renderSlot as L, normalizeProps as X, guardReactiveProps as _, createVNode as ja, toDisplayString as sa, createTextVNode as qa } from "vue";
+import { u as Ja, c as Ka, t as Qa, p as B, a as el, C as me, b as al, D as Me, i as ee, f as ae, d as na, a2 as ll, G as tl, aj as ol, o as rl, e as ul, x as ia, q as sl, r as nl, y as il, s as ve, l as vl } from "./index-DvIXJm6t.js";
 import { d as cl, t as dl, u as hl, c as yl, a as va, l as k, r as Te, b as R, p as ca } from "./useResponsive-DfdjqQps.js";
-import { u as da } from "./useNestedProp-Ej-oqNyf.js";
-import { u as fl } from "./usePrinter-Dpd-vZym.js";
+import { u as da } from "./useNestedProp-DrYHm61t.js";
+import { u as fl } from "./usePrinter-CWnXbGMb.js";
 import { u as gl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as pl } from "./useChartAccessibility-9icAAmYg.js";
-import ml from "./Legend-bIoNrGWy.js";
-import bl from "./Title-DTuTBtAe.js";
-import { S as xl } from "./Slicer-szgfOkiL.js";
+import ml from "./Legend-nBXoxXJH.js";
+import bl from "./Title-Gi81VwUM.js";
+import { S as xl } from "./Slicer-BrqtJG2E.js";
 import { u as Ll } from "./useTimeLabels-Mrr0jrpL.js";
 import { _ as kl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const Cl = ["id"], wl = ["onClick"], zl = {
+const Cl = ["id"], wl = ["onClick"], Sl = {
   key: 2,
   class: "vue-data-ui-watermark"
-}, Sl = ["innerHTML"], $l = {
+}, zl = ["innerHTML"], $l = {
   __name: "vue-ui-xy-canvas",
   props: {
     dataset: {
@@ -31,14 +31,14 @@ const Cl = ["id"], wl = ["onClick"], zl = {
   },
   emits: ["selectLegend"],
   setup(Oe, { expose: ha, emit: ya }) {
-    const fa = K(() => import("./vue-ui-accordion-D2TcT2US.js")), ga = K(() => import("./DataTable-C6IBsdXI.js")), pa = K(() => import("./NonSvgPenAndPaper-BsSwoYpL.js")), ma = K(() => import("./vue-ui-skeleton-CchtfQiJ.js")), ba = K(() => import("./Tooltip-CVPiPR9d.js")), xa = K(() => import("./UserOptions-D8SRavqE.js")), { vue_ui_xy_canvas: La } = Ja(), g = Oe, be = d(Ka()), le = d(null), te = d(null), s = d(null), y = d(1), P = d(1), ce = d(!1), c = d(null), de = d(""), Re = d(null), $ = d([]), V = d(1), N = d(!0), G = d(!0), xe = d(null), Pe = d(0), Fe = d(0), he = d(!1), Ee = d(null), Ae = d(null), De = d(null), Ne = d(null), Le = d(0), ke = d(0), Ce = d(0), M = d(null), we = x(() => !!g.dataset && g.dataset.length), ka = ya, Ca = Ba();
-    ra(() => {
+    const fa = K(() => import("./vue-ui-accordion-D55kCO5G.js")), ga = K(() => import("./DataTable-CHBLjKtZ.js")), pa = K(() => import("./NonSvgPenAndPaper-Cls2idJS.js")), ma = K(() => import("./vue-ui-skeleton-BAOt2neL.js")), ba = K(() => import("./Tooltip-CJxVw7-T.js")), xa = K(() => import("./UserOptions-CBEK6_jo.js")), { vue_ui_xy_canvas: La } = Ja(), g = Oe, be = d(Ka()), le = d(null), te = d(null), s = d(null), y = d(1), P = d(1), ce = d(!1), c = d(null), de = d(""), Re = d(null), $ = d([]), V = d(1), N = d(!0), G = d(!0), xe = d(null), Pe = d(0), Fe = d(0), he = d(!1), Ee = d(null), Ae = d(null), De = d(null), Ne = d(null), Le = d(0), ke = d(0), Ce = d(0), M = d(null), we = x(() => !!g.dataset && g.dataset.length), ka = ya, Ca = Ba();
+    ua(() => {
       Ca["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
     const a = x({
       get: () => Ue(),
       set: (e) => e
-    }), { userOptionsVisible: ze, setUserOptionsVisibility: He, keepUserOptionState: Ye } = gl({ config: a.value }), { svgRef: T } = pl({ config: a.value.style.chart.title });
+    }), { userOptionsVisible: Se, setUserOptionsVisibility: He, keepUserOptionState: Ye } = gl({ config: a.value }), { svgRef: T } = pl({ config: a.value.style.chart.title });
     function Ue() {
       const e = da({
         userConfig: g.config,
@@ -54,15 +54,15 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       } : t = e, g.config && me(g.config, "style.chart.scale.min") ? t.style.chart.scale.min = g.config.style.chart.scale.min : t.style.chart.scale.min = null, g.config && me(g.config, "style.chart.scale.max") ? t.style.chart.scale.max = g.config.style.chart.scale.max : t.style.chart.scale.max = null, g.config && me(g.config, "style.chart.zoom.startIndex") ? t.style.chart.zoom.startIndex = g.config.style.chart.zoom.startIndex : t.style.chart.zoom.startIndex = null, g.config && me(g.config, "style.chart.zoom.endIndex") ? t.style.chart.zoom.endIndex = g.config.style.chart.zoom.endIndex : t.style.chart.zoom.endIndex = null, t;
     }
     A(() => g.config, (e) => {
-      a.value = Ue(), ze.value = !a.value.userOptions.showOnChartHover, Se(), Le.value += 1, ke.value += 1, Ce.value += 1, r.value.showTable = a.value.table.show, r.value.showDataLabels = a.value.style.chart.dataLabels.show, r.value.stacked = a.value.style.chart.stacked, r.value.showTooltip = a.value.style.chart.tooltip.show;
+      a.value = Ue(), Se.value = !a.value.userOptions.showOnChartHover, ze(), Le.value += 1, ke.value += 1, Ce.value += 1, u.value.showTable = a.value.table.show, u.value.showDataLabels = a.value.style.chart.dataLabels.show, u.value.stacked = a.value.style.chart.stacked, u.value.showTooltip = a.value.style.chart.tooltip.show;
     }, { deep: !0 }), A(() => g.dataset, () => {
-      Se(), Le.value += 1, ke.value += 1, Ce.value += 1;
+      ze(), Le.value += 1, ke.value += 1, Ce.value += 1;
     }, { deep: !0 });
     const We = d(a.value.style.chart.aspectRatio), { isPrinting: Xe, isImaging: _e, generatePdf: Be, generateImage: Ve } = fl({
       elementId: `xy_canvas_${be.value}`,
       fileName: a.value.style.chart.title.text || "vue-ui-xy-canvas",
       options: a.value.userOptions.print
-    }), r = d({
+    }), u = d({
       showTable: a.value.table.show,
       showDataLabels: a.value.style.chart.dataLabels.show,
       stacked: a.value.style.chart.stacked,
@@ -82,27 +82,27 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         bottom: P.value - P.value * a.value.style.chart.paddingProportions.bottom,
         width: e,
         height: P.value - P.value * (a.value.style.chart.paddingProportions.top + a.value.style.chart.paddingProportions.bottom),
-        slot: e / (u.value.end - u.value.start)
+        slot: e / (r.value.end - r.value.start)
       };
     });
     function Ze(e, t) {
       return e / t;
     }
-    function za({ hasAutoScale: e, series: t, min: o, max: n, scale: v, yOffset: C, individualHeight: i, stackIndex: f = null }) {
-      return t.map((Y, S) => {
+    function Sa({ hasAutoScale: e, series: t, min: o, max: n, scale: v, yOffset: C, individualHeight: i, stackIndex: f = null }) {
+      return t.map((Y, z) => {
         const E = v.min < 0 ? Math.abs(v.min) : 0, U = Ze(Y + E, E + v.max);
-        let re, se;
-        e && (re = v.min, se = Ze(Y - re, v.max - re));
+        let ue, se;
+        e && (ue = v.min, se = Ze(Y - ue, v.max - ue));
         let O = 0;
         return f === null ? O = l.value.bottom - l.value.height * (e ? se : U) : O = l.value.bottom - C - i * (e ? se : U), {
-          x: l.value.left + l.value.slot * S + l.value.slot / 2,
+          x: l.value.left + l.value.slot * z + l.value.slot / 2,
           y: O,
           value: Y
         };
       });
     }
     const m = x(() => {
-      const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(...Z.value.filter((i, f) => !$.value.includes(i.absoluteIndex)).flatMap((i) => i.series.slice(u.value.start, u.value.end))), t = a.value.style.chart.scale.max !== null ? a.value.style.chart.scale.max : Math.max(...Z.value.filter((i, f) => !$.value.includes(i.absoluteIndex)).flatMap((i) => i.series.slice(u.value.start, u.value.end))), o = Me(e < 0 ? e : 0, t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t, a.value.style.chart.scale.ticks), n = o.min < 0 ? Math.abs(o.min) : 0, v = l.value.bottom - l.value.height * (n / (o.max + n)), C = o.ticks.map((i) => ({
+      const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(...Z.value.filter((i, f) => !$.value.includes(i.absoluteIndex)).flatMap((i) => i.series.slice(r.value.start, r.value.end))), t = a.value.style.chart.scale.max !== null ? a.value.style.chart.scale.max : Math.max(...Z.value.filter((i, f) => !$.value.includes(i.absoluteIndex)).flatMap((i) => i.series.slice(r.value.start, r.value.end))), o = Me(e < 0 ? e : 0, t === e ? e + 1 < 0 ? 0 : e + 1 : t < 0 ? 0 : t, a.value.style.chart.scale.ticks), n = o.min < 0 ? Math.abs(o.min) : 0, v = l.value.bottom - l.value.height * (n / (o.max + n)), C = o.ticks.map((i) => ({
         y: l.value.bottom - l.value.height * ((i + n) / (o.max + n)),
         x: l.value.left - 8,
         value: i
@@ -115,7 +115,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         yLabels: C,
         zero: v
       };
-    }), Sa = x(() => h.value.map((e) => `
+    }), za = x(() => h.value.map((e) => `
             <div style="display:flex;flex-direction:row;gap:6px;align-items:center;">
                 <svg viewBox="0 0 10 10" height="12" width="12">
                     <circle cx="5" cy="5" r="5" fill="${e.color}"/>
@@ -147,7 +147,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
     });
     const h = x(() => ol(Z.value.filter((e, t) => !$.value.includes(e.absoluteIndex))).map((e, t) => ({
       ...e,
-      series: e.series.slice(u.value.start, u.value.end)
+      series: e.series.slice(r.value.start, r.value.end)
     })).map((e, t) => {
       let o = [null, void 0].includes(e.scaleMin) ? Math.min(...e.series) || 0 : e.scaleMin, n = [null, void 0].includes(e.scaleMax) ? Math.max(...e.series) || 1 : e.scaleMax;
       o === n && (o = o >= 0 ? n - 1 : o, n = n >= 0 ? n : o + 1), e.series.filter((O) => ![null, void 0].includes(O)).map((O) => (O - o) / (n - o));
@@ -157,22 +157,22 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       }, C = e.scaleSteps || a.value.style.chart.scale.ticks;
       let i;
       e.autoScaling ? i = Me(v.valueMin, v.valueMax, C) : i = Me(v.valueMin < 0 ? v.valueMin : 0, v.valueMax <= 0 ? 0 : v.valueMax, C);
-      const f = r.value.stacked ? l.value.height * (1 - e.cumulatedStackRatio) : 0, Y = r.value.stacked ? l.value.height / a.value.style.chart.stackGap : 0, S = r.value.stacked ? l.value.height * e.stackRatio - Y : l.value.height, E = i.min < 0 ? Math.abs(i.min) : 0;
+      const f = u.value.stacked ? l.value.height * (1 - e.cumulatedStackRatio) : 0, Y = u.value.stacked ? l.value.height / a.value.style.chart.stackGap : 0, z = u.value.stacked ? l.value.height * e.stackRatio - Y : l.value.height, E = i.min < 0 ? Math.abs(i.min) : 0;
       let U;
-      e.autoScaling && r.value.stacked && n <= 0 ? U = l.value.bottom - f - S : U = l.value.bottom - f - S * (E / (i.max + E));
-      const re = i.ticks.map((O, _a) => ({
-        y: l.value.bottom - f - S * (_a / (i.ticks.length - 1)),
+      e.autoScaling && u.value.stacked && n <= 0 ? U = l.value.bottom - f - z : U = l.value.bottom - f - z * (E / (i.max + E));
+      const ue = i.ticks.map((O, _a) => ({
+        y: l.value.bottom - f - z * (_a / (i.ticks.length - 1)),
         x: l.value.left - 8,
         value: O
-      })), se = za({
-        hasAutoScale: r.value.stacked && e.autoScaling,
+      })), se = Sa({
+        hasAutoScale: u.value.stacked && e.autoScaling,
         series: e.series,
-        min: r.value.stacked ? o : m.value.min,
-        max: r.value.stacked ? n : m.value.max,
-        scale: r.value.stacked ? i : m.value.scale,
+        min: u.value.stacked ? o : m.value.min,
+        max: u.value.stacked ? n : m.value.max,
+        scale: u.value.stacked ? i : m.value.scale,
         yOffset: f,
-        individualHeight: S,
-        stackIndex: r.value.stacked ? t : null
+        individualHeight: z,
+        stackIndex: u.value.stacked ? t : null
       });
       return {
         ...e,
@@ -182,11 +182,11 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         localScale: i,
         localZero: U,
         localMin: E,
-        localYLabels: re,
+        localYLabels: ue,
         yOffset: f,
-        individualHeight: S
+        individualHeight: z
       };
-    })), u = d({
+    })), r = d({
       start: 0,
       end: I.value
     });
@@ -195,7 +195,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
     }
     const j = d(null);
     async function qe() {
-      (a.value.style.chart.zoom.startIndex !== null || a.value.style.chart.zoom.endIndex !== null) && j.value ? (a.value.style.chart.zoom.startIndex !== null && (await pe(), await pe(), j.value && j.value.setStartValue(a.value.style.chart.zoom.startIndex)), a.value.style.chart.zoom.endIndex !== null && (await pe(), await pe(), j.value && j.value.setEndValue($a(a.value.style.chart.zoom.endIndex + 1)))) : (u.value = {
+      (a.value.style.chart.zoom.startIndex !== null || a.value.style.chart.zoom.endIndex !== null) && j.value ? (a.value.style.chart.zoom.startIndex !== null && (await pe(), await pe(), j.value && j.value.setStartValue(a.value.style.chart.zoom.startIndex)), a.value.style.chart.zoom.endIndex !== null && (await pe(), await pe(), j.value && j.value.setEndValue($a(a.value.style.chart.zoom.endIndex + 1)))) : (r.value = {
         start: 0,
         end: I.value
       }, Pe.value += 1);
@@ -212,9 +212,9 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       T.value.width = e * V.value * 2, T.value.height = t * V.value * 2, y.value = e * V.value * 2, P.value = t * V.value * 2, s.value.scale(V.value, V.value), oe();
     }
     function Ta() {
-      if (s.value.clearRect(0, 0, 1e4, 1e4), s.value.fillStyle = a.value.style.chart.backgroundColor, s.value.fillRect(0, 0, l.value.canvasWidth, l.value.canvasHeight), r.value.stacked)
-        a.value.style.chart.grid.y.verticalLines.show && u.value.end - u.value.start < a.value.style.chart.grid.y.verticalLines.hideUnderXLength ? h.value.forEach((e) => {
-          for (let t = 0; t < u.value.end - u.value.start + 1; t += 1)
+      if (s.value.clearRect(0, 0, 1e4, 1e4), s.value.fillStyle = a.value.style.chart.backgroundColor, s.value.fillRect(0, 0, l.value.canvasWidth, l.value.canvasHeight), u.value.stacked)
+        a.value.style.chart.grid.y.verticalLines.show && r.value.end - r.value.start < a.value.style.chart.grid.y.verticalLines.hideUnderXLength ? h.value.forEach((e) => {
+          for (let t = 0; t < r.value.end - r.value.start + 1; t += 1)
             k(
               s.value,
               [
@@ -231,17 +231,17 @@ const Cl = ["id"], wl = ["onClick"], zl = {
                 color: a.value.style.chart.grid.y.verticalLines.color
               }
             );
-        }) : a.value.style.chart.grid.y.verticalLines.show && u.value.end - u.value.start >= a.value.style.chart.grid.y.verticalLines.hideUnderXLength && h.value.forEach((e) => {
-          for (let t = u.value.start; t < u.value.end; t += 1)
-            t % Math.floor((u.value.end - u.value.start) / a.value.style.chart.grid.y.timeLabels.modulo) === 0 && k(
+        }) : a.value.style.chart.grid.y.verticalLines.show && r.value.end - r.value.start >= a.value.style.chart.grid.y.verticalLines.hideUnderXLength && h.value.forEach((e) => {
+          for (let t = r.value.start; t < r.value.end; t += 1)
+            t % Math.floor((r.value.end - r.value.start) / a.value.style.chart.grid.y.timeLabels.modulo) === 0 && k(
               s.value,
               [
                 {
-                  x: l.value.left + l.value.slot * (t - u.value.start) + l.value.slot / 2,
+                  x: l.value.left + l.value.slot * (t - r.value.start) + l.value.slot / 2,
                   y: l.value.bottom - e.yOffset - e.individualHeight
                 },
                 {
-                  x: l.value.left + l.value.slot * (t - u.value.start) + l.value.slot / 2,
+                  x: l.value.left + l.value.slot * (t - r.value.start) + l.value.slot / 2,
                   y: l.value.bottom - e.yOffset
                 }
               ],
@@ -266,7 +266,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
             );
           });
         }) : h.value.forEach((e) => {
-          e.localYLabels.slice(u.value.start, u.value.end).forEach((t) => {
+          e.localYLabels.slice(r.value.start, r.value.end).forEach((t) => {
             k(
               s.value,
               [
@@ -325,8 +325,8 @@ const Cl = ["id"], wl = ["onClick"], zl = {
           );
         });
       else {
-        if (a.value.style.chart.grid.y.verticalLines.show && u.value.end - u.value.start < a.value.style.chart.grid.y.verticalLines.hideUnderXLength)
-          for (let e = 0; e < u.value.end - u.value.start + 1; e += 1)
+        if (a.value.style.chart.grid.y.verticalLines.show && r.value.end - r.value.start < a.value.style.chart.grid.y.verticalLines.hideUnderXLength)
+          for (let e = 0; e < r.value.end - r.value.start + 1; e += 1)
             k(
               s.value,
               [
@@ -337,13 +337,13 @@ const Cl = ["id"], wl = ["onClick"], zl = {
                 color: a.value.style.chart.grid.y.verticalLines.color
               }
             );
-        else if (a.value.style.chart.grid.y.verticalLines.show && u.value.end - u.value.start >= a.value.style.chart.grid.y.verticalLines.hideUnderXLength)
-          for (let e = u.value.start; e < u.value.end; e += 1)
-            e % Math.floor((u.value.end - u.value.start) / a.value.style.chart.grid.y.timeLabels.modulo) === 0 && k(
+        else if (a.value.style.chart.grid.y.verticalLines.show && r.value.end - r.value.start >= a.value.style.chart.grid.y.verticalLines.hideUnderXLength)
+          for (let e = r.value.start; e < r.value.end; e += 1)
+            e % Math.floor((r.value.end - r.value.start) / a.value.style.chart.grid.y.timeLabels.modulo) === 0 && k(
               s.value,
               [
-                { x: l.value.left + l.value.slot * (e - u.value.start) + l.value.slot / 2, y: l.value.top },
-                { x: l.value.left + l.value.slot * (e - u.value.start) + l.value.slot / 2, y: l.value.bottom }
+                { x: l.value.left + l.value.slot * (e - r.value.start) + l.value.slot / 2, y: l.value.top },
+                { x: l.value.left + l.value.slot * (e - r.value.start) + l.value.slot / 2, y: l.value.bottom }
               ],
               {
                 color: a.value.style.chart.grid.y.verticalLines.color
@@ -445,21 +445,21 @@ const Cl = ["id"], wl = ["onClick"], zl = {
     }
     function Ra() {
       h.value.forEach((e) => {
-        e.showYMarker && ue(e) && R(
+        e.showYMarker && re(e) && R(
           s.value,
           ee(
             a.value.style.chart.dataLabels.formatter,
-            ue(e).value,
+            re(e).value,
             ae({
               p: e.prefix || a.value.style.chart.grid.y.axisLabels.prefix || "",
-              v: ue(e).value,
+              v: re(e).value,
               s: e.suffix || a.value.style.chart.grid.y.axisLabels.suffix || "",
               r: e.rounding || a.value.style.chart.grid.y.axisLabels.rounding || 0
             }),
-            { datapoint: ue(e), seriesIndex: null }
+            { datapoint: re(e), seriesIndex: null }
           ),
           l.value.left - 8 + a.value.style.chart.grid.y.axisLabels.offsetX,
-          ue(e).y,
+          re(e).y,
           {
             align: "right",
             font: `${a.value.style.chart.grid.y.axisLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.y.axisLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
@@ -469,7 +469,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       });
     }
     function Pa() {
-      a.value.style.chart.grid.y.axisLabels.show && (r.value.stacked ? h.value.forEach((e) => {
+      a.value.style.chart.grid.y.axisLabels.show && (u.value.stacked ? h.value.forEach((e) => {
         e.localYLabels.forEach((t, o) => {
           R(
             s.value,
@@ -551,16 +551,16 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       end: a.value.style.chart.grid.y.timeLabels.values.length
     }));
     function Ea() {
-      for (let e = u.value.start; e < u.value.end; e += 1)
-        (u.value.end - u.value.start < a.value.style.chart.grid.y.timeLabels.modulo || u.value.end - u.value.start >= a.value.style.chart.grid.y.timeLabels.modulo && (e % Math.floor((u.value.end - u.value.start) / a.value.style.chart.grid.y.timeLabels.modulo) === 0 || e === c.value + u.value.start && a.value.style.chart.grid.y.timeLabels.showMarker)) && R(
+      for (let e = r.value.start; e < r.value.end; e += 1)
+        (r.value.end - r.value.start < a.value.style.chart.grid.y.timeLabels.modulo || r.value.end - r.value.start >= a.value.style.chart.grid.y.timeLabels.modulo && (e % Math.floor((r.value.end - r.value.start) / a.value.style.chart.grid.y.timeLabels.modulo) === 0 || e === c.value + r.value.start && a.value.style.chart.grid.y.timeLabels.showMarker)) && R(
           s.value,
           H.value[e] ? H.value[e].text : e + 1,
-          l.value.left + l.value.slot * (e - u.value.start) + l.value.slot / 2,
+          l.value.left + l.value.slot * (e - r.value.start) + l.value.slot / 2,
           l.value.bottom + y.value / a.value.style.chart.grid.y.timeLabels.offsetY,
           {
             align: a.value.style.chart.grid.y.timeLabels.rotation === 0 ? "center" : a.value.style.chart.grid.y.timeLabels.rotation > 0 ? "left" : "right",
             font: `${a.value.style.chart.grid.y.timeLabels.bold ? "bold " : ""}${Math.round(y.value / 40 * a.value.style.chart.grid.y.timeLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
-            color: a.value.style.chart.grid.y.timeLabels.showMarker ? ve(a.value.style.chart.grid.y.timeLabels.color, c.value !== null ? c.value + u.value.start === e ? 100 : 20 : 100) : a.value.style.chart.grid.y.timeLabels.color,
+            color: a.value.style.chart.grid.y.timeLabels.showMarker ? ve(a.value.style.chart.grid.y.timeLabels.color, c.value !== null ? c.value + r.value.start === e ? 100 : 20 : 100) : a.value.style.chart.grid.y.timeLabels.color,
             rotation: a.value.style.chart.grid.y.timeLabels.rotation
           }
         );
@@ -600,19 +600,19 @@ const Cl = ["id"], wl = ["onClick"], zl = {
             s.value,
             [
               {
-                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (r.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)),
-                y: r.value.stacked ? e.localZero : m.value.zero
+                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)),
+                y: u.value.stacked ? e.localZero : m.value.zero
               },
               {
-                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (r.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)) + l.value.slot * 0.8 / (r.value.stacked ? 1 : w.value.length),
-                y: r.value.stacked ? e.localZero : m.value.zero
+                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)) + l.value.slot * 0.8 / (u.value.stacked ? 1 : w.value.length),
+                y: u.value.stacked ? e.localZero : m.value.zero
               },
               {
-                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (r.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)) + l.value.slot * 0.8 / (r.value.stacked ? 1 : w.value.length),
+                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)) + l.value.slot * 0.8 / (u.value.stacked ? 1 : w.value.length),
                 y: e.coordinatesLine[o].y
               },
               {
-                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (r.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)),
+                x: l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)),
                 y: e.coordinatesLine[o].y
               }
             ],
@@ -626,7 +626,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
                 },
                 end: {
                   x: e.coordinatesLine[o].x,
-                  y: r.value.stacked ? e.localZero : m.value.zero
+                  y: u.value.stacked ? e.localZero : m.value.zero
                 },
                 stops: [
                   { offset: 0, color: e.color },
@@ -634,7 +634,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
                 ]
               }
             }
-          ), r.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && R(
+          ), u.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && R(
             s.value,
             ee(
               a.value.style.chart.dataLabels.formatter,
@@ -647,8 +647,8 @@ const Cl = ["id"], wl = ["onClick"], zl = {
               }),
               { datapoint: e.coordinatesLine[o], seriesIndex: o }
             ),
-            l.value.left + l.value.slot * o + l.value.slot / 10 + (r.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)) + l.value.slot * 0.4 / (r.value.stacked ? 1 : w.value.length),
-            (e.coordinatesLine[o].value < 0 ? r.value.stacked ? e.localZero : m.value.zero : e.coordinatesLine[o].y) + a.value.style.chart.dataLabels.offsetY,
+            l.value.left + l.value.slot * o + l.value.slot / 10 + (u.value.stacked ? 0 : l.value.slot / w.value.length * t - (t === 0 ? 0 : l.value.slot / (5 * w.value.length) * t)) + l.value.slot * 0.4 / (u.value.stacked ? 1 : w.value.length),
+            (e.coordinatesLine[o].value < 0 ? u.value.stacked ? e.localZero : m.value.zero : e.coordinatesLine[o].y) + a.value.style.chart.dataLabels.offsetY,
             {
               align: "center",
               font: `${Math.round(y.value / 40 * a.value.style.chart.dataLabels.fontSizeRatio)}px ${a.value.style.fontFamily}`,
@@ -660,7 +660,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       });
     }
     function Na(e) {
-      e.useArea ? r.value.stacked ? ca(
+      e.useArea ? u.value.stacked ? ca(
         s.value,
         [{ x: e.coordinatesLine[0].x, y: e.localZero }, ...e.coordinatesLine, { x: e.coordinatesLine.at(-1).x, y: e.localZero }],
         {
@@ -695,8 +695,8 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       });
     }
     function oe() {
-      Ta(), N.value ? (c.value !== null && a.value.style.chart.selector.show && Je(), Da(), r.value.stacked && a.value.style.chart.grid.x.showAxis && Ha(), Ia.value.forEach((e) => {
-        (e.type === "line" || !e.type) && Na(e), G.value && (Oa(e), r.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Fa(e));
+      Ta(), N.value ? (c.value !== null && a.value.style.chart.selector.show && Je(), Da(), u.value.stacked && a.value.style.chart.grid.x.showAxis && Ha(), Ia.value.forEach((e) => {
+        (e.type === "line" || !e.type) && Na(e), G.value && (Oa(e), u.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && Fa(e));
       }), xe.value = yl(T.value)) : (xe.value && (s.value.clearRect(0, 0, 1e4, 1e4), s.value.drawImage(xe.value, 0, 0)), c.value !== null && a.value.style.chart.selector.show && Je(), c.value !== null && h.value.forEach((e) => {
         if (e.type === "line" || !e.type || e.type === "plot") {
           if (!e.coordinatesLine[c.value]) return;
@@ -718,7 +718,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
     const ye = cl(() => {
       G.value = !0, Ma();
     }, I.value > 200 ? 10 : 1, !G.value);
-    function ue(e) {
+    function re(e) {
       if ([null, void 0].includes(c.value) || !e.coordinatesLine[c.value]) return !1;
       const { y: t, value: o } = e.coordinatesLine[c.value];
       return { y: t, value: o };
@@ -740,7 +740,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
           name: f.name,
           color: f.color,
           type: f.type || "line",
-          value: f.series.find((Y, S) => S === c.value)
+          value: f.series.find((Y, z) => z === c.value)
         })),
         series: h.value,
         config: a.value
@@ -751,34 +751,34 @@ const Cl = ["id"], wl = ["onClick"], zl = {
           name: f.name,
           color: f.color,
           type: f.type || "line",
-          value: f.series.find((Y, S) => S === c.value)
+          value: f.series.find((Y, z) => z === c.value)
         })),
         series: h.value,
         config: a.value
-      }) : (a.value.style.chart.grid.y.timeLabels.values.slice(u.value.start, u.value.end)[c.value] && (C += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${H.value.slice(u.value.start, u.value.end)[c.value].text}</div>`), C += Sa.value.join(""), de.value = C), G.value = !1;
+      }) : (a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[c.value] && (C += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${H.value.slice(r.value.start, r.value.end)[c.value].text}</div>`), C += za.value.join(""), de.value = C), G.value = !1;
     }
     A(() => c.value, (e) => {
       ye();
-    }), A(() => u.value, (e) => {
+    }), A(() => r.value, (e) => {
       N.value = !0, oe();
     }, {
       deep: !0
-    }), A(() => r.value.showDataLabels, (e) => {
+    }), A(() => u.value.showDataLabels, (e) => {
       N.value = !0, oe();
     }), A(() => M.value, (e) => {
       e && oe();
-    }), A(() => r.value.stacked, (e) => {
+    }), A(() => u.value.stacked, (e) => {
       N.value = !0, G.value = !0, ye();
     });
     function Ua() {
       ce.value = !1, c.value = null, de.value = "", M.value = null, oe();
     }
     const F = Ie(null), q = Ie(null), J = Ie(null);
-    ra(() => {
-      Se();
+    ua(() => {
+      ze();
     });
-    function Se() {
-      if (ul(g.dataset) ? rl({
+    function ze() {
+      if (rl(g.dataset) ? ul({
         componentName: "VueUiXyCanvas",
         type: "dataset"
       }) : T.value && (s.value = T.value.getContext("2d", { willReadFrequently: !0 })), a.value.responsive) {
@@ -832,7 +832,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       let t = [];
       for (let v = 0; v < I.value; v += 1) {
         const C = h.value.map((i) => i.series[v] ?? 0).reduce((i, f) => i + f, 0);
-        t.push([a.value.style.chart.grid.y.timeLabels.values.slice(u.value.start, u.value.end)[v] ? H.value.slice(u.value.start, u.value.end)[v].text : v + 1].concat(h.value.map((i) => (i.series[v] ?? 0).toFixed(a.value.table.rounding))).concat((C ?? 0).toFixed(a.value.table.rounding)));
+        t.push([a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[v] ? H.value.slice(r.value.start, r.value.end)[v].text : v + 1].concat(h.value.map((i) => (i.series[v] ?? 0).toFixed(a.value.table.rounding))).concat((C ?? 0).toFixed(a.value.table.rounding)));
       }
       const o = {
         th: {
@@ -847,7 +847,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         },
         breakpoint: a.value.table.responsiveBreakpoint
       }, n = [a.value.table.columnNames.period].concat(h.value.map((v) => v.name)).concat(a.value.table.columnNames.total);
-      return { head: e, body: t.slice(0, u.value.end - u.value.start), config: o, colNames: n };
+      return { head: e, body: t.slice(0, r.value.end - r.value.start), config: o, colNames: n };
     }), ea = x(() => {
       if (h.value.length === 0) return { head: [], body: [], config: {}, columnNames: [] };
       const e = h.value.map((o) => ({
@@ -855,7 +855,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         color: o.color,
         type: o.type
       })), t = [];
-      for (let o = u.value.start; o < u.value.end; o += 1) {
+      for (let o = r.value.start; o < r.value.end; o += 1) {
         const n = [a.value.style.chart.grid.y.timeLabels.values[o] ? H.value[o].text : o + 1];
         h.value.forEach((v) => {
           n.push(Number((v.series[o] || 0).toFixed(a.value.table.rounding)));
@@ -871,16 +871,16 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       return h.value;
     }
     function la() {
-      r.value.showTable = !r.value.showTable;
+      u.value.showTable = !u.value.showTable;
     }
     function ta() {
-      r.value.showDataLabels = !r.value.showDataLabels;
+      u.value.showDataLabels = !u.value.showDataLabels;
     }
     function oa() {
-      r.value.stacked = !r.value.stacked;
+      u.value.stacked = !u.value.stacked;
     }
-    function ua() {
-      r.value.showTooltip = !r.value.showTooltip;
+    function ra() {
+      u.value.showTooltip = !u.value.showTooltip;
     }
     const ge = d(!1);
     function $e() {
@@ -894,9 +894,9 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       toggleTable: la,
       toggleLabels: ta,
       toggleStack: oa,
-      toggleTooltip: ua,
+      toggleTooltip: ra,
       toggleAnnotator: $e
-    }), (e, t) => (z(), ne("div", {
+    }), (e, t) => (S(), ne("div", {
       style: Q(`width:100%; position:relative; ${a.value.responsive ? "height: 100%" : ""}`),
       ref_key: "xy",
       ref: le,
@@ -905,13 +905,13 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       onMouseenter: t[5] || (t[5] = () => p(He)(!0)),
       onMouseleave: t[6] || (t[6] = () => p(He)(!1))
     }, [
-      a.value.style.chart.title.text ? (z(), ne("div", {
+      a.value.style.chart.title.text ? (S(), ne("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: Ee,
         style: Q(`width:100%;background:${a.value.style.chart.backgroundColor};`)
       }, [
-        (z(), D(bl, {
+        (S(), D(bl, {
           key: `title_${Le.value}`,
           config: {
             title: {
@@ -925,7 +925,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
           }
         }, null, 8, ["config"]))
       ], 4)) : W("", !0),
-      a.value.userOptions.show && we.value && (p(Ye) || p(ze)) ? (z(), D(p(xa), {
+      a.value.userOptions.show && we.value && (p(Ye) || p(Se)) ? (S(), D(p(xa), {
         ref: "details",
         key: `user_option_${Fe.value}`,
         backgroundColor: a.value.style.chart.backgroundColor,
@@ -940,16 +940,17 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         hasLabel: a.value.userOptions.buttons.labels,
         hasStack: Oe.dataset.length > 1 && a.value.userOptions.buttons.stack,
         hasFullscreen: a.value.userOptions.buttons.fullscreen,
-        hasTable: u.value.end - u.value.start < 200 && a.value.userOptions.buttons.table,
+        hasTable: r.value.end - r.value.start < 200 && a.value.userOptions.buttons.table,
         isFullscreen: he.value,
-        isTooltip: r.value.showTooltip,
-        isStacked: r.value.stacked,
+        isTooltip: u.value.showTooltip,
+        isStacked: u.value.stacked,
         titles: { ...a.value.userOptions.buttonTitles },
         chartElement: le.value,
         position: a.value.userOptions.position,
         hasAnnotator: a.value.userOptions.buttons.annotator,
         isAnnotation: ge.value,
         callbacks: a.value.userOptions.callbacks,
+        printScale: a.value.userOptions.print.scale,
         onToggleFullscreen: wa,
         onGeneratePdf: p(Be),
         onGenerateCsv: aa,
@@ -957,10 +958,10 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         onToggleTable: la,
         onToggleLabels: ta,
         onToggleStack: oa,
-        onToggleTooltip: ua,
+        onToggleTooltip: ra,
         onToggleAnnotator: $e,
         style: Q({
-          visibility: p(Ye) ? p(ze) ? "visible" : "hidden" : "visible"
+          visibility: p(Ye) ? p(Se) ? "visible" : "hidden" : "visible"
         })
       }, Za({ _: 2 }, [
         e.$slots.menuIcon ? {
@@ -1033,21 +1034,21 @@ const Cl = ["id"], wl = ["onClick"], zl = {
           ]),
           key: "9"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasLabel", "hasStack", "hasFullscreen", "hasTable", "isFullscreen", "isTooltip", "isStacked", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : W("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasLabel", "hasStack", "hasFullscreen", "hasTable", "isFullscreen", "isTooltip", "isStacked", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : W("", !0),
       ie("div", {
         class: "vue-ui-xy-canvas",
         style: Q(`position: relative; aspect-ratio: ${We.value}`),
         ref_key: "container",
         ref: te
       }, [
-        we.value ? (z(), ne("canvas", {
+        we.value ? (S(), ne("canvas", {
           key: 0,
           ref_key: "canvas",
           ref: T,
           style: { width: "100%", height: "100%" },
           onMousemove: t[0] || (t[0] = (o) => Ya(o)),
           onMouseleave: Ua
-        }, null, 544)) : (z(), D(p(ma), {
+        }, null, 544)) : (S(), D(p(ma), {
           key: 1,
           config: {
             type: "line",
@@ -1066,7 +1067,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
           }
         }, null, 8, ["config"])),
         ja(p(ba), {
-          show: r.value.showTooltip && ce.value,
+          show: u.value.showTooltip && ce.value,
           backgroundColor: a.value.style.chart.tooltip.backgroundColor,
           color: a.value.style.chart.tooltip.color,
           fontSize: a.value.style.chart.tooltip.fontSize,
@@ -1096,7 +1097,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         style: Q(`width:100%;background:${a.value.style.chart.backgroundColor}`),
         "data-dom-to-png-ignore": ""
       }, [
-        a.value.style.chart.zoom.show && I.value > 1 ? (z(), D(xl, {
+        a.value.style.chart.zoom.show && I.value > 1 ? (S(), D(xl, {
           ref_key: "slicerComponent",
           ref: j,
           key: `slicer_${Pe.value}`,
@@ -1104,19 +1105,19 @@ const Cl = ["id"], wl = ["onClick"], zl = {
           borderColor: a.value.style.chart.backgroundColor,
           fontSize: a.value.style.chart.zoom.fontSize,
           useResetSlot: a.value.style.chart.zoom.useResetSlot,
-          labelLeft: a.value.style.chart.grid.y.timeLabels.values[u.value.start] ? H.value[u.value.start].text : "",
-          labelRight: a.value.style.chart.grid.y.timeLabels.values[u.value.end - 1] ? H.value[u.value.end - 1].text : "",
+          labelLeft: a.value.style.chart.grid.y.timeLabels.values[r.value.start] ? H.value[r.value.start].text : "",
+          labelRight: a.value.style.chart.grid.y.timeLabels.values[r.value.end - 1] ? H.value[r.value.end - 1].text : "",
           textColor: a.value.style.chart.color,
           inputColor: a.value.style.chart.zoom.color,
           selectColor: a.value.style.chart.zoom.highlightColor,
           max: I.value,
           min: 0,
-          valueStart: u.value.start,
-          valueEnd: u.value.end,
-          start: u.value.start,
-          "onUpdate:start": t[1] || (t[1] = (o) => u.value.start = o),
-          end: u.value.end,
-          "onUpdate:end": t[2] || (t[2] = (o) => u.value.end = o),
+          valueStart: r.value.start,
+          valueEnd: r.value.end,
+          start: r.value.start,
+          "onUpdate:start": t[1] || (t[1] = (o) => r.value.start = o),
+          end: r.value.end,
+          "onUpdate:end": t[2] || (t[2] = (o) => r.value.end = o),
           refreshStartPoint: a.value.style.chart.zoom.startIndex !== null ? a.value.style.chart.zoom.startIndex : 0,
           refreshEndPoint: a.value.style.chart.zoom.endIndex !== null ? a.value.style.chart.zoom.endIndex + 1 : I.value,
           enableRangeHandles: a.value.style.chart.zoom.enableRangeHandles,
@@ -1133,7 +1134,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         ref_key: "chartLegend",
         ref: Ae
       }, [
-        a.value.style.chart.legend.show && we.value ? (z(), D(ml, {
+        a.value.style.chart.legend.show && we.value ? (S(), D(ml, {
           legendSet: Qe.value,
           config: Wa.value,
           key: `legend_${Ce.value}`,
@@ -1151,10 +1152,10 @@ const Cl = ["id"], wl = ["onClick"], zl = {
           legend: Qe.value
         }, void 0, !0)
       ], 512),
-      e.$slots.watermark ? (z(), ne("div", zl, [
+      e.$slots.watermark ? (S(), ne("div", Sl, [
         L(e.$slots, "watermark", X(_({ isPrinting: p(Xe) || p(_e) })), void 0, !0)
       ])) : W("", !0),
-      e.$slots.source ? (z(), ne("div", {
+      e.$slots.source ? (S(), ne("div", {
         key: 3,
         ref_key: "source",
         ref: Ne,
@@ -1162,11 +1163,11 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       }, [
         L(e.$slots, "source", {}, void 0, !0)
       ], 512)) : W("", !0),
-      u.value.end - u.value.start < 200 ? (z(), D(p(fa), {
+      r.value.end - r.value.start < 200 ? (S(), D(p(fa), {
         key: 4,
         hideDetails: "",
         config: {
-          open: r.value.showTable,
+          open: u.value.showTable,
           maxHeight: 1e4,
           body: {
             backgroundColor: a.value.style.chart.backgroundColor,
@@ -1179,17 +1180,17 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         }
       }, {
         content: b(() => [
-          (z(), D(p(ga), {
+          (S(), D(p(ga), {
             key: `table_${ke.value}`,
             colNames: fe.value.colNames,
             head: fe.value.head,
             body: fe.value.body,
             config: fe.value.config,
             title: `${a.value.style.chart.title.text}${a.value.style.chart.title.subtitle.text ? ` : ${a.value.style.chart.title.subtitle.text}` : ""}`,
-            onClose: t[4] || (t[4] = (o) => r.value.showTable = !1)
+            onClose: t[4] || (t[4] = (o) => u.value.showTable = !1)
           }, {
             th: b(({ th: o }) => [
-              ie("div", { innerHTML: o }, null, 8, Sl)
+              ie("div", { innerHTML: o }, null, 8, zl)
             ]),
             td: b(({ td: o }) => [
               qa(sa(o), 1)
@@ -1199,7 +1200,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
         ]),
         _: 1
       }, 8, ["config"])) : W("", !0),
-      a.value.userOptions.buttons.annotator && h.value.length ? (z(), D(p(pa), {
+      a.value.userOptions.buttons.annotator && h.value.length ? (S(), D(p(pa), {
         key: 5,
         parent: le.value,
         backgroundColor: a.value.style.chart.backgroundColor,
@@ -1209,7 +1210,7 @@ const Cl = ["id"], wl = ["onClick"], zl = {
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : W("", !0)
     ], 46, Cl));
   }
-}, Yl = /* @__PURE__ */ kl($l, [["__scopeId", "data-v-2541a32d"]]);
+}, Yl = /* @__PURE__ */ kl($l, [["__scopeId", "data-v-6363bbe2"]]);
 export {
   Yl as default
 };