vue-data-ui 2.15.3-beta.0 → 2.15.3

package/dist/{UserOptions-DbL-zGb3.js → UserOptions-BnD3w_M-.js}

@@ -1,7 +1,7 @@
-import { ref as m, computed as G, onMounted as J, onBeforeUnmount as Q, withDirectives as Y, createElementBlock as s, openBlock as t, normalizeStyle as b, createElementVNode as X, withKeys as Z, withModifiers as p, renderSlot as k, normalizeProps as A, guardReactiveProps as _, createVNode as ee, normalizeClass as d, createCommentVNode as a, Fragment as h, createBlock as f, toDisplayString as y, mergeProps as F, unref as te } from "vue";
+import { ref as m, computed as E, onMounted as J, onBeforeUnmount as Q, withDirectives as Y, createElementBlock as s, openBlock as t, normalizeStyle as v, createElementVNode as X, withKeys as Z, withModifiers as p, renderSlot as k, normalizeProps as S, guardReactiveProps as _, createVNode as ee, normalizeClass as d, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as te } from "vue";
 import { v as oe } from "./vClickOutside-C6WiFswA.js";
-import r from "./BaseIcon-BjHafpQe.js";
-import ne from "./img-BIZXwUs0.js";
+import r from "./BaseIcon-DhFdv5GX.js";
+import ne from "./img-PRKpmCrJ.js";
 import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ie = ["title"], se = ["data-open"], ae = {
   __name: "UserOptions",
@@ -133,78 +133,79 @@ const ie = ["title"], se = ["data-open"], ae = {
   },
   emits: ["generatePdf", "generateCsv", "generateImage", "toggleTable", "toggleLabels", "toggleSort", "toggleFullscreen", "toggleStack", "toggleTooltip", "toggleAnimation", "toggleAnnotator"],
   setup(e, { emit: z }) {
-    const i = e, v = z;
+    const i = e, b = z;
     function D() {
-      i.callbacks.pdf ? i.callbacks.pdf(i.chartElement) : v("generatePdf");
+      i.callbacks.pdf ? i.callbacks.pdf(i.chartElement) : b("generatePdf");
     }
     function N() {
-      v("generateCsv", i.callbacks.csv);
+      b("generateCsv", i.callbacks.csv);
     }
     async function j() {
       if (i.callbacks.img) {
-        const l = await ne({ domElement: i.chartElement, base64: !0 });
-        i.callbacks.img(l);
+        const n = await ne({ domElement: i.chartElement, base64: !0 });
+        i.callbacks.img(n);
       } else
-        v("generateImage");
+        b("generateImage");
     }
-    const B = m(!1);
+    const A = m(!1);
     function U() {
-      i.callbacks.table ? i.callbacks.table() : (B.value = !B.value, v("toggleTable"));
+      i.callbacks.table ? i.callbacks.table() : (A.value = !A.value, b("toggleTable"));
     }
-    const $ = m(!1), V = m(!0);
-    function O() {
-      g.value = window.innerWidth > 600, $.value = !$.value, $.value && (V.value = !1);
+    const y = m(!1), V = m(!0);
+    function I() {
+      g.value = window.innerWidth > 600, y.value = !y.value, y.value && (V.value = !1);
     }
     function K() {
-      i.isPrinting || i.isImaging || ($.value = !1);
+      i.isPrinting || i.isImaging || (y.value = !1);
     }
     function W() {
-      $.value && K();
+      y.value && K();
     }
-    const M = m(i.isLabelActive);
+    const B = m(i.isLabelActive);
     function q() {
-      i.callbacks.labels ? i.callbacks.labels() : (M.value = !M.value, v("toggleLabels"));
+      i.callbacks.labels ? i.callbacks.labels() : (B.value = !B.value, b("toggleLabels"));
     }
-    const C = m(i.isAnimation);
-    function L() {
-      i.callbacks.animation ? i.callbacks.animation() : (C.value = !C.value, v("toggleAnimation"));
+    const h = m(i.isAnimation);
+    function O() {
+      i.callbacks.animation ? i.callbacks.animation() : (h.value = !h.value, b("toggleAnimation"));
     }
-    const S = G({
+    const C = E({
       get: () => i.isAnnotation,
-      set: (l) => l
+      set: (n) => n
     });
-    function P() {
-      i.callbacks.annotator ? i.callbacks.annotator() : (S.value = !S.value, v("toggleAnnotator"));
+    function L() {
+      i.callbacks.annotator ? i.callbacks.annotator() : (C.value = !C.value, b("toggleAnnotator"));
+    }
+    function x() {
+      i.callbacks.sort ? i.callbacks.sort() : b("toggleSort");
     }
+    const F = m(i.isStacked);
     function H() {
-      i.callbacks.sort ? i.callbacks.sort() : v("toggleSort");
+      i.callbacks.stack ? i.callbacks.stack() : (F.value = !F.value, b("toggleStack"));
     }
-    const T = m(i.isStacked);
+    const M = m(i.isTooltip);
     function R() {
-      i.callbacks.stack ? i.callbacks.stack() : (T.value = !T.value, v("toggleStack"));
-    }
-    const I = m(i.isTooltip);
-    function x() {
-      i.callbacks.tooltip ? i.callbacks.tooltip() : (I.value = !I.value, v("toggleTooltip"));
+      i.callbacks.tooltip ? i.callbacks.tooltip() : (M.value = !M.value, b("toggleTooltip"));
     }
-    const c = m(!1);
-    function w(l) {
-      if (i.callbacks.fullscreen)
-        i.callbacks.fullscreen();
-      else {
-        if (!i.chartElement) return;
-        l === "in" ? (c.value = !0, i.chartElement.requestFullscreen(), v("toggleFullscreen", !0)) : (c.value = !1, document && document.exitFullscreen(), v("toggleFullscreen", !1));
-      }
+    const G = E({
+      get: () => i.isFullscreen,
+      set: (n) => b("toggleFullscreen", n)
+    });
+    function P() {
+      if (!i.chartElement) return;
+      const n = !i.isFullscreen;
+      G.value = n, n ? i.chartElement.requestFullscreen() : document.exitFullscreen();
     }
-    function E(l) {
-      document.fullscreenElement ? (c.value = !0, v("toggleFullscreen", !0)) : (c.value = !1, v("toggleFullscreen", !1));
+    function w() {
+      const n = !!document.fullscreenElement;
+      b("toggleFullscreen", n);
     }
     J(() => {
-      document.addEventListener("fullscreenchange", E);
+      document.addEventListener("fullscreenchange", w);
     }), Q(() => {
-      document.removeEventListener("fullscreenchange", E);
+      document.removeEventListener("fullscreenchange", w);
     });
-    const g = m(window.innerWidth > 600), n = m({
+    const g = m(window.innerWidth > 600), l = m({
       tooltip: !1,
       pdf: !1,
       csv: !1,
@@ -217,41 +218,41 @@ const ie = ["title"], se = ["data-open"], ae = {
       animation: !1,
       annotator: !1
     });
-    return (l, o) => Y((t(), s("div", {
+    return (n, o) => Y((t(), s("div", {
       "data-dom-to-png-ignore": "",
       class: "vue-ui-user-options",
-      style: b(`z-index: ${e.zIndex}; height: 34px; position: ${c.value ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${c.value ? "12px" : "0"}` : `left:${c.value ? "12px" : "0"}`}; padding: 4px; background:transparent;`)
+      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;`)
     }, [
       X("div", {
         tabindex: "0",
-        title: $.value ? e.titles.close || "" : e.titles.open || "",
-        style: b(`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: p(O, ["stop"]),
-        onKeypress: Z(O, ["enter"])
+        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: p(I, ["stop"]),
+        onKeypress: Z(I, ["enter"])
       }, [
-        k(l.$slots, "menuIcon", A(_({ isOpen: $.value, color: e.color })), () => [
+        k(n.$slots, "menuIcon", S(_({ isOpen: y.value, color: e.color })), () => [
           ee(r, {
-            name: $.value ? "close" : "menu",
+            name: y.value ? "close" : "menu",
             stroke: e.color,
             "stroke-width": 2
           }, null, 8, ["name", "stroke"])
         ], !0)
       ], 44, ie),
       X("div", {
-        "data-open": $.value,
+        "data-open": y.value,
         class: d({ "vue-ui-user-options-drawer": !0 }),
-        style: b(`background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
+        style: v(`background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
       }, [
         e.hasTooltip ? (t(), s("button", {
           key: 0,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: x,
-          onMouseenter: o[0] || (o[0] = (u) => n.value.tooltip = !0),
-          onMouseout: o[1] || (o[1] = (u) => n.value.tooltip = !1)
+          onClick: R,
+          onMouseenter: o[0] || (o[0] = (u) => l.value.tooltip = !0),
+          onMouseout: o[1] || (o[1] = (u) => l.value.tooltip = !1)
         }, [
-          l.$slots.optionTooltip ? k(l.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (t(), s(h, { key: 1 }, [
-            I.value ? (t(), f(r, {
+          n.$slots.optionTooltip ? k(n.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (t(), s($, { key: 1 }, [
+            M.value ? (t(), f(r, {
               key: 0,
               name: "tooltip",
               stroke: e.color,
@@ -263,22 +264,22 @@ const ie = ["title"], se = ["data-open"], ae = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.tooltip && !l.$slots.optionTooltip ? (t(), s("div", {
+          g.value && e.titles.tooltip && !n.$slots.optionTooltip ? (t(), 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" && n.value.tooltip, "button-info-right-visible": e.position === "right" && n.value.tooltip }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.tooltip), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.tooltip), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasPdf ? (t(), s("button", {
           key: 1,
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: D,
-          onMouseenter: o[2] || (o[2] = (u) => n.value.pdf = !0),
-          onMouseout: o[3] || (o[3] = (u) => n.value.pdf = !1)
+          onMouseenter: o[2] || (o[2] = (u) => l.value.pdf = !0),
+          onMouseout: o[3] || (o[3] = (u) => l.value.pdf = !1)
         }, [
-          l.$slots.optionPdf ? k(l.$slots, "optionPdf", { key: 0 }, void 0, !0) : (t(), s(h, { key: 1 }, [
+          n.$slots.optionPdf ? k(n.$slots, "optionPdf", { key: 0 }, void 0, !0) : (t(), s($, { key: 1 }, [
             e.isPrinting ? (t(), f(r, {
               key: 0,
               name: "spin",
@@ -292,43 +293,43 @@ const ie = ["title"], se = ["data-open"], ae = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.pdf && !l.$slots.optionPdf ? (t(), s("div", {
+          g.value && e.titles.pdf && !n.$slots.optionPdf ? (t(), 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" && n.value.pdf, "button-info-left-visible": e.position === "left" && n.value.pdf }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.pdf), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.pdf), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasXls ? (t(), s("button", {
           key: 2,
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: N,
-          onMouseenter: o[4] || (o[4] = (u) => n.value.csv = !0),
-          onMouseout: o[5] || (o[5] = (u) => n.value.csv = !1)
+          onMouseenter: o[4] || (o[4] = (u) => l.value.csv = !0),
+          onMouseout: o[5] || (o[5] = (u) => l.value.csv = !1)
         }, [
-          l.$slots.optionCsv ? k(l.$slots, "optionCsv", { key: 0 }, void 0, !0) : (t(), f(r, {
+          n.$slots.optionCsv ? k(n.$slots, "optionCsv", { key: 0 }, void 0, !0) : (t(), f(r, {
             key: 1,
             name: "excel",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          g.value && e.titles.csv && !l.$slots.optionCsv ? (t(), s("div", {
+          g.value && e.titles.csv && !n.$slots.optionCsv ? (t(), 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" && n.value.csv, "button-info-left-visible": e.position === "left" && n.value.csv }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.csv), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.csv), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasImg ? (t(), s("button", {
           key: 3,
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: j,
-          onMouseenter: o[6] || (o[6] = (u) => n.value.img = !0),
-          onMouseout: o[7] || (o[7] = (u) => n.value.img = !1)
+          onMouseenter: o[6] || (o[6] = (u) => l.value.img = !0),
+          onMouseout: o[7] || (o[7] = (u) => l.value.img = !1)
         }, [
-          l.$slots.optionImg ? k(l.$slots, "optionImg", { key: 0 }, void 0, !0) : (t(), s(h, { key: 1 }, [
+          n.$slots.optionImg ? k(n.$slots, "optionImg", { key: 0 }, void 0, !0) : (t(), s($, { key: 1 }, [
             e.isImaging ? (t(), f(r, {
               key: 0,
               name: "spin",
@@ -342,86 +343,86 @@ const ie = ["title"], se = ["data-open"], ae = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.img && !l.$slots.optionImg ? (t(), s("div", {
+          g.value && e.titles.img && !n.$slots.optionImg ? (t(), 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" && n.value.img, "button-info-left-visible": e.position === "left" && n.value.img }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.img), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.img), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasTable ? (t(), s("button", {
           key: 4,
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: U,
-          onMouseenter: o[8] || (o[8] = (u) => n.value.table = !0),
-          onMouseout: o[9] || (o[9] = (u) => n.value.table = !1)
+          onMouseenter: o[8] || (o[8] = (u) => l.value.table = !0),
+          onMouseout: o[9] || (o[9] = (u) => l.value.table = !1)
         }, [
-          l.$slots.optionTable ? k(l.$slots, "optionTable", { key: 0 }, void 0, !0) : (t(), f(r, {
+          n.$slots.optionTable ? k(n.$slots, "optionTable", { key: 0 }, void 0, !0) : (t(), f(r, {
             key: 1,
-            name: B.value ? "tableClose" : "tableOpen",
+            name: A.value ? "tableClose" : "tableOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          g.value && e.titles.table && !l.$slots.optionTable ? (t(), s("div", {
+          g.value && e.titles.table && !n.$slots.optionTable ? (t(), 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" && n.value.table, "button-info-left-visible": e.position === "left" && n.value.table }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.table), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.table), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasLabel ? (t(), s("button", {
           key: 5,
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: q,
-          onMouseenter: o[10] || (o[10] = (u) => n.value.labels = !0),
-          onMouseout: o[11] || (o[11] = (u) => n.value.labels = !1)
+          onMouseenter: o[10] || (o[10] = (u) => l.value.labels = !0),
+          onMouseout: o[11] || (o[11] = (u) => l.value.labels = !1)
         }, [
-          l.$slots.optionLabels ? k(l.$slots, "optionLabels", { key: 0 }, void 0, !0) : (t(), f(r, {
+          n.$slots.optionLabels ? k(n.$slots, "optionLabels", { key: 0 }, void 0, !0) : (t(), f(r, {
             key: 1,
-            name: M.value ? "labelClose" : "labelOpen",
+            name: B.value ? "labelClose" : "labelOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          g.value && e.titles.labels && !l.$slots.optionLabels ? (t(), s("div", {
+          g.value && e.titles.labels && !n.$slots.optionLabels ? (t(), 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" && n.value.labels, "button-info-left-visible": e.position === "left" && n.value.labels }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.labels), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.labels), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasSort ? (t(), s("button", {
           key: 6,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: H,
-          onMouseenter: o[12] || (o[12] = (u) => n.value.sort = !0),
-          onMouseout: o[13] || (o[13] = (u) => n.value.sort = !1)
+          onClick: x,
+          onMouseenter: o[12] || (o[12] = (u) => l.value.sort = !0),
+          onMouseout: o[13] || (o[13] = (u) => l.value.sort = !1)
         }, [
-          l.$slots.optionSort ? k(l.$slots, "optionSort", { key: 0 }, void 0, !0) : (t(), f(r, {
+          n.$slots.optionSort ? k(n.$slots, "optionSort", { key: 0 }, void 0, !0) : (t(), f(r, {
             key: 1,
             name: "sort",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          g.value && e.titles.sort && !l.$slots.optionSort ? (t(), s("div", {
+          g.value && e.titles.sort && !n.$slots.optionSort ? (t(), 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" && n.value.sort, "button-info-left-visible": e.position === "left" && n.value.sort }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.sort), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.sort), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasStack ? (t(), s("button", {
           key: 7,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: R,
-          onMouseenter: o[14] || (o[14] = (u) => n.value.stack = !0),
-          onMouseout: o[15] || (o[15] = (u) => n.value.stack = !1)
+          onClick: H,
+          onMouseenter: o[14] || (o[14] = (u) => l.value.stack = !0),
+          onMouseout: o[15] || (o[15] = (u) => l.value.stack = !1)
         }, [
-          l.$slots.optionStack ? k(l.$slots, "optionStack", { key: 0 }, void 0, !0) : (t(), s(h, { key: 1 }, [
-            T.value ? (t(), f(r, {
+          n.$slots.optionStack ? k(n.$slots, "optionStack", { key: 0 }, void 0, !0) : (t(), s($, { key: 1 }, [
+            F.value ? (t(), f(r, {
               key: 0,
               name: "unstack",
               stroke: e.color,
@@ -433,106 +434,106 @@ const ie = ["title"], se = ["data-open"], ae = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.stack && !l.$slots.optionStack ? (t(), s("div", {
+          g.value && e.titles.stack && !n.$slots.optionStack ? (t(), 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" && n.value.stack, "button-info-left-visible": e.position === "left" && n.value.stack }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.stack), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.stack), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasFullscreen ? (t(), s("button", {
           key: 8,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: o[16] || (o[16] = (u) => n.value.fullscreen = !0),
-          onMouseout: o[17] || (o[17] = (u) => n.value.fullscreen = !1),
-          onClick: o[18] || (o[18] = (u) => w(c.value ? "out" : "in"))
+          onMouseenter: o[16] || (o[16] = (u) => l.value.fullscreen = !0),
+          onMouseout: o[17] || (o[17] = (u) => l.value.fullscreen = !1),
+          onClick: o[18] || (o[18] = (u) => P(e.isFullscreen ? "out" : "in"))
         }, [
-          l.$slots.optionFullscreen ? k(l.$slots, "optionFullscreen", A(F({ key: 0 }, { toggleFullscreen: w, isFullscreen: c.value })), void 0, !0) : (t(), s(h, { key: 1 }, [
-            c.value ? (t(), f(r, {
+          n.$slots.optionFullscreen ? k(n.$slots, "optionFullscreen", S(T({ key: 0 }, { toggleFullscreen: P, isFullscreen: e.isFullscreen })), void 0, !0) : (t(), s($, { key: 1 }, [
+            e.isFullscreen ? (t(), f(r, {
               key: 0,
               name: "exitFullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"])) : a("", !0),
-            c.value ? a("", !0) : (t(), f(r, {
+            e.isFullscreen ? a("", !0) : (t(), f(r, {
               key: 1,
               name: "fullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.fullscreen && !l.$slots.optionFullscreen ? (t(), s("div", {
+          g.value && e.titles.fullscreen && !n.$slots.optionFullscreen ? (t(), 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" && n.value.fullscreen, "button-info-left-visible": e.position === "left" && n.value.fullscreen }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.fullscreen), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.fullscreen), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasAnimation ? (t(), s("button", {
           key: 9,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: o[19] || (o[19] = (u) => n.value.animation = !0),
-          onMouseout: o[20] || (o[20] = (u) => n.value.animation = !1),
-          onClick: L
+          onMouseenter: o[19] || (o[19] = (u) => l.value.animation = !0),
+          onMouseout: o[20] || (o[20] = (u) => l.value.animation = !1),
+          onClick: O
         }, [
-          l.$slots.optionAnimation ? k(l.$slots, "optionAnimation", A(F({ key: 0 }, { toggleAnimation: L, isAnimated: C.value })), void 0, !0) : (t(), s(h, { key: 1 }, [
-            C.value ? (t(), f(r, {
+          n.$slots.optionAnimation ? k(n.$slots, "optionAnimation", S(T({ key: 0 }, { toggleAnimation: O, isAnimated: h.value })), void 0, !0) : (t(), s($, { key: 1 }, [
+            h.value ? (t(), f(r, {
               key: 0,
               name: "play",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"])) : a("", !0),
-            C.value ? a("", !0) : (t(), f(r, {
+            h.value ? a("", !0) : (t(), f(r, {
               key: 1,
               name: "pause",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.fullscreen && !l.$slots.optionAnimation ? (t(), s("div", {
+          g.value && e.titles.fullscreen && !n.$slots.optionAnimation ? (t(), 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" && n.value.animation, "button-info-left-visible": e.position === "left" && n.value.animation }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.animation), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.animation), 7)) : a("", !0)
         ], 32)) : a("", !0),
         e.hasAnnotator ? (t(), s("button", {
           key: 10,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: o[21] || (o[21] = (u) => n.value.annotator = !0),
-          onMouseout: o[22] || (o[22] = (u) => n.value.annotator = !1),
-          onClick: P
+          onMouseenter: o[21] || (o[21] = (u) => l.value.annotator = !0),
+          onMouseout: o[22] || (o[22] = (u) => l.value.annotator = !1),
+          onClick: L
         }, [
-          l.$slots.optionAnnotator ? k(l.$slots, "optionAnnotator", A(F({ key: 0 }, { toggleAnnotator: P, isAnnotator: S.value })), void 0, !0) : (t(), s(h, { key: 1 }, [
-            S.value ? (t(), f(r, {
+          n.$slots.optionAnnotator ? k(n.$slots, "optionAnnotator", S(T({ key: 0 }, { toggleAnnotator: L, isAnnotator: C.value })), void 0, !0) : (t(), s($, { key: 1 }, [
+            C.value ? (t(), f(r, {
               key: 0,
               name: "annotatorDisabled",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"])) : a("", !0),
-            S.value ? a("", !0) : (t(), f(r, {
+            C.value ? a("", !0) : (t(), f(r, {
               key: 1,
               name: "annotator",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.annotator && !l.$slots.optionAnnotator ? (t(), s("div", {
+          g.value && e.titles.annotator && !n.$slots.optionAnnotator ? (t(), 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" && n.value.annotator, "button-info-left-visible": e.position === "left" && n.value.annotator }),
-            style: b({ background: e.backgroundColor, color: e.color })
-          }, y(e.titles.annotator), 7)) : a("", !0)
+            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 }),
+            style: v({ background: e.backgroundColor, color: e.color })
+          }, c(e.titles.annotator), 7)) : a("", !0)
         ], 32)) : a("", !0)
       ], 12, se)
     ], 4)), [
       [te(oe), W]
     ]);
   }
-}, ge = /* @__PURE__ */ le(ae, [["__scopeId", "data-v-d6a8a109"]]);
+}, ge = /* @__PURE__ */ le(ae, [["__scopeId", "data-v-0856dc88"]]);
 export {
   ge as default
 };

package/dist/{dom-to-png-B9SBRnPU.js → dom-to-png-DvtSOm-q.js}

@@ -1,4 +1,4 @@
-import { X as x } from "./index-Dd4sTXpT.js";
+import { X as x } from "./index-pz3uy0bj.js";
 async function F(n) {
   const i = n.querySelectorAll("img"), s = Array.from(i).map((t) => new Promise((o) => {
     if (!t.src || t.src.startsWith("data:")) return o();

package/dist/{img-BIZXwUs0.js → img-PRKpmCrJ.js}

@@ -1,4 +1,4 @@
-import { d as a } from "./dom-to-png-B9SBRnPU.js";
+import { d as a } from "./dom-to-png-DvtSOm-q.js";
 async function g({ domElement: t, fileName: c, format: i = "png", scale: o = 2, base64: n = !1 }) {
   if (!t) return Promise.reject("No element provided");
   if (n)

package/dist/{index-Dd4sTXpT.js → index-pz3uy0bj.js}

@@ -7227,7 +7227,7 @@ function je(o, e) {
 function qe({ defaultConfig: o, userConfig: e }) {
   return eo({ defaultConfig: o, userConfig: e });
 }
-const Qe = C(() => import("./Arrow-CpuRJ5Mx.js")), Ze = C(() => import("./vue-data-ui-DRsYSgVu.js")), Je = C(() => import("./vue-ui-3d-bar-D-kJnYg4.js")), ol = C(() => import("./vue-ui-accordion-C0QZCmzq.js")), rl = C(() => import("./vue-ui-age-pyramid-B9rInSKR.js")), tl = C(() => import("./vue-ui-annotator-C6id5Z31.js")), el = C(() => import("./vue-ui-candlestick-CvzYZebp.js")), ll = C(() => import("./vue-ui-chestnut-m8pb_d14.js")), al = C(() => import("./vue-ui-cursor-hHUfPi86.js")), cl = C(() => import("./vue-ui-dashboard-_p6cqVQN.js")), nl = C(() => import("./vue-ui-digits-DK6dLGMD.js")), sl = C(() => import("./vue-ui-donut-C5dqcHE0.js")), il = C(() => import("./vue-ui-donut-evolution-DopAv-Iz.js")), ul = C(() => import("./vue-ui-dumbbell-CbfkjVp3.js")), dl = C(() => import("./vue-ui-flow-D81OPYJ6.js")), bl = C(() => import("./vue-ui-galaxy-BFQgKKe_.js")), fl = C(() => import("./vue-ui-gauge-CYVjZfVr.js")), gl = C(() => import("./vue-ui-heatmap-s5-apEoX.js")), Al = C(() => import("./BaseIcon-BjHafpQe.js")), Cl = C(() => import("./vue-ui-kpi-0zBuDuiJ.js")), hl = C(() => import("./vue-ui-mini-loader-CzJHcg2p.js")), kl = C(() => import("./vue-ui-molecule-BjRlI55k.js")), Fl = C(() => import("./vue-ui-mood-radar-xyjvlH2o.js")), pl = C(() => import("./vue-ui-nested-donuts-CufxCBGS.js")), El = C(() => import("./vue-ui-onion-C4FNyHpo.js")), Dl = C(() => import("./vue-ui-parallel-coordinate-plot-BE-BZ68C.js")), Bl = C(() => import("./vue-ui-quadrant-DEN47_E_.js")), ml = C(() => import("./vue-ui-quick-chart-BClLjilw.js")), yl = C(() => import("./vue-ui-radar-B7rktEGL.js")), xl = C(() => import("./vue-ui-rating-xDuNua4E.js")), wl = C(() => import("./vue-ui-relation-circle-ObWPSzoG.js")), Ll = C(() => import("./vue-ui-rings-CI2Z1tAy.js")), Sl = C(() => import("./vue-ui-scatter-B4hTIS1W.js")), vl = C(() => import("./vue-ui-skeleton-BGmjPEbf.js")), _l = C(() => import("./vue-ui-smiley-BP8zcVME.js")), zl = C(() => import("./vue-ui-sparkhistogram-CoAT3CW2.js")), Ol = C(() => import("./vue-ui-sparkstackbar-BwPBYkg2.js")), Rl = C(() => import("./vue-ui-spark-trend-CU3g-HdS.js")), Tl = C(() => import("./vue-ui-sparkbar-DqjwmzJ7.js")), Nl = C(() => import("./vue-ui-sparkgauge-BCFRVu-j.js")), Pl = C(() => import("./vue-ui-sparkline-CwFD8Xzb.js")), Ml = C(() => import("./vue-ui-strip-plot-BaLBQVqB.js")), Vl = C(() => import("./vue-ui-table-DOAdV5Y1.js")), Il = C(() => import("./vue-ui-table-heatmap-CsxhaF1w.js")), Wl = C(() => import("./vue-ui-table-sparkline-BgOK_K2m.js")), $l = C(() => import("./vue-ui-thermometer-DyXa3CUB.js")), Ul = C(() => import("./vue-ui-timer-SDGFaX0w.js")), Yl = C(() => import("./vue-ui-tiremarks-DYivjsTR.js")), Gl = C(() => import("./vue-ui-treemap-CagicE7o.js")), Hl = C(() => import("./vue-ui-vertical-bar-BjCnwpge.js")), Xl = C(() => import("./vue-ui-waffle-TIbgI4F7.js")), Kl = C(() => import("./vue-ui-wheel-0QuDz-GE.js")), jl = C(() => import("./vue-ui-word-cloud-Drsxo2Tq.js")), ql = C(() => import("./vue-ui-xy-DJayVDUS.js")), Ql = C(() => import("./vue-ui-xy-canvas-_LDPVrLO.js")), Zl = C(() => import("./vue-ui-carousel-table-DU3vP0vw.js")), Jl = C(() => import("./vue-ui-gizmo-CJaZAjxq.js")), oa = C(() => import("./vue-ui-stackbar-Cb2QC_1w.js")), ra = C(() => import("./vue-ui-bullet-BvWTBH4Q.js")), ta = C(() => import("./vue-ui-funnel-20xMiASl.js")), ea = C(() => import("./vue-ui-history-plot-EV6ZEEc4.js")), la = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), aa = C(() => import("./vue-ui-circle-pack-BHkvV5ks.js")), ca = C(() => import("./vue-ui-world-B7zHdkhe.js")), na = C(() => import("./vue-ui-ridgeline-QgKmE4j5.js")), sa = C(() => import("./vue-ui-chord-CqBP022e.js"));
+const Qe = C(() => import("./Arrow-CzzsKX8z.js")), Ze = C(() => import("./vue-data-ui-edDJqWqp.js")), Je = C(() => import("./vue-ui-3d-bar-Cj4MAAl3.js")), ol = C(() => import("./vue-ui-accordion-DVMQOCog.js")), rl = C(() => import("./vue-ui-age-pyramid-B9-mIJoM.js")), tl = C(() => import("./vue-ui-annotator-BelwH44r.js")), el = C(() => import("./vue-ui-candlestick-BiAWi-oW.js")), ll = C(() => import("./vue-ui-chestnut-DaIhjU0E.js")), al = C(() => import("./vue-ui-cursor-BWo0SND4.js")), cl = C(() => import("./vue-ui-dashboard-DLP5BjC2.js")), nl = C(() => import("./vue-ui-digits-vLYOgwYN.js")), sl = C(() => import("./vue-ui-donut-DA1mt39C.js")), il = C(() => import("./vue-ui-donut-evolution-Y5NvWAOf.js")), ul = C(() => import("./vue-ui-dumbbell-DHGaUXgf.js")), dl = C(() => import("./vue-ui-flow-CPRwtkW7.js")), bl = C(() => import("./vue-ui-galaxy-Bml38eED.js")), fl = C(() => import("./vue-ui-gauge-DIKUWHow.js")), gl = C(() => import("./vue-ui-heatmap-Cvz3HWSo.js")), Al = C(() => import("./BaseIcon-DhFdv5GX.js")), Cl = C(() => import("./vue-ui-kpi-BOU7jfII.js")), hl = C(() => import("./vue-ui-mini-loader-B0QHAAN0.js")), kl = C(() => import("./vue-ui-molecule-DpZAl654.js")), Fl = C(() => import("./vue-ui-mood-radar-DVTDXHkP.js")), pl = C(() => import("./vue-ui-nested-donuts-Cs_jOkZf.js")), El = C(() => import("./vue-ui-onion-BNm4LDqz.js")), Dl = C(() => import("./vue-ui-parallel-coordinate-plot-DF8yQwqD.js")), Bl = C(() => import("./vue-ui-quadrant-CsT_YtVJ.js")), ml = C(() => import("./vue-ui-quick-chart-BQ8LWKNh.js")), yl = C(() => import("./vue-ui-radar-BTXb1OpM.js")), xl = C(() => import("./vue-ui-rating-10ZP5oGv.js")), wl = C(() => import("./vue-ui-relation-circle-BDY_mStf.js")), Ll = C(() => import("./vue-ui-rings-uOzklelU.js")), Sl = C(() => import("./vue-ui-scatter-o8fU3CPQ.js")), vl = C(() => import("./vue-ui-skeleton-DtyqxWGZ.js")), _l = C(() => import("./vue-ui-smiley-bleVUcTp.js")), zl = C(() => import("./vue-ui-sparkhistogram-C8_9lU73.js")), Ol = C(() => import("./vue-ui-sparkstackbar-BcDRG3Q4.js")), Rl = C(() => import("./vue-ui-spark-trend-BSxc2AeN.js")), Tl = C(() => import("./vue-ui-sparkbar-BpGhOBfa.js")), Nl = C(() => import("./vue-ui-sparkgauge-BGm17y7o.js")), Pl = C(() => import("./vue-ui-sparkline-BEC-1ljx.js")), Ml = C(() => import("./vue-ui-strip-plot-DiU5qgNv.js")), Vl = C(() => import("./vue-ui-table-CVciwbm2.js")), Il = C(() => import("./vue-ui-table-heatmap-Do0wz-jb.js")), Wl = C(() => import("./vue-ui-table-sparkline-Manlzy4B.js")), $l = C(() => import("./vue-ui-thermometer-CAZrRTaM.js")), Ul = C(() => import("./vue-ui-timer-DuOTyXM6.js")), Yl = C(() => import("./vue-ui-tiremarks-BCETzTS2.js")), Gl = C(() => import("./vue-ui-treemap-DjINZD63.js")), Hl = C(() => import("./vue-ui-vertical-bar-D9dKYc0V.js")), Xl = C(() => import("./vue-ui-waffle-BMUnrWw9.js")), Kl = C(() => import("./vue-ui-wheel-DEpzAPrw.js")), jl = C(() => import("./vue-ui-word-cloud-BBpm9VoF.js")), ql = C(() => import("./vue-ui-xy-BXY4ixtF.js")), Ql = C(() => import("./vue-ui-xy-canvas-BLOjFl9f.js")), Zl = C(() => import("./vue-ui-carousel-table-CCu7pOvx.js")), Jl = C(() => import("./vue-ui-gizmo-CDGfldQ2.js")), oa = C(() => import("./vue-ui-stackbar-B9rcNFMU.js")), ra = C(() => import("./vue-ui-bullet-7voYFUyR.js")), ta = C(() => import("./vue-ui-funnel-Cdaj7JLP.js")), ea = C(() => import("./vue-ui-history-plot-CEw6Ijds.js")), la = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), aa = C(() => import("./vue-ui-circle-pack-4dYH7oFz.js")), ca = C(() => import("./vue-ui-world-D4G5xytB.js")), na = C(() => import("./vue-ui-ridgeline-DiUQ9G50.js")), sa = C(() => import("./vue-ui-chord-ol8it32M.js"));
 export {
   ve as $,
   eo as A,

package/dist/{pdf-QmrSxVEm.js → pdf-NCZXhCbT.js}

@@ -1,4 +1,4 @@
-import { d as u } from "./dom-to-png-B9SBRnPU.js";
+import { d as u } from "./dom-to-png-DvtSOm-q.js";
 async function H({ domElement: d, fileName: f, scale: p = 2, options: P = {} }) {
   if (!d) return Promise.reject("No domElement provided");
   let r;