vue-data-ui 3.0.0-next.14 → 3.0.0-next.15

package/dist/{vue-ui-xy-6RfR55GH.js → vue-ui-xy-Cjp-slHl.js}

@@ -1,12 +1,12 @@
-import { defineAsyncComponent as Fe, useSlots as Vt, getCurrentInstance as Pt, ref as w, computed as A, onMounted as la, toRefs as Ht, onBeforeUnmount as Ea, watch as Cl, nextTick as me, createElementBlock as r, openBlock as u, normalizeStyle as C, normalizeClass as Ke, createBlock as Ie, createCommentVNode as d, createVNode as yl, unref as v, createSlots as Rt, withCtx as se, renderSlot as U, normalizeProps as Qe, guardReactiveProps as je, createElementVNode as g, Fragment as h, renderList as y, toDisplayString as ae, mergeProps as aa, withDirectives as Bt, vModelCheckbox as Yt, createTextVNode as Ft } from "vue";
-import { u as Et, c as ta, e as oa, A as Wt, a5 as Ee, b as Gt, D as pl, ab as el, d as Xt, p as Dt, ac as Il, aa as R, ad as Ut, v as T, ae as Wa, V as Ga, af as Xa, U as Da, ag as qt, ah as Ua, ai as qa, x as Zt, y as Jt, _ as Za, R as Te, i as ce, f as ye, w as ll, s as $e, a8 as G, L as Kt, F as We, aj as Tl, I as Qt, ak as Ge, C as ul, t as jt, a as eo, o as Ja, q as lo, r as ao, E as rl } from "./index-BTYCKUoi.js";
-import { u as sa } from "./useNestedProp-B-t-jGcw.js";
+import { defineAsyncComponent as Fe, useSlots as Vt, getCurrentInstance as Pt, ref as w, computed as A, onMounted as la, toRefs as Ht, onBeforeUnmount as Wa, watch as Cl, nextTick as me, createElementBlock as r, openBlock as u, normalizeStyle as C, normalizeClass as Ke, createBlock as Ie, createCommentVNode as d, createVNode as yl, unref as v, createSlots as Rt, withCtx as se, renderSlot as U, normalizeProps as Qe, guardReactiveProps as je, createElementVNode as g, Fragment as h, renderList as y, toDisplayString as ae, mergeProps as aa, withDirectives as Bt, vModelCheckbox as Yt, createTextVNode as Ft } from "vue";
+import { u as Et, c as ta, e as oa, A as Wt, a5 as Ee, b as Gt, D as pl, ab as el, d as Xt, p as Dt, ac as Il, aa as R, ad as Ut, v as T, ae as Ga, V as Xa, af as Da, U as Ua, ag as qt, ah as qa, ai as Za, x as Zt, y as Jt, _ as Ja, R as Te, i as ce, f as ye, w as ll, s as $e, a8 as G, L as Kt, F as We, aj as Tl, I as Qt, ak as Ge, C as ul, t as jt, a as eo, o as Ka, q as lo, r as ao, E as rl } from "./index-0Dv-kKZf.js";
+import { u as sa } from "./useNestedProp-B_1ccIiP.js";
 import { u as to } from "./useTimeLabels-DFkUfjfs.js";
