vue-data-ui 2.3.2 → 2.3.4

package/dist/usePrinter-B6xQCyL-.js

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

package/dist/usePrinter-fZlsJid8.cjs

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

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;