vue-data-ui 2.4.83 → 2.4.85

package/dist/{vue-ui-xy-canvas-qk5Vd9ng.js → vue-ui-xy-canvas-DFUfTZwz.js}

@@ -1,16 +1,16 @@
-import { ref as i, computed as x, useSlots as Ta, onMounted as aa, watch as A, nextTick as ce, onBeforeUnmount as Oa, openBlock as z, createElementBlock as K, normalizeStyle as B, normalizeClass as Ra, unref as S, createBlock as E, createCommentVNode as H, createSlots as Pa, withCtx as b, renderSlot as L, normalizeProps as Y, guardReactiveProps as V, createElementVNode as Q, createVNode as Fa, toDisplayString as la, createTextVNode as Ea } from "vue";
-import { u as Da, c as Na, t as Aa, a as Ha, p as _, C as de, b as _a, D as we, i as ee, f as ae, Z as Ua, J as Wa, d as ta, a4 as Xa, o as Ba, e as Ya, x as oa, y as Va, q as Za, r as Ga, s as le, l as ja } from "./index-BqR_a-C7.js";
+import { ref as i, computed as x, useSlots as Ta, onMounted as aa, watch as N, nextTick as ce, onBeforeUnmount as Oa, openBlock as z, createElementBlock as K, normalizeStyle as B, normalizeClass as Ra, unref as S, createBlock as E, createCommentVNode as H, createSlots as Pa, withCtx as b, renderSlot as L, normalizeProps as Y, guardReactiveProps as V, createElementVNode as Q, createVNode as Fa, toDisplayString as la, createTextVNode as Ea } from "vue";
+import { u as Da, c as Aa, t as Na, a as Ha, p as _, C as de, b as _a, D as we, i as ee, f as ae, Z as Ua, J as Wa, d as ta, a4 as Xa, o as Ba, e as Ya, x as oa, y as Va, q as Za, r as Ga, s as le, l as ja } from "./index-B7nCQFK0.js";
 import { d as qa, c as Ja, a as ra, t as Ka, l as k, r as ze, b as D, p as ua, u as Qa } from "./useResponsive-CoxXLe23.js";
-import { _ as el } from "./Tooltip-CeBpQ6yn.js";
-import { L as al } from "./Legend-Br9uWuyZ.js";
-import { _ as ll } from "./Title-Bhq6SOYu.js";
-import { S as tl } from "./Slicer-B9BStSWS.js";
-import { u as ol, U as rl } from "./usePrinter-BPjMJmKg.js";
-import ul from "./vue-ui-accordion-Cz3VCEN0.js";
-import { D as sl } from "./DataTable-CaiuB_-j.js";
-import nl from "./vue-ui-skeleton-DbI8wJH-.js";
-import { u as sa } from "./useNestedProp-DqofSFeh.js";
-import { P as il } from "./PenAndPaper-CJ3Rnk2Q.js";
+import { _ as el } from "./Tooltip-Bkc4233T.js";
+import { L as al } from "./Legend-BTpe6qQB.js";
+import { _ as ll } from "./Title-CaET2xuF.js";
+import { S as tl } from "./Slicer-BUYuk07t.js";
+import { u as ol, U as rl } from "./usePrinter-CQMn1b4E.js";
+import ul from "./vue-ui-accordion-B8ptB5BQ.js";
+import { D as sl } from "./DataTable-C0tCPQ9i.js";
+import nl from "./vue-ui-skeleton-D66ZIUln.js";
+import { u as sa } from "./useNestedProp-C9rlBRTT.js";
+import { P as il } from "./PenAndPaper-Dr7ndoP_.js";
 import { u as vl } from "./useUserOptionState-BIvW1Kz7.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const dl = ["id"], hl = ["onClick"], yl = {
