vue-data-ui 3.14.9 → 3.14.10

package/dist/{PackageVersion-BcKxt97v.js → PackageVersion-BuRKH9Zk.js}

@@ -1,5 +1,5 @@
 import { createElementBlock as e, openBlock as t, toDisplayString as o, unref as r } from "vue";
-const n = "3.14.9", a = { "aria-hidden": "true" }, p = {
+const n = "3.14.10", a = { "aria-hidden": "true" }, p = {
   __name: "PackageVersion",
   setup(s) {
     return (c, i) => (t(), e("desc", a, "Composed with Vue Data UI " + o(r(n)), 1));

package/dist/{UserOptions-CgJW5jFu.js → UserOptions-D__NnV3N.js}

@@ -1,4 +1,4 @@
-import { ref as P, computed as J, onMounted as ke, onBeforeUnmount as ce, watch as ye, nextTick as Q, withDirectives as me, createElementBlock as i, openBlock as n, normalizeStyle as v, createElementVNode as V, withKeys as he, withModifiers as p, renderSlot as b, normalizeProps as F, guardReactiveProps as $e, createVNode as Ce, normalizeClass as k, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as E, unref as we } from "vue";
+import { ref as P, computed as J, onMounted as ke, onBeforeUnmount as ce, watch as ye, nextTick as Q, withDirectives as me, createElementBlock as i, openBlock as n, normalizeStyle as v, createElementVNode as V, withKeys as he, withModifiers as p, renderSlot as b, normalizeProps as F, guardReactiveProps as $e, createVNode as Ce, normalizeClass as k, createCommentVNode as a, Fragment as C, createBlock as f, toDisplayString as c, mergeProps as E, unref as we } from "vue";
 import { v as ze } from "./vClickOutside-C6WiFswA.js";
 import r from "./BaseIcon-C9z2RXkc.js";
 import Me from "./img-CApAeE1J.js";
@@ -23,36 +23,36 @@ const Xe = {
       startX: 0,
       startY: 0,
       moved: !1
-    }, C = () => {
+    }, h = () => {
       s.lastScrollTs = performance.now();
     }, O = (m) => {
       s.pointerId = m.pointerId ?? null, s.startX = m.clientX ?? 0, s.startY = m.clientY ?? 0, s.moved = !1;
     }, x = (m) => {
       if (s.pointerId === null || (m.pointerId ?? null) !== s.pointerId) return;
-      const T = (m.clientX ?? 0) - s.startX, I = (m.clientY ?? 0) - s.startY, { moveThreshold: A } = X();
-      T * T + I * I >= A * A && (s.moved = !0);
+      const L = (m.clientX ?? 0) - s.startX, T = (m.clientY ?? 0) - s.startY, { moveThreshold: A } = X();
+      L * L + T * T >= A * A && (s.moved = !0);
     }, y = (m) => {
       s.pointerId !== null && (m.pointerId ?? null) === s.pointerId && (s.pointerId = null);
-    }, d = (m, T) => {
-      const I = m.composedPath ? m.composedPath() : [];
-      for (const A of T) {
+    }, d = (m, L) => {
+      const T = m.composedPath ? m.composedPath() : [];
+      for (const A of L) {
         const M = A && typeof A == "object" && "value" in A ? A.value : A;
-        if (M && (M === m.target || M.contains && M.contains(m.target) || I.length && I.includes(M)))
+        if (M && (M === m.target || M.contains && M.contains(m.target) || T.length && T.includes(M)))
           return !0;
       }
       return !1;
-    }, h = (m) => {
-      const { handler: T, targets: I, disabled: A, scrollGuardMs: M } = X();
-      if (A || typeof T != "function" || performance.now() - s.lastScrollTs < M || s.moved) return;
-      d(m, I) || T(m);
+    }, $ = (m) => {
+      const { handler: L, targets: T, disabled: A, scrollGuardMs: M } = X();
+      if (A || typeof L != "function" || performance.now() - s.lastScrollTs < M || s.moved) return;
+      d(m, T) || L(m);
     };
     e.__vPopoverClickOutside__ = {
-      onScrollCapture: C,
+      onScrollCapture: h,
       onPointerDownCapture: O,
       onPointerMoveCapture: x,
       onPointerUpCapture: y,
-      onClickCapture: h
-    }, window.addEventListener("scroll", C, !0), document.addEventListener("pointerdown", O, !0), document.addEventListener("pointermove", x, !0), document.addEventListener("pointerup", y, !0), document.addEventListener("click", h, !0);
+      onClickCapture: $
+    }, window.addEventListener("scroll", h, !0), document.addEventListener("pointerdown", O, !0), document.addEventListener("pointermove", x, !0), document.addEventListener("pointerup", y, !0), document.addEventListener("click", $, !0);
   },
   unmounted(e) {
     const w = e.__vPopoverClickOutside__;
@@ -222,7 +222,7 @@ const Xe = {
     "toggleZoom"
   ],
   setup(e, { expose: w, emit: X }) {
-    const s = e, C = X, O = P(null), x = P(null), y = P(null), d = P(!1), h = J(() => typeof window < "u" && typeof HTMLElement < "u" && "popover" in HTMLElement.prototype);
+    const s = e, h = X, O = P(null), x = P(null), y = P(null), d = P(!1), $ = J(() => typeof window < "u" && typeof HTMLElement < "u" && "popover" in HTMLElement.prototype);
     async function m() {
       if (s.callbacks.pdf) {
         const { imageUri: o, base64: t } = await Me({
@@ -233,29 +233,36 @@ const Xe = {
         });
         s.callbacks.pdf({ domElement: s.chartElement, base64: t, imageUri: o });
       } else
-        C("generatePdf");
+        h("generatePdf");
     }
-    function T() {
-      C("generateCsv", s.callbacks.csv);
+    function L() {
+      h("generateCsv", s.callbacks.csv);
     }
-    async function I() {
+    async function T() {
       if (s.callbacks.img) {
-        const { imageUri: o, base64: t } = await Me({
-          domElement: s.chartElement,
-          base64: !0,
-          img: !0,
-          scale: s.printScale
-        });
-        s.callbacks.img({ domElement: s.chartElement, imageUri: o, base64: t });
+        h("generateImage", { stage: "start" });
+        try {
+          const { imageUri: o, base64: t } = await Me({
+            domElement: s.chartElement,
+            base64: !0,
+            img: !0,
+            scale: s.printScale
+          });
+          await Promise.resolve(
+            s.callbacks.img({ domElement: s.chartElement, imageUri: o, base64: t })
+          );
+        } finally {
+          h("generateImage", { stage: "end" });
+        }
       } else
-        C("generateImage");
+        h("generateImage");
     }
     function A() {
-      C("generateSvg", { isCb: !!s.callbacks.svg });
+      h("generateSvg", { isCb: !!s.callbacks.svg });
     }
     const M = P(!1);
     function H() {
-      s.callbacks.table ? s.callbacks.table() : (M.value = !M.value, C("toggleTable"));
+      s.callbacks.table ? s.callbacks.table() : (M.value = !M.value, h("toggleTable"));
     }
     function Se(o) {
       M.value = o;
@@ -265,37 +272,37 @@ const Xe = {
     });
     const Z = P(s.isLabelActive);
     function _() {
-      s.callbacks.labels ? s.callbacks.labels() : (Z.value = !Z.value, C("toggleLabels"));
+      s.callbacks.labels ? s.callbacks.labels() : (Z.value = !Z.value, h("toggleLabels"));
     }
     const B = P(s.isAnimation);
     function D() {
-      s.callbacks.animation ? s.callbacks.animation() : (B.value = !B.value, C("toggleAnimation"));
+      s.callbacks.animation ? s.callbacks.animation() : (B.value = !B.value, h("toggleAnimation"));
     }
     const ee = P(s.isZoom);
     function N() {
-      s.callbacks.zoom ? s.callbacks.zoom() : (ee.value = !ee.value, C("toggleZoom"));
+      s.callbacks.zoom ? s.callbacks.zoom() : (ee.value = !ee.value, h("toggleZoom"));
     }
     const z = J({
       get: () => s.isAnnotation,
       set: (o) => o
     });
     function U() {
-      s.callbacks.annotator ? s.callbacks.annotator() : (z.value = !z.value, C("toggleAnnotator"));
+      s.callbacks.annotator ? s.callbacks.annotator() : (z.value = !z.value, h("toggleAnnotator"));
     }
     function te() {
-      s.callbacks.sort ? s.callbacks.sort() : C("toggleSort");
+      s.callbacks.sort ? s.callbacks.sort() : h("toggleSort");
     }
     const R = P(s.isStacked);
     function oe() {
-      s.callbacks.stack ? s.callbacks.stack() : (R.value = !R.value, C("toggleStack"));
+      s.callbacks.stack ? s.callbacks.stack() : (R.value = !R.value, h("toggleStack"));
     }
     const j = P(s.isTooltip);
     function ne() {
-      s.callbacks.tooltip ? s.callbacks.tooltip() : (j.value = !j.value, C("toggleTooltip"));
+      s.callbacks.tooltip ? s.callbacks.tooltip() : (j.value = !j.value, h("toggleTooltip"));
     }
     const Pe = J({
       get: () => s.isFullscreen,
-      set: (o) => C("toggleFullscreen", o)
+      set: (o) => h("toggleFullscreen", o)
     });
     function G() {
       if (!s.chartElement) return;
@@ -304,7 +311,7 @@ const Xe = {
     }
     function le() {
       const o = !!document.fullscreenElement;
-      C("toggleFullscreen", o);
+      h("toggleFullscreen", o);
     }
     ke(() => {
       document.addEventListener("fullscreenchange", le);
@@ -332,7 +339,7 @@ const Xe = {
     function Fe() {
       s.isPrinting || s.isImaging || (d.value = !1);
     }
-    function Le() {
+    function Ie() {
       d.value && Fe();
     }
     const W = P(0);
@@ -340,13 +347,13 @@ const Xe = {
       W.value = performance.now() + 50;
     }
     function ue() {
-      s.isPrinting || s.isImaging || (h.value && q(), d.value = !1);
+      s.isPrinting || s.isImaging || ($.value && q(), d.value = !1);
     }
-    function Te() {
+    function Le() {
       performance.now() < W.value || ue();
     }
     function ae() {
-      if (g.value = window.innerWidth > 600, !h.value) {
+      if (g.value = window.innerWidth > 600, !$.value) {
         d.value || se(), d.value = !d.value;
         return;
       }
@@ -357,11 +364,11 @@ const Xe = {
       }
       se(), d.value = !0;
     }
-    function Ie() {
+    function Te() {
       ae();
     }
     function re(o, t, u, S) {
-      const L = window.devicePixelRatio || 1, K = (Be) => Math.round(Be * L) / L;
+      const I = window.devicePixelRatio || 1, K = (Be) => Math.round(Be * I) / I;
       o.style.position = "fixed", o.style.top = `${K(t)}px`, o.style.left = `${K(u)}px`, o.style.right = "auto", o.style.width = `${K(S)}px`;
     }
     function Ee(o) {
@@ -375,14 +382,14 @@ const Xe = {
       o.style.display = "flex", o.style.visibility = "hidden", o.style.pointerEvents = "none";
     }
     function fe() {
-      if (!h.value || !d.value || !O.value || !y.value) return;
+      if (!$.value || !d.value || !O.value || !y.value) return;
       const o = O.value.getBoundingClientRect(), t = y.value.getBoundingClientRect(), u = o.top + 36;
       if (s.position === "right") {
-        const S = s.offsetX ? s.offsetX : s.noOffset ? 0 : 4, L = o.right - S - t.width;
-        re(y.value, u, L, t.width);
+        const S = s.offsetX ? s.offsetX : s.noOffset ? 0 : 4, I = o.right - S - t.width;
+        re(y.value, u, I, t.width);
       } else {
-        const S = s.noOffset ? 0 : 4, L = o.left + S;
-        re(y.value, u, L, t.width);
+        const S = s.noOffset ? 0 : 4, I = o.left + S;
+        re(y.value, u, I, t.width);
       }
     }
     let ve = 0;
@@ -392,22 +399,22 @@ const Xe = {
       });
     }
     function Y() {
-      h.value && d.value && Oe();
+      $.value && d.value && Oe();
     }
     function xe(o, t) {
-      const u = window.devicePixelRatio || 1, S = (L) => Math.round(L * u) / u;
+      const u = window.devicePixelRatio || 1, S = (I) => Math.round(I * u) / u;
       o.style.position = "fixed", o.style.top = `${S(t.top)}px`, o.style.left = `${S(t.left)}px`, o.style.right = "auto", o.style.width = `${S(t.width)}px`;
     }
     async function de(o = !1) {
-      if (!h.value) return;
+      if (!$.value) return;
       const t = y.value;
       if (!t) return;
       const u = t.getAttribute("style") || "", S = t.getAttribute("data-open");
       t.setAttribute("popover", "manual");
       try {
         t.setAttribute("data-open", "true"), Ee(t), await Q();
-        const L = t.getBoundingClientRect();
-        t.setAttribute("style", u), S === null ? t.removeAttribute("data-open") : t.setAttribute("data-open", S), xe(t, L), o || (typeof t.showPopover == "function" ? t.showPopover() : t.style.display = "flex");
+        const I = t.getBoundingClientRect();
+        t.setAttribute("style", u), S === null ? t.removeAttribute("data-open") : t.setAttribute("data-open", S), xe(t, I), o || (typeof t.showPopover == "function" ? t.showPopover() : t.style.display = "flex");
       } catch {
         if (!o)
           try {
@@ -417,7 +424,7 @@ const Xe = {
       }
     }
     function q() {
-      if (!h.value) return;
+      if (!$.value) return;
       const o = y.value;
       if (o) {
         o.setAttribute("popover", "manual");
@@ -430,7 +437,7 @@ const Xe = {
       }
     }
     function ge() {
-      if (!h.value) return;
+      if (!$.value) return;
       const o = y.value;
       o && d.value && (d.value = typeof o.matches == "function" ? (() => {
         try {
@@ -441,25 +448,25 @@ const Xe = {
       })() : !1);
     }
     function be(o) {
-      if (!h.value || !d.value || performance.now() < W.value) return;
+      if (!$.value || !d.value || performance.now() < W.value) return;
       const t = o.composedPath ? o.composedPath() : [], u = x.value ? t.includes(x.value) : !1, S = y.value ? t.includes(y.value) : !1;
       !u && !S && ue();
     }
     return ye(
       () => s.isFullscreen,
       async () => {
-        h.value && (await Q(), d.value && de());
+        $.value && (await Q(), d.value && de());
       }
     ), ye(
       () => d.value,
       async (o) => {
-        h.value && (await Q(), o ? (await de(!1), fe()) : q());
+        $.value && (await Q(), o ? (await de(!1), fe()) : q());
       }
     ), ke(() => {
       window.addEventListener("pointerdown", be, !0), window.addEventListener("resize", Y, { passive: !0 }), window.addEventListener("scroll", Y, { passive: !0, capture: !0 }), y.value && y.value.addEventListener("toggle", ge);
     }), ce(() => {
       window.removeEventListener("pointerdown", be, !0), window.removeEventListener("resize", Y), window.removeEventListener("scroll", Y, !0), y.value && y.value.removeEventListener("toggle", ge);
-    }), (o, t) => h.value ? me((n(), i("div", {
+    }), (o, t) => $.value ? me((n(), i("div", {
       key: 0,
       ref_key: "rootRef",
       ref: O,
@@ -474,7 +481,7 @@ const Xe = {
         title: d.value ? e.titles.close || "" : e.titles.open || "",
         style: v(`width:32px; position: absolute; top: 0;${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px;  cursor:pointer; background:transparent`),
         onPointerdown: p(ae, ["stop", "prevent"]),
-        onKeydown: he(p(Ie, ["stop", "prevent"]), ["enter"])
+        onKeydown: he(p(Te, ["stop", "prevent"]), ["enter"])
       }, [
         b(o.$slots, "menuIcon", F($e({ isOpen: d.value, color: e.color })), () => [
           Ce(r, {
@@ -487,10 +494,10 @@ const Xe = {
       V("div", {
         ref_key: "drawerRef",
         ref: y,
-        popover: h.value ? "manual" : null,
-        "data-open": h.value ? null : d.value,
+        popover: $.value ? "manual" : null,
+        "data-open": $.value ? null : d.value,
         class: k({ "vue-ui-user-options-drawer": !0 }),
-        style: v(h.value ? { background: e.backgroundColor } : `background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
+        style: v($.value ? { background: e.backgroundColor } : `background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
       }, [
         e.hasPdf ? (n(), i("button", {
           key: 0,
@@ -500,7 +507,7 @@ const Xe = {
           onMouseenter: t[0] || (t[0] = (u) => l.value.pdf = !0),
           onMouseout: t[1] || (t[1] = (u) => l.value.pdf = !1)
         }, [
-          o.$slots.optionPdf ? b(o.$slots, "optionPdf", { key: 0 }, void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionPdf ? b(o.$slots, "optionPdf", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isPrinting ? (n(), f(r, {
               key: 0,
               name: "hourglass",
@@ -530,7 +537,7 @@ const Xe = {
           key: 1,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: T,
+          onClick: L,
           onMouseenter: t[2] || (t[2] = (u) => l.value.csv = !0),
           onMouseout: t[3] || (t[3] = (u) => l.value.csv = !1)
         }, [
@@ -556,11 +563,11 @@ const Xe = {
           key: 2,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: I,
+          onClick: T,
           onMouseenter: t[4] || (t[4] = (u) => l.value.img = !0),
           onMouseout: t[5] || (t[5] = (u) => l.value.img = !1)
         }, [
-          o.$slots.optionImg ? b(o.$slots, "optionImg", { key: 0 }, void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionImg ? b(o.$slots, "optionImg", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isImaging ? (n(), f(r, {
               key: 0,
               name: "hourglass",
@@ -620,7 +627,7 @@ const Xe = {
           onMouseenter: t[8] || (t[8] = (u) => l.value.tooltip = !0),
           onMouseout: t[9] || (t[9] = (u) => l.value.tooltip = !1)
         }, [
-          o.$slots.optionTooltip ? b(o.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionTooltip ? b(o.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             j.value ? (n(), f(r, {
               key: 0,
               name: "tooltip",
@@ -653,7 +660,7 @@ const Xe = {
           onMouseenter: t[10] || (t[10] = (u) => l.value.table = !0),
           onMouseout: t[11] || (t[11] = (u) => l.value.table = !1)
         }, [
-          o.$slots.optionTable ? b(o.$slots, "optionTable", { key: 0 }, void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionTable ? b(o.$slots, "optionTable", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             e.tableDialog ? (n(), f(r, {
               key: 0,
               name: M.value ? "tableDialogClose" : "tableDialogOpen",
@@ -738,7 +745,7 @@ const Xe = {
           onMouseenter: t[16] || (t[16] = (u) => l.value.stack = !0),
           onMouseout: t[17] || (t[17] = (u) => l.value.stack = !1)
         }, [
-          o.$slots.optionStack ? b(o.$slots, "optionStack", F(E({ key: 0 }, { isStack: R.value })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionStack ? b(o.$slots, "optionStack", F(E({ key: 0 }, { isStack: R.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
             R.value ? (n(), f(r, {
               key: 0,
               name: "unstack",
@@ -771,7 +778,7 @@ const Xe = {
           onMouseout: t[19] || (t[19] = (u) => l.value.fullscreen = !1),
           onClick: t[20] || (t[20] = (u) => G(e.isFullscreen ? "out" : "in"))
         }, [
-          o.$slots.optionFullscreen ? b(o.$slots, "optionFullscreen", F(E({ key: 0 }, { toggleFullscreen: G, isFullscreen: e.isFullscreen })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionFullscreen ? b(o.$slots, "optionFullscreen", F(E({ key: 0 }, { toggleFullscreen: G, isFullscreen: e.isFullscreen })), void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isFullscreen ? (n(), f(r, {
               key: 0,
               name: "exitFullscreen",
@@ -804,7 +811,7 @@ const Xe = {
           onMouseout: t[22] || (t[22] = (u) => l.value.zoom = !1),
           onClick: t[23] || (t[23] = (u) => N())
         }, [
-          o.$slots.optionZoom ? b(o.$slots, "optionZoom", F(E({ key: 0 }, { toggleZoom: N, isZoomLocked: !e.isZoom })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionZoom ? b(o.$slots, "optionZoom", F(E({ key: 0 }, { toggleZoom: N, isZoomLocked: !e.isZoom })), void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isZoom ? (n(), f(r, {
               key: 0,
               name: "zoomUnlock",
@@ -837,7 +844,7 @@ const Xe = {
           onMouseout: t[25] || (t[25] = (u) => l.value.animation = !1),
           onClick: D
         }, [
-          o.$slots.optionAnimation ? b(o.$slots, "optionAnimation", F(E({ key: 0 }, { toggleAnimation: D, isAnimated: B.value })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionAnimation ? b(o.$slots, "optionAnimation", F(E({ key: 0 }, { toggleAnimation: D, isAnimated: B.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
             B.value ? (n(), f(r, {
               key: 0,
               name: "play",
@@ -870,7 +877,7 @@ const Xe = {
           onMouseout: t[27] || (t[27] = (u) => l.value.annotator = !1),
           onClick: U
         }, [
-          o.$slots.optionAnnotator ? b(o.$slots, "optionAnnotator", F(E({ key: 0 }, { toggleAnnotator: U, isAnnotator: z.value })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionAnnotator ? b(o.$slots, "optionAnnotator", F(E({ key: 0 }, { toggleAnnotator: U, isAnnotator: z.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
             z.value ? (n(), f(r, {
               key: 0,
               name: "annotatorDisabled",
@@ -897,9 +904,9 @@ const Xe = {
         ], 32)) : a("", !0)
       ], 12, De)
     ], 4)), [
-      [we(Xe), h.value ? null : {
+      [we(Xe), $.value ? null : {
         targets: [O.value, y.value, x.value],
-        handler: Te
+        handler: Le
       }]
     ]) : me((n(), i("div", {
       key: 1,
@@ -941,7 +948,7 @@ const Xe = {
           onMouseenter: t[28] || (t[28] = (u) => l.value.pdf = !0),
           onMouseout: t[29] || (t[29] = (u) => l.value.pdf = !1)
         }, [
-          o.$slots.optionPdf ? b(o.$slots, "optionPdf", { key: 0 }, void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionPdf ? b(o.$slots, "optionPdf", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isPrinting ? (n(), f(r, {
               key: 0,
               name: "hourglass",
@@ -971,7 +978,7 @@ const Xe = {
           key: 1,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: T,
+          onClick: L,
           onMouseenter: t[30] || (t[30] = (u) => l.value.csv = !0),
           onMouseout: t[31] || (t[31] = (u) => l.value.csv = !1)
         }, [
@@ -997,11 +1004,11 @@ const Xe = {
           key: 2,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: I,
+          onClick: T,
           onMouseenter: t[32] || (t[32] = (u) => l.value.img = !0),
           onMouseout: t[33] || (t[33] = (u) => l.value.img = !1)
         }, [
-          o.$slots.optionImg ? b(o.$slots, "optionImg", { key: 0 }, void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionImg ? b(o.$slots, "optionImg", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isImaging ? (n(), f(r, {
               key: 0,
               name: "hourglass",
@@ -1061,7 +1068,7 @@ const Xe = {
           onMouseenter: t[36] || (t[36] = (u) => l.value.tooltip = !0),
           onMouseout: t[37] || (t[37] = (u) => l.value.tooltip = !1)
         }, [
-          o.$slots.optionTooltip ? b(o.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionTooltip ? b(o.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             j.value ? (n(), f(r, {
               key: 0,
               name: "tooltip",
@@ -1094,7 +1101,7 @@ const Xe = {
           onMouseenter: t[38] || (t[38] = (u) => l.value.table = !0),
           onMouseout: t[39] || (t[39] = (u) => l.value.table = !1)
         }, [
-          o.$slots.optionTable ? b(o.$slots, "optionTable", { key: 0 }, void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionTable ? b(o.$slots, "optionTable", { key: 0 }, void 0, !0) : (n(), i(C, { key: 1 }, [
             e.tableDialog ? (n(), f(r, {
               key: 0,
               name: M.value ? "tableDialogClose" : "tableDialogOpen",
@@ -1179,7 +1186,7 @@ const Xe = {
           onMouseenter: t[44] || (t[44] = (u) => l.value.stack = !0),
           onMouseout: t[45] || (t[45] = (u) => l.value.stack = !1)
         }, [
-          o.$slots.optionStack ? b(o.$slots, "optionStack", F(E({ key: 0 }, { isStack: R.value })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionStack ? b(o.$slots, "optionStack", F(E({ key: 0 }, { isStack: R.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
             R.value ? (n(), f(r, {
               key: 0,
               name: "unstack",
@@ -1212,7 +1219,7 @@ const Xe = {
           onMouseout: t[47] || (t[47] = (u) => l.value.fullscreen = !1),
           onClick: t[48] || (t[48] = (u) => G(e.isFullscreen ? "out" : "in"))
         }, [
-          o.$slots.optionFullscreen ? b(o.$slots, "optionFullscreen", F(E({ key: 0 }, { toggleFullscreen: G, isFullscreen: e.isFullscreen })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionFullscreen ? b(o.$slots, "optionFullscreen", F(E({ key: 0 }, { toggleFullscreen: G, isFullscreen: e.isFullscreen })), void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isFullscreen ? (n(), f(r, {
               key: 0,
               name: "exitFullscreen",
@@ -1245,7 +1252,7 @@ const Xe = {
           onMouseout: t[50] || (t[50] = (u) => l.value.zoom = !1),
           onClick: t[51] || (t[51] = (u) => N())
         }, [
-          o.$slots.optionZoom ? b(o.$slots, "optionZoom", F(E({ key: 0 }, { toggleZoom: N, isZoomLocked: !e.isZoom })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionZoom ? b(o.$slots, "optionZoom", F(E({ key: 0 }, { toggleZoom: N, isZoomLocked: !e.isZoom })), void 0, !0) : (n(), i(C, { key: 1 }, [
             e.isZoom ? (n(), f(r, {
               key: 0,
               name: "zoomUnlock",
@@ -1278,7 +1285,7 @@ const Xe = {
           onMouseout: t[53] || (t[53] = (u) => l.value.animation = !1),
           onClick: D
         }, [
-          o.$slots.optionAnimation ? b(o.$slots, "optionAnimation", F(E({ key: 0 }, { toggleAnimation: D, isAnimated: B.value })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionAnimation ? b(o.$slots, "optionAnimation", F(E({ key: 0 }, { toggleAnimation: D, isAnimated: B.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
             B.value ? (n(), f(r, {
               key: 0,
               name: "play",
@@ -1311,7 +1318,7 @@ const Xe = {
           onMouseout: t[55] || (t[55] = (u) => l.value.annotator = !1),
           onClick: U
         }, [
-          o.$slots.optionAnnotator ? b(o.$slots, "optionAnnotator", F(E({ key: 0 }, { toggleAnnotator: U, isAnnotator: z.value })), void 0, !0) : (n(), i($, { key: 1 }, [
+          o.$slots.optionAnnotator ? b(o.$slots, "optionAnnotator", F(E({ key: 0 }, { toggleAnnotator: U, isAnnotator: z.value })), void 0, !0) : (n(), i(C, { key: 1 }, [
             z.value ? (n(), f(r, {
               key: 0,
               name: "annotatorDisabled",
@@ -1338,10 +1345,10 @@ const Xe = {
         ], 32)) : a("", !0)
       ], 12, Ue)
     ], 4)), [
-      [we(ze), Le]
+      [we(ze), Ie]
     ]);
   }
-}, We = /* @__PURE__ */ Re(je, [["__scopeId", "data-v-74d86cd2"]]);
+}, We = /* @__PURE__ */ Re(je, [["__scopeId", "data-v-9c974780"]]);
 export {
   We as default
 };

package/dist/components/vue-ui-3d-bar.js

@@ -1,4 +1,4 @@
-import { v as r, v as d } from "../vue-ui-3d-bar-qrdxfRwt.js";
+import { v as r, v as d } from "../vue-ui-3d-bar-mR6LX8_j.js";
 export {
   r as VueUi3dBar,
   d as default

package/dist/components/vue-ui-age-pyramid.js

@@ -1,4 +1,4 @@
-import { v as r, v as d } from "../vue-ui-age-pyramid-DKndehRp.js";
+import { v as r, v as d } from "../vue-ui-age-pyramid-nMWkN_3Q.js";
 export {
   r as VueUiAgePyramid,
   d as default

package/dist/components/vue-ui-bullet.js

@@ -1,4 +1,4 @@
-import { v as l, v as t } from "../vue-ui-bullet-C1llg1Ub.js";
+import { v as l, v as t } from "../vue-ui-bullet-dLFU2JXg.js";
 export {
   l as VueUiBullet,
   t as default

package/dist/components/vue-ui-bump.js

@@ -1,4 +1,4 @@
-import { v as u, v as f } from "../vue-ui-bump-BSx-VMje.js";
+import { v as u, v as f } from "../vue-ui-bump-672g6uBG.js";
 export {
   u as VueUiBump,
   f as default

package/dist/components/vue-ui-candlestick.js

@@ -1,4 +1,4 @@
-import { v as s, v as t } from "../vue-ui-candlestick-zhX2BOhT.js";
+import { v as s, v as t } from "../vue-ui-candlestick-SH0B0Gj7.js";
 export {
   s as VueUiCandlestick,
   t as default

package/dist/components/vue-ui-carousel-table.js

@@ -1,4 +1,4 @@
-import { default as l, default as u } from "../vue-ui-carousel-table-B06pC3sA.js";
+import { default as l, default as u } from "../vue-ui-carousel-table-CMwSPMyd.js";
 export {
   l as VueUiCarouselTable,
   u as default

package/dist/components/vue-ui-chestnut.js

@@ -1,4 +1,4 @@
-import { v as a, v as s } from "../vue-ui-chestnut-ZtYAPLm9.js";
+import { v as a, v as s } from "../vue-ui-chestnut-CDLF-12s.js";
 export {
   a as VueUiChestnut,
   s as default

package/dist/components/vue-ui-chord.js

@@ -1,4 +1,4 @@
-import { v as o, v as r } from "../vue-ui-chord-BIpsK8HK.js";
+import { v as o, v as r } from "../vue-ui-chord-D39KHXRY.js";
 export {
   o as VueUiChord,
   r as default

package/dist/components/vue-ui-circle-pack.js

@@ -1,4 +1,4 @@
-import { v as r, v as c } from "../vue-ui-circle-pack-DKK1BSSf.js";
+import { v as r, v as c } from "../vue-ui-circle-pack-CN2qPTnQ.js";
 export {
   r as VueUiCirclePack,
   c as default

package/dist/components/vue-ui-cursor.js

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-cursor-BNJb0bl6.js";
+import { default as u, default as a } from "../vue-ui-cursor-P6SRbsNn.js";
 export {
   u as VueUiCursor,
   a as default

package/dist/components/vue-ui-dag.js

@@ -1,4 +1,4 @@
-import { v as f, v as o } from "../vue-ui-dag-De1Jeb88.js";
+import { v as f, v as o } from "../vue-ui-dag-D_Cjx9eE.js";
 export {
   f as VueUiDag,
   o as default

package/dist/components/vue-ui-dashboard.js

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-dashboard-DF0NKJrS.js";
+import { default as d, default as f } from "../vue-ui-dashboard-CPrMVil9.js";
 export {
   d as VueUiDashboard,
   f as default

package/dist/components/vue-ui-donut-evolution.js

@@ -1,4 +1,4 @@
-import { v as u, v as a } from "../vue-ui-donut-evolution-nRUw6B_X.js";
+import { v as u, v as a } from "../vue-ui-donut-evolution-DpbavbaU.js";
 export {
   u as VueUiDonutEvolution,
   a as default

package/dist/components/vue-ui-donut.js

@@ -1,4 +1,4 @@
-import { V as o, V as t } from "../vue-ui-donut-B5uiylYD.js";
+import { V as o, V as t } from "../vue-ui-donut-BIVDLZjR.js";
 export {
   o as VueUiDonut,
   t as default

package/dist/components/vue-ui-dumbbell.js

@@ -1,4 +1,4 @@
-import { v as l, v as u } from "../vue-ui-dumbbell-0exyJ01q.js";
+import { v as l, v as u } from "../vue-ui-dumbbell-CAJb-M0Z.js";
 export {
   l as VueUiDumbbell,
   u as default