vue-data-ui 3.0.0-next.33 → 3.0.0-next.34

package/dist/{vue-ui-xy-dnlLx-v4.js → vue-ui-xy-DnYo2K58.js}

@@ -1,16 +1,16 @@
 import { useCssVars as qa, computed as k, ref as y, onMounted as yt, onBeforeUnmount as kt, watch as je, nextTick as Yl, onUpdated as Za, createElementBlock as i, openBlock as u, createElementVNode as p, createCommentVNode as f, renderSlot as J, normalizeStyle as I, createVNode as Wl, withDirectives as Rt, unref as v, Fragment as x, renderList as _, normalizeClass as ze, vModelText as ga, toDisplayString as te, defineAsyncComponent as fl, useSlots as Ja, getCurrentInstance as Ka, toRefs as Qa, watchEffect as ja, createBlock as Ye, createSlots as eo, withCtx as me, normalizeProps as sl, guardReactiveProps as gl, mergeProps as gt, vModelCheckbox as lo, createTextVNode as to } from "vue";
-import { c as pt, V as wt, U as St, X as ao, F as De, u as oo, e as Ot, A as uo, a5 as Ke, b as so, D as ut, ac as Cl, d as io, p as ro, ad as mt, aa as W, ae as no, v as H, af as ma, ag as xa, ah as co, ai as ba, aj as pa, i as ke, x as vo, y as ho, _ as ya, R as Qe, f as Pe, w as zl, s as Xe, a8 as j, L as fo, ak as xt, I as go, al as ml, C as He, t as mo, a as xo, o as ka, q as bo, r as po, E as Fl } from "./index-h6tbqLot.js";
-import { u as Nt } from "./useNestedProp-D059IOwh.js";
+import { c as pt, V as wt, U as St, X as ao, F as De, u as oo, e as Ot, A as uo, a5 as Ke, b as so, D as ut, ac as Cl, d as io, p as ro, ad as mt, aa as W, ae as no, v as H, af as ma, ag as xa, ah as co, ai as ba, aj as pa, i as ke, x as vo, y as ho, _ as ya, R as Qe, f as Pe, w as zl, s as Xe, a8 as j, L as fo, ak as xt, I as go, al as ml, C as He, t as mo, a as xo, o as ka, q as bo, r as po, E as Fl } from "./index-BeBasrrG.js";
+import { u as Nt } from "./useNestedProp-BI69cynt.js";
 import { u as wa } from "./useTimeLabels-DkzmKfZn.js";
-import { u as yo } from "./useTimeLabelCollider-V7AOiPLB.js";
-import { S as ko } from "./Slicer-8WIL9Cfq.js";
-import wo from "./BaseIcon-CVvwtj-w.js";
+import { u as yo } from "./useTimeLabelCollider-CIsgDrl9.js";
+import { S as ko } from "./Slicer-BCCGJwNV.js";
+import wo from "./BaseIcon-Cq9SmUOT.js";
 import { t as Pt, u as So } from "./useResponsive-DfdjqQps.js";
 import { _ as Sa } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import $o from "./Title-Bo-MVYcn.js";
-import { _ as bt } from "./Shape-CjeprST6.js";
-import _o from "./img-59KgIaXp.js";
-import { u as Lo } from "./usePrinter-BuJDNOzF.js";
+import $o from "./Title-CbfJu3Bz.js";
+import { _ as bt } from "./Shape-CJI8rA0G.js";
+import _o from "./img-Domj-5hZ.js";
+import { u as Lo } from "./usePrinter-DpTBVYGM.js";
 import { u as Mo, B as Ao } from "./BaseScanner-DIK2NTdp.js";
 const Co = {
   class: "vue-data-ui-slicer-labels",
@@ -146,21 +146,21 @@ const Co = {
       "676992f6": M.selectColor,
       b37252da: wl.value
     }));
