vue-data-ui 2.16.5 → 2.16.6

package/dist/{UserOptions-DMGkAAIO.js → UserOptions-CBEK6_jo.js}

@@ -1,7 +1,7 @@
-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-DJab5OQD.js";
-import ne from "./img-CTC5DLKL.js";
+import { ref as m, computed as w, onMounted as Q, onBeforeUnmount as Y, withDirectives as Z, createElementBlock as s, openBlock as o, normalizeStyle as v, createElementVNode as X, withKeys as p, withModifiers as _, renderSlot as d, normalizeProps as S, guardReactiveProps as ee, createVNode as te, normalizeClass as k, createCommentVNode as a, Fragment as $, createBlock as f, toDisplayString as c, mergeProps as T, unref as oe } from "vue";
+import { v as ne } from "./vClickOutside-C6WiFswA.js";
+import r from "./BaseIcon-Bn996RXm.js";
+import z from "./img-BgOg8opa.js";
 import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ie = ["title"], se = ["data-open"], ae = {
   __name: "UserOptions",
@@ -129,81 +129,89 @@ const ie = ["title"], se = ["data-open"], ae = {
       default() {
         return {};
       }
+    },
+    printScale: {
+      type: Number,
+      default: 2
     }
   },
   emits: ["generatePdf", "generateCsv", "generateImage", "toggleTable", "toggleLabels", "toggleSort", "toggleFullscreen", "toggleStack", "toggleTooltip", "toggleAnimation", "toggleAnnotator"],