-import { S as oo } from "./Slicer-CDDwWiXn.js";
-import so from "./Title-DUpdvxB-.js";
-import { _ as Ol } from "./Shape-B8I8cX9P.js";
-import uo from "./img-BQ7u3oEW.js";
-import { u as ro } from "./usePrinter-JUJEFx1t.js";
+import { S as oo } from "./Slicer-XrQBC47t.js";
+import so from "./Title-Dr1vkryr.js";
+import { _ as Ol } from "./Shape-T9udB7n2.js";
+import uo from "./img-BbqJKhJk.js";
+import { u as ro } from "./usePrinter-Bs9Jf70r.js";
 import { u as io, B as no } from "./useLoading-Bt5Doa8m.js";
 import { _ as co } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "width", "height"], go = { key: 1 }, xo = { class: "vue-ui-xy-grid" }, bo = ["stroke", "x1", "x2", "y1", "y2"], mo = ["stroke", "x1", "x2", "y1", "y2"], yo = { key: 1 }, po = ["x1", "x2", "y1", "y2", "stroke"], ko = ["x1", "x2", "y1", "y2", "stroke"], _o = ["x1", "x2", "y1", "y2", "stroke"], wo = { key: 3 }, So = ["d", "stroke"], $o = { key: 4 }, Lo = ["d", "stroke"], Ao = ["id"], Mo = ["stop-color"], zo = ["stop-color"], Co = ["stop-color"], Io = ["id"], To = ["stop-color"], Oo = ["stop-color"], No = ["stop-color"], Vo = ["id"], Po = ["stop-color"], Ho = ["stop-color"], Ro = ["id"], Bo = ["stop-color"], Yo = ["stop-color"], Fo = ["id"], Eo = ["stop-color"], Wo = ["stop-color"], Go = ["x", "y", "height", "width", "fill"], Xo = ["x", "y", "width"], Do = { key: 0 }, Uo = ["x", "y", "height", "width", "fill"], qo = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Zo = ["x", "y", "height", "width", "rx", "fill", "stroke", "stroke-width"], Jo = ["width", "x", "y"], Ko = { key: 0 }, Qo = ["id"], jo = ["fill"], es = ["x1", "x2", "y1", "y2", "stroke", "marker-end"], ls = ["x", "y", "font-size", "fill"], as = ["stroke", "x1", "x2", "y1", "y2"], ts = { key: 3 }, os = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ss = ["x", "y", "width", "height", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin", "stroke-dasharray"], us = {
@@ -73,11 +73,11 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
     }
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
-  setup(Nl, { expose: Ka, emit: Qa }) {
-    const m = Nl, ja = Fe(() => import("./DataTable-rKKFtHrS.js")), et = Fe(() => import("./Tooltip-CxwXrJ2u.js")), lt = Fe(() => import("./UserOptions-B-B0E6a5.js")), at = Fe(() => import("./BaseIcon-BRbpfizy.js")), tt = Fe(() => import("./vue-ui-table-sparkline-BBfZ4a4I.js")), ot = Fe(() => import("./vue-ui-accordion-xabUfErM.js")), st = Fe(() => import("./PackageVersion-5SA7DsrF.js")), ut = Fe(() => import("./PenAndPaper-BGxzp1tk.js")), Vl = Qa, ua = Vt(), rt = Pt(), { vue_ui_xy: Pl } = Et(), ge = w(null), il = w(null), Le = w(null), al = w(null), nl = w(null), cl = w(null), ra = w(null), Hl = w(null), Rl = w(null), Bl = w(null), Xe = w(null), Yl = w(null), Fl = w(0), M = w(null), ia = w(!0), ue = w(600), Z = w(1e3), De = w("0 0 1000 600"), it = w({ x: 0, y: 0 }), vl = w({ line: "line", bar: "bar", plot: "plot" }), kl = w(!1), tl = w(!1), na = w(!1), _ = w(null), Ue = w(null), te = w([]), q = w(ta()), ca = w(0), va = w(0), da = w(0), dl = w(!0), El = w(0), O = w(null), ha = w(!1), Wl = w(!0), _l = w(!0), pe = w(null), Oe = w({}), wl = w(null), fa = w(0), nt = w(1), ct = A(() => ({
+  setup(Nl, { expose: Qa, emit: ja }) {
+    const m = Nl, et = Fe(() => import("./DataTable-DD-YYbSP.js")), lt = Fe(() => import("./Tooltip-DziB0nPv.js")), at = Fe(() => import("./UserOptions-CgOhoKqW.js")), tt = Fe(() => import("./BaseIcon-OdQ0r1YQ.js")), ot = Fe(() => import("./vue-ui-table-sparkline-BDRsUSTk.js")), st = Fe(() => import("./vue-ui-accordion-Ei-A9Pcc.js")), ut = Fe(() => import("./PackageVersion-CwTQgTky.js")), rt = Fe(() => import("./PenAndPaper-CJGWPJpV.js")), Vl = ja, ua = Vt(), it = Pt(), { vue_ui_xy: Pl } = Et(), ge = w(null), il = w(null), Le = w(null), al = w(null), nl = w(null), cl = w(null), ra = w(null), Hl = w(null), Rl = w(null), Bl = w(null), Xe = w(null), Yl = w(null), Fl = w(0), M = w(null), ia = w(!0), ue = w(600), Z = w(1e3), De = w("0 0 1000 600"), nt = w({ x: 0, y: 0 }), vl = w({ line: "line", bar: "bar", plot: "plot" }), kl = w(!1), tl = w(!1), na = w(!1), _ = w(null), Ue = w(null), te = w([]), q = w(ta()), ca = w(0), va = w(0), da = w(0), dl = w(!0), El = w(0), O = w(null), ha = w(!1), Wl = w(!0), _l = w(!0), pe = w(null), Oe = w({}), wl = w(null), fa = w(0), ct = w(1), vt = A(() => ({
       height: ue.value,
       width: Z.value
-    })), vt = m.config.downsample && m.config.downsample.threshold ? m.config.downsample.threshold : 500, f = w({
+    })), dt = m.config.downsample && m.config.downsample.threshold ? m.config.downsample.threshold : 500, f = w({
       dataLabels: { show: !0 },
       showTooltip: !0,
       showTable: !1,
@@ -211,7 +211,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         }
       })
     }), He = A({
-      get: () => Math.max(...Ne.value.map((a) => Ee({ data: a.series, threshold: vt }).length)),
+      get: () => Math.max(...Ne.value.map((a) => Ee({ data: a.series, threshold: dt }).length)),
       set: (a) => a
     }), S = w({ start: 0, end: He.value }), { isPrinting: Ul, isImaging: ga, generatePdf: xa, generateImage: ba } = ro({
       elementId: `vue-ui-xy_${q.value}`,
@@ -266,13 +266,13 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         height: X.value ? ue.value : ue.value - (l.value.chart.padding.top + l.value.chart.padding.bottom),
         width: X.value ? Z.value - e : Z.value - (l.value.chart.padding.right + l.value.chart.padding.left + e)
       };
-    }), dt = A(() => {
+    }), ht = A(() => {
       const a = l.value.chart.grid.position === "middle" ? 1 : 0, c = b.value + a, e = R(i.value.top), s = R(i.value.bottom);
       return Array.from({ length: c }).map((t, n) => {
         const o = i.value.width / b.value * n + i.value.left + Y.value;
         return `M${o},${e} L${o},${s}`;
       }).join(" ");
-    }), ht = A(() => {
+    }), ft = A(() => {
       if (!l.value.chart.grid.labels.xAxis.showCrosshairs)
         return "";
       const {
@@ -290,9 +290,9 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
       }).filter((t) => t !== null).join(" ");
     });
     function ya() {
-      return !!rt?.vnode.props?.onSelectTimeLabel;
+      return !!it?.vnode.props?.onSelectTimeLabel;
     }
