vue-data-ui 2.3.88 → 2.3.89

package/dist/{useNestedProp-BU19Uk2G.cjs → useNestedProp-BFnXnY0k.cjs}

@@ -1 +1 @@
-"use strict";const r=require("./index-BzFQHG8B.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;
+"use strict";const r=require("./index-BKTciLz4.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-BjKkGjnV.js → useNestedProp-vP7uimPz.js}

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

package/dist/{usePrinter-BO99ut-7.js → usePrinter-5fwXghqP.js}

@@ -1,18 +1,16 @@
-import { ref as d, onMounted as q, onBeforeUnmount as H, withDirectives as R, openBlock as t, createElementBlock as i, normalizeStyle as g, createElementVNode as w, withModifiers as G, withKeys as J, createVNode as Q, normalizeClass as c, renderSlot as m, Fragment as T, createBlock as v, toDisplayString as $, createCommentVNode as s, normalizeProps as z, mergeProps as D, unref as Y } from "vue";
-import f from "./BaseIcon-dAh8thfs.js";
+import { ref as b, onMounted as q, onBeforeUnmount as H, withDirectives as G, openBlock as t, createElementBlock as i, normalizeStyle as d, createElementVNode as z, withModifiers as J, withKeys as Q, createVNode as R, normalizeClass as y, renderSlot as m, Fragment as B, createBlock as g, toDisplayString as $, createCommentVNode as s, normalizeProps as D, mergeProps as U, unref as Y } from "vue";
+import r from "./BaseIcon-Dj8EbAXm.js";
 import { _ as Z } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-import { p } from "./pdf-97UbtKC2.js";
-import _ from "./html2canvas.esm-d2sM-0Wm.js";
-const ee = {
-  beforeMount(e, r) {
+const p = {
+  beforeMount(e, f) {
     e.clickOutsideEvent = function(a) {
-      e === a.target || e.contains(a.target) || r.value(a);
+      e === a.target || e.contains(a.target) || f.value(a);
     }, document.addEventListener("click", e.clickOutsideEvent);
   },
   unmounted(e) {
     document.removeEventListener("click", e.clickOutsideEvent);
   }
-}, te = ["title", "onClick", "onKeypress"], oe = ["data-open"], ne = {
+}, _ = ["title", "onClick", "onKeypress"], ee = ["data-open"], te = {
   __name: "UserOptions",
   props: {
     hasPdf: {
@@ -123,63 +121,63 @@ const ee = {
     }
   },
   emits: ["generatePdf", "generateCsv", "generateImage", "toggleTable", "toggleLabels", "toggleSort", "toggleFullscreen", "toggleStack", "toggleTooltip", "toggleAnimation"],
-  setup(e, { emit: r }) {
+  setup(e, { emit: f }) {
     const a = e;
-    function B() {
-      r("generatePdf");
+    function h() {
+      f("generatePdf");
     }
     function C() {
-      r("generateCsv");
+      f("generateCsv");
     }
-    function h() {
-      r("generateImage");
+    function S() {
+      f("generateImage");
     }
-    const y = d(!1);
-    function U() {
-      y.value = !y.value, r("toggleTable");
+    const T = b(!1);
+    function I() {
+      T.value = !T.value, f("toggleTable");
     }
-    const S = d(!1), x = d(!0);
-    function F() {
-      k.value = window.innerWidth > 600, S.value = !S.value, S.value && (x.value = !1);
+    const v = b(!1), x = b(!0);
+    function L() {
+      c.value = window.innerWidth > 600, v.value = !v.value, v.value && (x.value = !1);
     }
     function K() {
-      a.isPrinting || a.isImaging || (S.value = !1);
+      a.isPrinting || a.isImaging || (v.value = !1);
     }
     function N() {
-      S.value && K();
+      v.value && K();
     }
-    const I = d(a.isLabelActive);
+    const E = b(a.isLabelActive);
     function V() {
-      I.value = !I.value, r("toggleLabels");
+      E.value = !E.value, f("toggleLabels");
     }
-    const M = d(a.isAnimation);
-    function O() {
-      M.value = !M.value, r("toggleAnimation");
+    const M = b(a.isAnimation);
+    function w() {
+      M.value = !M.value, f("toggleAnimation");
     }
     function j() {
-      r("toggleSort");
+      f("toggleSort");
     }
-    const E = d(a.isStacked);
+    const F = b(a.isStacked);
     function W() {
-      E.value = !E.value, r("toggleStack");
+      F.value = !F.value, f("toggleStack");
     }
-    const L = d(a.isTooltip);
+    const O = b(a.isTooltip);
     function X() {
-      L.value = !L.value, r("toggleTooltip");
-    }
-    const b = d(!1);
-    function P(l) {
-      a.chartElement && (l === "in" ? (b.value = !0, a.chartElement.requestFullscreen(), r("toggleFullscreen", !0)) : (b.value = !1, document && document.exitFullscreen(), r("toggleFullscreen", !1)));
+      O.value = !O.value, f("toggleTooltip");
     }
+    const k = b(!1);
     function A(l) {
-      document.fullscreenElement ? b.value = !0 : b.value = !1;
+      a.chartElement && (l === "in" ? (k.value = !0, a.chartElement.requestFullscreen(), f("toggleFullscreen", !0)) : (k.value = !1, document && document.exitFullscreen(), f("toggleFullscreen", !1)));
+    }
+    function P(l) {
+      document.fullscreenElement ? k.value = !0 : k.value = !1;
     }
     q(() => {
-      document.addEventListener("fullscreenchange", A);
+      document.addEventListener("fullscreenchange", P);
     }), H(() => {
-      document.removeEventListener("fullscreenchange", A);
+      document.removeEventListener("fullscreenchange", P);
     });
-    const k = d(window.innerWidth > 600), n = d({
+    const c = b(window.innerWidth > 600), n = b({
       tooltip: !1,
       pdf: !1,
       csv: !1,
@@ -191,28 +189,28 @@ const ee = {
       fullscreen: !1,
       animation: !1
     });
-    return (l, o) => R((t(), i("div", {
+    return (l, o) => G((t(), i("div", {
       "data-html2canvas-ignore": "",
       class: "vue-ui-user-options",
-      style: g(`z-index: ${e.zIndex}; height: 34px; position: ${b.value ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${b.value ? "12px" : "0"}` : `left:${b.value ? "12px" : "0"}`}; padding: 4px; background:transparent;`)
+      style: d(`z-index: ${e.zIndex}; height: 34px; position: ${k.value ? "fixed" : "absolute"}; top: 0; ${e.position === "right" ? `right:${k.value ? "12px" : "0"}` : `left:${k.value ? "12px" : "0"}`}; padding: 4px; background:transparent;`)
     }, [
-      w("div", {
+      z("div", {
         tabindex: "0",
-        title: S.value ? e.titles.close || "" : e.titles.open || "",
-        style: g(`width:32px; position: absolute; top: 0;${e.position === "right" ? `right: ${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: G(F, ["stop"]),
-        onKeypress: J(F, ["enter"])
+        title: v.value ? e.titles.close || "" : e.titles.open || "",
+        style: d(`width:32px; position: absolute; top: 0;${e.position === "right" ? `right: ${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: J(L, ["stop"]),
+        onKeypress: Q(L, ["enter"])
       }, [
-        Q(f, {
-          name: S.value ? "close" : "menu",
+        R(r, {
+          name: v.value ? "close" : "menu",
           stroke: e.color,
           "stroke-width": 2
         }, null, 8, ["name", "stroke"])
-      ], 44, te),
-      w("div", {
-        "data-open": S.value,
-        class: c({ "vue-ui-user-options-drawer": !0 }),
-        style: g(`background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
+      ], 44, _),
+      z("div", {
+        "data-open": v.value,
+        class: y({ "vue-ui-user-options-drawer": !0 }),
+        style: d(`background:${e.backgroundColor}; ${e.position === "right" ? `right: ${e.noOffset ? 0 : 4}px` : `left: ${e.noOffset ? 0 : 4}px`}`)
       }, [
         e.hasTooltip ? (t(), i("button", {
           key: 0,
@@ -222,53 +220,53 @@ const ee = {
           onMouseenter: o[0] || (o[0] = (u) => n.value.tooltip = !0),
           onMouseout: o[1] || (o[1] = (u) => n.value.tooltip = !1)
         }, [
-          l.$slots.optionTooltip ? m(l.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (t(), i(T, { key: 1 }, [
-            L.value ? (t(), v(f, {
+          l.$slots.optionTooltip ? m(l.$slots, "optionTooltip", { key: 0 }, void 0, !0) : (t(), i(B, { key: 1 }, [
+            O.value ? (t(), g(r, {
               key: 0,
               name: "tooltip",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : (t(), v(f, {
+            }, null, 8, ["stroke"])) : (t(), g(r, {
               key: 1,
               name: "tooltipDisabled",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          k.value && e.titles.tooltip && !l.$slots.optionTooltip ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0),
         e.hasPdf ? (t(), i("button", {
           key: 1,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: B,
+          onClick: h,
           onMouseenter: o[2] || (o[2] = (u) => n.value.pdf = !0),
           onMouseout: o[3] || (o[3] = (u) => n.value.pdf = !1)
         }, [
-          l.$slots.optionPdf ? m(l.$slots, "optionPdf", { key: 0 }, void 0, !0) : (t(), i(T, { key: 1 }, [
-            e.isPrinting ? (t(), v(f, {
+          l.$slots.optionPdf ? m(l.$slots, "optionPdf", { key: 0 }, void 0, !0) : (t(), i(B, { key: 1 }, [
+            e.isPrinting ? (t(), g(r, {
               key: 0,
               name: "spin",
               isSpin: "",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : (t(), v(f, {
+            }, null, 8, ["stroke"])) : (t(), g(r, {
               key: 1,
               name: "pdf",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          k.value && e.titles.pdf && !l.$slots.optionPdf ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0),
         e.hasXls ? (t(), i("button", {
@@ -279,67 +277,67 @@ const ee = {
           onMouseenter: o[4] || (o[4] = (u) => n.value.csv = !0),
           onMouseout: o[5] || (o[5] = (u) => n.value.csv = !1)
         }, [
-          l.$slots.optionCsv ? m(l.$slots, "optionCsv", { key: 0 }, void 0, !0) : (t(), v(f, {
+          l.$slots.optionCsv ? m(l.$slots, "optionCsv", { key: 0 }, void 0, !0) : (t(), g(r, {
             key: 1,
             name: "excel",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          k.value && e.titles.csv && !l.$slots.optionCsv ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0),
         e.hasImg ? (t(), i("button", {
           key: 3,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: h,
+          onClick: S,
           onMouseenter: o[6] || (o[6] = (u) => n.value.img = !0),
           onMouseout: o[7] || (o[7] = (u) => n.value.img = !1)
         }, [
-          l.$slots.optionImg ? m(l.$slots, "optionImg", { key: 0 }, void 0, !0) : (t(), i(T, { key: 1 }, [
-            e.isImaging ? (t(), v(f, {
+          l.$slots.optionImg ? m(l.$slots, "optionImg", { key: 0 }, void 0, !0) : (t(), i(B, { key: 1 }, [
+            e.isImaging ? (t(), g(r, {
               key: 0,
               name: "spin",
               isSpin: "",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : (t(), v(f, {
+            }, null, 8, ["stroke"])) : (t(), g(r, {
               key: 1,
               name: "image",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          k.value && e.titles.img && !l.$slots.optionImg ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0),
         e.hasTable ? (t(), i("button", {
           key: 4,
           tabindex: "0",
           class: "vue-ui-user-options-button",
-          onClick: U,
+          onClick: I,
           onMouseenter: o[8] || (o[8] = (u) => n.value.table = !0),
           onMouseout: o[9] || (o[9] = (u) => n.value.table = !1)
         }, [
-          l.$slots.optionTable ? m(l.$slots, "optionTable", { key: 0 }, void 0, !0) : (t(), v(f, {
+          l.$slots.optionTable ? m(l.$slots, "optionTable", { key: 0 }, void 0, !0) : (t(), g(r, {
             key: 1,
-            name: y.value ? "tableClose" : "tableOpen",
+            name: T.value ? "tableClose" : "tableOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          k.value && e.titles.table && !l.$slots.optionTable ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0),
         e.hasLabel ? (t(), i("button", {
@@ -350,17 +348,17 @@ const ee = {
           onMouseenter: o[10] || (o[10] = (u) => n.value.labels = !0),
           onMouseout: o[11] || (o[11] = (u) => n.value.labels = !1)
         }, [
-          l.$slots.optionLabels ? m(l.$slots, "optionLabels", { key: 0 }, void 0, !0) : (t(), v(f, {
+          l.$slots.optionLabels ? m(l.$slots, "optionLabels", { key: 0 }, void 0, !0) : (t(), g(r, {
             key: 1,
-            name: I.value ? "labelClose" : "labelOpen",
+            name: E.value ? "labelClose" : "labelOpen",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["name", "stroke"])),
-          k.value && e.titles.labels && !l.$slots.optionLabels ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0),
         e.hasSort ? (t(), i("button", {
@@ -371,17 +369,17 @@ const ee = {
           onMouseenter: o[12] || (o[12] = (u) => n.value.sort = !0),
           onMouseout: o[13] || (o[13] = (u) => n.value.sort = !1)
         }, [
-          l.$slots.optionSort ? m(l.$slots, "optionSort", { key: 0 }, void 0, !0) : (t(), v(f, {
+          l.$slots.optionSort ? m(l.$slots, "optionSort", { key: 0 }, void 0, !0) : (t(), g(r, {
             key: 1,
             name: "sort",
             stroke: e.color,
             style: { "pointer-events": "none" }
           }, null, 8, ["stroke"])),
-          k.value && e.titles.sort && !l.$slots.optionSort ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0),
         e.hasStack ? (t(), i("button", {
@@ -392,24 +390,24 @@ const ee = {
           onMouseenter: o[14] || (o[14] = (u) => n.value.stack = !0),
           onMouseout: o[15] || (o[15] = (u) => n.value.stack = !1)
         }, [
-          l.$slots.optionStack ? m(l.$slots, "optionStack", { key: 0 }, void 0, !0) : (t(), i(T, { key: 1 }, [
-            E.value ? (t(), v(f, {
+          l.$slots.optionStack ? m(l.$slots, "optionStack", { key: 0 }, void 0, !0) : (t(), i(B, { key: 1 }, [
+            F.value ? (t(), g(r, {
               key: 0,
               name: "unstack",
               stroke: e.color,
               style: { "pointer-events": "none" }
-            }, null, 8, ["stroke"])) : (t(), v(f, {
+            }, null, 8, ["stroke"])) : (t(), g(r, {
               key: 1,
               name: "stack",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          k.value && e.titles.stack && !l.$slots.optionStack ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0),
         e.hasFullscreen ? (t(), i("button", {
@@ -418,27 +416,27 @@ const ee = {
           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) => P(b.value ? "out" : "in"))
+          onClick: o[18] || (o[18] = (u) => A(k.value ? "out" : "in"))
         }, [
-          l.$slots.optionFullscreen ? m(l.$slots, "optionFullscreen", z(D({ key: 0 }, { toggleFullscreen: P, isFullscreen: b.value })), void 0, !0) : (t(), i(T, { key: 1 }, [
-            b.value ? (t(), v(f, {
+          l.$slots.optionFullscreen ? m(l.$slots, "optionFullscreen", D(U({ key: 0 }, { toggleFullscreen: A, isFullscreen: k.value })), void 0, !0) : (t(), i(B, { key: 1 }, [
+            k.value ? (t(), g(r, {
               key: 0,
               name: "exitFullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"])) : s("", !0),
-            b.value ? s("", !0) : (t(), v(f, {
+            k.value ? s("", !0) : (t(), g(r, {
               key: 1,
               name: "fullscreen",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          k.value && e.titles.fullscreen && !l.$slots.optionFullscreen ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0),
         e.hasAnimation ? (t(), i("button", {
@@ -447,81 +445,82 @@ const ee = {
           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: O
+          onClick: w
         }, [
-          l.$slots.optionAnimation ? m(l.$slots, "optionAnimation", z(D({ key: 0 }, { toggleAnimation: O, isAnimated: M.value })), void 0, !0) : (t(), i(T, { key: 1 }, [
-            M.value ? (t(), v(f, {
+          l.$slots.optionAnimation ? m(l.$slots, "optionAnimation", D(U({ key: 0 }, { toggleAnimation: w, isAnimated: M.value })), void 0, !0) : (t(), i(B, { key: 1 }, [
+            M.value ? (t(), g(r, {
               key: 0,
               name: "play",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"])) : s("", !0),
-            M.value ? s("", !0) : (t(), v(f, {
+            M.value ? s("", !0) : (t(), g(r, {
               key: 1,
               name: "pause",
               stroke: e.color,
               style: { "pointer-events": "none" }
             }, null, 8, ["stroke"]))
           ], 64)),
-          k.value && e.titles.fullscreen && !l.$slots.optionAnimation ? (t(), i("div", {
+          c.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 })
+            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)) : s("", !0)
         ], 32)) : s("", !0)
-      ], 12, oe)
+      ], 12, ee)
     ], 4)), [
-      [Y(ee), N]
+      [Y(p), N]
     ]);
   }
-}, fe = /* @__PURE__ */ Z(ne, [["__scopeId", "data-v-202b6e85"]]);
-function le({ domElement: e, fileName: r, format: a = "png" }) {
-  if (e)
-    return new Promise((B, C) => {
-      const h = document.createElement("a");
-      _(e, { scale: 2 }).then((y) => {
-        h.href = y.toDataURL(`image/${a}`), h.download = `${r}.${a}`, h.click(), h && h.remove(), B();
-      }).catch((y) => {
-        console.error("Error generating image:", y), C(y);
-      });
-    });
-}
-function ve({
+}, ie = /* @__PURE__ */ Z(te, [["__scopeId", "data-v-202b6e85"]]);
+function se({
   elementId: e,
-  fileName: r
+  fileName: f,
+  canPrint: a = !0
 }) {
-  const a = d(!1), B = d(!1), C = d(null);
-  function h() {
-    a.value = !0, clearTimeout(C.value), C.value = setTimeout(() => {
-      p({
-        domElement: document.getElementById(e),
-        fileName: r
-      }).finally(() => {
-        a.value = !1;
-      });
-    }, 100);
+  const h = b(!1), C = b(!1), S = b(null);
+  async function T() {
+    !a || h.value || (h.value = !0, clearTimeout(S.value), S.value = setTimeout(async () => {
+      if (a)
+        try {
+          const { default: v } = await import("./pdf-B7oVat64.js");
+          await v({
+            domElement: document.getElementById(e),
+            fileName: f
+          });
+        } catch (v) {
+          console.error("Error generating PDF:", v);
+        } finally {
+          h.value = !1;
+        }
+    }, 100));
   }
-  function y() {
-    B.value = !0, clearTimeout(C.value), C.value = setTimeout(() => {
-      le({
-        domElement: document.getElementById(e),
-        fileName: r,
-        format: "png"
-      }).finally(() => {
-        B.value = !1;
-      }, 100);
-    });
+  async function I() {
+    !a || C.value || (C.value = !0, clearTimeout(S.value), S.value = setTimeout(async () => {
+      if (a)
+        try {
+          const { default: v } = await import("./img-DGzWcJ4Y.js");
+          await v({
+            domElement: document.getElementById(e),
+            fileName: f,
+            format: "png"
+          });
+        } catch (v) {
+          console.error("Error generating image:", v);
+        } finally {
+          C.value = !1;
+        }
+    }, 100));
   }
   return {
-    generatePdf: h,
-    generateImage: y,
-    isPrinting: a,
-    isImaging: B
+    generatePdf: T,
+    generateImage: I,
+    isPrinting: h,
+    isImaging: C
   };
 }
 export {
-  fe as U,
-  le as s,
-  ve as u
+  ie as U,
+  se as u
 };

package/dist/usePrinter-CxYg-Dw-.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),s=require("./BaseIcon-B_MrASni.cjs"),I=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),P={beforeMount(t,u){t.clickOutsideEvent=function(a){t===a.target||t.contains(a.target)||u.value(a)},document.addEventListener("click",t.clickOutsideEvent)},unmounted(t){document.removeEventListener("click",t.clickOutsideEvent)}},O=["title","onClick","onKeypress"],L=["data-open"],w={__name:"UserOptions",props:{hasPdf:{type:Boolean,default:!0},hasXls:{type:Boolean,default:!0},hasImg:{type:Boolean,default:!1},hasLabel:{type:Boolean,default:!1},isLabelActive:{type:Boolean,default:!1},hasTable:{type:Boolean,default:!1},hasSort:{type:Boolean,default:!1},hasStack:{type:Boolean,default:!1},hasTooltip:{type:Boolean,default:!1},color:{type:String},backgroundColor:{type:String},isPrinting:{type:Boolean,default:!1},isImaging:{type:Boolean,default:!1},title:{type:String},uid:{type:String},hasFullscreen:{type:Boolean,default:!1},chartElement:{type:HTMLElement,default:null},isFullscreen:{type:Boolean,default:!1},isStacked:{type:Boolean,default:!1},isTooltip:{type:Boolean,default:!1},hasAnimation:{type:Boolean,default:!1},isAnimation:{type:Boolean,default:!1},titles:{type:Object,default(){return{}}},showTooltips:{type:Boolean,default:!0},zIndex:{type:Number,default:1},noOffset:{type:Boolean,default:!0},position:{type:String,default:"right"}},emits:["generatePdf","generateCsv","generateImage","toggleTable","toggleLabels","toggleSort","toggleFullscreen","toggleStack","toggleTooltip","toggleAnimation"],setup(t,{emit:u}){const a=t;function k(){u("generatePdf")}function d(){u("generateCsv")}function v(){u("generateImage")}const g=e.ref(!1);function b(){g.value=!g.value,u("toggleTable")}const r=e.ref(!1),p=e.ref(!0);function $(){f.value=window.innerWidth>600,r.value=!r.value,r.value&&(p.value=!1)}function z(){a.isPrinting||a.isImaging||(r.value=!1)}function V(){r.value&&z()}const y=e.ref(a.isLabelActive);function N(){y.value=!y.value,u("toggleLabels")}const m=e.ref(a.isAnimation);function S(){m.value=!m.value,u("toggleAnimation")}function T(){u("toggleSort")}const B=e.ref(a.isStacked);function M(){B.value=!B.value,u("toggleStack")}const C=e.ref(a.isTooltip);function F(){C.value=!C.value,u("toggleTooltip")}const c=e.ref(!1);function h(n){a.chartElement&&(n==="in"?(c.value=!0,a.chartElement.requestFullscreen(),u("toggleFullscreen",!0)):(c.value=!1,document&&document.exitFullscreen(),u("toggleFullscreen",!1)))}function E(n){document.fullscreenElement?c.value=!0:c.value=!1}e.onMounted(()=>{document.addEventListener("fullscreenchange",E)}),e.onBeforeUnmount(()=>{document.removeEventListener("fullscreenchange",E)});const f=e.ref(window.innerWidth>600),l=e.ref({tooltip:!1,pdf:!1,csv:!1,img:!1,table:!1,labels:!1,sort:!1,stack:!1,fullscreen:!1,animation:!1});return(n,o)=>e.withDirectives((e.openBlock(),e.createElementBlock("div",{"data-html2canvas-ignore":"",class:"vue-ui-user-options",style:e.normalizeStyle(`z-index: ${t.zIndex}; height: 34px; position: ${c.value?"fixed":"absolute"}; top: 0; ${t.position==="right"?`right:${c.value?"12px":"0"}`:`left:${c.value?"12px":"0"}`}; padding: 4px; background:transparent;`)},[e.createElementVNode("div",{tabindex:"0",title:r.value?t.titles.close||"":t.titles.open||"",style:e.normalizeStyle(`width:32px; position: absolute; top: 0;${t.position==="right"?`right: ${t.noOffset?0:4}px`:`left: ${t.noOffset?0:4}px`}; padding: 0 0px; display: flex; align-items:center;justify-content:center;height: 36px;  cursor:pointer; background:transparent`),onClick:e.withModifiers($,["stop"]),onKeypress:e.withKeys($,["enter"])},[e.createVNode(s.default,{name:r.value?"close":"menu",stroke:t.color,"stroke-width":2},null,8,["name","stroke"])],44,O),e.createElementVNode("div",{"data-open":r.value,class:e.normalizeClass({"vue-ui-user-options-drawer":!0}),style:e.normalizeStyle(`background:${t.backgroundColor}; ${t.position==="right"?`right: ${t.noOffset?0:4}px`:`left: ${t.noOffset?0:4}px`}`)},[t.hasTooltip?(e.openBlock(),e.createElementBlock("button",{key:0,tabindex:"0",class:"vue-ui-user-options-button",onClick:F,onMouseenter:o[0]||(o[0]=i=>l.value.tooltip=!0),onMouseout:o[1]||(o[1]=i=>l.value.tooltip=!1)},[n.$slots.optionTooltip?e.renderSlot(n.$slots,"optionTooltip",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[C.value?(e.openBlock(),e.createBlock(s.default,{key:0,name:"tooltip",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):(e.openBlock(),e.createBlock(s.default,{key:1,name:"tooltipDisabled",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),f.value&&t.titles.tooltip&&!n.$slots.optionTooltip?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-left-visible":t.position==="left"&&l.value.tooltip,"button-info-right-visible":t.position==="right"&&l.value.tooltip}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.tooltip),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasPdf?(e.openBlock(),e.createElementBlock("button",{key:1,tabindex:"0",class:"vue-ui-user-options-button",onClick:k,onMouseenter:o[2]||(o[2]=i=>l.value.pdf=!0),onMouseout:o[3]||(o[3]=i=>l.value.pdf=!1)},[n.$slots.optionPdf?e.renderSlot(n.$slots,"optionPdf",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.isPrinting?(e.openBlock(),e.createBlock(s.default,{key:0,name:"spin",isSpin:"",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):(e.openBlock(),e.createBlock(s.default,{key:1,name:"pdf",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),f.value&&t.titles.pdf&&!n.$slots.optionPdf?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&l.value.pdf,"button-info-left-visible":t.position==="left"&&l.value.pdf}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.pdf),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasXls?(e.openBlock(),e.createElementBlock("button",{key:2,tabindex:"0",class:"vue-ui-user-options-button",onClick:d,onMouseenter:o[4]||(o[4]=i=>l.value.csv=!0),onMouseout:o[5]||(o[5]=i=>l.value.csv=!1)},[n.$slots.optionCsv?e.renderSlot(n.$slots,"optionCsv",{key:0},void 0,!0):(e.openBlock(),e.createBlock(s.default,{key:1,name:"excel",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])),f.value&&t.titles.csv&&!n.$slots.optionCsv?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&l.value.csv,"button-info-left-visible":t.position==="left"&&l.value.csv}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.csv),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasImg?(e.openBlock(),e.createElementBlock("button",{key:3,tabindex:"0",class:"vue-ui-user-options-button",onClick:v,onMouseenter:o[6]||(o[6]=i=>l.value.img=!0),onMouseout:o[7]||(o[7]=i=>l.value.img=!1)},[n.$slots.optionImg?e.renderSlot(n.$slots,"optionImg",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[t.isImaging?(e.openBlock(),e.createBlock(s.default,{key:0,name:"spin",isSpin:"",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):(e.openBlock(),e.createBlock(s.default,{key:1,name:"image",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),f.value&&t.titles.img&&!n.$slots.optionImg?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&l.value.img,"button-info-left-visible":t.position==="left"&&l.value.img}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.img),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasTable?(e.openBlock(),e.createElementBlock("button",{key:4,tabindex:"0",class:"vue-ui-user-options-button",onClick:b,onMouseenter:o[8]||(o[8]=i=>l.value.table=!0),onMouseout:o[9]||(o[9]=i=>l.value.table=!1)},[n.$slots.optionTable?e.renderSlot(n.$slots,"optionTable",{key:0},void 0,!0):(e.openBlock(),e.createBlock(s.default,{key:1,name:g.value?"tableClose":"tableOpen",stroke:t.color,style:{"pointer-events":"none"}},null,8,["name","stroke"])),f.value&&t.titles.table&&!n.$slots.optionTable?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&l.value.table,"button-info-left-visible":t.position==="left"&&l.value.table}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.table),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasLabel?(e.openBlock(),e.createElementBlock("button",{key:5,tabindex:"0",class:"vue-ui-user-options-button",onClick:N,onMouseenter:o[10]||(o[10]=i=>l.value.labels=!0),onMouseout:o[11]||(o[11]=i=>l.value.labels=!1)},[n.$slots.optionLabels?e.renderSlot(n.$slots,"optionLabels",{key:0},void 0,!0):(e.openBlock(),e.createBlock(s.default,{key:1,name:y.value?"labelClose":"labelOpen",stroke:t.color,style:{"pointer-events":"none"}},null,8,["name","stroke"])),f.value&&t.titles.labels&&!n.$slots.optionLabels?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&l.value.labels,"button-info-left-visible":t.position==="left"&&l.value.labels}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.labels),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasSort?(e.openBlock(),e.createElementBlock("button",{key:6,tabindex:"0",class:"vue-ui-user-options-button",onClick:T,onMouseenter:o[12]||(o[12]=i=>l.value.sort=!0),onMouseout:o[13]||(o[13]=i=>l.value.sort=!1)},[n.$slots.optionSort?e.renderSlot(n.$slots,"optionSort",{key:0},void 0,!0):(e.openBlock(),e.createBlock(s.default,{key:1,name:"sort",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])),f.value&&t.titles.sort&&!n.$slots.optionSort?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&l.value.sort,"button-info-left-visible":t.position==="left"&&l.value.sort}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.sort),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasStack?(e.openBlock(),e.createElementBlock("button",{key:7,tabindex:"0",class:"vue-ui-user-options-button",onClick:M,onMouseenter:o[14]||(o[14]=i=>l.value.stack=!0),onMouseout:o[15]||(o[15]=i=>l.value.stack=!1)},[n.$slots.optionStack?e.renderSlot(n.$slots,"optionStack",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[B.value?(e.openBlock(),e.createBlock(s.default,{key:0,name:"unstack",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):(e.openBlock(),e.createBlock(s.default,{key:1,name:"stack",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),f.value&&t.titles.stack&&!n.$slots.optionStack?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&l.value.stack,"button-info-left-visible":t.position==="left"&&l.value.stack}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.stack),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasFullscreen?(e.openBlock(),e.createElementBlock("button",{key:8,tabindex:"0",class:"vue-ui-user-options-button",onMouseenter:o[16]||(o[16]=i=>l.value.fullscreen=!0),onMouseout:o[17]||(o[17]=i=>l.value.fullscreen=!1),onClick:o[18]||(o[18]=i=>h(c.value?"out":"in"))},[n.$slots.optionFullscreen?e.renderSlot(n.$slots,"optionFullscreen",e.normalizeProps(e.mergeProps({key:0},{toggleFullscreen:h,isFullscreen:c.value})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[c.value?(e.openBlock(),e.createBlock(s.default,{key:0,name:"exitFullscreen",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):e.createCommentVNode("",!0),c.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(s.default,{key:1,name:"fullscreen",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),f.value&&t.titles.fullscreen&&!n.$slots.optionFullscreen?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&l.value.fullscreen,"button-info-left-visible":t.position==="left"&&l.value.fullscreen}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.fullscreen),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0),t.hasAnimation?(e.openBlock(),e.createElementBlock("button",{key:9,tabindex:"0",class:"vue-ui-user-options-button",onMouseenter:o[19]||(o[19]=i=>l.value.animation=!0),onMouseout:o[20]||(o[20]=i=>l.value.animation=!1),onClick:S},[n.$slots.optionAnimation?e.renderSlot(n.$slots,"optionAnimation",e.normalizeProps(e.mergeProps({key:0},{toggleAnimation:S,isAnimated:m.value})),void 0,!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[m.value?(e.openBlock(),e.createBlock(s.default,{key:0,name:"play",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"])):e.createCommentVNode("",!0),m.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(s.default,{key:1,name:"pause",stroke:t.color,style:{"pointer-events":"none"}},null,8,["stroke"]))],64)),f.value&&t.titles.fullscreen&&!n.$slots.optionAnimation?(e.openBlock(),e.createElementBlock("div",{key:2,dir:"auto",class:e.normalizeClass({"button-info-left":t.position==="left","button-info-right":t.position==="right","button-info-right-visible":t.position==="right"&&l.value.animation,"button-info-left-visible":t.position==="left"&&l.value.animation}),style:e.normalizeStyle({background:t.backgroundColor,color:t.color})},e.toDisplayString(t.titles.animation),7)):e.createCommentVNode("",!0)],32)):e.createCommentVNode("",!0)],12,L)],4)),[[e.unref(P),V]])}},A=I._export_sfc(w,[["__scopeId","data-v-202b6e85"]]);function D({elementId:t,fileName:u,canPrint:a=!0}){const k=e.ref(!1),d=e.ref(!1),v=e.ref(null);async function g(){!a||k.value||(k.value=!0,clearTimeout(v.value),v.value=setTimeout(async()=>{if(a)try{const{default:r}=await Promise.resolve().then(()=>require("./pdf-9cRTLjY8.cjs"));await r({domElement:document.getElementById(t),fileName:u})}catch(r){console.error("Error generating PDF:",r)}finally{k.value=!1}},100))}async function b(){!a||d.value||(d.value=!0,clearTimeout(v.value),v.value=setTimeout(async()=>{if(a)try{const{default:r}=await Promise.resolve().then(()=>require("./img-BFCs759q.cjs"));await r({domElement:document.getElementById(t),fileName:u,format:"png"})}catch(r){console.error("Error generating image:",r)}finally{d.value=!1}},100))}return{generatePdf:g,generateImage:b,isPrinting:k,isImaging:d}}exports.UserOptions=A;exports.usePrinter=D;