vue-data-ui 2.6.5 → 2.6.7

package/dist/{vue-ui-xy-canvas-DI7LiD4U.js → vue-ui-xy-canvas-BQm9gah4.js}

@@ -1,22 +1,23 @@
-import { ref as i, computed as x, useSlots as Ea, onMounted as la, watch as E, nextTick as ye, onBeforeUnmount as Aa, createElementBlock as te, openBlock as w, unref as z, normalizeClass as Da, normalizeStyle as V, createCommentVNode as Y, createBlock as A, createElementVNode as oe, createSlots as Ha, withCtx as m, renderSlot as L, normalizeProps as Z, guardReactiveProps as G, createVNode as Na, toDisplayString as ta, createTextVNode as Ya } from "vue";
-import { u as _a, c as Ua, t as Wa, p as _, a as Xa, C as fe, b as Ba, D as ze, i as j, f as q, d as oa, _ as Va, J as Za, a9 as Ga, o as ja, e as qa, x as ra, q as Ja, r as Ka, y as Qa, s as re, l as el } from "./index-DLCyjPV0.js";
+import { ref as v, computed as x, useSlots as Ea, onMounted as la, watch as E, nextTick as ye, onBeforeUnmount as Aa, createElementBlock as te, openBlock as z, unref as w, normalizeClass as Da, normalizeStyle as V, createCommentVNode as Y, createBlock as A, createElementVNode as oe, createSlots as Ha, withCtx as m, renderSlot as L, normalizeProps as Z, guardReactiveProps as G, createVNode as Na, toDisplayString as ta, createTextVNode as Ya } from "vue";
+import { u as _a, c as Ua, t as Wa, p as _, a as Xa, C as fe, b as Ba, D as ze, i as j, f as q, d as oa, _ as Va, J as Za, a9 as Ga, o as ja, e as qa, x as ra, q as Ja, r as Ka, y as Qa, s as re, l as el } from "./index-9EeNZMz1.js";
 import { d as al, t as ll, u as tl, c as ol, a as ua, l as b, r as Se, b as R, p as sa } from "./useResponsive-BWapHhVH.js";
-import { _ as rl } from "./Tooltip-C9lPh5bN.js";
-import { L as ul } from "./Legend-CyJrN721.js";
-import { _ as sl } from "./Title-CXBc1TH6.js";
-import { S as nl } from "./Slicer-D3tEQT9Z.js";
-import { u as il, U as vl } from "./usePrinter-CpHZjw3G.js";
-import cl from "./vue-ui-accordion-DR2qjfsa.js";
-import { D as dl } from "./DataTable-BCCBpyhr.js";
-import hl from "./vue-ui-skeleton-D6ojufhb.js";
-import { u as na } from "./useNestedProp-q86V3_LA.js";
-import { P as yl } from "./PenAndPaper-Cniu2YEX.js";
+import { _ as rl } from "./Tooltip-Cxc8c50d.js";
+import { L as ul } from "./Legend-NKGwxkI7.js";
+import { _ as sl } from "./Title-BI8etrRU.js";
+import { S as nl } from "./Slicer-C7ormJRw.js";
+import { u as il, U as vl } from "./usePrinter-ngrh00Ym.js";
+import cl from "./vue-ui-accordion-Qo8JxnIN.js";
+import { D as dl } from "./DataTable-TjJIVFlL.js";
+import hl from "./vue-ui-skeleton-BmJiYGtE.js";
+import { u as na } from "./useNestedProp-df_bKQEI.js";
+import { P as yl } from "./PenAndPaper-CxC1lWGK.js";
 import { u as fl } from "./useUserOptionState-BIvW1Kz7.js";