-    function ft(a, c, e) {
+    function gt(a, c, e) {
       if (!wl.value) {
         const s = document.createElement("canvas");
         wl.value = s.getContext("2d");
@@ -341,20 +341,20 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
       });
     }
     const b = A(() => S.value.end - S.value.start);
-    async function gt() {
+    async function xt() {
       if (!Hl.value) return;
       await me();
       let a = i.value.bottom;
       Bl.value && (a += Bl.value.getBBox().height), Hl.value.setAttribute("y", a + x.value.xAxis * 1.3 + l.value.chart.grid.labels.axis.xLabelOffsetY);
     }
-    async function xt() {
+    async function bt() {
       Rl.value && (await me(), Rl.value.setAttribute("transform", `translate(${ql.value.x + l.value.chart.grid.labels.axis.yLabelOffsetX + x.value.yAxis}, ${i.value.top + i.value.height / 2}) rotate(-90)`));
     }
     async function ol() {
       await me();
       const a = ra.value;
       if (!a) return;
-      De.value = `0 0 ${l.value.chart.width} ${l.value.chart.height}`, gt(), await me(), xt();
+      De.value = `0 0 ${l.value.chart.width} ${l.value.chart.height}`, xt(), await me(), bt();
       const c = a.getBBox();
       De.value = `${c.x} ${c.y - x.value.plotLabels} ${c.width + l.value.chart.padding.left} ${c.height + x.value.plotLabels + l.value.chart.padding.top}`, await me(), ge.value.classList.remove("no-transition");
     }
@@ -369,7 +369,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         }
       }
     }
