npm - vue-data-ui - Versions diffs - 2.6.40 → 2.6.42 - Mend

vue-data-ui 2.6.40 → 2.6.42

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (200) hide show

package/dist/types/vue-data-ui.d.cts CHANGED Viewed

@@ -211,6 +211,14 @@ declare module "vue-data-ui" {
             table?: string;
             tooltip?: string;
         };
+        // html2canvas options
+        print?: {
+            allowTaint?: boolean;
+            backgroundColor?: string;
+            useCORS?: boolean;
+            onclone?: null | ((doc: Document) => void);
+            scale?: number;
+        };
     };
     export type ChartTableCell = {
@@ -735,6 +743,7 @@ declare module "vue-data-ui" {
         name: string;
         details?: string;
         nodes?: VueUiMoleculeDatasetNode[];
+        color?: string;
     };
     export type VueUiMoleculeConfig = {
@@ -5115,6 +5124,13 @@ declare module "vue-data-ui" {
             fullscreen?: string;
             annotator?: string;
         };
+        userOptionsPrint?: {
+            allowTaint?: boolean;
+            backgroundColor?: string;
+            useCORS?: boolean;
+            onclone?: null | ((doc: Document) => void),
+            scale?: number;
+        };
         showUserOptionsOnChartHover?: boolean;
         keepUserOptionsStateOnChartLeave?: boolean;
     };

package/dist/types/vue-data-ui.d.ts CHANGED Viewed

@@ -211,6 +211,14 @@ declare module "vue-data-ui" {
             table?: string;
             tooltip?: string;
         };
+        // html2canvas options
+        print?: {
+            allowTaint?: boolean;
+            backgroundColor?: string;
+            useCORS?: boolean;
+            onclone?: null | ((doc: Document) => void);
+            scale?: number;
+        };
     };
     export type ChartTableCell = {
@@ -735,6 +743,7 @@ declare module "vue-data-ui" {
         name: string;
         details?: string;
         nodes?: VueUiMoleculeDatasetNode[];
+        color?: string;
     };
     export type VueUiMoleculeConfig = {
@@ -5115,6 +5124,13 @@ declare module "vue-data-ui" {
             fullscreen?: string;
             annotator?: string;
         };
+        userOptionsPrint?: {
+            allowTaint?: boolean;
+            backgroundColor?: string;
+            useCORS?: boolean;
+            onclone?: null | ((doc: Document) => void),
+            scale?: number;
+        };
         showUserOptionsOnChartHover?: boolean;
         keepUserOptionsStateOnChartLeave?: boolean;
     };

package/dist/{useNestedProp-0jJvFRhK.cjs → useNestedProp-B8CE091o.cjs} RENAMED Viewed

	@@ -1 +1 @@
1	- "use strict";const r=require("./index-~~CBRI5uwl~~.cjs");function o({defaultConfig:e,userConfig:t}){if(!Object.keys(t\|\|{}).length)return e;const n=r.treeShake({defaultConfig:e,userConfig:t});return r.convertConfigColors(n)}exports.useNestedProp=o;
1	+ "use strict";const r=require("./index-Crz6y51C.cjs");function o({defaultConfig:e,userConfig:t}){if(!Object.keys(t\|\|{}).length)return e;const n=r.treeShake({defaultConfig:e,userConfig:t});return r.convertConfigColors(n)}exports.useNestedProp=o;

package/dist/{useNestedProp-D8vQcOps.js → useNestedProp-Bole8bsm.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { A as o, z as n } from "./index-BaaDnc4F.js";
+import { A as o, z as n } from "./index-DWsIpwzs.js";
 function c({ defaultConfig: e, userConfig: r }) {
   if (!Object.keys(r || {}).length)
     return e;

package/dist/{usePrinter-y4-4tCWT.js → usePrinter-B8LELMkA.js} RENAMED Viewed

@@ -1,10 +1,10 @@
-import { ref as d, computed as G, onMounted as J, onBeforeUnmount as Q, withDirectives as Y, createElementBlock as i, openBlock as t, normalizeStyle as g, createElementVNode as V, withKeys as Z, withModifiers as p, renderSlot as k, normalizeProps as E, guardReactiveProps as _, createVNode as ee, normalizeClass as c, createCommentVNode as u, Fragment as C, createBlock as f, toDisplayString as m, mergeProps as P, unref as te } from "vue";
-import a from "./BaseIcon-rw8rKNKS.js";
+import { ref as b, computed as G, onMounted as J, onBeforeUnmount as Q, withDirectives as Y, createElementBlock as i, openBlock as t, normalizeStyle as d, createElementVNode as V, withKeys as Z, withModifiers as p, renderSlot as c, normalizeProps as E, guardReactiveProps as _, createVNode as ee, normalizeClass as y, createCommentVNode as u, Fragment as h, createBlock as f, toDisplayString as $, mergeProps as P, unref as te } from "vue";
+import a from "./BaseIcon-BYl8WVrn.js";
 import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
-  beforeMount(e, S) {
+  beforeMount(e, C) {
     e.clickOutsideEvent = function(r) {
-      e === r.target || e.contains(r.target) || S.value(r);
+      e === r.target || e.contains(r.target) || C.value(r);
     }, document.addEventListener("click", e.clickOutsideEvent);
   },
   unmounted(e) {
@@ -133,70 +133,70 @@ const ne = {
     }
   },
   emits: ["generatePdf", "generateCsv", "generateImage", "toggleTable", "toggleLabels", "toggleSort", "toggleFullscreen", "toggleStack", "toggleTooltip", "toggleAnimation", "toggleAnnotator"],
-  setup(e, { emit: S }) {
-    const r = e, v = S;
+  setup(e, { emit: C }) {
+    const r = e, g = C;
+    function S() {
+      g("generatePdf");
+    }
     function A() {
-      v("generatePdf");
+      g("generateCsv");
     }
     function B() {
-      v("generateCsv");
+      g("generateImage");
     }
+    const M = b(!1);
     function F() {
-      v("generateImage");
-    }
-    const M = d(!1);
-    function $() {
-      M.value = !M.value, v("toggleTable");
+      M.value = !M.value, g("toggleTable");
     }
-    const h = d(!1), j = d(!0);
+    const v = b(!1), j = b(!0);
     function X() {
-      b.value = window.innerWidth > 600, h.value = !h.value, h.value && (j.value = !1);
+      k.value = window.innerWidth > 600, v.value = !v.value, v.value && (j.value = !1);
     }
     function K() {
-      r.isPrinting || r.isImaging || (h.value = !1);
+      r.isPrinting || r.isImaging || (v.value = !1);
     }
     function W() {
-      h.value && K();
+      v.value && K();
     }
-    const O = d(r.isLabelActive);
+    const O = b(r.isLabelActive);
     function q() {
-      O.value = !O.value, v("toggleLabels");
+      O.value = !O.value, g("toggleLabels");
     }
-    const T = d(r.isAnimation);
+    const T = b(r.isAnimation);
     function z() {
-      T.value = !T.value, v("toggleAnimation");
+      T.value = !T.value, g("toggleAnimation");
     }
     const I = G({
       get: () => r.isAnnotation,
       set: (l) => l
     });
     function D() {
-      I.value = !I.value, v("toggleAnnotator");
+      I.value = !I.value, g("toggleAnnotator");
     }
     function H() {
-      v("toggleSort");
+      g("toggleSort");
     }
-    const L = d(r.isStacked);
+    const L = b(r.isStacked);
     function R() {
-      L.value = !L.value, v("toggleStack");
+      L.value = !L.value, g("toggleStack");
     }
-    const w = d(r.isTooltip);
+    const w = b(r.isTooltip);
     function x() {
-      w.value = !w.value, v("toggleTooltip");
+      w.value = !w.value, g("toggleTooltip");
     }
-    const y = d(!1);
+    const m = b(!1);
     function N(l) {
-      r.chartElement && (l === "in" ? (y.value = !0, r.chartElement.requestFullscreen(), v("toggleFullscreen", !0)) : (y.value = !1, document && document.exitFullscreen(), v("toggleFullscreen", !1)));
+      r.chartElement && (l === "in" ? (m.value = !0, r.chartElement.requestFullscreen(), g("toggleFullscreen", !0)) : (m.value = !1, document && document.exitFullscreen(), g("toggleFullscreen", !1)));
     }
     function U(l) {
-      document.fullscreenElement ? y.value = !0 : y.value = !1;
+      document.fullscreenElement ? m.value = !0 : m.value = !1;
     }
     J(() => {
       document.addEventListener("fullscreenchange", U);
     }), Q(() => {
       document.removeEventListener("fullscreenchange", U);
     });
-    const b = d(window.innerWidth > 600), n = d({
+    const k = b(window.innerWidth > 600), n = b({
       tooltip: !1,
       pdf: !1,
       csv: !1,
@@ -212,27 +212,27 @@ const ne = {
     return (l, o) => Y((t(), i("div", {
       "data-html2canvas-ignore": "",
       class: "vue-ui-user-options",
-      style: g(`z-index: ${e.zIndex}; height: 34px; position: ${y.value ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${y.value ? "12px" : "0"}` : `left:${y.value ? "12px" : "0"}`}; padding: 4px; background:transparent;`)
+      style: d(`z-index: ${e.zIndex}; height: 34px; position: ${m.value ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${m.value ? "12px" : "0"}` : `left:${m.value ? "12px" : "0"}`}; padding: 4px; background:transparent;`)
     }, [
       V("div", {
         tabindex: "0",
-        title: h.value ? e.titles.close || "" : e.titles.open || "",
-        style: g(`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`),
+        title: v.value ? e.titles.close || "" : e.titles.open || "",
+        style: d(`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(X, ["stop"]),
         onKeypress: Z(X, ["enter"])
       }, [
-        k(l.$slots, "menuIcon", E(_({ isOpen: h.value, color: e.color })), () => [
+        c(l.$slots, "menuIcon", E(_({ isOpen: v.value, color: e.color })), () => [
           ee(a, {
-            name: h.value ? "close" : "menu",
+            name: v.value ? "close" : "menu",
             stroke: e.color,
             "stroke-width": 2
           }, null, 8, ["name", "stroke"])
         ], !0)
       ], 44, le),
       V("div", {
-        "data-open": h.value,
-        class: c({ "vue-ui-user-options-drawer": !0 }),
-        style: g(`background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.offsetX ? e.offsetX : e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
+        "data-open": v.value,
+        class: y({ "vue-ui-user-options-drawer": !0 }),
+        style: d(`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(), i("button", {
           key: 0,
@@ -242,7 +242,7 @@ const ne = {
           onMouseenter: o[0] || (o[0] = (s) => n.value.tooltip = !0),
           onMouseout: o[1] || (o[1] = (s) => n.value.tooltip = !1)
         }, [
-          l.$slots.optionTooltip ? k(l.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (t(), i(C, { key: 1 }, [
+          l.$slots.optionTooltip ? c(l.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (t(), i(h, { key: 1 }, [
             w.value ? (t(), f(a, {
               key: 0,
               name: "tooltip",
@@ -255,22 +255,22 @@ const ne = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.tooltip && !l.$slots.optionTooltip ? (t(), i("div", {
+          k.value && e.titles.tooltip && !l.$slots.optionTooltip ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.tooltip), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.tooltip), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasPdf ? (t(), i("button", {
           key: 1,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: A,
+          onClick: S,
           onMouseenter: o[2] || (o[2] = (s) => n.value.pdf = !0),
           onMouseout: o[3] || (o[3] = (s) => n.value.pdf = !1)
         }, [
-          l.$slots.optionPdf ? k(l.$slots, "optionPdf", { key: 0 }, void 0, !0) : (t(), i(C, { key: 1 }, [
+          l.$slots.optionPdf ? c(l.$slots, "optionPdf", { key: 0 }, void 0, !0) : (t(), i(h, { key: 1 }, [
             e.isPrinting ? (t(), f(a, {
               key: 0,
               name: "spin",
@@ -284,43 +284,43 @@ const ne = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.pdf && !l.$slots.optionPdf ? (t(), i("div", {
+          k.value && e.titles.pdf && !l.$slots.optionPdf ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.pdf), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.pdf), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasXls ? (t(), i("button", {
           key: 2,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: B,
+          onClick: A,
           onMouseenter: o[4] || (o[4] = (s) => n.value.csv = !0),
           onMouseout: o[5] || (o[5] = (s) => n.value.csv = !1)
         }, [
-          l.$slots.optionCsv ? k(l.$slots, "optionCsv", { key: 0 }, void 0, !0) : (t(), f(a, {
+          l.$slots.optionCsv ? c(l.$slots, "optionCsv", { key: 0 }, void 0, !0) : (t(), f(a, {
             key: 1,
             name: "excel",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          b.value && e.titles.csv && !l.$slots.optionCsv ? (t(), i("div", {
+          k.value && e.titles.csv && !l.$slots.optionCsv ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.csv), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.csv), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasImg ? (t(), i("button", {
           key: 3,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: F,
+          onClick: B,
           onMouseenter: o[6] || (o[6] = (s) => n.value.img = !0),
           onMouseout: o[7] || (o[7] = (s) => n.value.img = !1)
         }, [
-          l.$slots.optionImg ? k(l.$slots, "optionImg", { key: 0 }, void 0, !0) : (t(), i(C, { key: 1 }, [
+          l.$slots.optionImg ? c(l.$slots, "optionImg", { key: 0 }, void 0, !0) : (t(), i(h, { key: 1 }, [
             e.isImaging ? (t(), f(a, {
               key: 0,
               name: "spin",
@@ -334,33 +334,33 @@ const ne = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.img && !l.$slots.optionImg ? (t(), i("div", {
+          k.value && e.titles.img && !l.$slots.optionImg ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.img), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.img), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasTable ? (t(), i("button", {
           key: 4,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: $,
+          onClick: F,
           onMouseenter: o[8] || (o[8] = (s) => n.value.table = !0),
           onMouseout: o[9] || (o[9] = (s) => n.value.table = !1)
         }, [
-          l.$slots.optionTable ? k(l.$slots, "optionTable", { key: 0 }, void 0, !0) : (t(), f(a, {
+          l.$slots.optionTable ? c(l.$slots, "optionTable", { key: 0 }, void 0, !0) : (t(), f(a, {
             key: 1,
             name: M.value ? "tableClose" : "tableOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          b.value && e.titles.table && !l.$slots.optionTable ? (t(), i("div", {
+          k.value && e.titles.table && !l.$slots.optionTable ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.table), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.table), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasLabel ? (t(), i("button", {
           key: 5,
@@ -370,18 +370,18 @@ const ne = {
           onMouseenter: o[10] || (o[10] = (s) => n.value.labels = !0),
           onMouseout: o[11] || (o[11] = (s) => n.value.labels = !1)
         }, [
-          l.$slots.optionLabels ? k(l.$slots, "optionLabels", { key: 0 }, void 0, !0) : (t(), f(a, {
+          l.$slots.optionLabels ? c(l.$slots, "optionLabels", { key: 0 }, void 0, !0) : (t(), f(a, {
             key: 1,
             name: O.value ? "labelClose" : "labelOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          b.value && e.titles.labels && !l.$slots.optionLabels ? (t(), i("div", {
+          k.value && e.titles.labels && !l.$slots.optionLabels ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.labels), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.labels), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasSort ? (t(), i("button", {
           key: 6,
@@ -391,18 +391,18 @@ const ne = {
           onMouseenter: o[12] || (o[12] = (s) => n.value.sort = !0),
           onMouseout: o[13] || (o[13] = (s) => n.value.sort = !1)
         }, [
-          l.$slots.optionSort ? k(l.$slots, "optionSort", { key: 0 }, void 0, !0) : (t(), f(a, {
+          l.$slots.optionSort ? c(l.$slots, "optionSort", { key: 0 }, void 0, !0) : (t(), f(a, {
             key: 1,
             name: "sort",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          b.value && e.titles.sort && !l.$slots.optionSort ? (t(), i("div", {
+          k.value && e.titles.sort && !l.$slots.optionSort ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.sort), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.sort), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasStack ? (t(), i("button", {
           key: 7,
@@ -412,7 +412,7 @@ const ne = {
           onMouseenter: o[14] || (o[14] = (s) => n.value.stack = !0),
           onMouseout: o[15] || (o[15] = (s) => n.value.stack = !1)
         }, [
-          l.$slots.optionStack ? k(l.$slots, "optionStack", { key: 0 }, void 0, !0) : (t(), i(C, { key: 1 }, [
+          l.$slots.optionStack ? c(l.$slots, "optionStack", { key: 0 }, void 0, !0) : (t(), i(h, { key: 1 }, [
             L.value ? (t(), f(a, {
               key: 0,
               name: "unstack",
@@ -425,12 +425,12 @@ const ne = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.stack && !l.$slots.optionStack ? (t(), i("div", {
+          k.value && e.titles.stack && !l.$slots.optionStack ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.stack), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.stack), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasFullscreen ? (t(), i("button", {
           key: 8,
@@ -438,28 +438,28 @@ const ne = {
           class: "vue-ui-user-options-button",
           onMouseenter: o[16] || (o[16] = (s) => n.value.fullscreen = !0),
           onMouseout: o[17] || (o[17] = (s) => n.value.fullscreen = !1),
-          onClick: o[18] || (o[18] = (s) => N(y.value ? "out" : "in"))
+          onClick: o[18] || (o[18] = (s) => N(m.value ? "out" : "in"))
         }, [
-          l.$slots.optionFullscreen ? k(l.$slots, "optionFullscreen", E(P({ key: 0 }, { toggleFullscreen: N, isFullscreen: y.value })), void 0, !0) : (t(), i(C, { key: 1 }, [
-            y.value ? (t(), f(a, {
+          l.$slots.optionFullscreen ? c(l.$slots, "optionFullscreen", E(P({ key: 0 }, { toggleFullscreen: N, isFullscreen: m.value })), void 0, !0) : (t(), i(h, { key: 1 }, [
+            m.value ? (t(), f(a, {
               key: 0,
               name: "exitFullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"])) : u("", !0),
-            y.value ? u("", !0) : (t(), f(a, {
+            m.value ? u("", !0) : (t(), f(a, {
               key: 1,
               name: "fullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.fullscreen && !l.$slots.optionFullscreen ? (t(), i("div", {
+          k.value && e.titles.fullscreen && !l.$slots.optionFullscreen ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.fullscreen), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.fullscreen), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasAnimation ? (t(), i("button", {
           key: 9,
@@ -469,7 +469,7 @@ const ne = {
           onMouseout: o[20] || (o[20] = (s) => n.value.animation = !1),
           onClick: z
         }, [
-          l.$slots.optionAnimation ? k(l.$slots, "optionAnimation", E(P({ key: 0 }, { toggleAnimation: z, isAnimated: T.value })), void 0, !0) : (t(), i(C, { key: 1 }, [
+          l.$slots.optionAnimation ? c(l.$slots, "optionAnimation", E(P({ key: 0 }, { toggleAnimation: z, isAnimated: T.value })), void 0, !0) : (t(), i(h, { key: 1 }, [
             T.value ? (t(), f(a, {
               key: 0,
               name: "play",
@@ -483,12 +483,12 @@ const ne = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.fullscreen && !l.$slots.optionAnimation ? (t(), i("div", {
+          k.value && e.titles.fullscreen && !l.$slots.optionAnimation ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.animation), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.animation), 7)) : u("", !0)
         ], 32)) : u("", !0),
         e.hasAnnotator ? (t(), i("button", {
           key: 10,
@@ -498,7 +498,7 @@ const ne = {
           onMouseout: o[22] || (o[22] = (s) => n.value.annotator = !1),
           onClick: D
         }, [
-          l.$slots.optionAnnotator ? k(l.$slots, "optionAnnotator", E(P({ key: 0 }, { toggleAnnotator: D, isAnnotator: I.value })), void 0, !0) : (t(), i(C, { key: 1 }, [
+          l.$slots.optionAnnotator ? c(l.$slots, "optionAnnotator", E(P({ key: 0 }, { toggleAnnotator: D, isAnnotator: I.value })), void 0, !0) : (t(), i(h, { key: 1 }, [
             I.value ? (t(), f(a, {
               key: 0,
               name: "annotatorDisabled",
@@ -512,12 +512,12 @@ const ne = {
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          b.value && e.titles.annotator && !l.$slots.optionAnnotator ? (t(), i("div", {
+          k.value && e.titles.annotator && !l.$slots.optionAnnotator ? (t(), i("div", {
             key: 2,
             dir: "auto",
-            class: c({ "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: g({ background: e.backgroundColor, color: e.color })
-          }, m(e.titles.annotator), 7)) : u("", !0)
+            class: y({ "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: d({ background: e.backgroundColor, color: e.color })
+          }, $(e.titles.annotator), 7)) : u("", !0)
         ], 32)) : u("", !0)
       ], 12, ie)
     ], 4)), [
@@ -527,47 +527,50 @@ const ne = {
 }, fe = /* @__PURE__ */ oe(ue, [["__scopeId", "data-v-0926bd71"]]);
 function ve({
   elementId: e,
-  fileName: S,
-  canPrint: r = !0
+  fileName: C,
+  canPrint: r = !0,
+  options: g
 }) {
-  const v = d(!1), A = d(!1), B = d(null);
-  async function F() {
-    !r || v.value || (v.value = !0, clearTimeout(B.value), B.value = setTimeout(async () => {
+  const S = b(!1), A = b(!1), B = b(null);
+  async function M() {
+    !r || S.value || (S.value = !0, clearTimeout(B.value), B.value = setTimeout(async () => {
       if (r)
         try {
-          const { default: $ } = await import("./pdf-DVWl3Adn.js");
-          await $({
+          const { default: v } = await import("./pdf-H8Iw_Wax.js");
+          await v({
             domElement: document.getElementById(e),
-            fileName: S
+            fileName: C,
+            options: g
           });
-        } catch ($) {
-          console.error("Error generating PDF:", $);
+        } catch (v) {
+          console.error("Error generating PDF:", v);
         } finally {
-          v.value = !1;
+          S.value = !1;
         }
     }, 100));
   }
-  async function M() {
+  async function F() {
     !r || A.value || (A.value = !0, clearTimeout(B.value), B.value = setTimeout(async () => {
       if (r)
         try {
-          const { default: $ } = await import("./img-itj0Vdmx.js");
-          await $({
+          const { default: v } = await import("./img-BIeSHu0f.js");
+          await v({
             domElement: document.getElementById(e),
-            fileName: S,
-            format: "png"
+            fileName: C,
+            format: "png",
+            options: g
           });
-        } catch ($) {
-          console.error("Error generating image:", $);
+        } catch (v) {
+          console.error("Error generating image:", v);
         } finally {
           A.value = !1;
         }
     }, 100));
   }
   return {
-    generatePdf: F,
-    generateImage: M,
-    isPrinting: v,
+    generatePdf: M,
+    generateImage: F,
+    isPrinting: S,
     isImaging: A
   };
 }