-    const d = M, Ge = y(null), ue = y(d.min), se = y(d.max), xl = k(() => !!d.minimap.length), Xl = y(pt()), Il = y(0), bl = k({
+    const d = M, Ge = y(null), ue = y(d.min), re = y(d.max), xl = k(() => !!d.minimap.length), Xl = y(pt()), Il = y(0), bl = k({
       get() {
         return ue.value;
       },
       set(b) {
-        const g = Math.min(b, se.value - 1);
+        const g = Math.min(b, re.value - 1);
         ue.value = g, $l.value && ($l.value.value = String(g)), he("futureStart", g);
       }
     }), pl = k({
       get() {
-        return se.value;
+        return re.value;
       },
       set(b) {
         const g = Math.max(b, ue.value + 1);
-        se.value = g, Ve.value && (Ve.value.value = String(g)), he("futureEnd", g);
+        re.value = g, Ve.value && (Ve.value.value = String(g)), he("futureEnd", g);
       }
     });
     yt(() => {
@@ -176,14 +176,14 @@ const Co = {
     let yl = null;
     function Dl() {
       clearTimeout(yl), yl = setTimeout(() => {
-        he("update:start", Number(ue.value)), he("update:end", Number(se.value));
+        he("update:start", Number(ue.value)), he("update:end", Number(re.value));
       }, 150);
     }
     function Gl() {
-      clearTimeout(yl), he("update:start", Number(ue.value)), he("update:end", Number(se.value));
+      clearTimeout(yl), he("update:start", Number(ue.value)), he("update:end", Number(re.value));
     }
     const Ul = k(() => d.refreshEndPoint === null ? d.max : d.refreshEndPoint), he = _t, xe = k(() => {
-      const b = d.max - d.min, g = (ue.value - d.min) / b * 100, h = (se.value - d.min) / b * 100, U = (g + h) / 2, we = Ue.value ? `calc(${U}% - ${tl.value.width}px)` : Le.value ? `calc(${U}%)` : `calc(${U}% - ${tl.value.width / 2}px)`;
+      const b = d.max - d.min, g = (ue.value - d.min) / b * 100, h = (re.value - d.min) / b * 100, U = (g + h) / 2, we = Ue.value ? `calc(${U}% - ${tl.value.width}px)` : Le.value ? `calc(${U}%)` : `calc(${U}% - ${tl.value.width / 2}px)`;
       return {
         left: `${g}%`,
         width: `${h - g}%`,
@@ -194,7 +194,7 @@ const Co = {
         arrowLeft: !Le.value,
         arrowRight: !Ue.value
       };
-    }), Le = k(() => Ge.value ? Ge.value.getBoundingClientRect().width * ((ue.value - d.min) / (d.max - d.min)) - Jl.value / 2 < 0 : !1), Ue = k(() => Ge.value ? Ge.value.getBoundingClientRect().width * ((se.value - d.min) / (d.max - d.min)) + Vl.value / 2 > Ge.value.getBoundingClientRect().width : !1), kl = k(() => d.inputColor), wl = k(() => d.background), Lt = k(() => `${d.selectColor}33`), Ie = k(() => d.borderColor), Tl = k(() => {
+    }), Le = k(() => Ge.value ? Ge.value.getBoundingClientRect().width * ((ue.value - d.min) / (d.max - d.min)) - Jl.value / 2 < 0 : !1), Ue = k(() => Ge.value ? Ge.value.getBoundingClientRect().width * ((re.value - d.min) / (d.max - d.min)) + Vl.value / 2 > Ge.value.getBoundingClientRect().width : !1), kl = k(() => d.inputColor), wl = k(() => d.background), Lt = k(() => `${d.selectColor}33`), Ie = k(() => d.borderColor), Tl = k(() => {
       let b = [];
       for (let g = 0; g < d.minimap.length; g += 1)
         b.push(g);
@@ -205,16 +205,16 @@ const Co = {
     }
     y({
       start: ue.value,
-      end: se.value
+      end: re.value
     }), je(
       () => d.min,
       (b) => {
-        Number(ue.value) < Number(b) && (ue.value = Number(b)), Number(se.value) < Number(b) && (se.value = Number(b));
+        Number(ue.value) < Number(b) && (ue.value = Number(b)), Number(re.value) < Number(b) && (re.value = Number(b));
       }
     ), je(
       () => d.max,
       (b) => {
-        Number(ue.value) > Number(b) && (ue.value = Number(b)), Number(se.value) > Number(b) && (se.value = Number(b));
+        Number(ue.value) > Number(b) && (ue.value = Number(b)), Number(re.value) > Number(b) && (re.value = Number(b));
       }
     );
     const Sl = y(null), Y = y({
@@ -252,20 +252,20 @@ const Co = {
       };
     }), Te = k(() => ({
       x: fe.value * ue.value + fe.value / 2,
-      width: Y.value.width * ((se.value - ue.value) / d.max) - fe.value
-    })), ie = y(d.minimapSelectedIndex);
+      width: Y.value.width * ((re.value - ue.value) / d.max) - fe.value
+    })), se = y(d.minimapSelectedIndex);
     je(() => d.minimapSelectedIndex, (b) => {
-      ie.value = b + d.valueStart;
+      se.value = b + d.valueStart;
     }, { immediate: !0 });
-    function re(b) {
-      ie.value = b, b >= d.valueStart && b < d.valueEnd && he("trapMouse", b - d.valueStart);
+    function ie(b) {
+      se.value = b, b >= d.valueStart && b < d.valueEnd && he("trapMouse", b - d.valueStart);
     }
     const Ol = y(0), $l = y(null), Ve = y(null);
     function rl(b) {
       ue.value = b, $l.value && ($l.value.value = String(b)), he("futureStart", b), Dl();
     }
     function ll(b) {
-      se.value = b, Ve.value && (Ve.value.value = b), he("futureEnd", b), Dl();
+      re.value = b, Ve.value && (Ve.value.value = b), he("futureEnd", b), Dl();
     }
     const Nl = k(() => d.valueEnd - d.valueStart), Ee = y(!1);
     let ae = y(null);
@@ -295,7 +295,7 @@ const Co = {
       const g = b - ae.value;
       if (Math.abs(g) > K.value) {
         if (g > 0) {
-          const h = Math.min(d.max, se.value + ql.value);
+          const h = Math.min(d.max, re.value + ql.value);
           pl.value = h, bl.value = h - Nl.value;
         } else {
           const h = Math.max(d.min, ue.value - ql.value);
@@ -328,7 +328,7 @@ const Co = {
       width: 0,
       left: 0
     });
-    je([ue, se], async () => {
+    je([ue, re], async () => {
       if (await Yl(), !qe.value || !S.value) {
         l.value = !1, tl.value = { width: 0, left: 0 };
         return;
@@ -348,7 +348,7 @@ const Co = {
       Yl(Me);
     }, { deep: !0 });
     const X = k(() => {
-      const b = d.timeLabels.find((h) => h.absoluteIndex === ue.value), g = d.timeLabels.find((h) => h.absoluteIndex === se.value - 1);
+      const b = d.timeLabels.find((h) => h.absoluteIndex === ue.value), g = d.timeLabels.find((h) => h.absoluteIndex === re.value - 1);
       return {
         left: b ? b.text : "",
         right: g ? g.text : ""
@@ -493,8 +493,8 @@ const Co = {
               r: "3",
               fill: M.minimapLineColor
             }, null, 8, Yo),
-            ie.value !== null ? (u(!0), i(x, { key: 0 }, _(Tl.value, (h, U) => (u(), i("g", null, [
-              ie.value === h && h >= M.valueStart && h < M.valueEnd ? (u(), i("line", {
+            se.value !== null ? (u(!0), i(x, { key: 0 }, _(Tl.value, (h, U) => (u(), i("g", null, [
+              se.value === h && h >= M.valueStart && h < M.valueEnd ? (u(), i("line", {
                 key: 0,
                 x1: fe.value * U + fe.value / 2,
                 x2: fe.value * U + fe.value / 2,
@@ -517,9 +517,9 @@ const Co = {
               }]),
               onMousedown: g[0] || (g[0] = (we) => pe.value = !0),
               onMouseup: g[1] || (g[1] = (we) => pe.value = !1),
-              onMouseenter: (we) => re(h),
+              onMouseenter: (we) => ie(h),
               onMouseleave: g[2] || (g[2] = (we) => {
-                ie.value = null, he("trapMouse", null);
+                se.value = null, he("trapMouse", null);
               })
             }, null, 44, Do))), 256))
           ], 8, To))
@@ -705,9 +705,9 @@ const Co = {
   },
   emits: ["selectTimeLabel", "selectX", "selectLegend"],
   setup(M, { expose: $t, emit: _t }) {
-    const d = M, Ge = fl(() => import("./DataTable-CQqQt3fP.js")), ue = fl(() => import("./Tooltip-DD9Ly0Pw.js")), se = fl(() => import("./UserOptions-dJLhbxrH.js")), xl = fl(() => import("./BaseIcon-CVvwtj-w.js")), Xl = fl(() => import("./vue-ui-table-sparkline-MtUkhn2K.js")), Il = fl(() => import("./vue-ui-accordion-DyBJ-mad.js")), bl = fl(() => import("./PackageVersion-DGlLBQOn.js")), pl = fl(() => import("./PenAndPaper-hAK7vneq.js")), yl = _t, Dl = Ja(), Gl = Ka(), { vue_ui_xy: Ul } = oo(), he = y(null), xe = y(null), Le = y(null), Ue = y(null), kl = y(null), wl = y(null), Lt = y(null), Ie = y(null), Tl = y(null), el = y(null), Sl = y(null), Y = y(null), il = y(null), fe = y(0), L = y(null), Te = y(!0), ie = y(600), re = y(1e3), Ol = y("0 0 1000 600"), $l = y({ x: 0, y: 0 }), Ve = y({ line: "line", bar: "bar", plot: "plot" }), rl = y(!1), ll = y(!1), Nl = y(!1), Ee = y(null), ae = y([]), K = y(pt()), st = y(0), it = y(0), ql = y(0), nl = y(!0), Rl = y(0), P = y(null), Zl = y(!1), Pl = y(!0), Hl = y(!0), be = y(null), pe = y({}), qe = y(null), S = y(null), Jl = k(() => ({
-      height: ie.value,
-      width: re.value
+    const d = M, Ge = fl(() => import("./DataTable-DonNp9Tn.js")), ue = fl(() => import("./Tooltip-BuuVsO8D.js")), re = fl(() => import("./UserOptions-32osgWD2.js")), xl = fl(() => import("./BaseIcon-Cq9SmUOT.js")), Xl = fl(() => import("./vue-ui-table-sparkline-BLR9glHo.js")), Il = fl(() => import("./vue-ui-accordion-BBZQktvS.js")), bl = fl(() => import("./PackageVersion-F_KOshQ5.js")), pl = fl(() => import("./PenAndPaper-BzsPyqiU.js")), yl = _t, Dl = Ja(), Gl = Ka(), { vue_ui_xy: Ul } = oo(), he = y(null), xe = y(null), Le = y(null), Ue = y(null), kl = y(null), wl = y(null), Lt = y(null), Ie = y(null), Tl = y(null), el = y(null), Sl = y(null), Y = y(null), il = y(null), fe = y(0), L = y(null), Te = y(!0), se = y(600), ie = y(1e3), Ol = y("0 0 1000 600"), $l = y({ x: 0, y: 0 }), Ve = y({ line: "line", bar: "bar", plot: "plot" }), rl = y(!1), ll = y(!1), Nl = y(!1), Ee = y(null), ae = y([]), K = y(pt()), st = y(0), it = y(0), ql = y(0), nl = y(!0), Rl = y(0), P = y(null), Zl = y(!1), Pl = y(!0), Hl = y(!0), be = y(null), pe = y({}), qe = y(null), S = y(null), Jl = k(() => ({
+      height: se.value,
+      width: ie.value
     })), Vl = d.config.downsample && d.config.downsample.threshold ? d.config.downsample.threshold : 500, m = y({
       dataLabels: { show: !0 },
       showTooltip: !0,
@@ -941,13 +941,13 @@ const Co = {
         const o = el.value.getBBox().x;
         o < 0 && (t += Math.abs(o));
       }
-      const a = re.value - t - l.value.chart.grid.labels.yAxis.crosshairSize - s - l.value.chart.padding.left - l.value.chart.padding.right, r = l.value.chart.grid.position === "middle" ? 0 : a / $.value / 2;
+      const a = ie.value - t - l.value.chart.grid.labels.yAxis.crosshairSize - s - l.value.chart.padding.left - l.value.chart.padding.right, r = l.value.chart.grid.position === "middle" ? 0 : a / $.value / 2;
       return {
         top: l.value.chart.padding.top + e,
-        right: re.value - s - l.value.chart.padding.right,
-        bottom: ie.value - Et.value - l.value.chart.padding.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
+        right: ie.value - s - l.value.chart.padding.right,
+        bottom: se.value - Et.value - l.value.chart.padding.bottom - l.value.chart.grid.labels.axis.xLabelOffsetY,
         left: t + l.value.chart.grid.labels.yAxis.crosshairSize - r + l.value.chart.padding.left,
-        height: ie.value - Et.value - l.value.chart.padding.top - l.value.chart.padding.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
+        height: se.value - Et.value - l.value.chart.padding.top - l.value.chart.padding.bottom - e - l.value.chart.grid.labels.axis.xLabelOffsetY,
         width: a,
         scaleLabelX: t,
         individualOffsetX: c
@@ -1729,37 +1729,37 @@ const Co = {
         return;
       }
       w.value.dataLabels = Fl({
-        relator: ie.value,
+        relator: se.value,
         adjuster: 400,
         source: l.value.chart.grid.labels.fontSize,
         threshold: 10,
         fallback: 10
       }), w.value.yAxis = Fl({
-        relator: re.value,
+        relator: ie.value,
         adjuster: 1e3,
         source: l.value.chart.grid.labels.axis.fontSize,
         threshold: 10,
         fallback: 10
       }), w.value.xAxis = Fl({
-        relator: re.value,
+        relator: ie.value,
         adjuster: 1e3,
         source: l.value.chart.grid.labels.xAxisLabels.fontSize,
         threshold: 10,
         fallback: 10
       }), w.value.plotLabels = Fl({
-        relator: re.value,
+        relator: ie.value,
         adjuster: 800,
         source: l.value.chart.labels.fontSize,
         threshold: 10,
         fallback: 10
       }), Me.value.plot = Fl({
-        relator: re.value,
+        relator: ie.value,
         adjuster: 800,
         source: l.value.plot.radius,
         threshold: 1,
         fallback: 1
       }), Me.value.line = Fl({
-        relator: re.value,
+        relator: ie.value,
         adjuster: 800,
         source: l.value.line.radius,
         threshold: 1,
@@ -1809,16 +1809,16 @@ const Co = {
         let O = 0;
         kl.value && (O = kl.value.getBoundingClientRect().height);
         let q = 0;
-        wl.value && (q = wl.value.getBoundingClientRect().height), ie.value = s - o - C - D - O - q - t, re.value = a, Ol.value = `0 0 ${re.value < 0 ? 10 : re.value} ${ie.value < 0 ? 10 : ie.value}`, ha();
+        wl.value && (q = wl.value.getBoundingClientRect().height), se.value = s - o - C - D - O - q - t, ie.value = a, Ol.value = `0 0 ${ie.value < 0 ? 10 : ie.value} ${se.value < 0 ? 10 : se.value}`, ha();
         const z = new ResizeObserver((V) => {
           for (const T of V)
             l.value.chart.title.show && xe.value ? o = xe.value.getBoundingClientRect().height : o = 0, Le.value && Le.value.$el ? D = Le.value.$el.getBoundingClientRect().height : D = 0, Ue.value ? C = Ue.value.getBoundingClientRect().height : C = 0, kl.value ? O = kl.value.getBoundingClientRect().height : O = 0, wl.value ? q = wl.value.getBoundingClientRect().height : q = 0, requestAnimationFrame(() => {
-              ie.value = T.contentRect.height - o - C - D - O - q - t, re.value = T.contentBoxSize[0].inlineSize, Ol.value = `0 0 ${re.value < 0 ? 10 : re.value} ${ie.value < 0 ? 10 : ie.value}`, ha();
+              se.value = T.contentRect.height - o - C - D - O - q - t, ie.value = T.contentBoxSize[0].inlineSize, Ol.value = `0 0 ${ie.value < 0 ? 10 : ie.value} ${se.value < 0 ? 10 : se.value}`, ha();
             });
         });
         Y.value = z, il.value = e, z.observe(e);
       } else
-        ie.value = l.value.chart.height, re.value = l.value.chart.width, w.value.dataLabels = l.value.chart.grid.labels.fontSize, w.value.yAxis = l.value.chart.grid.labels.axis.fontSize, w.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, w.value.plotLabels = l.value.chart.labels.fontSize, Me.value.plot = l.value.plot.radius, Me.value.line = l.value.line.radius, Ol.value = `0 0 ${re.value} ${ie.value}`;
+        se.value = l.value.chart.height, ie.value = l.value.chart.width, w.value.dataLabels = l.value.chart.grid.labels.fontSize, w.value.yAxis = l.value.chart.grid.labels.axis.fontSize, w.value.xAxis = l.value.chart.grid.labels.xAxisLabels.fontSize, w.value.plotLabels = l.value.chart.labels.fontSize, Me.value.plot = l.value.plot.radius, Me.value.line = l.value.line.radius, Ol.value = `0 0 ${ie.value} ${se.value}`;
     }
     return yt(() => {
       fa(), Tt(), document.addEventListener("mousemove", (t) => {
@@ -1836,7 +1836,9 @@ const Co = {
       configRef: l,
       rotationPath: ["chart", "grid", "labels", "xAxisLabels", "rotation"],
       autoRotatePath: ["chart", "grid", "labels", "xAxisLabels", "autoRotate"],
-      isAutoSize: $a
+      isAutoSize: $a,
+      height: se,
+      width: ie
     }), je(() => d.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (b.value = !1), g.value = Math.max(...X.value.map((c) => Ke({
         data: c.series,
@@ -1922,7 +1924,7 @@ const Co = {
           }
         }, null, 8, ["config"]))
       ], 4)) : f("", !0),
-      l.value.chart.userOptions.show && (Pl.value || Hl.value) ? (u(), Ye(v(se), {
+      l.value.chart.userOptions.show && (Pl.value || Hl.value) ? (u(), Ye(v(re), {
         ref: "defails",
         key: `user_options_${st.value}`,
         backgroundColor: l.value.chart.backgroundColor,
@@ -3100,8 +3102,8 @@ const Co = {
                 ref_key: "xAxisLabel",
                 ref: Ie,
                 "text-anchor": "middle",
-                x: re.value / 2,
-                y: ie.value - 3,
+                x: ie.value / 2,
+                y: se.value - 3,
                 "font-size": w.value.yAxis,
                 fill: l.value.chart.grid.labels.color
               }, te(l.value.chart.grid.labels.axis.xLabel), 9, qs)) : f("", !0)
@@ -3733,7 +3735,7 @@ const Co = {
       v(tl) ? (u(), Ye(Ao, { key: 11 })) : f("", !0)
     ], 46, Jo));
   }
-}, Wi = /* @__PURE__ */ Sa(Mi, [["__scopeId", "data-v-32b4494b"]]);
+}, Wi = /* @__PURE__ */ Sa(Mi, [["__scopeId", "data-v-d55281bc"]]);
 export {
   Wi as default
 };

package/dist/{vue-ui-xy-canvas-DDRJMmPT.js → vue-ui-xy-canvas-Cmn0RWbG.js}

@@ -1,15 +1,15 @@
 import { defineAsyncComponent as K, ref as d, computed as L, useSlots as Va, onMounted as ua, watch as D, nextTick as sa, shallowRef as ze, onBeforeUnmount as Ga, createElementBlock as se, openBlock as S, unref as p, normalizeClass as Za, normalizeStyle as Q, createCommentVNode as X, createBlock as N, createElementVNode as ne, 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 ge, b as ll, D as $e, i as ee, f as ae, d as ia, a5 as tl, G as ol, ae as rl, o as ul, e as sl, x as va, q as nl, r as il, y as vl, s as ie, l as cl } from "./index-h6tbqLot.js";
+import { u as Ka, c as Qa, t as el, p as V, a as al, C as ge, b as ll, D as $e, i as ee, f as ae, d as ia, a5 as tl, G as ol, ae as rl, o as ul, e as sl, x as va, q as nl, r as il, y as vl, s as ie, l as cl } from "./index-BeBasrrG.js";
 import { d as dl, t as hl, u as yl, c as fl, a as ca, l as C, r as Ie, b as R, p as da } from "./useResponsive-DfdjqQps.js";
-import { u as ha } from "./useNestedProp-D059IOwh.js";
-import { u as gl } from "./usePrinter-BuJDNOzF.js";
+import { u as ha } from "./useNestedProp-BI69cynt.js";
+import { u as gl } from "./usePrinter-DpTBVYGM.js";
 import { u as pl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ml } from "./useChartAccessibility-9icAAmYg.js";
-import bl from "./Legend-DAN5L1lo.js";
-import xl from "./Title-Bo-MVYcn.js";
-import { S as Ll } from "./Slicer-8WIL9Cfq.js";
+import bl from "./Legend-De_LcU2x.js";
+import xl from "./Title-CbfJu3Bz.js";
+import { S as Ll } from "./Slicer-BCCGJwNV.js";
 import { u as kl } from "./useTimeLabels-DkzmKfZn.js";
-import Cl from "./img-59KgIaXp.js";
+import Cl from "./img-Domj-5hZ.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(Me, { expose: ya, emit: fa }) {
-    const ga = K(() => import("./vue-ui-accordion-DyBJ-mad.js")), pa = K(() => import("./DataTable-CQqQt3fP.js")), ma = K(() => import("./NonSvgPenAndPaper-s0PFQNll.js")), ba = K(() => import("./vue-ui-skeleton-DIJ5u0HF.js")), xa = K(() => import("./Tooltip-DD9Ly0Pw.js")), La = K(() => import("./UserOptions-dJLhbxrH.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Me, pe = d(Qa()), P = d(null), le = d(null), n = d(null), y = d(1), F = d(1), ve = d(!1), c = d(null), ce = d(""), Te = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), me = d(null), Oe = d(0), Re = d(0), de = d(!1), Pe = d(null), Fe = d(null), Ee = d(null), Ae = d(null), be = d(0), xe = d(0), Le = d(0), M = d(null), ke = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
+    const ga = K(() => import("./vue-ui-accordion-BBZQktvS.js")), pa = K(() => import("./DataTable-DonNp9Tn.js")), ma = K(() => import("./NonSvgPenAndPaper-DCCmvppN.js")), ba = K(() => import("./vue-ui-skeleton-BLCAe0aL.js")), xa = K(() => import("./Tooltip-BuuVsO8D.js")), La = K(() => import("./UserOptions-32osgWD2.js")), { vue_ui_xy_canvas: ka } = Ka(), g = Me, pe = d(Qa()), P = d(null), le = d(null), n = d(null), y = d(1), F = d(1), ve = d(!1), c = d(null), ce = d(""), Te = d(null), $ = d([]), G = d(1), H = d(!0), Z = d(!0), me = d(null), Oe = d(0), Re = d(0), de = d(!1), Pe = d(null), Fe = d(null), Ee = d(null), Ae = d(null), be = d(0), xe = d(0), Le = d(0), M = d(null), ke = L(() => !!g.dataset && g.dataset.length), Ca = fa, wa = Va();
     ua(() => {
       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.33",
+  "version": "3.0.0-next.34",
   "type": "module",
   "description": "A user-empowering data visualization Vue 3 components library for eloquent data storytelling",
   "keywords": [

package/dist/useTimeLabelCollider-V7AOiPLB.js

@@ -1,71 +0,0 @@
-import { watch as L, nextTick as N } from "vue";
-function q({
-  timeLabelsEls: y,
-  timeLabels: T,
-  slicer: v,
-  configRef: u,
-  rotationPath: i,
-  autoRotatePath: C,
-  isAutoSize: b,
-  setViewBox: p,
-  forceResizeObserver: h,
-  callback: a
-}) {
-  function l(s, n) {
-    return n.reduce((e, t) => e && e[t], s);
-  }
-  function w(s, n, e) {
-    n.slice(0, -1).reduce((t, o) => t[o], s)[n.slice(-1)] = e;
-  }
-  function g(s) {
-    const n = /translate\(\s*([^\s,]+)\s*,\s*([^\s,]+)\s*\)/.exec(s);
-    return n ? {
-      x: parseFloat(n[1]),
-      y: parseFloat(n[2])
-    } : { x: 0, y: 0 };
-  }
-  async function c() {
-    await N();
-    const s = y.value;
-    if (!s) return;
-    const e = Array.from(s.querySelectorAll(".vue-data-ui-time-label")).map((r) => ({
-      ...g(r.getAttribute("transform")),
-      width: r.getBBox().width
-    }));
-    let t = !1;
-    const o = 4;
-    for (let r = 0; r < e.length && !t; r += 1)
-      for (let m = r + 1; m < e.length; m += 1) {
-        const x = e[r], f = e[m];
-        if (!(x.x + x.width + o < f.x || f.x + f.width + o < x.x)) {
-          t = !0;
-          break;
-        }
-      }
-    const d = l(u.value, i);
-    t && !d ? (w(u.value, i, -30.0001), a && a({ collision: t }), b.value && p && h && (p(), h())) : !t && d === -30.0001 && (w(u.value, i, 0), a && a({ collision: t }));
-  }
-  function A(s, n) {
-    let e;
-    return (...t) => {
-      clearTimeout(e), e = setTimeout(() => s(...t), n);
-    };
-  }
-  const F = A(c, 200);
-  return L(
-    [
-      () => T.value,
-      () => l(u.value, i),
-      () => v.value.start,
-      () => v.value.end
-    ],
-    async ([, , s, n], [, , e, t]) => {
-      if (!l(u.value, C)) return;
-      s !== e || n !== t ? F() : await c();
-    },
-    { immediate: !0 }
-  ), { detectTimeLabelCollision: c };
-}
-export {
-  q as u
-};