vue-data-ui 3.4.5 → 3.4.7

package/dist/{UserOptions-1OZ3jcm6.js → UserOptions-CnzumGJj.js}

@@ -1,7 +1,7 @@
-import { ref as m, computed as w, onMounted as p, onBeforeUnmount as _, withDirectives as ee, createElementBlock as s, openBlock as o, normalizeStyle as v, createElementVNode as D, withKeys as te, withModifiers as oe, renderSlot as k, normalizeProps as A, guardReactiveProps as ne, createVNode as le, normalizeClass as d, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as ie } from "vue";
+import { ref as m, computed as P, onMounted as p, onBeforeUnmount as _, withDirectives as ee, createElementBlock as s, openBlock as o, normalizeStyle as v, createElementVNode as x, withKeys as te, withModifiers as oe, renderSlot as k, normalizeProps as B, guardReactiveProps as ne, createVNode as le, normalizeClass as d, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as ie } from "vue";
 import { v as se } from "./vClickOutside-C6WiFswA.js";
 import r from "./BaseIcon-BmMbm4d0.js";
-import X from "./img-BecE5qXd.js";
+import D from "./img-BecE5qXd.js";
 import { _ as ae } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ue = ["title"], re = ["data-open"], fe = {
   __name: "UserOptions",
@@ -157,59 +157,59 @@ const ue = ["title"], re = ["data-open"], fe = {
     "toggleAnnotator",
     "generateSvg"
   ],
-  setup(e, { expose: z, emit: N }) {
-    const i = e, g = N;
-    async function U() {
+  setup(e, { expose: X, emit: z }) {
+    const i = e, g = z;
+    async function N() {
       if (i.callbacks.pdf) {
-        const { imageUri: n, base64: t } = await X({ domElement: i.chartElement, base64: !0, img: !0, scale: i.printScale });
-        i.callbacks.pdf({ domElement: i.chartElement, base64: t, imageUri: n });
+        const { imageUri: l, base64: t } = await D({ domElement: i.chartElement, base64: !0, img: !0, scale: i.printScale });
+        i.callbacks.pdf({ domElement: i.chartElement, base64: t, imageUri: l });
       } else
         g("generatePdf");
     }
-    function j() {
+    function U() {
       g("generateCsv", i.callbacks.csv);
     }
-    async function V() {
+    async function j() {
       if (i.callbacks.img) {
-        const { imageUri: n, base64: t } = await X({ domElement: i.chartElement, base64: !0, img: !0, scale: i.printScale });
-        i.callbacks.img({ domElement: i.chartElement, imageUri: n, base64: t });
+        const { imageUri: l, base64: t } = await D({ domElement: i.chartElement, base64: !0, img: !0, scale: i.printScale });
+        i.callbacks.img({ domElement: i.chartElement, imageUri: l, base64: t });
       } else
         g("generateImage");
     }
-    function K() {
+    function V() {
       g("generateSvg", { isCb: !!i.callbacks.svg });
     }
     const h = m(!1);
-    function W() {
+    function K() {
       i.callbacks.table ? i.callbacks.table() : (h.value = !h.value, g("toggleTable"));
     }
-    function q(n) {
-      h.value = n;
+    function W(l) {
+      h.value = l;
     }
-    z({
-      setTableIconState: q
+    X({
+      setTableIconState: W
     });
-    const y = m(!1), H = m(!0);
+    const y = m(!1), q = m(!0);
     function I() {
-      b.value = window.innerWidth > 600, y.value = !y.value, y.value && (H.value = !1);
+      b.value = window.innerWidth > 600, y.value = !y.value, y.value && (q.value = !1);
     }
-    function R() {
+    function H() {
       i.isPrinting || i.isImaging || (y.value = !1);
     }
-    function x() {
-      y.value && R();
+    function R() {
+      y.value && H();
     }
-    const B = m(i.isLabelActive);
+    const M = m(i.isLabelActive);
     function G() {
-      i.callbacks.labels ? i.callbacks.labels() : (B.value = !B.value, g("toggleLabels"));
+      i.callbacks.labels ? i.callbacks.labels() : (M.value = !M.value, g("toggleLabels"));
     }
     const C = m(i.isAnimation);
     function E() {
       i.callbacks.animation ? i.callbacks.animation() : (C.value = !C.value, g("toggleAnimation"));
     }
-    const S = w({
+    const S = P({
       get: () => i.isAnnotation,
-      set: (n) => n
+      set: (l) => l
     });
     function O() {
       i.callbacks.annotator ? i.callbacks.annotator() : (S.value = !S.value, g("toggleAnnotator"));
@@ -217,33 +217,33 @@ const ue = ["title"], re = ["data-open"], fe = {
     function J() {
       i.callbacks.sort ? i.callbacks.sort() : g("toggleSort");
     }
-    const M = m(i.isStacked);
+    const A = m(i.isStacked);
     function Q() {
-      i.callbacks.stack ? i.callbacks.stack() : (M.value = !M.value, g("toggleStack"));
+      i.callbacks.stack ? i.callbacks.stack() : (A.value = !A.value, g("toggleStack"));
     }
     const F = m(i.isTooltip);
     function Y() {
       i.callbacks.tooltip ? i.callbacks.tooltip() : (F.value = !F.value, g("toggleTooltip"));
     }
-    const Z = w({
+    const Z = P({
       get: () => i.isFullscreen,
-      set: (n) => g("toggleFullscreen", n)
+      set: (l) => g("toggleFullscreen", l)
     });
-    function L() {
+    function w() {
       if (!i.chartElement) return;
-      const n = !i.isFullscreen;
-      Z.value = n, n ? i.chartElement.requestFullscreen() : document.exitFullscreen();
+      const l = !i.isFullscreen;
+      Z.value = l, l ? i.chartElement.requestFullscreen() : document.exitFullscreen();
     }
-    function P() {
-      const n = !!document.fullscreenElement;
-      g("toggleFullscreen", n);
+    function L() {
+      const l = !!document.fullscreenElement;
+      g("toggleFullscreen", l);
     }
     p(() => {
-      document.addEventListener("fullscreenchange", P);
+      document.addEventListener("fullscreenchange", L);
     }), _(() => {
-      document.removeEventListener("fullscreenchange", P);
+      document.removeEventListener("fullscreenchange", L);
     });
-    const b = m(window.innerWidth > 600), l = m({
+    const b = m(window.innerWidth > 600), n = m({
       tooltip: !1,
       pdf: !1,
       csv: !1,
@@ -257,19 +257,19 @@ const ue = ["title"], re = ["data-open"], fe = {
       annotator: !1,
       svg: !1
     });
-    return (n, t) => ee((o(), s("div", {
+    return (l, t) => ee((o(), s("div", {
       "data-dom-to-png-ignore": "",
       class: "vue-ui-user-options",
       style: v(`z-index: ${e.zIndex}; height: 34px; position: ${e.isFullscreen ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${e.isFullscreen ? "12px" : "0"}` : `left:${e.isFullscreen ? "12px" : "0"}`}; padding: 4px; background:transparent;`)
     }, [
-      D("div", {
+      x("div", {
         tabindex: "0",
         title: y.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`),
         onClick: oe(I, ["stop"]),
         onKeypress: te(I, ["enter"])
       }, [
-        k(n.$slots, "menuIcon", A(ne({ isOpen: y.value, color: e.color })), () => [
+        k(l.$slots, "menuIcon", B(ne({ isOpen: y.value, color: e.color })), () => [
           le(r, {
             name: y.value ? "close" : "menu",
             stroke: e.color,
@@ -277,7 +277,7 @@ const ue = ["title"], re = ["data-open"], fe = {
           }, null, 8, ["name", "stroke"])
         ], !0)
       ], 44, ue),
-      D("div", {
+      x("div", {
         "data-open": y.value,
         class: d({ "vue-ui-user-options-drawer": !0 }),
         style: v(`background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
@@ -287,10 +287,10 @@ const ue = ["title"], re = ["data-open"], fe = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: Y,
-          onMouseenter: t[0] || (t[0] = (u) => l.value.tooltip = !0),
-          onMouseout: t[1] || (t[1] = (u) => l.value.tooltip = !1)
+          onMouseenter: t[0] || (t[0] = (u) => n.value.tooltip = !0),
+          onMouseout: t[1] || (t[1] = (u) => n.value.tooltip = !1)
         }, [
-          n.$slots.optionTooltip ? k(n.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionTooltip ? k(l.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
             F.value ? (o(), f(r, {
               key: 0,
               name: "tooltip",
@@ -303,10 +303,10 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.tooltip && !n.$slots.optionTooltip ? (o(), s("div", {
+          b.value && e.titles.tooltip ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-left-visible": e.position === "left" && l.value.tooltip, "button-info-right-visible": e.position === "right" && l.value.tooltip }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-left-visible": e.position === "left" && n.value.tooltip, "button-info-right-visible": e.position === "right" && n.value.tooltip }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.tooltip), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -314,11 +314,11 @@ const ue = ["title"], re = ["data-open"], fe = {
           key: 1,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: U,
-          onMouseenter: t[2] || (t[2] = (u) => l.value.pdf = !0),
-          onMouseout: t[3] || (t[3] = (u) => l.value.pdf = !1)
+          onClick: N,
+          onMouseenter: t[2] || (t[2] = (u) => n.value.pdf = !0),
+          onMouseout: t[3] || (t[3] = (u) => n.value.pdf = !1)
         }, [
-          n.$slots.optionPdf ? k(n.$slots, "optionPdf", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionPdf ? k(l.$slots, "optionPdf", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
             e.isPrinting ? (o(), f(r, {
               key: 0,
               name: "spin",
@@ -332,10 +332,10 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.pdf && !n.$slots.optionPdf ? (o(), s("div", {
+          b.value && e.titles.pdf ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.pdf, "button-info-left-visible": e.position === "left" && l.value.pdf }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.pdf, "button-info-left-visible": e.position === "left" && n.value.pdf }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.pdf), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -343,20 +343,20 @@ const ue = ["title"], re = ["data-open"], fe = {
           key: 2,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: j,
-          onMouseenter: t[4] || (t[4] = (u) => l.value.csv = !0),
-          onMouseout: t[5] || (t[5] = (u) => l.value.csv = !1)
+          onClick: U,
+          onMouseenter: t[4] || (t[4] = (u) => n.value.csv = !0),
+          onMouseout: t[5] || (t[5] = (u) => n.value.csv = !1)
         }, [
-          n.$slots.optionCsv ? k(n.$slots, "optionCsv", { key: 0 }, void 0, !0) : (o(), f(r, {
+          l.$slots.optionCsv ? k(l.$slots, "optionCsv", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: "excel",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          b.value && e.titles.csv && !n.$slots.optionCsv ? (o(), s("div", {
+          b.value && e.titles.csv ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.csv, "button-info-left-visible": e.position === "left" && l.value.csv }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.csv, "button-info-left-visible": e.position === "left" && n.value.csv }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.csv), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -364,11 +364,11 @@ const ue = ["title"], re = ["data-open"], fe = {
           key: 3,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: V,
-          onMouseenter: t[6] || (t[6] = (u) => l.value.img = !0),
-          onMouseout: t[7] || (t[7] = (u) => l.value.img = !1)
+          onClick: j,
+          onMouseenter: t[6] || (t[6] = (u) => n.value.img = !0),
+          onMouseout: t[7] || (t[7] = (u) => n.value.img = !1)
         }, [
-          n.$slots.optionImg ? k(n.$slots, "optionImg", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionImg ? k(l.$slots, "optionImg", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
             e.isImaging ? (o(), f(r, {
               key: 0,
               name: "spin",
@@ -382,10 +382,10 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.img && !n.$slots.optionImg ? (o(), s("div", {
+          b.value && e.titles.img ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.img, "button-info-left-visible": e.position === "left" && l.value.img }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.img, "button-info-left-visible": e.position === "left" && n.value.img }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.img), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -393,20 +393,20 @@ const ue = ["title"], re = ["data-open"], fe = {
           key: 4,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: K,
-          onMouseenter: t[8] || (t[8] = (u) => l.value.svg = !0),
-          onMouseout: t[9] || (t[9] = (u) => l.value.svg = !1)
+          onClick: V,
+          onMouseenter: t[8] || (t[8] = (u) => n.value.svg = !0),
+          onMouseout: t[9] || (t[9] = (u) => n.value.svg = !1)
         }, [
-          n.$slots.optionSvg ? k(n.$slots, "optionSvg", { key: 0 }, void 0, !0) : (o(), f(r, {
+          l.$slots.optionSvg ? k(l.$slots, "optionSvg", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: "svg",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          b.value && e.titles.svg && !n.$slots.optionSvg ? (o(), s("div", {
+          b.value && e.titles.svg ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.svg, "button-info-left-visible": e.position === "left" && l.value.svg }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.svg, "button-info-left-visible": e.position === "left" && n.value.svg }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.svg), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -414,11 +414,11 @@ const ue = ["title"], re = ["data-open"], fe = {
           key: 5,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: W,
-          onMouseenter: t[10] || (t[10] = (u) => l.value.table = !0),
-          onMouseout: t[11] || (t[11] = (u) => l.value.table = !1)
+          onClick: K,
+          onMouseenter: t[10] || (t[10] = (u) => n.value.table = !0),
+          onMouseout: t[11] || (t[11] = (u) => n.value.table = !1)
         }, [
-          n.$slots.optionTable ? k(n.$slots, "optionTable", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionTable ? k(l.$slots, "optionTable", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
             e.tableDialog ? (o(), f(r, {
               key: 0,
               name: h.value ? "tableDialogClose" : "tableDialogOpen",
@@ -431,10 +431,10 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["name", "stroke"]))
           ], 64)),
-          b.value && e.titles.table && !n.$slots.optionTable ? (o(), s("div", {
+          b.value && e.titles.table ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.table, "button-info-left-visible": e.position === "left" && l.value.table }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.table, "button-info-left-visible": e.position === "left" && n.value.table }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.table), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -443,19 +443,19 @@ const ue = ["title"], re = ["data-open"], fe = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: G,
-          onMouseenter: t[12] || (t[12] = (u) => l.value.labels = !0),
-          onMouseout: t[13] || (t[13] = (u) => l.value.labels = !1)
+          onMouseenter: t[12] || (t[12] = (u) => n.value.labels = !0),
+          onMouseout: t[13] || (t[13] = (u) => n.value.labels = !1)
         }, [
-          n.$slots.optionLabels ? k(n.$slots, "optionLabels", { key: 0 }, void 0, !0) : (o(), f(r, {
+          l.$slots.optionLabels ? k(l.$slots, "optionLabels", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
-            name: B.value ? "labelClose" : "labelOpen",
+            name: M.value ? "labelClose" : "labelOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          b.value && e.titles.labels && !n.$slots.optionLabels ? (o(), s("div", {
+          b.value && e.titles.labels ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.labels, "button-info-left-visible": e.position === "left" && l.value.labels }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.labels, "button-info-left-visible": e.position === "left" && n.value.labels }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.labels), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -464,19 +464,19 @@ const ue = ["title"], re = ["data-open"], fe = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: J,
-          onMouseenter: t[14] || (t[14] = (u) => l.value.sort = !0),
-          onMouseout: t[15] || (t[15] = (u) => l.value.sort = !1)
+          onMouseenter: t[14] || (t[14] = (u) => n.value.sort = !0),
+          onMouseout: t[15] || (t[15] = (u) => n.value.sort = !1)
         }, [
-          n.$slots.optionSort ? k(n.$slots, "optionSort", { key: 0 }, void 0, !0) : (o(), f(r, {
+          l.$slots.optionSort ? k(l.$slots, "optionSort", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: "sort",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          b.value && e.titles.sort && !n.$slots.optionSort ? (o(), s("div", {
+          b.value && e.titles.sort ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.sort, "button-info-left-visible": e.position === "left" && l.value.sort }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.sort, "button-info-left-visible": e.position === "left" && n.value.sort }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.sort), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -485,11 +485,11 @@ const ue = ["title"], re = ["data-open"], fe = {
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: Q,
-          onMouseenter: t[16] || (t[16] = (u) => l.value.stack = !0),
-          onMouseout: t[17] || (t[17] = (u) => l.value.stack = !1)
+          onMouseenter: t[16] || (t[16] = (u) => n.value.stack = !0),
+          onMouseout: t[17] || (t[17] = (u) => n.value.stack = !1)
         }, [
-          n.$slots.optionStack ? k(n.$slots, "optionStack", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
-            M.value ? (o(), f(r, {
+          l.$slots.optionStack ? k(l.$slots, "optionStack", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+            A.value ? (o(), f(r, {
               key: 0,
               name: "unstack",
               stroke: e.color,
@@ -501,10 +501,10 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.stack && !n.$slots.optionStack ? (o(), s("div", {
+          b.value && e.titles.stack ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.stack, "button-info-left-visible": e.position === "left" && l.value.stack }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.stack, "button-info-left-visible": e.position === "left" && n.value.stack }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.stack), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -512,11 +512,11 @@ const ue = ["title"], re = ["data-open"], fe = {
           key: 9,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[18] || (t[18] = (u) => l.value.fullscreen = !0),
-          onMouseout: t[19] || (t[19] = (u) => l.value.fullscreen = !1),
-          onClick: t[20] || (t[20] = (u) => L(e.isFullscreen ? "out" : "in"))
+          onMouseenter: t[18] || (t[18] = (u) => n.value.fullscreen = !0),
+          onMouseout: t[19] || (t[19] = (u) => n.value.fullscreen = !1),
+          onClick: t[20] || (t[20] = (u) => w(e.isFullscreen ? "out" : "in"))
         }, [
-          n.$slots.optionFullscreen ? k(n.$slots, "optionFullscreen", A(T({ key: 0 }, { toggleFullscreen: L, isFullscreen: e.isFullscreen })), void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionFullscreen ? k(l.$slots, "optionFullscreen", B(T({ key: 0 }, { toggleFullscreen: w, isFullscreen: e.isFullscreen })), void 0, !0) : (o(), s($, { key: 1 }, [
             e.isFullscreen ? (o(), f(r, {
               key: 0,
               name: "exitFullscreen",
@@ -530,10 +530,10 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.fullscreen && !n.$slots.optionFullscreen ? (o(), s("div", {
+          b.value && e.titles.fullscreen ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.fullscreen, "button-info-left-visible": e.position === "left" && l.value.fullscreen }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.fullscreen, "button-info-left-visible": e.position === "left" && n.value.fullscreen }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.fullscreen), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -541,11 +541,11 @@ const ue = ["title"], re = ["data-open"], fe = {
           key: 10,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[21] || (t[21] = (u) => l.value.animation = !0),
-          onMouseout: t[22] || (t[22] = (u) => l.value.animation = !1),
+          onMouseenter: t[21] || (t[21] = (u) => n.value.animation = !0),
+          onMouseout: t[22] || (t[22] = (u) => n.value.animation = !1),
           onClick: E
         }, [
-          n.$slots.optionAnimation ? k(n.$slots, "optionAnimation", A(T({ key: 0 }, { toggleAnimation: E, isAnimated: C.value })), void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionAnimation ? k(l.$slots, "optionAnimation", B(T({ key: 0 }, { toggleAnimation: E, isAnimated: C.value })), void 0, !0) : (o(), s($, { key: 1 }, [
             C.value ? (o(), f(r, {
               key: 0,
               name: "play",
@@ -559,10 +559,10 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.fullscreen && !n.$slots.optionAnimation ? (o(), s("div", {
+          b.value && e.titles.fullscreen ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.animation, "button-info-left-visible": e.position === "left" && l.value.animation }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.animation, "button-info-left-visible": e.position === "left" && n.value.animation }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.animation), 7)) : a("", !0)
         ], 32)) : a("", !0),
@@ -570,11 +570,11 @@ const ue = ["title"], re = ["data-open"], fe = {
           key: 11,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: t[23] || (t[23] = (u) => l.value.annotator = !0),
-          onMouseout: t[24] || (t[24] = (u) => l.value.annotator = !1),
+          onMouseenter: t[23] || (t[23] = (u) => n.value.annotator = !0),
+          onMouseout: t[24] || (t[24] = (u) => n.value.annotator = !1),
           onClick: O
         }, [
-          n.$slots.optionAnnotator ? k(n.$slots, "optionAnnotator", A(T({ key: 0 }, { toggleAnnotator: O, isAnnotator: S.value })), void 0, !0) : (o(), s($, { key: 1 }, [
+          l.$slots.optionAnnotator ? k(l.$slots, "optionAnnotator", B(T({ key: 0 }, { toggleAnnotator: O, isAnnotator: S.value })), void 0, !0) : (o(), s($, { key: 1 }, [
             S.value ? (o(), f(r, {
               key: 0,
               name: "annotatorDisabled",
@@ -588,19 +588,19 @@ const ue = ["title"], re = ["data-open"], fe = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.annotator && !n.$slots.optionAnnotator ? (o(), s("div", {
+          b.value && e.titles.annotator ? (o(), s("div", {
             key: 2,
             dir: "auto",
-            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && l.value.annotator, "button-info-left-visible": e.position === "left" && l.value.annotator }),
+            class: d({ "button-info-left": e.position === "left", "button-info-right": e.position === "right", "button-info-right-visible": e.position === "right" && n.value.annotator, "button-info-left-visible": e.position === "left" && n.value.annotator }),
             style: v({ background: e.backgroundColor, color: e.color })
           }, c(e.titles.annotator), 7)) : a("", !0)
         ], 32)) : a("", !0)
       ], 12, re)
     ], 4)), [
-      [ie(se), x]
+      [ie(se), R]
     ]);
   }
-}, ce = /* @__PURE__ */ ae(fe, [["__scopeId", "data-v-0627ad5f"]]);
+}, ce = /* @__PURE__ */ ae(fe, [["__scopeId", "data-v-d38fb50d"]]);
 export {
   ce as default
 };

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

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-3d-bar-KbXMgsD4.js";
+import { default as d, default as f } from "../vue-ui-3d-bar-D1GoJWeg.js";
 export {
   d as VueUi3dBar,
   f as default

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

@@ -1,4 +1,4 @@
-import { default as a, default as d } from "../vue-ui-accordion-UpZ765hd.js";
+import { default as a, default as d } from "../vue-ui-accordion-CZ0thhxa.js";
 export {
   a as VueUiAccordion,
   d as default

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

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-age-pyramid-CAnvJqVu.js";
+import { default as d, default as f } from "../vue-ui-age-pyramid-BDGFSsA5.js";
 export {
   d as VueUiAgePyramid,
   f as default

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

@@ -1,4 +1,4 @@
-import { default as e, default as o } from "../vue-ui-annotator--8upDtTs.js";
+import { default as e, default as o } from "../vue-ui-annotator-BylDgUVb.js";
 export {
   e as VueUiAnnotator,
   o as default

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

@@ -1,4 +1,4 @@
-import { default as t, default as u } from "../vue-ui-bullet-vEsqg-Wk.js";
+import { default as t, default as u } from "../vue-ui-bullet-C3GtE3bF.js";
 export {
   t as VueUiBullet,
   u as default

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

@@ -1,4 +1,4 @@
-import { default as t, default as d } from "../vue-ui-candlestick-C2q8lhDv.js";
+import { default as t, default as d } from "../vue-ui-candlestick-BlzmB2vM.js";
 export {
   t as VueUiCandlestick,
   d 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-7ZDbJPdA.js";
+import { default as l, default as u } from "../vue-ui-carousel-table-TKa7KYZ0.js";
 export {
   l as VueUiCarouselTable,
   u as default

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

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-chestnut-jHiG8RhC.js";
+import { default as u, default as a } from "../vue-ui-chestnut-DNxARRsx.js";
 export {
   u as VueUiChestnut,
   a as default

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

@@ -1,4 +1,4 @@
-import { default as d, default as f } from "../vue-ui-chord-Br7aGEQ3.js";
+import { default as d, default as f } from "../vue-ui-chord-BM7tZig3.js";
 export {
   d as VueUiChord,
   f as default

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

@@ -1,4 +1,4 @@
-import { default as f, default as l } from "../vue-ui-circle-pack-CkDTsG3R.js";
+import { default as f, default as l } from "../vue-ui-circle-pack-BZU75WUb.js";
 export {
   f as VueUiCirclePack,
   l as default

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

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

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

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

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

@@ -1,4 +1,4 @@
-import { default as a, default as f } from "../vue-ui-digits-Cdn6EcYe.js";
+import { default as a, default as f } from "../vue-ui-digits-ByNNcWXi.js";
 export {
   a as VueUiDigits,
   f as default

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

@@ -1,4 +1,4 @@
-import { default as u, default as e } from "../vue-ui-donut-evolution-DiUVj1kD.js";
+import { default as u, default as e } from "../vue-ui-donut-evolution-CCdIWlyZ.js";
 export {
   u as VueUiDonutEvolution,
   e as default

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

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-donut-SyV7u3Fk.js";
+import { default as u, default as a } from "../vue-ui-donut-CRvfqCUO.js";
 export {
   u as VueUiDonut,
   a as default

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

@@ -1,4 +1,4 @@
-import { default as u, default as a } from "../vue-ui-dumbbell-Dy0L7H8E.js";
+import { default as u, default as a } from "../vue-ui-dumbbell-CLmwZyrf.js";
 export {
   u as VueUiDumbbell,
   a as default