vue-data-ui 2.15.2 → 2.15.3-beta.1

package/dist/{UserOptions-DjQRjUl1.js → UserOptions-Cd8p0jOB.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 v, 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-Bp7UPYnW.js";
-import ne from "./img-BUo2ttV5.js";
+import r from "./BaseIcon-DF6_C1b7.js";
+import ne from "./img-Cgn5kWVZ.js";
 import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ie = ["title"], se = ["data-open"], ae = {
   __name: "UserOptions",
@@ -142,69 +142,70 @@ const ie = ["title"], se = ["data-open"], ae = {
     }
     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
         b("generateImage");
     }
-    const B = m(!1);
+    const A = m(!1);
     function U() {
-      i.callbacks.table ? i.callbacks.table() : (B.value = !B.value, b("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, b("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, b("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, b("toggleAnnotator"));
+    function L() {
+      i.callbacks.annotator ? i.callbacks.annotator() : (C.value = !C.value, b("toggleAnnotator"));
     }
-    function H() {
+    function x() {
       i.callbacks.sort ? i.callbacks.sort() : b("toggleSort");
     }
-    const T = m(i.isStacked);
-    function R() {
-      i.callbacks.stack ? i.callbacks.stack() : (T.value = !T.value, b("toggleStack"));
+    const F = m(i.isStacked);
+    function H() {
+      i.callbacks.stack ? i.callbacks.stack() : (F.value = !F.value, b("toggleStack"));
     }
-    const I = m(i.isTooltip);
-    function x() {
-      i.callbacks.tooltip ? i.callbacks.tooltip() : (I.value = !I.value, b("toggleTooltip"));
+    const M = m(i.isTooltip);
+    function R() {
+      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(), b("toggleFullscreen", !0)) : (c.value = !1, document && document.exitFullscreen(), b("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 : c.value = !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,28 +218,28 @@ 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: v(`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 || "",
+        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(O, ["stop"]),
-        onKeypress: Z(O, ["enter"])
+        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: v(`background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
       }, [
@@ -246,12 +247,12 @@ const ie = ["title"], se = ["data-open"], ae = {
           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 }),
+            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 })
-          }, y(e.titles.tooltip), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.pdf), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.csv), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.img), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.table), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.labels), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.sort), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.stack), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.fullscreen), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.animation), 7)) : a("", !0)
+          }, 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 }),
+            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 })
-          }, y(e.titles.annotator), 7)) : a("", !0)
+          }, c(e.titles.annotator), 7)) : a("", !0)
         ], 32)) : a("", !0)
       ], 12, se)
     ], 4)), [
       [te(oe), W]
     ]);
   }
-}, ge = /* @__PURE__ */ le(ae, [["__scopeId", "data-v-a4e9fb31"]]);
+}, ge = /* @__PURE__ */ le(ae, [["__scopeId", "data-v-0856dc88"]]);
 export {
   ge as default
 };

package/dist/{dom-to-png-DyD8S_Jr.js → dom-to-png-D-gXdtVC.js}

@@ -1,4 +1,4 @@
-import { X as x } from "./index-0xl6yeT_.js";
+import { X as x } from "./index-BfqjfeX1.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-BUo2ttV5.js → img-Cgn5kWVZ.js}

@@ -1,4 +1,4 @@
-import { d as a } from "./dom-to-png-DyD8S_Jr.js";
+import { d as a } from "./dom-to-png-D-gXdtVC.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-0xl6yeT_.js → index-BfqjfeX1.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-BWXCPv6v.js")), Ze = C(() => import("./vue-data-ui-1c3WZYGe.js")), Je = C(() => import("./vue-ui-3d-bar-BM1HD1_j.js")), ol = C(() => import("./vue-ui-accordion-gr1Dczju.js")), rl = C(() => import("./vue-ui-age-pyramid-cFxPrty5.js")), tl = C(() => import("./vue-ui-annotator-CoN1JEMD.js")), el = C(() => import("./vue-ui-candlestick-DO-1KYTl.js")), ll = C(() => import("./vue-ui-chestnut-3Gjab_Sk.js")), al = C(() => import("./vue-ui-cursor-BAlIn5n7.js")), cl = C(() => import("./vue-ui-dashboard-DYn5g5A0.js")), nl = C(() => import("./vue-ui-digits-COnU0Bjx.js")), sl = C(() => import("./vue-ui-donut-CVMUWBHY.js")), il = C(() => import("./vue-ui-donut-evolution-DdODzbv7.js")), ul = C(() => import("./vue-ui-dumbbell-zue1EgiF.js")), dl = C(() => import("./vue-ui-flow-CT_KSVPw.js")), bl = C(() => import("./vue-ui-galaxy-6hf2O-OT.js")), fl = C(() => import("./vue-ui-gauge-D5sdINkF.js")), gl = C(() => import("./vue-ui-heatmap-oMWjyEU1.js")), Al = C(() => import("./BaseIcon-Bp7UPYnW.js")), Cl = C(() => import("./vue-ui-kpi-DdT8c2qN.js")), hl = C(() => import("./vue-ui-mini-loader-sUauCnke.js")), kl = C(() => import("./vue-ui-molecule-CGiz21KJ.js")), Fl = C(() => import("./vue-ui-mood-radar-DuBZs64f.js")), pl = C(() => import("./vue-ui-nested-donuts-CjwnVuni.js")), El = C(() => import("./vue-ui-onion-Dtb6f9Pj.js")), Dl = C(() => import("./vue-ui-parallel-coordinate-plot-eUARPFQz.js")), Bl = C(() => import("./vue-ui-quadrant-BENOLZTh.js")), ml = C(() => import("./vue-ui-quick-chart-BbiNJN8H.js")), yl = C(() => import("./vue-ui-radar-Ca928f5C.js")), xl = C(() => import("./vue-ui-rating-Chk3Bc6U.js")), wl = C(() => import("./vue-ui-relation-circle-GliccPBT.js")), Ll = C(() => import("./vue-ui-rings-AHi_l7MY.js")), Sl = C(() => import("./vue-ui-scatter-cC3vGu_O.js")), vl = C(() => import("./vue-ui-skeleton-1aUzcGMM.js")), _l = C(() => import("./vue-ui-smiley-A-HBdymI.js")), zl = C(() => import("./vue-ui-sparkhistogram-Bu8hx-SD.js")), Ol = C(() => import("./vue-ui-sparkstackbar-CvYbH--B.js")), Rl = C(() => import("./vue-ui-spark-trend-Ctx6IJHJ.js")), Tl = C(() => import("./vue-ui-sparkbar-T2LuTMDI.js")), Nl = C(() => import("./vue-ui-sparkgauge-FEVecElc.js")), Pl = C(() => import("./vue-ui-sparkline-B0dlaC56.js")), Ml = C(() => import("./vue-ui-strip-plot-Dl7Zg_Ou.js")), Vl = C(() => import("./vue-ui-table-1A4jcDSx.js")), Il = C(() => import("./vue-ui-table-heatmap-KzYY-CQt.js")), Wl = C(() => import("./vue-ui-table-sparkline-D9_N4McK.js")), $l = C(() => import("./vue-ui-thermometer-CJUIRDs5.js")), Ul = C(() => import("./vue-ui-timer-DjPOb80m.js")), Yl = C(() => import("./vue-ui-tiremarks-mTtcrs7r.js")), Gl = C(() => import("./vue-ui-treemap-D8oyCUmA.js")), Hl = C(() => import("./vue-ui-vertical-bar-CsNUVJfk.js")), Xl = C(() => import("./vue-ui-waffle-CEvNLzHh.js")), Kl = C(() => import("./vue-ui-wheel-Dw_Z669Z.js")), jl = C(() => import("./vue-ui-word-cloud-BsK5IGnI.js")), ql = C(() => import("./vue-ui-xy-BE4LWW9m.js")), Ql = C(() => import("./vue-ui-xy-canvas-3Fbzqt4p.js")), Zl = C(() => import("./vue-ui-carousel-table-9Ku_ebjG.js")), Jl = C(() => import("./vue-ui-gizmo-l8GqobB9.js")), oa = C(() => import("./vue-ui-stackbar-CPsdBNF8.js")), ra = C(() => import("./vue-ui-bullet-ClcGk_b0.js")), ta = C(() => import("./vue-ui-funnel-B6y2syp1.js")), ea = C(() => import("./vue-ui-history-plot-CPDfop4z.js")), la = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), aa = C(() => import("./vue-ui-circle-pack-BfdGvoPl.js")), ca = C(() => import("./vue-ui-world-_xucFe9e.js")), na = C(() => import("./vue-ui-ridgeline-j8bwod-1.js")), sa = C(() => import("./vue-ui-chord-DeOUOOCR.js"));
+const Qe = C(() => import("./Arrow-CnJZnBYf.js")), Ze = C(() => import("./vue-data-ui-0wN1np6C.js")), Je = C(() => import("./vue-ui-3d-bar-CHziOVh1.js")), ol = C(() => import("./vue-ui-accordion-YetFh-tn.js")), rl = C(() => import("./vue-ui-age-pyramid-CEIGpg1I.js")), tl = C(() => import("./vue-ui-annotator-CTbTbHHu.js")), el = C(() => import("./vue-ui-candlestick-DiNuEgll.js")), ll = C(() => import("./vue-ui-chestnut-h-MndGHu.js")), al = C(() => import("./vue-ui-cursor-gSL3fooq.js")), cl = C(() => import("./vue-ui-dashboard-CEZdmopu.js")), nl = C(() => import("./vue-ui-digits-D9ISVmbr.js")), sl = C(() => import("./vue-ui-donut-BEMj03Tj.js")), il = C(() => import("./vue-ui-donut-evolution-B1apMch_.js")), ul = C(() => import("./vue-ui-dumbbell-5EQPCpYh.js")), dl = C(() => import("./vue-ui-flow-DBYdCdpG.js")), bl = C(() => import("./vue-ui-galaxy-CW5azgLQ.js")), fl = C(() => import("./vue-ui-gauge-CJAdaO9X.js")), gl = C(() => import("./vue-ui-heatmap-CTs0M-Zm.js")), Al = C(() => import("./BaseIcon-DF6_C1b7.js")), Cl = C(() => import("./vue-ui-kpi-DHTxUZn2.js")), hl = C(() => import("./vue-ui-mini-loader-D2djBXsz.js")), kl = C(() => import("./vue-ui-molecule-BCManlLn.js")), Fl = C(() => import("./vue-ui-mood-radar-CtVYNJXO.js")), pl = C(() => import("./vue-ui-nested-donuts-BslXY_CK.js")), El = C(() => import("./vue-ui-onion-DRx4ljQK.js")), Dl = C(() => import("./vue-ui-parallel-coordinate-plot-BlgQn6P-.js")), Bl = C(() => import("./vue-ui-quadrant-DYCA35Wr.js")), ml = C(() => import("./vue-ui-quick-chart-C-evaaJD.js")), yl = C(() => import("./vue-ui-radar-pwOacG5D.js")), xl = C(() => import("./vue-ui-rating-CzHqNCxY.js")), wl = C(() => import("./vue-ui-relation-circle-Dg4j1ckQ.js")), Ll = C(() => import("./vue-ui-rings-Bn0RT3Xf.js")), Sl = C(() => import("./vue-ui-scatter-CKkrEGNB.js")), vl = C(() => import("./vue-ui-skeleton-D5pBm9ON.js")), _l = C(() => import("./vue-ui-smiley-CfXsfU3L.js")), zl = C(() => import("./vue-ui-sparkhistogram-Ca3CYxUT.js")), Ol = C(() => import("./vue-ui-sparkstackbar-By_I0Bcw.js")), Rl = C(() => import("./vue-ui-spark-trend-K2PyOwgX.js")), Tl = C(() => import("./vue-ui-sparkbar-Opf2uOhe.js")), Nl = C(() => import("./vue-ui-sparkgauge-CgbvDV8N.js")), Pl = C(() => import("./vue-ui-sparkline-BsoHf0SG.js")), Ml = C(() => import("./vue-ui-strip-plot-0FkQ1opN.js")), Vl = C(() => import("./vue-ui-table-jBdWniX_.js")), Il = C(() => import("./vue-ui-table-heatmap-0N7kIuAq.js")), Wl = C(() => import("./vue-ui-table-sparkline-BFNdWvEV.js")), $l = C(() => import("./vue-ui-thermometer-CcF6Eoy1.js")), Ul = C(() => import("./vue-ui-timer-D3LD0a-E.js")), Yl = C(() => import("./vue-ui-tiremarks-D31e_O17.js")), Gl = C(() => import("./vue-ui-treemap-BHRJ5q6V.js")), Hl = C(() => import("./vue-ui-vertical-bar-5uNpO6Wk.js")), Xl = C(() => import("./vue-ui-waffle-Dk7LPVUS.js")), Kl = C(() => import("./vue-ui-wheel-DxS8v2Se.js")), jl = C(() => import("./vue-ui-word-cloud-Do4YBHah.js")), ql = C(() => import("./vue-ui-xy-BH64lH1q.js")), Ql = C(() => import("./vue-ui-xy-canvas-TvQa-9m_.js")), Zl = C(() => import("./vue-ui-carousel-table-BbyQQJ8o.js")), Jl = C(() => import("./vue-ui-gizmo-CU8xAgan.js")), oa = C(() => import("./vue-ui-stackbar-hpwJy-SS.js")), ra = C(() => import("./vue-ui-bullet-CKtNQ8Ji.js")), ta = C(() => import("./vue-ui-funnel-LdJ-3uOZ.js")), ea = C(() => import("./vue-ui-history-plot-TXWqOeT6.js")), la = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), aa = C(() => import("./vue-ui-circle-pack-Dmux8VGh.js")), ca = C(() => import("./vue-ui-world-BesYjRlX.js")), na = C(() => import("./vue-ui-ridgeline-toklH0_k.js")), sa = C(() => import("./vue-ui-chord-By1w6sv3.js"));
 export {
   ve as $,
   eo as A,

package/dist/{pdf-DXd78sXk.js → pdf-DUfjsZR7.js}

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