-  setup(e, { emit: z }) {
-    const i = e, b = z;
-    function D() {
-      i.callbacks.pdf ? i.callbacks.pdf(i.chartElement) : b("generatePdf");
+  setup(e, { emit: N }) {
+    const i = e, b = N;
+    async function D() {
+      if (i.callbacks.pdf) {
+        const { imageUri: n, base64: t } = await z({ domElement: i.chartElement, base64: !0, img: !0, scale: i.printScale });
+        i.callbacks.pdf({ domElement: i.chartElement, base64: t, imageUri: n });
+      } else
+        b("generatePdf");
     }
-    function N() {
+    function U() {
       b("generateCsv", i.callbacks.csv);
     }
     async function j() {
       if (i.callbacks.img) {
-        const n = await ne({ domElement: i.chartElement, base64: !0 });
-        i.callbacks.img(n);
+        const { imageUri: n, base64: t } = await z({ domElement: i.chartElement, base64: !0, img: !0, scale: i.printScale });
+        i.callbacks.img({ domElement: i.chartElement, imageUri: n, base64: t });
       } else
         b("generateImage");
     }
     const A = m(!1);
-    function U() {
+    function V() {
       i.callbacks.table ? i.callbacks.table() : (A.value = !A.value, b("toggleTable"));
     }
-    const y = m(!1), V = m(!0);
+    const y = m(!1), K = m(!0);
     function I() {
-      g.value = window.innerWidth > 600, y.value = !y.value, y.value && (V.value = !1);
+      g.value = window.innerWidth > 600, y.value = !y.value, y.value && (K.value = !1);
     }
-    function K() {
+    function W() {
       i.isPrinting || i.isImaging || (y.value = !1);
     }
-    function W() {
-      y.value && K();
+    function q() {
+      y.value && W();
     }
     const B = m(i.isLabelActive);
-    function q() {
+    function x() {
       i.callbacks.labels ? i.callbacks.labels() : (B.value = !B.value, b("toggleLabels"));
     }
     const h = m(i.isAnimation);
-    function O() {
+    function E() {
       i.callbacks.animation ? i.callbacks.animation() : (h.value = !h.value, b("toggleAnimation"));
     }
-    const C = E({
+    const C = w({
       get: () => i.isAnnotation,
       set: (n) => n
     });
-    function L() {
+    function O() {
       i.callbacks.annotator ? i.callbacks.annotator() : (C.value = !C.value, b("toggleAnnotator"));
     }
-    function x() {
+    function H() {
       i.callbacks.sort ? i.callbacks.sort() : b("toggleSort");
     }
     const F = m(i.isStacked);
-    function H() {
+    function R() {
       i.callbacks.stack ? i.callbacks.stack() : (F.value = !F.value, b("toggleStack"));
     }
     const M = m(i.isTooltip);
-    function R() {
+    function G() {
       i.callbacks.tooltip ? i.callbacks.tooltip() : (M.value = !M.value, b("toggleTooltip"));
     }
-    const G = E({
+    const J = w({
       get: () => i.isFullscreen,
       set: (n) => b("toggleFullscreen", n)
     });
-    function P() {
+    function L() {
       if (!i.chartElement) return;
       const n = !i.isFullscreen;
-      G.value = n, n ? i.chartElement.requestFullscreen() : document.exitFullscreen();
+      J.value = n, n ? i.chartElement.requestFullscreen() : document.exitFullscreen();
     }
-    function w() {
+    function P() {
       const n = !!document.fullscreenElement;
       b("toggleFullscreen", n);
     }
-    J(() => {
-      document.addEventListener("fullscreenchange", w);
-    }), Q(() => {
-      document.removeEventListener("fullscreenchange", w);
+    Q(() => {
+      document.addEventListener("fullscreenchange", P);
+    }), Y(() => {
+      document.removeEventListener("fullscreenchange", P);
     });
     const g = m(window.innerWidth > 600), l = m({
       tooltip: !1,
@@ -218,7 +226,7 @@ const ie = ["title"], se = ["data-open"], ae = {
       animation: !1,
       annotator: !1
     });
-    return (n, o) => Y((t(), s("div", {
+    return (n, t) => Z((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;`)
@@ -227,11 +235,11 @@ const ie = ["title"], se = ["data-open"], ae = {
         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: p(I, ["stop"]),
-        onKeypress: Z(I, ["enter"])
+        onClick: _(I, ["stop"]),
+        onKeypress: p(I, ["enter"])
       }, [
-        k(n.$slots, "menuIcon", S(_({ isOpen: y.value, color: e.color })), () => [
-          ee(r, {
+        d(n.$slots, "menuIcon", S(ee({ isOpen: y.value, color: e.color })), () => [
+          te(r, {
             name: y.value ? "close" : "menu",
             stroke: e.color,
             "stroke-width": 2
@@ -240,300 +248,300 @@ const ie = ["title"], se = ["data-open"], ae = {
       ], 44, ie),
       X("div", {
         "data-open": y.value,
-        class: d({ "vue-ui-user-options-drawer": !0 }),
+        class: k({ "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`}`)
       }, [
-        e.hasTooltip ? (t(), s("button", {
+        e.hasTooltip ? (o(), s("button", {
           key: 0,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: R,
-          onMouseenter: o[0] || (o[0] = (u) => l.value.tooltip = !0),
-          onMouseout: o[1] || (o[1] = (u) => l.value.tooltip = !1)
+          onClick: G,
+          onMouseenter: t[0] || (t[0] = (u) => l.value.tooltip = !0),
+          onMouseout: t[1] || (t[1] = (u) => l.value.tooltip = !1)
         }, [
-          n.$slots.optionTooltip ? k(n.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (t(), s($, { key: 1 }, [
-            M.value ? (t(), f(r, {
+          n.$slots.optionTooltip ? d(n.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+            M.value ? (o(), f(r, {
               key: 0,
               name: "tooltip",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : (t(), f(r, {
+            }, null, 8, ["stroke"])) : (o(), f(r, {
               key: 1,
               name: "tooltipDisabled",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.tooltip && !n.$slots.optionTooltip ? (t(), s("div", {
+          g.value && e.titles.tooltip && !n.$slots.optionTooltip ? (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: k({ "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", {
+        e.hasPdf ? (o(), s("button", {
           key: 1,
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: D,
-          onMouseenter: o[2] || (o[2] = (u) => l.value.pdf = !0),
-          onMouseout: o[3] || (o[3] = (u) => l.value.pdf = !1)
+          onMouseenter: t[2] || (t[2] = (u) => l.value.pdf = !0),
+          onMouseout: t[3] || (t[3] = (u) => l.value.pdf = !1)
         }, [
-          n.$slots.optionPdf ? k(n.$slots, "optionPdf", { key: 0 }, void 0, !0) : (t(), s($, { key: 1 }, [
-            e.isPrinting ? (t(), f(r, {
+          n.$slots.optionPdf ? d(n.$slots, "optionPdf", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+            e.isPrinting ? (o(), f(r, {
               key: 0,
               name: "spin",
               isSpin: "",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : (t(), f(r, {
+            }, null, 8, ["stroke"])) : (o(), f(r, {
               key: 1,
               name: "pdf",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.pdf && !n.$slots.optionPdf ? (t(), s("div", {
+          g.value && e.titles.pdf && !n.$slots.optionPdf ? (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: k({ "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", {
+        e.hasXls ? (o(), s("button", {
           key: 2,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: N,
-          onMouseenter: o[4] || (o[4] = (u) => l.value.csv = !0),
-          onMouseout: o[5] || (o[5] = (u) => l.value.csv = !1)
+          onClick: U,
+          onMouseenter: t[4] || (t[4] = (u) => l.value.csv = !0),
+          onMouseout: t[5] || (t[5] = (u) => l.value.csv = !1)
         }, [
-          n.$slots.optionCsv ? k(n.$slots, "optionCsv", { key: 0 }, void 0, !0) : (t(), f(r, {
+          n.$slots.optionCsv ? d(n.$slots, "optionCsv", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: "excel",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          g.value && e.titles.csv && !n.$slots.optionCsv ? (t(), s("div", {
+          g.value && e.titles.csv && !n.$slots.optionCsv ? (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: k({ "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", {
+        e.hasImg ? (o(), s("button", {
           key: 3,
           tabindex: "0",
           class: "vue-ui-user-options-button",
           onClick: j,
-          onMouseenter: o[6] || (o[6] = (u) => l.value.img = !0),
-          onMouseout: o[7] || (o[7] = (u) => l.value.img = !1)
+          onMouseenter: t[6] || (t[6] = (u) => l.value.img = !0),
+          onMouseout: t[7] || (t[7] = (u) => l.value.img = !1)
         }, [
-          n.$slots.optionImg ? k(n.$slots, "optionImg", { key: 0 }, void 0, !0) : (t(), s($, { key: 1 }, [
-            e.isImaging ? (t(), f(r, {
+          n.$slots.optionImg ? d(n.$slots, "optionImg", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+            e.isImaging ? (o(), f(r, {
               key: 0,
               name: "spin",
               isSpin: "",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : (t(), f(r, {
+            }, null, 8, ["stroke"])) : (o(), f(r, {
               key: 1,
               name: "image",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.img && !n.$slots.optionImg ? (t(), s("div", {
+          g.value && e.titles.img && !n.$slots.optionImg ? (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: k({ "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", {
+        e.hasTable ? (o(), s("button", {
           key: 4,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: U,
-          onMouseenter: o[8] || (o[8] = (u) => l.value.table = !0),
-          onMouseout: o[9] || (o[9] = (u) => l.value.table = !1)
+          onClick: V,
+          onMouseenter: t[8] || (t[8] = (u) => l.value.table = !0),
+          onMouseout: t[9] || (t[9] = (u) => l.value.table = !1)
         }, [
-          n.$slots.optionTable ? k(n.$slots, "optionTable", { key: 0 }, void 0, !0) : (t(), f(r, {
+          n.$slots.optionTable ? d(n.$slots, "optionTable", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: A.value ? "tableClose" : "tableOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          g.value && e.titles.table && !n.$slots.optionTable ? (t(), s("div", {
+          g.value && e.titles.table && !n.$slots.optionTable ? (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: k({ "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", {
+        e.hasLabel ? (o(), s("button", {
           key: 5,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: q,
-          onMouseenter: o[10] || (o[10] = (u) => l.value.labels = !0),
-          onMouseout: o[11] || (o[11] = (u) => l.value.labels = !1)
+          onClick: x,
+          onMouseenter: t[10] || (t[10] = (u) => l.value.labels = !0),
+          onMouseout: t[11] || (t[11] = (u) => l.value.labels = !1)
         }, [
-          n.$slots.optionLabels ? k(n.$slots, "optionLabels", { key: 0 }, void 0, !0) : (t(), f(r, {
+          n.$slots.optionLabels ? d(n.$slots, "optionLabels", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: B.value ? "labelClose" : "labelOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          g.value && e.titles.labels && !n.$slots.optionLabels ? (t(), s("div", {
+          g.value && e.titles.labels && !n.$slots.optionLabels ? (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: k({ "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", {
+        e.hasSort ? (o(), s("button", {
           key: 6,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: x,
-          onMouseenter: o[12] || (o[12] = (u) => l.value.sort = !0),
-          onMouseout: o[13] || (o[13] = (u) => l.value.sort = !1)
+          onClick: H,
+          onMouseenter: t[12] || (t[12] = (u) => l.value.sort = !0),
+          onMouseout: t[13] || (t[13] = (u) => l.value.sort = !1)
         }, [
-          n.$slots.optionSort ? k(n.$slots, "optionSort", { key: 0 }, void 0, !0) : (t(), f(r, {
+          n.$slots.optionSort ? d(n.$slots, "optionSort", { key: 0 }, void 0, !0) : (o(), f(r, {
             key: 1,
             name: "sort",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          g.value && e.titles.sort && !n.$slots.optionSort ? (t(), s("div", {
+          g.value && e.titles.sort && !n.$slots.optionSort ? (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: k({ "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", {
+        e.hasStack ? (o(), s("button", {
           key: 7,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: H,
-          onMouseenter: o[14] || (o[14] = (u) => l.value.stack = !0),
-          onMouseout: o[15] || (o[15] = (u) => l.value.stack = !1)
+          onClick: R,
+          onMouseenter: t[14] || (t[14] = (u) => l.value.stack = !0),
+          onMouseout: t[15] || (t[15] = (u) => l.value.stack = !1)
         }, [
-          n.$slots.optionStack ? k(n.$slots, "optionStack", { key: 0 }, void 0, !0) : (t(), s($, { key: 1 }, [
-            F.value ? (t(), f(r, {
+          n.$slots.optionStack ? d(n.$slots, "optionStack", { key: 0 }, void 0, !0) : (o(), s($, { key: 1 }, [
+            F.value ? (o(), f(r, {
               key: 0,
               name: "unstack",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : (t(), f(r, {
+            }, null, 8, ["stroke"])) : (o(), f(r, {
               key: 1,
               name: "stack",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.stack && !n.$slots.optionStack ? (t(), s("div", {
+          g.value && e.titles.stack && !n.$slots.optionStack ? (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: k({ "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", {
+        e.hasFullscreen ? (o(), s("button", {
           key: 8,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          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"))
+          onMouseenter: t[16] || (t[16] = (u) => l.value.fullscreen = !0),
+          onMouseout: t[17] || (t[17] = (u) => l.value.fullscreen = !1),
+          onClick: t[18] || (t[18] = (u) => L(e.isFullscreen ? "out" : "in"))
         }, [
-          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, {
+          n.$slots.optionFullscreen ? d(n.$slots, "optionFullscreen", S(T({ key: 0 }, { toggleFullscreen: L, isFullscreen: e.isFullscreen })), void 0, !0) : (o(), s($, { key: 1 }, [
+            e.isFullscreen ? (o(), f(r, {
               key: 0,
               name: "exitFullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"])) : a("", !0),
-            e.isFullscreen ? a("", !0) : (t(), f(r, {
+            e.isFullscreen ? a("", !0) : (o(), f(r, {
               key: 1,
               name: "fullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.fullscreen && !n.$slots.optionFullscreen ? (t(), s("div", {
+          g.value && e.titles.fullscreen && !n.$slots.optionFullscreen ? (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: k({ "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", {
+        e.hasAnimation ? (o(), s("button", {
           key: 9,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: o[19] || (o[19] = (u) => l.value.animation = !0),
-          onMouseout: o[20] || (o[20] = (u) => l.value.animation = !1),
-          onClick: O
+          onMouseenter: t[19] || (t[19] = (u) => l.value.animation = !0),
+          onMouseout: t[20] || (t[20] = (u) => l.value.animation = !1),
+          onClick: E
         }, [
-          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, {
+          n.$slots.optionAnimation ? d(n.$slots, "optionAnimation", S(T({ key: 0 }, { toggleAnimation: E, isAnimated: h.value })), void 0, !0) : (o(), s($, { key: 1 }, [
+            h.value ? (o(), f(r, {
               key: 0,
               name: "play",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"])) : a("", !0),
-            h.value ? a("", !0) : (t(), f(r, {
+            h.value ? a("", !0) : (o(), f(r, {
               key: 1,
               name: "pause",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.fullscreen && !n.$slots.optionAnimation ? (t(), s("div", {
+          g.value && e.titles.fullscreen && !n.$slots.optionAnimation ? (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: k({ "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", {
+        e.hasAnnotator ? (o(), s("button", {
           key: 10,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onMouseenter: o[21] || (o[21] = (u) => l.value.annotator = !0),
-          onMouseout: o[22] || (o[22] = (u) => l.value.annotator = !1),
-          onClick: L
+          onMouseenter: t[21] || (t[21] = (u) => l.value.annotator = !0),
+          onMouseout: t[22] || (t[22] = (u) => l.value.annotator = !1),
+          onClick: O
         }, [
-          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, {
+          n.$slots.optionAnnotator ? d(n.$slots, "optionAnnotator", S(T({ key: 0 }, { toggleAnnotator: O, isAnnotator: C.value })), void 0, !0) : (o(), s($, { key: 1 }, [
+            C.value ? (o(), f(r, {
               key: 0,
               name: "annotatorDisabled",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"])) : a("", !0),
-            C.value ? a("", !0) : (t(), f(r, {
+            C.value ? a("", !0) : (o(), f(r, {
               key: 1,
               name: "annotator",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          g.value && e.titles.annotator && !n.$slots.optionAnnotator ? (t(), s("div", {
+          g.value && e.titles.annotator && !n.$slots.optionAnnotator ? (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: k({ "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]
+      [oe(ne), q]
     ]);
   }
-}, ge = /* @__PURE__ */ le(ae, [["__scopeId", "data-v-37bc2b10"]]);
+}, ge = /* @__PURE__ */ le(ae, [["__scopeId", "data-v-1400581b"]]);
 export {
   ge as default
 };

package/dist/{dom-to-png-g3Q8kjna.js → dom-to-png-CRHNL8VU.js}

@@ -1,4 +1,4 @@
-import { X as x } from "./index-CZNLCg7T.js";
+import { X as x } from "./index-DvIXJm6t.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-BgOg8opa.js

@@ -0,0 +1,27 @@
+import { d as a } from "./dom-to-png-CRHNL8VU.js";
+async function s({ domElement: t, fileName: c, format: h = "png", scale: n = 2, base64: o = !1, img: g = !1 }) {
+  if (!t) return Promise.reject("No element provided");
+  if (o && g)
+    try {
+      const r = await a({ container: t, scale: n }).then((i) => i), e = await a({ container: t, scale: n, base64: o }).then((i) => i);
+      return { imageUri: r, base64: e };
+    } catch (r) {
+      console.error("Error generating imgae information for the chart", r);
+    }
+  else if (o)
+    try {
+      return a({ container: t, scale: n, base64: o }).then((r) => r);
+    } catch (r) {
+      console.error("Error generating the base64 string of the chart", r);
+    }
+  else
+    try {
+      const r = await a({ container: t, scale: n }), e = document.createElement("a");
+      e.href = r, e.download = `${c}.${h}`, document.body.appendChild(e), e.click(), document.body.removeChild(e);
+    } catch (r) {
+      throw console.error("Error generating image:", r), r;
+    }
+}
+export {
+  s as default
+};

package/dist/{index-CZNLCg7T.js → index-DvIXJm6t.js}

@@ -7311,7 +7311,7 @@ function al(o, e) {
   };
   return Fr(new Proxy(c, i));
 }
-const cl = C(() => import("./Arrow-D9B36pfx.js")), nl = C(() => import("./vue-data-ui-BB8Upnjm.js")), sl = C(() => import("./vue-ui-3d-bar-o8P0DCbz.js")), il = C(() => import("./vue-ui-accordion-CO4hmfuX.js")), ul = C(() => import("./vue-ui-age-pyramid-C9T5bAEl.js")), dl = C(() => import("./vue-ui-annotator-CyOygaxE.js")), bl = C(() => import("./vue-ui-candlestick-BfZTMGE0.js")), fl = C(() => import("./vue-ui-chestnut-BAIMBFaQ.js")), gl = C(() => import("./vue-ui-cursor-Bvy_o8wb.js")), Al = C(() => import("./vue-ui-dashboard--QRCkp7q.js")), Cl = C(() => import("./vue-ui-digits-Dl8RHLvt.js")), hl = C(() => import("./vue-ui-donut-BxSTOFDt.js")), kl = C(() => import("./vue-ui-donut-evolution-DNzTtWnJ.js")), Fl = C(() => import("./vue-ui-dumbbell-D01p3t3P.js")), El = C(() => import("./vue-ui-flow-BMvaRn7E.js")), pl = C(() => import("./vue-ui-galaxy-D4HJH1qq.js")), Dl = C(() => import("./vue-ui-gauge-CgIlk2pu.js")), Bl = C(() => import("./vue-ui-heatmap-tUn_BlSp.js")), yl = C(() => import("./BaseIcon-DJab5OQD.js")), ml = C(() => import("./vue-ui-kpi-BuL8MAMD.js")), xl = C(() => import("./vue-ui-mini-loader-DIeG36P8.js")), wl = C(() => import("./vue-ui-molecule-8RJNzWIw.js")), Ll = C(() => import("./vue-ui-mood-radar-DftzG_Bi.js")), vl = C(() => import("./vue-ui-nested-donuts-B9JC_0xK.js")), Sl = C(() => import("./vue-ui-onion-DTjaH-Bu.js")), _l = C(() => import("./vue-ui-parallel-coordinate-plot-DwqfVqFB.js")), zl = C(() => import("./vue-ui-quadrant-Cv3VWA6d.js")), Ol = C(() => import("./vue-ui-quick-chart-imc0KrbF.js")), Rl = C(() => import("./vue-ui-radar-kNySclk1.js")), Pl = C(() => import("./vue-ui-rating-DBhEbgwD.js")), Tl = C(() => import("./vue-ui-relation-circle-BJQhS0aG.js")), Nl = C(() => import("./vue-ui-rings-C_IT2mi0.js")), Ml = C(() => import("./vue-ui-scatter-i8XZreWa.js")), Vl = C(() => import("./vue-ui-skeleton-D9B8DY_k.js")), Il = C(() => import("./vue-ui-smiley-gmdnUWcW.js")), Wl = C(() => import("./vue-ui-sparkhistogram-CbV86a2i.js")), $l = C(() => import("./vue-ui-sparkstackbar-auT8CUXm.js")), Ul = C(() => import("./vue-ui-spark-trend-DOF3vl8_.js")), Yl = C(() => import("./vue-ui-sparkbar-BVOVq3dA.js")), Gl = C(() => import("./vue-ui-sparkgauge-DVO2Z0Rg.js")), Hl = C(() => import("./vue-ui-sparkline-jDNAVZu-.js")), Xl = C(() => import("./vue-ui-strip-plot-B25s87lj.js")), jl = C(() => import("./vue-ui-table-B4xbQdK_.js")), Kl = C(() => import("./vue-ui-table-heatmap-DI57VcvH.js")), ql = C(() => import("./vue-ui-table-sparkline-DRgsZztN.js")), Ql = C(() => import("./vue-ui-thermometer-DkeT5DV_.js")), Zl = C(() => import("./vue-ui-timer-uon_DLeH.js")), Jl = C(() => import("./vue-ui-tiremarks-BV0qXRF2.js")), oa = C(() => import("./vue-ui-treemap-DzJsjtz7.js")), ra = C(() => import("./vue-ui-vertical-bar-CkLS_DGb.js")), ta = C(() => import("./vue-ui-waffle-B2XiLGQx.js")), ea = C(() => import("./vue-ui-wheel-BR1DDpKU.js")), la = C(() => import("./vue-ui-word-cloud-BvOT6hu2.js")), aa = C(() => import("./vue-ui-xy-BaR-ZDba.js")), ca = C(() => import("./vue-ui-xy-canvas-B4ZmECCK.js")), na = C(() => import("./vue-ui-carousel-table-Bam9qqkj.js")), sa = C(() => import("./vue-ui-gizmo-C1-QYvsn.js")), ia = C(() => import("./vue-ui-stackbar-DmO02We2.js")), ua = C(() => import("./vue-ui-bullet-CPT1jdcz.js")), da = C(() => import("./vue-ui-funnel-Bd_3wouw.js")), ba = C(() => import("./vue-ui-history-plot-TfVRzyIK.js")), fa = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), ga = C(() => import("./vue-ui-circle-pack-DxXPqA7Z.js")), Aa = C(() => import("./vue-ui-world-BeP91MNX.js")), Ca = C(() => import("./vue-ui-ridgeline-Bhd1Uwm8.js")), ha = C(() => import("./vue-ui-chord-92E1yKdu.js"));
+const cl = C(() => import("./Arrow-DCqxVwey.js")), nl = C(() => import("./vue-data-ui-B8EWlMIK.js")), sl = C(() => import("./vue-ui-3d-bar-CtlB4p7i.js")), il = C(() => import("./vue-ui-accordion-D55kCO5G.js")), ul = C(() => import("./vue-ui-age-pyramid-DSshyUn-.js")), dl = C(() => import("./vue-ui-annotator-DQSMv_k2.js")), bl = C(() => import("./vue-ui-candlestick-Drupgyoi.js")), fl = C(() => import("./vue-ui-chestnut-DLWjPwRL.js")), gl = C(() => import("./vue-ui-cursor-DWmfnM25.js")), Al = C(() => import("./vue-ui-dashboard-CGIocEHj.js")), Cl = C(() => import("./vue-ui-digits-BgQch3Fc.js")), hl = C(() => import("./vue-ui-donut-B59bCV5_.js")), kl = C(() => import("./vue-ui-donut-evolution-CI8qBIQd.js")), Fl = C(() => import("./vue-ui-dumbbell-CXv7sk88.js")), El = C(() => import("./vue-ui-flow-DxF0ELtv.js")), pl = C(() => import("./vue-ui-galaxy-CaPJwwOj.js")), Dl = C(() => import("./vue-ui-gauge-D7arhDmb.js")), Bl = C(() => import("./vue-ui-heatmap-Cyn-ahGO.js")), yl = C(() => import("./BaseIcon-Bn996RXm.js")), ml = C(() => import("./vue-ui-kpi-DKDibSdl.js")), xl = C(() => import("./vue-ui-mini-loader-B8OVutUx.js")), wl = C(() => import("./vue-ui-molecule-BVSrqIGw.js")), Ll = C(() => import("./vue-ui-mood-radar-DvlyS3RN.js")), vl = C(() => import("./vue-ui-nested-donuts-D9ssSus6.js")), Sl = C(() => import("./vue-ui-onion-Buu4VX3u.js")), _l = C(() => import("./vue-ui-parallel-coordinate-plot-DFLUvhxD.js")), zl = C(() => import("./vue-ui-quadrant-BMC7NBGd.js")), Ol = C(() => import("./vue-ui-quick-chart-DB9RKUkb.js")), Rl = C(() => import("./vue-ui-radar-68NMPxxQ.js")), Pl = C(() => import("./vue-ui-rating-swH9kRr3.js")), Tl = C(() => import("./vue-ui-relation-circle-CT-EdSjO.js")), Nl = C(() => import("./vue-ui-rings-M-9dPI5D.js")), Ml = C(() => import("./vue-ui-scatter-CsGhaFJh.js")), Vl = C(() => import("./vue-ui-skeleton-BAOt2neL.js")), Il = C(() => import("./vue-ui-smiley-7_kIgPg-.js")), Wl = C(() => import("./vue-ui-sparkhistogram-B2u4XLVd.js")), $l = C(() => import("./vue-ui-sparkstackbar-BLGz2qIb.js")), Ul = C(() => import("./vue-ui-spark-trend-DHlQQpwz.js")), Yl = C(() => import("./vue-ui-sparkbar-BnHhzuKf.js")), Gl = C(() => import("./vue-ui-sparkgauge-WtfkCK8g.js")), Hl = C(() => import("./vue-ui-sparkline-DKIyUlSm.js")), Xl = C(() => import("./vue-ui-strip-plot-5qDcYPnR.js")), jl = C(() => import("./vue-ui-table-Bg5HIQ3O.js")), Kl = C(() => import("./vue-ui-table-heatmap-DmjNy1q1.js")), ql = C(() => import("./vue-ui-table-sparkline-CnkJkBk5.js")), Ql = C(() => import("./vue-ui-thermometer-RlD-9mJf.js")), Zl = C(() => import("./vue-ui-timer-Bes74INL.js")), Jl = C(() => import("./vue-ui-tiremarks-DiLS3akQ.js")), oa = C(() => import("./vue-ui-treemap-BG1Omm38.js")), ra = C(() => import("./vue-ui-vertical-bar-CwqQyZFX.js")), ta = C(() => import("./vue-ui-waffle-Ce3T4BPp.js")), ea = C(() => import("./vue-ui-wheel-6B0WTkf2.js")), la = C(() => import("./vue-ui-word-cloud-ByYZCOh7.js")), aa = C(() => import("./vue-ui-xy-DtJ7qJib.js")), ca = C(() => import("./vue-ui-xy-canvas-S6YpFgzs.js")), na = C(() => import("./vue-ui-carousel-table-BTZQRZfO.js")), sa = C(() => import("./vue-ui-gizmo-Dwli-Mip.js")), ia = C(() => import("./vue-ui-stackbar-BDpMsTYe.js")), ua = C(() => import("./vue-ui-bullet-FeScjj7q.js")), da = C(() => import("./vue-ui-funnel-Bco8rqF8.js")), ba = C(() => import("./vue-ui-history-plot-C2AEToqx.js")), fa = C(() => import("./vue-ui-pattern-DsYgSZWn.js")), ga = C(() => import("./vue-ui-circle-pack-VXcRh2gy.js")), Aa = C(() => import("./vue-ui-world-B9PxVO4n.js")), Ca = C(() => import("./vue-ui-ridgeline-DftROPaX.js")), ha = C(() => import("./vue-ui-chord-BgLbFBT9.js"));
 export {
   Me as $,
   no as A,

package/dist/{pdf-DJVOD0cz.js → pdf-DhTxBrbJ.js}

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