vue-data-ui 2.3.84 → 2.3.86

package/dist/usePrinter-D9bNzUQP.js

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

package/dist/usePrinter-DbhL59iY.cjs

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