@@ -34,7 +34,7 @@ const dl = ["id"], hl = ["onClick"], yl = {
   },
   emits: ["selectLegend"],
   setup(Se, { expose: na, emit: ia }) {
-    const f = Se, { vue_ui_xy_canvas: va } = Da(), he = i(Na()), Z = i(null), M = i(null), G = i(null), s = i(null), y = i(1), R = i(1), te = i(!1), d = i(null), oe = i(""), $e = i(null), $ = i([]), U = i(1), N = i(!0), T = i(!0), ye = i(null), Ie = i(0), Me = i(0), re = i(!1), Te = i(null), Oe = i(null), Re = i(null), Pe = i(null), fe = i(0), ge = i(0), pe = i(0), me = x(() => !!f.dataset && f.dataset.length), ca = Ta();
+    const f = Se, { vue_ui_xy_canvas: va } = Da(), he = i(Aa()), Z = i(null), M = i(null), G = i(null), s = i(null), y = i(1), R = i(1), te = i(!1), d = i(null), oe = i(""), $e = i(null), $ = i([]), U = i(1), A = i(!0), T = i(!0), ye = i(null), Ie = i(0), Me = i(0), re = i(!1), Te = i(null), Oe = i(null), Re = i(null), Pe = i(null), fe = i(0), ge = i(0), pe = i(0), me = x(() => !!f.dataset && f.dataset.length), ca = Ta();
     aa(() => {
       ca["chart-background"] && console.warn("VueUiXyCanvas does not support the #chart-background slot.");
     });
@@ -50,18 +50,18 @@ const dl = ["id"], hl = ["onClick"], yl = {
       let l = {};
       return e.theme ? l = {
         ...sa({
-          userConfig: Aa.vue_ui_xy_canvas[e.theme] || f.config,
+          userConfig: Na.vue_ui_xy_canvas[e.theme] || f.config,
           defaultConfig: e
         }),
         customPalette: Ha[e.theme] || _
       } : l = e, f.config && de(f.config, "style.chart.scale.min") ? l.style.chart.scale.min = f.config.style.chart.scale.min : l.style.chart.scale.min = null, f.config && de(f.config, "style.chart.scale.max") ? l.style.chart.scale.max = f.config.style.chart.scale.max : l.style.chart.scale.max = null, f.config && de(f.config, "style.chart.zoom.startIndex") ? l.style.chart.zoom.startIndex = f.config.style.chart.zoom.startIndex : l.style.chart.zoom.startIndex = null, f.config && de(f.config, "style.chart.zoom.endIndex") ? l.style.chart.zoom.endIndex = f.config.style.chart.zoom.endIndex : l.style.chart.zoom.endIndex = null, l;
     }
-    A(() => f.config, (e) => {
+    N(() => f.config, (e) => {
       a.value = De(), be.value = !a.value.showOnChartHover, Le(), fe.value += 1, ge.value += 1, pe.value += 1;
-    }, { deep: !0 }), A(() => f.dataset, () => {
+    }, { deep: !0 }), N(() => f.dataset, () => {
       Le(), fe.value += 1, ge.value += 1, pe.value += 1;
     }, { deep: !0 });
-    const Ne = i(a.value.style.chart.aspectRatio), { isPrinting: Ae, isImaging: He, generatePdf: _e, generateImage: Ue } = ol({
+    const Ae = i(a.value.style.chart.aspectRatio), { isPrinting: Ne, isImaging: He, generatePdf: _e, generateImage: Ue } = ol({
       elementId: `xy_canvas_${he.value}`,
       fileName: a.value.style.chart.title.text || "vue-ui-xy-canvas"
     }), u = i({
@@ -144,7 +144,7 @@ const dl = ["id"], hl = ["onClick"], yl = {
       absoluteIndex: l,
       color: ta(e.color || We.value[l] || _[l] || _[l % _.length])
     })));
-    A(I, (e) => {
+    N(I, (e) => {
       e && Be();
     });
     const h = x(() => Xa(W.value.filter((e, l) => !$.value.includes(e.absoluteIndex))).map((e, l) => ({
@@ -649,7 +649,7 @@ const dl = ["id"], hl = ["onClick"], yl = {
       });
     }
     function xe() {
-      ma(), N.value ? (T.value && d.value !== null && a.value.style.chart.selector.show && Ve(), ka(), u.value.stacked && a.value.style.chart.grid.x.showAxis && wa(), ga.value.forEach((e) => {
+      ma(), A.value ? (T.value && d.value !== null && a.value.style.chart.selector.show && Ve(), ka(), u.value.stacked && a.value.style.chart.grid.x.showAxis && wa(), ga.value.forEach((e) => {
         (e.type === "line" || !e.type) && Ca(e), T.value && (ba(e), u.value.showDataLabels && [!0, void 0].includes(e.dataLabels) && xa(e));
       }), ye.value = Ja(M.value)) : (ye.value && (s.value.clearRect(0, 0, 1e4, 1e4), s.value.drawImage(ye.value, 0, 0)), T.value && d.value !== null && a.value.style.chart.selector.show && Ve(), T.value && d.value !== null && h.value.forEach((e) => {
         if (e.type === "line" || !e.type || e.type === "plot") {
@@ -668,7 +668,7 @@ const dl = ["id"], hl = ["onClick"], yl = {
             }
           );
         }
-      })), a.value.style.chart.grid.y.timeLabels.show && La(), N.value = !1;
+      })), a.value.style.chart.grid.y.timeLabels.show && La(), A.value = !1;
     }
     const ue = qa(() => {
       T.value = !0, pa();
@@ -707,16 +707,16 @@ const dl = ["id"], hl = ["onClick"], yl = {
         config: a.value
       }) : (a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[d.value] && (c += `<div style="padding-bottom: 6px; margin-bottom: 4px; border-bottom: 1px solid ${a.value.style.chart.tooltip.borderColor}; width:100%">${a.value.style.chart.grid.y.timeLabels.values.slice(r.value.start, r.value.end)[d.value]}</div>`), c += ya.value.join(""), oe.value = c), T.value = !1;
     }
-    A(() => d.value, (e) => {
+    N(() => d.value, (e) => {
       ue();
-    }), A(() => r.value, (e) => {
-      N.value = !0, xe();
+    }), N(() => r.value, (e) => {
+      A.value = !0, xe();
     }, {
       deep: !0
-    }), A(() => u.value.showDataLabels, (e) => {
-      N.value = !0, xe();
-    }), A(() => u.value.stacked, (e) => {
-      N.value = !0, T.value = !0, ue();
+    }), N(() => u.value.showDataLabels, (e) => {
+      A.value = !0, xe();
+    }), N(() => u.value.stacked, (e) => {
+      A.value = !0, T.value = !0, ue();
     });
     function Sa() {
       te.value = !1, d.value = null, oe.value = "";
@@ -738,20 +738,22 @@ const dl = ["id"], hl = ["onClick"], yl = {
             slicer: a.value.style.chart.zoom.show && I.value > 1 ? Re.value : null,
             source: Pe.value
           });
-          Ne.value = `${l} / ${o}`;
+          requestAnimationFrame(() => {
+            Ae.value = `${l} / ${o}`;
+          });
         });
         se.value = new ResizeObserver(e), se.value.observe(Z.value.parentNode);
       }
       ne.value = new ResizeObserver((e) => {
         for (const l of e)
-          l.contentBoxSize && G.value && (N.value = !0, ue());
+          l.contentBoxSize && G.value && (A.value = !0, ue());
       }), ne.value.observe(G.value), Ye();
     }
     Oa(() => {
       ne.value && ne.value.disconnect(), se.value && se.value.disconnect();
     });
     function Ze(e) {
-      ia("selectLegend", h.value.find((l) => l.absoluteIndex === e)), $.value.includes(e) ? $.value = $.value.filter((l) => l !== e) : $.value.push(e), N.value = !0, ue();
+      ia("selectLegend", h.value.find((l) => l.absoluteIndex === e)), $.value.includes(e) ? $.value = $.value.filter((l) => l !== e) : $.value.push(e), A.value = !0, ue();
     }
     const Ge = x(() => W.value.map((e, l) => ({
       ...e,
@@ -876,7 +878,7 @@ const dl = ["id"], hl = ["onClick"], yl = {
         key: `user_option_${Me.value}`,
         backgroundColor: a.value.style.chart.backgroundColor,
         color: a.value.style.chart.color,
-        isPrinting: S(Ae),
+        isPrinting: S(Ne),
         isImaging: S(He),
         uid: he.value,
         hasTooltip: a.value.userOptions.buttons.tooltip && a.value.style.chart.tooltip.show,
@@ -974,7 +976,7 @@ const dl = ["id"], hl = ["onClick"], yl = {
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasLabel", "hasStack", "hasFullscreen", "hasTable", "isFullscreen", "isTooltip", "isStacked", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : H("", !0),
       Q("div", {
         class: "vue-ui-xy-canvas",
-        style: B(`position: relative; aspect-ratio: ${Ne.value}`),
+        style: B(`position: relative; aspect-ratio: ${Ae.value}`),
         ref_key: "container",
         ref: G
       }, [
@@ -1090,7 +1092,7 @@ const dl = ["id"], hl = ["onClick"], yl = {
         }, void 0, !0)
       ], 512),
       e.$slots.watermark ? (z(), K("div", yl, [
-        L(e.$slots, "watermark", Y(V({ isPrinting: S(Ae) || S(He) })), void 0, !0)
+        L(e.$slots, "watermark", Y(V({ isPrinting: S(Ne) || S(He) })), void 0, !0)
       ])) : H("", !0),
       e.$slots.source ? (z(), K("div", {
         key: 3,
@@ -1147,7 +1149,7 @@ const dl = ["id"], hl = ["onClick"], yl = {
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : H("", !0)
     ], 46, dl));
   }
-}, Rl = /* @__PURE__ */ cl(gl, [["__scopeId", "data-v-fbe7238f"]]);
+}, Rl = /* @__PURE__ */ cl(gl, [["__scopeId", "data-v-0d7dcce5"]]);
 export {
   Rl as default
 };