-    function bt(a) {
+    function mt(a) {
       O.value = a;
     }
     function wa() {
@@ -378,23 +378,23 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
     function jl(a) {
       xl.value && a.autoScaling && (l.value.chart.grid.labels.yAxis.useIndividualScale || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.useIndividualScale is set to true`), l.value.chart.grid.labels.yAxis.stacked || console.warn(`VueUiXy (datapoint: ${a.name}) : autoScaling only works when config.chart.grid.labels.yAxis.stacked is set to true`));
     }
-    function mt(a, c) {
+    function yt(a, c) {
       let e = Array(a).fill(0);
       for (let s = 0; s < c.length && s < a; s += 1)
         e[s] = c[s];
       return e;
     }
-    function yt(a) {
+    function pt(a) {
       const c = Math.max(...Ne.value.map((e) => Ee({ data: e.series, threshold: l.value.downsample.threshold }).length));
       return a > c ? c : a < 0 || l.value.chart.zoom.startIndex !== null && a < l.value.chart.zoom.startIndex ? l.value.chart.zoom.startIndex !== null ? l.value.chart.zoom.startIndex + 1 : 1 : a;
     }
     async function ea() {
-      (l.value.chart.zoom.startIndex !== null || l.value.chart.zoom.endIndex !== null) && Le.value ? (l.value.chart.zoom.startIndex !== null && (await me(), await me(), Le.value.setStartValue(l.value.chart.zoom.startIndex)), l.value.chart.zoom.endIndex !== null && (await me(), await me(), Le.value.setEndValue(yt(l.value.chart.zoom.endIndex + 1)))) : (S.value = {
+      (l.value.chart.zoom.startIndex !== null || l.value.chart.zoom.endIndex !== null) && Le.value ? (l.value.chart.zoom.startIndex !== null && (await me(), await me(), Le.value.setStartValue(l.value.chart.zoom.startIndex)), l.value.chart.zoom.endIndex !== null && (await me(), await me(), Le.value.setEndValue(pt(l.value.chart.zoom.endIndex + 1)))) : (S.value = {
         start: 0,
         end: Math.max(...Ne.value.map((a) => Ee({ data: a.series, threshold: l.value.downsample.threshold }).length))
       }, Fl.value += 1);
     }
-    function pt() {
+    function kt() {
       ea();
     }
     function xe(a) {
@@ -429,7 +429,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
     function Ma(a) {
       return a.value >= 0 ? a.y : [null, void 0, NaN, 1 / 0, -1 / 0].includes(a.zeroPosition) ? 0 : a.zeroPosition;
     }
-    function kt(a) {
+    function _t(a) {
       Vl(
         "selectX",
         {
@@ -444,7 +444,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         }
       );
     }
-    function _t() {
+    function wt() {
       return Me.value.map((a) => ({
         values: a.absoluteValues,
         color: a.color,
@@ -452,7 +452,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         type: a.type
       }));
     }
-    async function wt({ scale: a = 2 } = {}) {
+    async function St({ scale: a = 2 } = {}) {
       if (!ge.value) return;
       const { width: c, height: e } = ge.value.getBoundingClientRect(), s = c / e, { imageUri: t, base64: n } = await uo({ domElement: ge.value, base64: !0, img: !0, scale: a });
       return {
@@ -478,12 +478,12 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         type: c.type
       }))), El.value += 1;
     }
-    const St = A(() => {
+    const $t = A(() => {
       const a = l.value.chart.title.text || "Chart visualization", c = l.value.chart.title.subtitle.text || "";
       return `${a}. ${c}`;
     }), Ca = A(() => ({
       linePlot: b.value > l.value.line.dot.hideAboveMaxSerieLength
-    })), $t = A(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), Lt = A(() => {
+    })), Lt = A(() => l.value.chart.userOptions.show && (!l.value.chart.title.show || !l.value.chart.title.text)), At = A(() => {
       if (Array.isArray(l.value.chart.highlightArea))
         return l.value.chart.highlightArea.map((c) => {
           const e = Math.min(c.to, He.value - 1);
@@ -497,22 +497,22 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         to: Math.min(l.value.chart.highlightArea.to, He.value - 1)
       };
       return [{ ...a, span: a.from === a.to ? 1 : a.to < a.from ? 0 : a.to - a.from + 1 }];
-    }), At = A(() => ia.value ? Ne.value.map((a, c) => ({
+    }), Mt = A(() => ia.value ? Ne.value.map((a, c) => ({
       ...a,
       series: Ee({
         data: a.series,
         threshold: l.value.downsample.threshold
       }),
       id: `uniqueId_${c}`
-    })) : Ne.value), Mt = A(() => _e.value.map((a) => {
+    })) : Ne.value), zt = A(() => _e.value.map((a) => {
       const c = a.absoluteValues.map((e) => [void 0, null].includes(e) ? 0 : e);
       return {
         id: a.id,
         name: a.name,
         color: a.color,
-        values: mt(b.value, c)
+        values: yt(b.value, c)
       };
-    })), zt = A(() => ({
+    })), Ct = A(() => ({
       responsiveBreakpoint: l.value.table.responsiveBreakpoint,
       roundingValues: l.value.table.rounding,
       showAverage: !1,
@@ -546,12 +546,12 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         };
       }
       return c;
-    }), Ct = A(() => {
+    }), It = A(() => {
       const a = Ve.value.filter((c) => c.type === "bar").filter((c) => !te.value.includes(c.id)).length;
       return i.value.width / b.value / a - Pe.value * a;
-    }), Pe = A(() => J.value.line * l.value.bar.periodGap), It = A(() => {
+    }), Pe = A(() => J.value.line * l.value.bar.periodGap), Tt = A(() => {
       if (!l.value.chart.zoom.minimap.show) return [];
-      const a = At.value.filter((t) => !te.value.includes(t.id)), c = Math.max(...a.map((t) => t.series.length)), e = [];
+      const a = Mt.value.filter((t) => !te.value.includes(t.id)), c = Math.max(...a.map((t) => t.series.length)), e = [];
       for (let t = 0; t < c; t += 1)
         e.push(a.map((n) => n.series[t] || 0).reduce((n, o) => (n || 0) + (o || 0), 0));
       const s = Math.min(...e);
@@ -583,7 +583,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         return t - z * n;
       };
       return c.map(($) => {
-        const { yAxis: { yTop: z, yBottom: E, label: k } } = $, N = z != null && E != null && z !== E, L = z == null ? null : K(z), Q = E == null ? null : K(E), ie = ft(k.fontSize);
+        const { yAxis: { yTop: z, yBottom: E, label: k } } = $, N = z != null && E != null && z !== E, L = z == null ? null : K(z), Q = E == null ? null : K(E), ie = gt(k.fontSize);
         ie.font = `${k.fontSize}px sans-serif`;
         const D = ie.measureText(k.text).width, be = k.fontSize, Ce = (k.position === "start" ? e + k.padding.left : s - k.padding.right) + k.offsetX, he = (L != null && Q != null ? Math.min(L, Q) : L ?? Q) - k.fontSize / 3 + k.offsetY - k.padding.top;
         let P;
@@ -626,7 +626,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
           max: o.scaleMax || Math.max(...o.absoluteValues) || 1,
           min: o.scaleMin || Math.min(...o.absoluteValues.filter((V) => ![void 0, null].includes(V))) > 0 ? 0 : Math.min(...o.absoluteValues.filter((V) => ![null, void 0].includes(V)))
         }, E = o.scaleSteps || l.value.chart.grid.labels.yAxis.commonScaleSteps, k = 1.0000001, N = l.value.chart.grid.labels.yAxis.useNiceScale ? pl(z.min, z.max === z.min ? z.max * k : z.max, E) : el(z.min, z.max === z.min ? z.max * k : z.max, E), L = l.value.chart.grid.labels.yAxis.useNiceScale ? pl($.valueMin, $.valueMax === $.valueMin ? $.valueMax * k : $.valueMax, E) : el($.valueMin, $.valueMax === $.valueMin ? $.valueMax * k : $.valueMax, E), Q = N.min >= 0 ? 0 : Math.abs(N.min), ie = 0, D = N.max + Q, be = L.max + Math.abs(ie), Ce = o.stackIndex, sl = c - 1 - Ce, he = s ? 1 - o.cumulatedStackRatio : 0, P = s ? n * he + e * sl : 0, H = s ? n * o.stackRatio : i.value.height, j = i.value.bottom - P - H * Q / D, fe = i.value.bottom - P - H * ie / be, ne = Me.value.filter((V) => V.type === "bar").filter((V) => !te.value.includes(V.id)).length, bl = o.series.map((V, le) => {
-          const Ye = f.value.useIndividualScale ? (o.absoluteValues[le] + Q) / D : qe(V), Je = f.value.useIndividualScale && f.value.isStacked ? i.value.left + i.value.width / b.value * le : i.value.left + J.value.bar * B + J.value.bar * le * ne - Ct.value / 2 - B * Pe.value;
+          const Ye = f.value.useIndividualScale ? (o.absoluteValues[le] + Q) / D : qe(V), Je = f.value.useIndividualScale && f.value.isStacked ? i.value.left + i.value.width / b.value * le : i.value.left + J.value.bar * B + J.value.bar * le * ne - It.value / 2 - B * Pe.value;
           return {
             yOffset: T(P),
             individualHeight: T(H),
@@ -708,7 +708,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
           y: T(i.value.bottom - P - (H * bl[oe] || 0)),
           value: o.absoluteValues[oe],
           comment: o.comments && o.comments.slice(S.value.start, S.value.end)[oe] || ""
-        }), Be = l.value.line.cutNullValues ? Wa(ne) : Ga(ne.filter((I) => I.value !== null)), W = l.value.line.cutNullValues ? Wa(ve) : Ga(ve.filter((I) => I.value !== null)), ee = l.value.line.cutNullValues ? Xa(ne) : Da(ne.filter((I) => I.value !== null)), V = l.value.line.cutNullValues ? Xa(ve) : Da(ve.filter((I) => I.value !== null)), le = N.ticks.map((I) => ({
+        }), Be = l.value.line.cutNullValues ? Ga(ne) : Xa(ne.filter((I) => I.value !== null)), W = l.value.line.cutNullValues ? Ga(ve) : Xa(ve.filter((I) => I.value !== null)), ee = l.value.line.cutNullValues ? Da(ne) : Ua(ne.filter((I) => I.value !== null)), V = l.value.line.cutNullValues ? Da(ve) : Ua(ve.filter((I) => I.value !== null)), le = N.ticks.map((I) => ({
           y: I >= 0 ? j - H * (I / D) : j + H * Math.abs(I) / D,
           value: I,
           prefix: o.prefix || l.value.chart.labels.prefix,
@@ -737,13 +737,13 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
           zeroPosition: o.autoScaling ? fe : j,
           curve: o.autoScaling ? W : Be,
           plots: o.autoScaling ? ve : ne,
-          area: o.useArea ? f.value.useIndividualScale ? l.value.line.cutNullValues ? Ua(
+          area: o.useArea ? f.value.useIndividualScale ? l.value.line.cutNullValues ? qa(
             o.autoScaling ? ve : ne,
             ml
-          ) : qa(
+          ) : Za(
             o.autoScaling ? ve.filter((I) => I.value !== null) : ne.filter((I) => I.value !== null),
             ml
-          ) : l.value.line.cutNullValues ? Ua(ne, ml) : qa(ne.filter((I) => I.value !== null), ml) : "",
+          ) : l.value.line.cutNullValues ? qa(ne, ml) : Za(ne.filter((I) => I.value !== null), ml) : "",
           curveAreas: o.useArea ? qt(
             o.autoScaling ? l.value.line.cutNullValues ? ve : ve.filter((I) => I.value !== null) : l.value.line.cutNullValues ? ne : ne.filter((I) => I.value !== null),
             ml,
@@ -871,7 +871,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
       lines: Se.value,
       plots: ze.value,
       config: l.value
-    })), Tt = A(() => {
+    })), Ot = A(() => {
       let a = "", c = fl.value.map((t) => t.value).filter((t) => Il(t) && t !== null).reduce((t, n) => Math.abs(t) + Math.abs(n), 0);
       const e = de.value[_.value], s = l.value.chart.tooltip.customFormat;
       return Zt(s) && Jt(() => s({
@@ -900,7 +900,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
               n = `<svg viewBox="0 0 40 40" height="14" width="14">${ua.pattern ? `<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${t.color}" />` : ""}<rect x="0" y="0" rx="1" stroke="none" height="40" width="40" fill="${ua.pattern ? `url(#pattern_${q.value}_${t.slotAbsoluteIndex}` : t.color}" /></svg>`;
               break;
             case "line":
-              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (o = `<polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${Za({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${o}</svg>`;
+              !t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape) ? o = `<circle cx="10" cy="8" r="4" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" />` : t.shape === "triangle" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 3, rotation: 0.52 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "square" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0.8 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "diamond" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 4, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "pentagon" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 5, rotation: 0.95 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "hexagon" ? o = `<path d="${Te({ plot: { x: 10, y: 8 }, radius: 4, sides: 6, rotation: 0 }).path}" fill="${t.color}" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" />` : t.shape === "star" && (o = `<polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" fill="${t.color}" points="${Ja({ plot: { x: 10, y: 8 }, radius: 4 })}" />`), n = `<svg viewBox="0 0 20 12" height="14" width="20"><rect rx="1.5" x="0" y="6.5" stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="0.5" height="3" width="20" fill="${t.color}" />${o}</svg>`;
               break;
             case "plot":
               if (!t.shape || !["star", "triangle", "square", "diamond", "pentagon", "hexagon"].includes(t.shape)) {
@@ -908,7 +908,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
                 break;
               }
               if (t.shape === "star") {
-                n = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${Za({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
+                n = `<svg viewBox="0 0 12 12" height="14" width="14"><polygon stroke="${l.value.chart.tooltip.backgroundColor}" stroke-width="1" fill="${t.color}" points="${Ja({ plot: { x: 6, y: 6 }, radius: 5 })}" /></svg>`;
                 break;
               }
               if (t.shape === "triangle") {
@@ -1067,7 +1067,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
     }
     const xl = A(() => !!l.value.debug);
     function Fa() {
-      Ja(m.dataset) ? (oa({
+      Ka(m.dataset) ? (oa({
         componentName: "VueUiXy",
         type: "dataset",
         debug: xl.value
@@ -1085,7 +1085,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
 -----> The serie '${c.name}' contains the value '${e}' at index ${s}.
 '${e}' was converted to null to allow the chart to display.`);
         });
-      }), Ja(m.dataset) || (Sl.value = l.value.loading), ha.value = l.value.chart.userOptions.showOnChartHover, Wl.value = l.value.chart.userOptions.keepStateOnChartLeave, _l.value = !l.value.chart.userOptions.showOnChartHover, f.value = {
+      }), Ka(m.dataset) || (Sl.value = l.value.loading), ha.value = l.value.chart.userOptions.showOnChartHover, Wl.value = l.value.chart.userOptions.keepStateOnChartLeave, _l.value = !l.value.chart.userOptions.showOnChartHover, f.value = {
         dataLabels: {
           show: !0
         },
@@ -1112,7 +1112,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         const k = new ResizeObserver((N) => {
           for (const L of N)
             l.value.chart.title.show && il.value ? o = il.value.getBoundingClientRect().height : o = 0, Le.value && Le.value.$el ? F = Le.value.$el.getBoundingClientRect().height : F = 0, al.value ? $ = al.value.getBoundingClientRect().height : $ = 0, nl.value ? z = nl.value.getBoundingClientRect().height : z = 0, cl.value ? E = cl.value.getBoundingClientRect().height : E = 0, X.value && ge.value.classList.add("no-transition"), requestAnimationFrame(() => {
-              ue.value = L.contentRect.height - o - $ - F - z - E - (X.value ? 48 : a), X.value ? (fa.value = L.contentRect.height - ue.value, Z.value = L.contentBoxSize[0].inlineSize, nt.value = Z.value / fa.value, ol()) : (Z.value = L.contentBoxSize[0].inlineSize, De.value = `0 0 ${Z.value < 0 ? 10 : Z.value} ${ue.value < 0 ? 10 : ue.value}`), Ya();
+              ue.value = L.contentRect.height - o - $ - F - z - E - (X.value ? 48 : a), X.value ? (fa.value = L.contentRect.height - ue.value, Z.value = L.contentBoxSize[0].inlineSize, ct.value = Z.value / fa.value, ol()) : (Z.value = L.contentBoxSize[0].inlineSize, De.value = `0 0 ${Z.value < 0 ? 10 : Z.value} ${ue.value < 0 ? 10 : ue.value}`), Ya();
             });
         });
         Xe.value = k, Yl.value = e, k.observe(e);
@@ -1121,18 +1121,18 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
     }
     la(() => {
       Fa(), ea(), document.addEventListener("mousemove", (a) => {
-        it.value = {
+        nt.value = {
           x: a.clientX,
           y: a.clientY
         };
       }), document.addEventListener("scroll", pa);
-    }), Ea(() => {
+    }), Wa(() => {
       document.removeEventListener("scroll", pa), Xe.value && (Xe.value.unobserve(Yl.value), Xe.value.disconnect());
     }), Cl(() => f.value.isStacked, async () => {
       X.value && (await me(), ol(), Ql());
     });
     let zl;
-    async function Ot() {
+    async function Ea() {
       await me(), ol(), Ql(), zl.disconnect();
     }
     return la(() => {
@@ -1140,12 +1140,12 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         for (const c of a) {
           const { width: e, height: s } = c.contentRect;
           if (e > 0 && s > 0) {
-            Ot();
+            Ea();
             break;
           }
         }
       }), zl.observe(ge.value.parentElement));
-    }), Ea(() => {
+    }), Wa(() => {
       zl?.disconnect();
     }), Cl(() => m.dataset, (a) => {
       Array.isArray(a) && a.length > 0 && (Sl.value = !1), He.value = Math.max(...Ne.value.map((c) => Ee({
@@ -1154,7 +1154,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
       }).length)), S.value = {
         start: 0,
         end: He.value
-      }, Fl.value += 1, El.value += 1;
+      }, Fl.value += 1, El.value += 1, Ea();
     }, { deep: !0 }), Cl(() => m.config, (a) => {
       Dl.value || (l.value = Gl()), Fa(), da.value += 1, va.value += 1, f.value = {
         dataLabels: {
@@ -1175,9 +1175,9 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         isStacked: l.value.chart.grid.labels.yAxis.stacked,
         useIndividualScale: l.value.chart.grid.labels.yAxis.useIndividualScale
       };
-    }, { immediate: !0 }), Ka({
-      getData: _t,
-      getImage: wt,
+    }, { immediate: !0 }), Qa({
+      getData: wt,
+      getImage: St,
       generatePdf: xa,
       generateImage: ba,
       generateCsv: Na,
@@ -1196,7 +1196,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
       onMouseenter: c[7] || (c[7] = () => ka(!0)),
       onMouseleave: c[8] || (c[8] = () => ka(!1))
     }, [
-      l.value.chart.userOptions.buttons.annotator && pe.value ? (u(), Ie(v(ut), {
+      l.value.chart.userOptions.buttons.annotator && pe.value ? (u(), Ie(v(rt), {
         key: 0,
         svgRef: pe.value,
         backgroundColor: l.value.chart.backgroundColor,
@@ -1204,7 +1204,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         active: kl.value,
         onClose: Kl
       }, null, 8, ["svgRef", "backgroundColor", "color", "active"])) : d("", !0),
-      $t.value ? (u(), r("div", {
+      Lt.value ? (u(), r("div", {
         key: 1,
         ref_key: "noTitle",
         ref: cl,
@@ -1232,7 +1232,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
           }
         }, null, 8, ["config"]))
       ], 4)) : d("", !0),
-      l.value.chart.userOptions.show && (Wl.value || _l.value) ? (u(), Ie(v(lt), {
+      l.value.chart.userOptions.show && (Wl.value || _l.value) ? (u(), Ie(v(at), {
         ref: "defails",
         key: `user_options_${ca.value}`,
         backgroundColor: l.value.chart.backgroundColor,
@@ -1350,7 +1350,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         width: X.value ? void 0 : "100%",
         viewBox: De.value,
         style: C(`background: transparent; color:${l.value.chart.color}; font-family:${l.value.chart.fontFamily}`),
-        "aria-label": St.value,
+        "aria-label": $t.value,
         role: "img",
         "aria-live": "polite",
         preserveAspectRatio: "xMidYMid"
@@ -1360,7 +1360,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
           ref: ra,
           class: "vue-data-ui-g"
         }, [
-          yl(v(st)),
+          yl(v(ut)),
           a.$slots["chart-background"] ? (u(), r("foreignObject", {
             key: 0,
             x: i.value.left + Y.value < 0 ? 0 : i.value.left + Y.value,
@@ -1433,7 +1433,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
               ], 64)),
               l.value.chart.grid.showVerticalLines ? (u(), r("g", wo, [
                 g("path", {
-                  d: dt.value,
+                  d: ht.value,
                   "stroke-width": 0.5,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-linecap": "round",
@@ -1442,7 +1442,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
               ])) : d("", !0),
               l.value.chart.grid.labels.xAxisLabels.show ? (u(), r("g", $o, [
                 g("path", {
-                  d: ht.value,
+                  d: ft.value,
                   stroke: l.value.chart.grid.stroke,
                   "stroke-width": 1,
                   "stroke-linecap": "round",
@@ -1548,7 +1548,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
                 }, null, 8, Wo)
               ], 8, Fo)
             ]))), 128)),
-            (u(!0), r(h, null, y(Lt.value, (e) => (u(), r("g", null, [
+            (u(!0), r(h, null, y(At.value, (e) => (u(), r("g", null, [
               e.show ? (u(), r(h, { key: 0 }, [
                 (u(!0), r(h, null, y(e.span, (s, t) => (u(), r("g", null, [
                   g("rect", {
@@ -2516,7 +2516,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
                 fill: "transparent",
                 onMouseenter: (t) => Va(!0, s),
                 onMouseleave: c[1] || (c[1] = (t) => Va(!1)),
-                onClick: (t) => kt(s)
+                onClick: (t) => _t(s)
               }, null, 40, pu))), 128))
             ])) : d("", !0),
             l.value.chart.timeTag.show && (![null, void 0].includes(_.value) || ![null, void 0].includes(O.value)) ? (u(), r("g", ku, [
@@ -2540,7 +2540,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
               }, null, 8, wu)
             ])) : d("", !0)
           ])) : d("", !0),
-          U(a.$slots, "svg", { svg: ct.value }, void 0, !0)
+          U(a.$slots, "svg", { svg: vt.value }, void 0, !0)
         ], 512)
       ], 14, ho)),
       a.$slots.watermark ? (u(), r("div", Su, [
@@ -2783,7 +2783,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         inputColor: l.value.chart.zoom.color,
         selectColor: l.value.chart.zoom.highlightColor,
         borderColor: l.value.chart.backgroundColor,
-        minimap: It.value,
+        minimap: Tt.value,
         smoothMinimap: l.value.chart.zoom.minimap.smooth,
         minimapSelectedColor: l.value.chart.zoom.minimap.selectedColor,
         minimapSelectionRadius: l.value.chart.zoom.minimap.selectionRadius,
@@ -2804,8 +2804,8 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         refreshEndPoint: l.value.chart.zoom.endIndex !== null ? l.value.chart.zoom.endIndex + 1 : Math.max(...Nl.dataset.map((e) => v(Ee)({ data: e.series, threshold: l.value.downsample.threshold }).length)),
         enableRangeHandles: l.value.chart.zoom.enableRangeHandles,
         enableSelectionDrag: l.value.chart.zoom.enableSelectionDrag,
-        onReset: pt,
-        onTrapMouse: bt
+        onReset: kt,
+        onTrapMouse: mt
       }, {
         "reset-action": se(({ reset: e }) => [
           U(a.$slots, "reset-action", Qe(je({ reset: e })), void 0, !0)
@@ -2891,7 +2891,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
       }, [
         U(a.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
-      yl(v(et), {
+      yl(v(lt), {
         show: f.value.showTooltip && na.value,
         backgroundColor: l.value.chart.tooltip.backgroundColor,
         color: l.value.chart.tooltip.color,
@@ -2903,7 +2903,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         position: l.value.chart.tooltip.position,
         offsetY: l.value.chart.tooltip.offsetY,
         parent: a.$refs.chart,
-        content: Tt.value,
+        content: Ot.value,
         isFullscreen: tl.value,
         isCustom: l.value.chart.tooltip.customFormat && typeof l.value.chart.tooltip.customFormat == "function"
       }, {
@@ -2915,7 +2915,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
-      Xl.value ? (u(), Ie(v(ot), {
+      Xl.value ? (u(), Ie(v(st), {
         key: 9,
         hideDetails: "",
         config: {
@@ -2946,18 +2946,18 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
                 onClick: c[5] || (c[5] = (e) => dl.value = !dl.value),
                 style: { cursor: "pointer" }
               }, [
-                yl(v(at), {
+                yl(v(tt), {
                   name: "chartLine",
                   size: 20,
                   stroke: l.value.chart.color
                 }, null, 8, ["stroke"])
               ])
             ]),
-            dl.value ? (u(), Ie(v(tt), {
+            dl.value ? (u(), Ie(v(ot), {
               key: `sparkline_${El.value}`,
-              dataset: Mt.value,
-              config: zt.value
-            }, null, 8, ["dataset", "config"])) : (u(), Ie(v(ja), {
+              dataset: zt.value,
+              config: Ct.value
+            }, null, 8, ["dataset", "config"])) : (u(), Ie(v(et), {
               key: `table_${va.value}`,
               colNames: Ml.value.colNames,
               head: Ml.value.head,
@@ -2986,7 +2986,7 @@ const vo = ["id"], ho = ["width", "viewBox", "aria-label"], fo = ["x", "y", "wid
       v(Dl) ? (u(), Ie(no, { key: 10 })) : d("", !0)
     ], 46, vo));
   }
-}, or = /* @__PURE__ */ co(Du, [["__scopeId", "data-v-f9325c33"]]);
+}, or = /* @__PURE__ */ co(Du, [["__scopeId", "data-v-5ce859bf"]]);
 export {
   or as default
 };

package/dist/{vue-ui-xy-canvas-C1Yk4nEd.js → vue-ui-xy-canvas-D_8MZJyM.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as Q, ref as d, computed as L, useSlots as Va, onMounted as sa, watch as D, nextTick as pe, shallowRef as Ie, onBeforeUnmount as Ga, createElementBlock as ne, openBlock as S, unref as p, normalizeClass as Za, normalizeStyle as ee, createCommentVNode as X, createBlock as N, createElementVNode as ie, createSlots as ja, withCtx as x, renderSlot as k, normalizeProps as B, guardReactiveProps as _, createVNode as qa, toDisplayString as na, createTextVNode as Ja } from "vue";
-import { u as Ka, c as Qa, t as el, p as V, a as al, C as me, b as ll, D as Me, i as ae, f as le, d as ia, a5 as tl, G as ol, ad as rl, o as ul, e as sl, x as va, q as nl, r as il, y as vl, s as ve, l as cl } from "./index-BTYCKUoi.js";
+import { u as Ka, c as Qa, t as el, p as V, a as al, C as me, b as ll, D as Me, i as ae, f as le, d as ia, a5 as tl, G as ol, ad as rl, o as ul, e as sl, x as va, q as nl, r as il, y as vl, s as ve, l as cl } from "./index-0Dv-kKZf.js";
 import { d as dl, t as hl, u as yl, c as fl, a as ca, l as C, r as Te, b as R, p as da } from "./useResponsive-DfdjqQps.js";
-import { u as ha } from "./useNestedProp-B-t-jGcw.js";
-import { u as gl } from "./usePrinter-JUJEFx1t.js";
+import { u as ha } from "./useNestedProp-B_1ccIiP.js";
+import { u as gl } from "./usePrinter-Bs9Jf70r.js";
 import { u as pl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ml } from "./useChartAccessibility-9icAAmYg.js";
-import bl from "./Legend-C8sMzjM5.js";
-import xl from "./Title-DUpdvxB-.js";
-import { S as Ll } from "./Slicer-CDDwWiXn.js";
+import bl from "./Legend-QkCw3q-n.js";
+import xl from "./Title-Dr1vkryr.js";
+import { S as Ll } from "./Slicer-XrQBC47t.js";
 import { u as kl } from "./useTimeLabels-DFkUfjfs.js";
-import Cl from "./img-BQ7u3oEW.js";
+import Cl from "./img-BbqJKhJk.js";
 import { _ as wl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Sl = ["id"], zl = ["onClick"], $l = {
   key: 2,
@@ -32,7 +32,7 @@ const Sl = ["id"], zl = ["onClick"], $l = {
   },
   emits: ["selectLegend"],
   setup(Oe, { expose: ya, emit: fa }) {
-    const ga = Q(() => import("./vue-ui-accordion-xabUfErM.js")), pa = Q(() => import("./DataTable-rKKFtHrS.js")), ma = Q(() => import("./NonSvgPenAndPaper-BeXXzLia.js")), ba = Q(() => import("./vue-ui-skeleton-UJqwc3T_.js")), xa = Q(() => import("./Tooltip-CxwXrJ2u.js")), La = Q(() => import("./UserOptions-B-B0E6a5.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Oe, be = d(Qa()), P = d(null), te = d(null), s = d(null), y = d(1), E = d(1), ce = d(!1), c = d(null), de = d(""), Re = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), xe = d(null), Pe = d(0), Ee = d(0), he = d(!1), Fe = d(null), Ae = d(null), De = d(null), Ne = d(null), Le = d(0), ke = d(0), Ce = d(0), M = d(null), we = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
+    const ga = Q(() => import("./vue-ui-accordion-Ei-A9Pcc.js")), pa = Q(() => import("./DataTable-DD-YYbSP.js")), ma = Q(() => import("./NonSvgPenAndPaper-CLRd_P0a.js")), ba = Q(() => import("./vue-ui-skeleton-KAJ8lszm.js")), xa = Q(() => import("./Tooltip-DziB0nPv.js")), La = Q(() => import("./UserOptions-CgOhoKqW.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Oe, be = d(Qa()), P = d(null), te = d(null), s = d(null), y = d(1), E = d(1), ce = d(!1), c = d(null), de = d(""), Re = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), xe = d(null), Pe = d(0), Ee = d(0), he = d(!1), Fe = d(null), Ae = d(null), De = d(null), Ne = d(null), Le = d(0), ke = d(0), Ce = d(0), M = d(null), we = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
     sa(() => {
       wa["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vue-data-ui",
   "private": false,
-  "version": "3.0.0-next.14",
+  "version": "3.0.0-next.15",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [