vue-data-ui 2.3.3 → 2.3.5

package/dist/usePrinter-BuuBz5JR.js

@@ -0,0 +1,513 @@
+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-vmmfWlyR.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-r6uHYEcR.cjs

@@ -0,0 +1 @@
+"use strict";const e=require("vue"),i=require("./BaseIcon-BoKtpbrI.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;

package/dist/useResponsive-B3TrDDIG.cjs

@@ -0,0 +1 @@
+"use strict";function b(e,i,o,t={}){if(o<=0)return;e.save();const{color:s="black",lineWidth:u=1,lineCap:d="round",lineJoin:f="round",lineDash:w=null,lineDashoffset:r=0,shadowColor:l=null,shadowBlur:a=0,shadowOffsetX:y=0,shadowOffsetY:g=0,fillStyle:N="#FFFFFF"}=t;e.beginPath(),e.arc(i.x,i.y,o,0,2*Math.PI),e.strokeStyle=s,e.lineWidth=u,e.lineCap=d,e.lineJoin=f,w&&(e.setLineDash(w),e.lineDashoffset=r),l&&(e.shadowColor=l,e.shadowOffsetX=y,e.shadowOffsetY=g),a&&(e.shadowBlur=a),N&&(e.fillStyle=N),e.fillStyle&&e.fill(),e.stroke(),e.restore()}function C(e,i,o={}){if(!i.length)return;e.save();const{color:t="black",lineWidth:s=1,lineCap:u="round",lineJoin:d="round",lineDash:f=null,lineDashoffset:w=0,shadowColor:r=null,shadowBlur:l=0,shadowOffsetX:a=0,shadowOffsetY:y=0}=o;e.beginPath(),e.moveTo(i[0].x,i[0].y);for(let g=1;g<i.length;g+=1)e.lineTo(i[g].x,i[g].y);e.strokeStyle=t,e.lineWidth=s,e.lineCap=u,e.lineJoin=d,f&&(e.setLineDash(f),e.lineDashoffset=w),r&&(e.shadowColor=r,e.shadowOffsetX=a,e.shadowOffsetY=y),l&&(e.shadowBlur=l),e.stroke(),e.restore()}function m(e,i,o={}){if(!i.length)return;e.save();const{strokeColor:t="black",lineWidth:s=1,lineCap:u="round",lineJoin:d="round",lineDash:f=null,lineDashoffset:w=0,fillColor:r=null,gradient:l=null,shadowColor:a=null,shadowBlur:y=0,shadowOffsetX:g=0,shadowOffsetY:N=0}=o;e.beginPath(),e.moveTo(i[0].x,i[0].y);for(let n=1;n<i.length;n+=1)e.lineTo(i[n].x,i[n].y);if(e.closePath(),e.strokeStyle=t,e.lineWidth=s,e.lineCap=u,e.lineJoin=d,f&&(e.setLineDash(f),e.lineDashoffset=w),a&&(e.shadowColor=a,e.shadowBlur=y,e.shadowOffsetX=g,e.shadowOffsetY=N),l){let n;l.type==="linear"?n=e.createLinearGradient(h(l.start.x,Number.MIN_VALUE),h(l.start.y,Number.MIN_VALUE),h(l.end.x,Number.MIN_VALUE*2),h(l.end.y,Number.MIN_VALUE*2)):l.type==="radial"&&(n=e.createRadialGradient(h(l.start.x,Number.MIN_VALUE),h(l.start.y,Number.MIN_VALUE),l.start.r||0,h(l.end.x,Number.MIN_VALUE*2),h(l.end.y,Number.MIN_VALUE*2),l.end.r||0)),n&&l.stops&&(l.stops.forEach(p=>{n.addColorStop(p.offset,p.color)}),e.fillStyle=n)}else r&&(e.fillStyle=r);e.fillStyle&&e.fill(),t&&e.stroke(),e.restore()}function L(e,i,o={}){if(!i.length)return;e.save();const{strokeColor:t="black",lineWidth:s=1,lineCap:u="round",lineJoin:d="round",lineDash:f=null,lineDashoffset:w=0,fillColor:r=null,gradient:l=null,shadowColor:a=null,shadowBlur:y=0,shadowOffsetX:g=0,shadowOffsetY:N=0}=o;e.beginPath(),e.moveTo(i[0].x,i[0].y);for(let n=1;n<i.length;n+=1)e.lineTo(i[n].x,i[n].y);if(e.closePath(),e.strokeStyle=t,e.lineWidth=s,e.lineCap=u,e.lineJoin=d,f&&(e.setLineDash(f),e.lineDashoffset=w),a&&(e.shadowColor=a,e.shadowBlur=y,e.shadowOffsetX=g,e.shadowOffsetY=N),l){let n;l.type==="linear"?n=e.createLinearGradient(h(l.start.x,Number.MIN_VALUE),h(l.start.y,Number.MIN_VALUE),h(l.end.x,Number.MIN_VALUE*2),h(l.end.y,Number.MIN_VALUE*2)):l.type==="radial"&&(n=e.createRadialGradient(h(l.start.x,Number.MIN_VALUE),h(l.start.y,Number.MIN_VALUE),l.start.r||0,h(l.end.x,Number.MIN_VALUE*2),h(l.end.y,Number.MIN_VALUE*2),l.end.r||0)),n&&l.stops&&(l.stops.forEach(p=>{n.addColorStop(p.offset,p.color)}),e.fillStyle=n)}else r&&(e.fillStyle=r);e.fillStyle&&e.fill(),t&&e.stroke(),e.restore()}function I(e,i,o,t,s={}){e.save();const{font:u="16px sans-serif",color:d="black",align:f="start",baseline:w="alphabetic",maxWidth:r=void 0,rotation:l=0,shadowColor:a=null,shadowBlur:y=0,shadowOffsetX:g=0,shadowOffsetY:N=0,strokeColor:n=null,lineWidth:p=1}=s;e.font=u,e.fillStyle=d,e.textAlign=f,e.textBaseline=w,a&&(e.shadowColor=a,e.shadowBlur=y,e.shadowOffsetX=g,e.shadowOffsetY=N),n&&(e.strokeStyle=n,e.lineWidth=p),l!==0&&(e.translate(o,t),e.rotate(Math.PI/180*l),e.translate(-o,-t)),e.fillText(i,o,t,r),n&&e.strokeText(i,o,t,r),e.restore()}function O(e,i=20){let o;return function(...t){const s=this;o||(e.apply(s,t),o=!0,setTimeout(()=>o=!1,i))}}function E(e,i,o=!1){let t;return function(...s){const u=this,d=function(){t=null,o||e.apply(u,s)},f=o&&!t;clearTimeout(t),t=setTimeout(d,i),f&&e.apply(u,s)}}function k(e){const i=document.createElement("canvas");return i.width=e.width||1,i.height=e.height||1,e.width||(e.width=1),e.height||(e.height=1),i.getContext("2d").drawImage(e,0,0),i}function h(e,i){return[null,void 0,NaN,1/0,-1/0].includes(e)?i:e}function M({chart:e,title:i=null,slicer:o=null,legend:t=null}){let s=0,u=0;if(e){const d=e.parentNode,{height:f,width:w}=d.getBoundingClientRect();let r=0,l=0,a=0;i&&(r=i.getBoundingClientRect().height),o&&(l=o.getBoundingClientRect().height),t&&(a=t.getBoundingClientRect().height),s=f-r-l-a,u=w}return{width:u,height:s}}exports.circle=b;exports.cloneCanvas=k;exports.debounce=E;exports.line=C;exports.polygon=m;exports.rect=L;exports.text=I;exports.throttle=O;exports.useResponsive=M;