-import { _ as gl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const pl = ["id"], ml = ["onClick"], bl = {
+import { u as gl } from "./useChartAccessibility-BWojgys7.js";
+import { _ as pl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ml = ["id"], bl = ["onClick"], xl = {
   key: 2,
   class: "vue-data-ui-watermark"
-}, xl = ["innerHTML"], Ll = {
+}, Ll = ["innerHTML"], kl = {
   __name: "vue-ui-xy-canvas",
   props: {
     dataset: {
@@ -34,14 +35,14 @@ const pl = ["id"], ml = ["onClick"], bl = {
   },
   emits: ["selectLegend"],
   setup($e, { expose: ia, emit: va }) {
-    const { vue_ui_xy_canvas: ca } = _a(), g = $e, ge = i(Ua()), J = i(null), M = i(null), K = i(null), s = i(null), y = i(1), P = i(1), ue = i(!1), c = i(null), se = i(""), Ie = i(null), $ = i([]), U = i(1), D = i(!0), W = i(!0), pe = i(null), Me = i(0), Te = i(0), ne = i(!1), Oe = i(null), Re = i(null), Pe = i(null), Fe = i(null), me = i(0), be = i(0), xe = i(0), T = i(null), Le = x(() => !!g.dataset && g.dataset.length), da = va, ha = Ea();
+    const { vue_ui_xy_canvas: ca } = _a(), g = $e, ge = v(Ua()), J = v(null), K = v(null), s = v(null), y = v(1), P = v(1), ue = v(!1), c = v(null), se = v(""), Ie = v(null), $ = v([]), U = v(1), D = v(!0), W = v(!0), pe = v(null), Me = v(0), Te = v(0), ne = v(!1), Oe = v(null), Re = v(null), Pe = v(null), Fe = v(null), me = v(0), be = v(0), xe = v(0), M = v(null), Le = x(() => !!g.dataset && g.dataset.length), da = va, ha = Ea();
     la(() => {
       ha["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
     const a = x({
       get: () => De(),
       set: (e) => e
-    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ee, keepUserOptionState: Ae } = fl({ config: a.value });
+    }), { userOptionsVisible: ke, setUserOptionsVisibility: Ee, keepUserOptionState: Ae } = fl({ config: a.value }), { svgRef: T } = gl({ config: a.value.style.chart.title });
     function De() {
       const e = na({
         userConfig: g.config,
@@ -61,10 +62,10 @@ const pl = ["id"], ml = ["onClick"], bl = {
     }, { deep: !0 }), E(() => g.dataset, () => {
       Ce(), me.value += 1, be.value += 1, xe.value += 1;
     }, { deep: !0 });
-    const He = i(a.value.style.chart.aspectRatio), { isPrinting: Ne, isImaging: Ye, generatePdf: _e, generateImage: Ue } = il({
+    const He = v(a.value.style.chart.aspectRatio), { isPrinting: Ne, isImaging: Ye, generatePdf: _e, generateImage: Ue } = il({
       elementId: `xy_canvas_${ge.value}`,
       fileName: a.value.style.chart.title.text || "vue-ui-xy-canvas"
-    }), u = i({
+    }), u = v({
       showTable: a.value.table.show,
       showDataLabels: a.value.style.chart.dataLabels.show,
       stacked: a.value.style.chart.stacked,
@@ -90,13 +91,13 @@ const pl = ["id"], ml = ["onClick"], bl = {
     function Xe(e, t) {
       return e / t;
     }
-    function fa({ hasAutoScale: e, series: t, min: o, max: n, scale: d, yOffset: C, individualHeight: v, stackIndex: f = null }) {
+    function fa({ hasAutoScale: e, series: t, min: o, max: n, scale: d, yOffset: C, individualHeight: i, stackIndex: f = null }) {
       return t.map((H, S) => {
         const F = d.min < 0 ? Math.abs(d.min) : 0, N = Xe(H + F, F + d.max);
         let ae, le;
         e && (ae = d.min, le = Xe(H - ae, d.max - ae));
         let O = 0;
-        return f === null ? O = l.value.bottom - l.value.height * (e ? le : N) : O = l.value.bottom - C - v * (e ? le : N), {
+        return f === null ? O = l.value.bottom - l.value.height * (e ? le : N) : O = l.value.bottom - C - i * (e ? le : N), {
           x: l.value.left + l.value.slot * S + l.value.slot / 2,
           y: O,
           value: H
@@ -104,10 +105,10 @@ const pl = ["id"], ml = ["onClick"], bl = {
       });
     }
     const p = x(() => {
-      const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(...X.value.filter((v, f) => !$.value.includes(v.absoluteIndex)).flatMap((v) => v.series.slice(r.value.start, r.value.end))), t = a.value.style.chart.scale.max !== null ? a.value.style.chart.scale.max : Math.max(...X.value.filter((v, f) => !$.value.includes(v.absoluteIndex)).flatMap((v) => v.series.slice(r.value.start, r.value.end))), o = ze(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, d = l.value.bottom - l.value.height * (n / (o.max + n)), C = o.ticks.map((v) => ({
-        y: l.value.bottom - l.value.height * ((v + n) / (o.max + n)),
+      const e = a.value.style.chart.scale.min !== null ? a.value.style.chart.scale.min : Math.min(...X.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(...X.value.filter((i, f) => !$.value.includes(i.absoluteIndex)).flatMap((i) => i.series.slice(r.value.start, r.value.end))), o = ze(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, d = 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: v
+        value: i
       }));
       return {
         absoluteMin: n,
@@ -157,13 +158,13 @@ const pl = ["id"], ml = ["onClick"], bl = {
         valueMin: o,
         valueMax: n
       }, C = e.scaleSteps || a.value.style.chart.scale.ticks;
-      let v;
-      e.autoScaling ? v = ze(d.valueMin, d.valueMax, C) : v = ze(d.valueMin < 0 ? d.valueMin : 0, d.valueMax <= 0 ? 0 : d.valueMax, C);
-      const f = u.value.stacked ? l.value.height * (1 - e.cumulatedStackRatio) : 0, H = u.value.stacked ? l.value.height / a.value.style.chart.stackGap : 0, S = u.value.stacked ? l.value.height * e.stackRatio - H : l.value.height, F = v.min < 0 ? Math.abs(v.min) : 0;
+      let i;
+      e.autoScaling ? i = ze(d.valueMin, d.valueMax, C) : i = ze(d.valueMin < 0 ? d.valueMin : 0, d.valueMax <= 0 ? 0 : d.valueMax, C);
+      const f = u.value.stacked ? l.value.height * (1 - e.cumulatedStackRatio) : 0, H = u.value.stacked ? l.value.height / a.value.style.chart.stackGap : 0, S = u.value.stacked ? l.value.height * e.stackRatio - H : l.value.height, F = i.min < 0 ? Math.abs(i.min) : 0;
       let N;
-      e.autoScaling && u.value.stacked && n <= 0 ? N = l.value.bottom - f - S : N = l.value.bottom - f - S * (F / (v.max + F));
-      const ae = v.ticks.map((O, Fa) => ({
-        y: l.value.bottom - f - S * (Fa / (v.ticks.length - 1)),
+      e.autoScaling && u.value.stacked && n <= 0 ? N = l.value.bottom - f - S : N = l.value.bottom - f - S * (F / (i.max + F));
+      const ae = i.ticks.map((O, Fa) => ({
+        y: l.value.bottom - f - S * (Fa / (i.ticks.length - 1)),
         x: l.value.left - 8,
         value: O
       })), le = fa({
@@ -171,7 +172,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         series: e.series,
         min: u.value.stacked ? o : p.value.min,
         max: u.value.stacked ? n : p.value.max,
-        scale: u.value.stacked ? v : p.value.scale,
+        scale: u.value.stacked ? i : p.value.scale,
         yOffset: f,
         individualHeight: S,
         stackIndex: u.value.stacked ? t : null
@@ -181,21 +182,21 @@ const pl = ["id"], ml = ["onClick"], bl = {
         coordinatesLine: le,
         min: o,
         max: n,
-        localScale: v,
+        localScale: i,
         localZero: N,
         localMin: F,
         localYLabels: ae,
         yOffset: f,
         individualHeight: S
       };
-    })), r = i({
+    })), r = v({
       start: 0,
       end: I.value
     });
     function Be() {
       Ve();
     }
-    const B = i(null);
+    const B = v(null);
     async function Ve() {
       (a.value.style.chart.zoom.startIndex !== null || a.value.style.chart.zoom.endIndex !== null) && B.value ? (a.value.style.chart.zoom.startIndex !== null && (await ye(), await ye(), B.value && B.value.setStartValue(a.value.style.chart.zoom.startIndex)), a.value.style.chart.zoom.endIndex !== null && (await ye(), await ye(), B.value && B.value.setEndValue(pa(a.value.style.chart.zoom.endIndex + 1)))) : (r.value = {
         start: 0,
@@ -208,10 +209,10 @@ const pl = ["id"], ml = ["onClick"], bl = {
     }
     const ma = x(() => h.value.filter((e) => ["line", "plot", void 0].includes(e.type))), k = x(() => h.value.filter((e) => e.type === "bar"));
     function ba() {
-      if (!M.value)
+      if (!T.value)
         return;
       const e = K.value.offsetWidth, t = K.value.offsetHeight;
-      M.value.width = e * U.value * 2, M.value.height = t * U.value * 2, y.value = e * U.value * 2, P.value = t * U.value * 2, s.value.scale(U.value, U.value), Q();
+      T.value.width = e * U.value * 2, T.value.height = t * U.value * 2, y.value = e * U.value * 2, P.value = t * U.value * 2, s.value.scale(U.value, U.value), Q();
     }
     function xa() {
       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)
@@ -577,11 +578,11 @@ const pl = ["id"], ml = ["onClick"], bl = {
       );
     }
     function Sa() {
-      T.value && b(
+      M.value && b(
         s.value,
         [
-          { x: l.value.left, y: T.value },
-          { x: l.value.right, y: T.value }
+          { x: l.value.left, y: M.value },
+          { x: l.value.right, y: M.value }
         ],
         {
           color: a.value.style.chart.selector.color,
@@ -694,7 +695,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
     function Q() {
       xa(), D.value ? (c.value !== null && a.value.style.chart.selector.show && Ze(), $a(), u.value.stacked && a.value.style.chart.grid.x.showAxis && Ma(), ma.value.forEach((e) => {
         (e.type === "line" || !e.type) && Ia(e), W.value && (La(e), u.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && wa(e));
-      }), pe.value = ol(M.value)) : (pe.value && (s.value.clearRect(0, 0, 1e4, 1e4), s.value.drawImage(pe.value, 0, 0)), c.value !== null && a.value.style.chart.selector.show && Ze(), c.value !== null && h.value.forEach((e) => {
+      }), pe.value = ol(T.value)) : (pe.value && (s.value.clearRect(0, 0, 1e4, 1e4), s.value.drawImage(pe.value, 0, 0)), c.value !== null && a.value.style.chart.selector.show && Ze(), c.value !== null && h.value.forEach((e) => {
         if (e.type === "line" || !e.type || e.type === "plot") {
           if (!e.coordinatesLine[c.value]) return;
           e.coordinatesLine[c.value].x !== void 0 && e.coordinatesLine[c.value].y !== void 0 && ua(
@@ -721,16 +722,16 @@ const pl = ["id"], ml = ["onClick"], bl = {
       return { y: t, value: o };
     }
     function Ta(e) {
-      const { left: t, top: o } = M.value.getBoundingClientRect(), n = e.clientX - t;
-      if (T.value = (e.clientY - o) * 2, (T.value < l.value.top || T.value > l.value.bottom) && (T.value = null), n * 2 < l.value.left || n * 2 > l.value.right) {
+      const { left: t, top: o } = T.value.getBoundingClientRect(), n = e.clientX - t;
+      if (M.value = (e.clientY - o) * 2, (M.value < l.value.top || M.value > l.value.bottom) && (M.value = null), n * 2 < l.value.left || n * 2 > l.value.right) {
         ue.value = !1, c.value = null;
         return;
       }
       const d = n * 2 - l.value.left;
       if (c.value = Math.floor(d / l.value.slot), ue.value = !0, !W.value) return;
       let C = "";
-      const v = a.value.style.chart.tooltip.customFormat;
-      ra(v) && Qa(() => v({
+      const i = a.value.style.chart.tooltip.customFormat;
+      ra(i) && Qa(() => i({
         seriesIndex: c.value,
         datapoint: h.value.map((f) => ({
           shape: f.shape || null,
@@ -741,7 +742,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         })),
         series: h.value,
         config: a.value
-      })) ? se.value = v({
+      })) ? se.value = i({
         seriesIndex: c.value,
         datapoint: h.value.map((f) => ({
           shape: f.shape || null,
@@ -762,15 +763,15 @@ const pl = ["id"], ml = ["onClick"], bl = {
       deep: !0
     }), E(() => u.value.showDataLabels, (e) => {
       D.value = !0, Q();
-    }), E(() => T.value, (e) => {
+    }), E(() => M.value, (e) => {
       e && Q();
     }), E(() => u.value.stacked, (e) => {
       D.value = !0, W.value = !0, ie();
     });
     function Oa() {
-      ue.value = !1, c.value = null, se.value = "", T.value = null, Q();
+      ue.value = !1, c.value = null, se.value = "", M.value = null, Q();
     }
-    const ve = i(null), ce = i(null);
+    const ve = v(null), ce = v(null);
     la(() => {
       Ce();
     });
@@ -778,7 +779,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
       if (ja(g.dataset) ? qa({
         componentName: "VueUiXyCanvas",
         type: "dataset"
-      }) : M.value && (s.value = M.value.getContext("2d", { willReadFrequently: !0 })), a.value.responsive) {
+      }) : T.value && (s.value = T.value.getContext("2d", { willReadFrequently: !0 })), a.value.responsive) {
         const e = ll(() => {
           const { width: t, height: o } = tl({
             chart: J.value,
@@ -828,8 +829,8 @@ const pl = ["id"], ml = ["onClick"], bl = {
       const e = [""].concat(h.value.map((d) => d.name)).concat(' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>');
       let t = [];
       for (let d = 0; d < I.value; d += 1) {
-        const C = h.value.map((v) => v.series[d] ?? 0).reduce((v, f) => v + f, 0);
-        t.push([a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[d] ?? d + 1].concat(h.value.map((v) => (v.series[d] ?? 0).toFixed(a.value.table.rounding))).concat((C ?? 0).toFixed(a.value.table.rounding)));
+        const C = h.value.map((i) => i.series[d] ?? 0).reduce((i, f) => i + f, 0);
+        t.push([a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[d] ?? d + 1].concat(h.value.map((i) => (i.series[d] ?? 0).toFixed(a.value.table.rounding))).concat((C ?? 0).toFixed(a.value.table.rounding)));
       }
       const o = {
         th: {
@@ -879,7 +880,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
     function aa() {
       u.value.showTooltip = !u.value.showTooltip;
     }
-    const he = i(!1);
+    const he = v(!1);
     function we() {
       he.value = !he.value;
     }
@@ -893,22 +894,22 @@ const pl = ["id"], ml = ["onClick"], bl = {
       toggleStack: ea,
       toggleTooltip: aa,
       toggleAnnotator: we
-    }), (e, t) => (w(), te("div", {
+    }), (e, t) => (z(), te("div", {
       style: V(`width:100%; position:relative; ${a.value.responsive ? "height: 100%" : ""}`),
       ref_key: "xy",
       ref: J,
       id: `xy_canvas_${ge.value}`,
       class: Da(`vue-ui-donut ${ne.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
-      onMouseenter: t[5] || (t[5] = () => z(Ee)(!0)),
-      onMouseleave: t[6] || (t[6] = () => z(Ee)(!1))
+      onMouseenter: t[5] || (t[5] = () => w(Ee)(!0)),
+      onMouseleave: t[6] || (t[6] = () => w(Ee)(!1))
     }, [
-      a.value.style.chart.title.text ? (w(), te("div", {
+      a.value.style.chart.title.text ? (z(), te("div", {
         key: 0,
         ref_key: "chartTitle",
         ref: Oe,
         style: V(`width:100%;background:${a.value.style.chart.backgroundColor};`)
       }, [
-        (w(), A(sl, {
+        (z(), A(sl, {
           key: `title_${me.value}`,
           config: {
             title: {
@@ -922,13 +923,13 @@ const pl = ["id"], ml = ["onClick"], bl = {
           }
         }, null, 8, ["config"]))
       ], 4)) : Y("", !0),
-      a.value.userOptions.show && Le.value && (z(Ae) || z(ke)) ? (w(), A(vl, {
+      a.value.userOptions.show && Le.value && (w(Ae) || w(ke)) ? (z(), A(vl, {
         ref: "details",
         key: `user_option_${Te.value}`,
         backgroundColor: a.value.style.chart.backgroundColor,
         color: a.value.style.chart.color,
-        isPrinting: z(Ne),
-        isImaging: z(Ye),
+        isPrinting: w(Ne),
+        isImaging: w(Ye),
         uid: ge.value,
         hasTooltip: a.value.userOptions.buttons.tooltip && a.value.style.chart.tooltip.show,
         hasPdf: a.value.userOptions.buttons.pdf,
@@ -947,16 +948,16 @@ const pl = ["id"], ml = ["onClick"], bl = {
         hasAnnotator: a.value.userOptions.buttons.annotator,
         isAnnotation: he.value,
         onToggleFullscreen: ya,
-        onGeneratePdf: z(_e),
+        onGeneratePdf: w(_e),
         onGenerateCsv: Je,
-        onGenerateImage: z(Ue),
+        onGenerateImage: w(Ue),
         onToggleTable: Ke,
         onToggleLabels: Qe,
         onToggleStack: ea,
         onToggleTooltip: aa,
         onToggleAnnotator: we,
         style: V({
-          visibility: z(Ae) ? z(ke) ? "visible" : "hidden" : "visible"
+          visibility: w(Ae) ? w(ke) ? "visible" : "hidden" : "visible"
         })
       }, Ha({ _: 2 }, [
         e.$slots.optionTooltip ? {
@@ -1029,14 +1030,14 @@ const pl = ["id"], ml = ["onClick"], bl = {
         ref_key: "container",
         ref: K
       }, [
-        Le.value ? (w(), te("canvas", {
+        Le.value ? (z(), te("canvas", {
           key: 0,
           ref_key: "canvas",
-          ref: M,
+          ref: T,
           style: { width: "100%", height: "100%" },
           onMousemove: t[0] || (t[0] = (o) => Ta(o)),
           onMouseleave: Oa
-        }, null, 544)) : (w(), A(hl, {
+        }, null, 544)) : (z(), A(hl, {
           key: 1,
           config: {
             type: "line",
@@ -1064,11 +1065,11 @@ const pl = ["id"], ml = ["onClick"], bl = {
           borderWidth: a.value.style.chart.tooltip.borderWidth,
           position: a.value.style.chart.tooltip.position,
           offsetY: a.value.style.chart.tooltip.offsetY,
-          parent: M.value,
+          parent: w(T),
           content: se.value,
           isFullscreen: ne.value,
           backgroundOpacity: a.value.style.chart.tooltip.backgroundOpacity,
-          isCustom: z(ra)(a.value.style.chart.tooltip.customFormat)
+          isCustom: w(ra)(a.value.style.chart.tooltip.customFormat)
         }, {
           "tooltip-before": m(() => [
             L(e.$slots, "tooltip-before", Z(G({ ...Ie.value })), void 0, !0)
@@ -1085,7 +1086,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         style: V(`width:100%;background:${a.value.style.chart.backgroundColor}`),
         "data-html2canvas-ignore": ""
       }, [
-        a.value.style.chart.zoom.show && I.value > 1 ? (w(), A(nl, {
+        a.value.style.chart.zoom.show && I.value > 1 ? (z(), A(nl, {
           ref_key: "slicerComponent",
           ref: B,
           key: `slicer_${Me.value}`,
@@ -1122,7 +1123,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         ref_key: "chartLegend",
         ref: Re
       }, [
-        a.value.style.chart.legend.show && Le.value ? (w(), A(ul, {
+        a.value.style.chart.legend.show && Le.value ? (z(), A(ul, {
           legendSet: je.value,
           config: Ra.value,
           key: `legend_${xe.value}`,
@@ -1132,7 +1133,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
             oe("div", {
               onClick: (d) => o.segregate(),
               style: V(`opacity:${$.value.includes(n) ? 0.5 : 1}`)
-            }, ta(o.name), 13, ml)
+            }, ta(o.name), 13, bl)
           ]),
           _: 1
         }, 8, ["legendSet", "config"])) : L(e.$slots, "legend", {
@@ -1140,10 +1141,10 @@ const pl = ["id"], ml = ["onClick"], bl = {
           legend: je.value
         }, void 0, !0)
       ], 512),
-      e.$slots.watermark ? (w(), te("div", bl, [
-        L(e.$slots, "watermark", Z(G({ isPrinting: z(Ne) || z(Ye) })), void 0, !0)
+      e.$slots.watermark ? (z(), te("div", xl, [
+        L(e.$slots, "watermark", Z(G({ isPrinting: w(Ne) || w(Ye) })), void 0, !0)
       ])) : Y("", !0),
-      e.$slots.source ? (w(), te("div", {
+      e.$slots.source ? (z(), te("div", {
         key: 3,
         ref_key: "source",
         ref: Fe,
@@ -1151,7 +1152,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
       }, [
         L(e.$slots, "source", {}, void 0, !0)
       ], 512)) : Y("", !0),
-      r.value.end - r.value.start < 200 ? (w(), A(cl, {
+      r.value.end - r.value.start < 200 ? (z(), A(cl, {
         key: 4,
         hideDetails: "",
         config: {
@@ -1168,7 +1169,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         }
       }, {
         content: m(() => [
-          (w(), A(dl, {
+          (z(), A(dl, {
             key: `table_${be.value}`,
             colNames: de.value.colNames,
             head: de.value.head,
@@ -1178,7 +1179,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
             onClose: t[4] || (t[4] = (o) => u.value.showTable = !1)
           }, {
             th: m(({ th: o }) => [
-              oe("div", { innerHTML: o }, null, 8, xl)
+              oe("div", { innerHTML: o }, null, 8, Ll)
             ]),
             td: m(({ td: o }) => [
               Ya(ta(o), 1)
@@ -1188,7 +1189,7 @@ const pl = ["id"], ml = ["onClick"], bl = {
         ]),
         _: 1
       }, 8, ["config"])) : Y("", !0),
-      a.value.userOptions.buttons.annotator && h.value.length ? (w(), A(yl, {
+      a.value.userOptions.buttons.annotator && h.value.length ? (z(), A(yl, {
         key: 5,
         parent: J.value,
         backgroundColor: a.value.style.chart.backgroundColor,
@@ -1196,9 +1197,9 @@ const pl = ["id"], ml = ["onClick"], bl = {
         active: he.value,
         onClose: we
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : Y("", !0)
-    ], 46, pl));
+    ], 46, ml));
   }
-}, Dl = /* @__PURE__ */ gl(Ll, [["__scopeId", "data-v-20d8065f"]]);
+}, Nl = /* @__PURE__ */ pl(kl, [["__scopeId", "data-v-89446978"]]);
 export {
-  Dl as default
+  Nl as default
 };

package/package.json

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

package/dist/Shape-GAZUIBfN.cjs

@@ -1 +0,0 @@
-"use strict";const o=require("vue"),a=require("./index-DSGAenF3.cjs"),c=["cx","cy","r","fill","stroke","stroke-width"],v=["d","fill","stroke","stroke-width"],p=["points","fill","stroke","stroke-width"],f={__name:"Shape",props:{color:String,isSelected:{type:Boolean,default:!1},limit:{type:Number,default:3},plot:Object,radius:Number,shape:String,stroke:String,strokeWidth:Number,zoom:{type:Number,default:1.3}},emits:["mouseover","mouseout","click"],setup(n,{emit:m}){const e=n,i=m;function d(u){return{circle:{points:1,rotation:0},line:{points:2,rotation:0},triangle:{points:3,rotation:.52},square:{points:4,rotation:.783},diamond:{points:4,rotation:0},pentagon:{points:5,rotation:.95},hexagon:{points:6,rotation:0}}[u]}const l=o.computed(()=>d(e.shape)),s=o.computed(()=>e.shape!=="star"?null:a.createStar({plot:{x:e.plot.x,y:e.plot.y},radius:e.radius*(e.isSelected?e.zoom:1)})),k=o.computed(()=>a.createPolygonPath({plot:{x:e.plot.x,y:e.plot.y},radius:e.radius*(e.isSelected?e.zoom:1),sides:l.value.points,rotation:l.value.rotation}).path);return(u,t)=>(o.openBlock(),o.createElementBlock("g",null,[l.value&&l.value.points===1?(o.openBlock(),o.createElementBlock("circle",{key:0,cx:n.plot.x,cy:n.plot.y,r:e.radius*(e.isSelected?e.zoom:1),fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[0]||(t[0]=r=>i("mouseover")),onMouseout:t[1]||(t[1]=r=>i("mouseout")),onClick:t[2]||(t[2]=r=>i("click"))},null,40,c)):o.createCommentVNode("",!0),l.value&&l.value.points>=n.limit?(o.openBlock(),o.createElementBlock("path",{key:1,d:k.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[3]||(t[3]=r=>i("mouseover")),onMouseout:t[4]||(t[4]=r=>i("mouseout")),onClick:t[5]||(t[5]=r=>i("click"))},null,40,v)):o.createCommentVNode("",!0),s.value?(o.openBlock(),o.createElementBlock("polygon",{key:2,points:s.value,fill:n.color,stroke:n.stroke,"stroke-width":n.strokeWidth,onMouseover:t[6]||(t[6]=r=>i("mouseover")),onMouseout:t[7]||(t[7]=r=>i("mouseout")),onClick:t[8]||(t[8]=r=>i("click"))},null,40,p)):o.createCommentVNode("",!0)]))}};exports._sfc_main=f;

package/dist/Tooltip-BlGVq6xj.cjs

@@ -1 +0,0 @@
-"use strict";const t=require("vue"),p=require("./index-DSGAenF3.cjs");function y({tooltip:e,chart:l,clientPosition:o,positionPreference:u="center",defaultOffsetY:a=24,blockShiftY:f=!1}){const n=t.ref(0),s=t.ref(a);if(e&&l){const{width:r,height:c}=e.getBoundingClientRect(),{right:i,left:d,bottom:v}=l.getBoundingClientRect();u==="center"&&(o.x+r/2>i?n.value=-r+(i-o.x):o.x-r/2<d?n.value=-r+(r-(o.x-d)):n.value=-r/2),u==="right"&&(o.x+r>i?n.value=-r+(i-o.x):n.value=0),u==="left"&&(o.x<d+r?n.value=-r+(r-(o.x-d)):n.value=-r),o.y+c>v&&!f&&(s.value=-c-a)}return{top:o.y+s.value,left:o.x+n.value}}function b(e,l,o){t.onMounted(()=>e.addEventListener(l,o)),t.onUnmounted(()=>e.removeEventListener(l,o))}function m(){const e=t.ref(0),l=t.ref(0);return b(window,"mousemove",o=>{e.value=o.clientX,l.value=o.clientY}),{x:e,y:l}}const g=["innerHTML"],x={__name:"Tooltip",props:{backgroundColor:{type:String,default:"#FFFFFF"},color:{type:String,default:"#000000"},content:String,maxWidth:{type:String,default:"300px"},parent:{type:Object},show:{type:Boolean,default:!1},isCustom:{type:Boolean,default:!1},fontSize:{type:[Number,String],default:14},borderRadius:{type:Number,default:4},borderColor:{type:String,default:"#e1e5e8"},borderWidth:{type:Number,default:1},backgroundOpacity:{type:Number,default:100},position:{type:String,default:"center"},offsetY:{type:Number,default:24},blockShiftY:{type:Boolean,default:!1},isFullscreen:{type:Boolean,default:!1}},setup(e){const l=e,o=t.ref(null),u=t.ref(m(l.parent)),a=t.computed(()=>y({tooltip:o.value,chart:l.parent,clientPosition:u.value,positionPreference:l.position,defaultOffsetY:l.offsetY,blockShiftY:l.blockShiftY})),f=t.computed(()=>p.setOpacity(l.backgroundColor,l.backgroundOpacity));return(n,s)=>(t.openBlock(),t.createBlock(t.Teleport,{to:e.isFullscreen?e.parent:"body"},[e.show?(t.openBlock(),t.createElementBlock("div",{key:0,ref_key:"tooltip",ref:o,class:t.normalizeClass({"vue-data-ui-custom-tooltip":e.isCustom,"vue-data-ui-tooltip":!e.isCustom}),style:t.normalizeStyle(`pointer-events:none;top:${a.value.top}px;left:${a.value.left}px;${e.isCustom?"":`background:${f.value};color:${e.color};max-width:${e.maxWidth};font-size:${e.fontSize}px`};border-radius:${e.borderRadius}px;border:${e.borderWidth}px solid ${e.borderColor};z-index:2147483647;`)},[t.renderSlot(n.$slots,"tooltip-before"),t.renderSlot(n.$slots,"default"),t.createElementVNode("div",{innerHTML:e.content},null,8,g),t.renderSlot(n.$slots,"tooltip-after")],6)):t.createCommentVNode("",!0)],8,["to"]))}};exports._sfc_main=x;exports.useMouse=m;