vue-data-ui 2.3.84 → 2.3.86

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

@@ -50,6 +50,7 @@ declare module 'vue-data-ui' {
 
     export type ChartUserOptions = {
         show?: boolean;
+        position?: 'left' | 'right';
         buttons?: {
             tooltip?: boolean;
             pdf?: boolean;
@@ -968,6 +969,7 @@ declare module 'vue-data-ui' {
                             rounded?: boolean;
                             inactiveColor?: string;
                             activeColor?: string;
+                            sizeRatio?: number;
                             gradient?: {
                                 show?: boolean;
                                 shiftHueIntensity?: number;
@@ -4400,6 +4402,7 @@ declare module 'vue-data-ui' {
         zoomFontSize?: number;
         zoomUseResetSlot?: boolean;
         zoomMinimap?: ZoomMinimap;
+        userOptionsPosition?: 'right' | 'left';
         userOptionsButtons?: {
             tooltip?: boolean;
             pdf?: boolean;

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

@@ -50,6 +50,7 @@ declare module 'vue-data-ui' {
 
     export type ChartUserOptions = {
         show?: boolean;
+        position?: 'left' | 'right';
         buttons?: {
             tooltip?: boolean;
             pdf?: boolean;
@@ -968,6 +969,7 @@ declare module 'vue-data-ui' {
                             rounded?: boolean;
                             inactiveColor?: string;
                             activeColor?: string;
+                            sizeRatio?: number;
                             gradient?: {
                                 show?: boolean;
                                 shiftHueIntensity?: number;
@@ -4400,6 +4402,7 @@ declare module 'vue-data-ui' {
         zoomFontSize?: number;
         zoomUseResetSlot?: boolean;
         zoomMinimap?: ZoomMinimap;
+        userOptionsPosition?: 'right' | 'left';
         userOptionsButtons?: {
             tooltip?: boolean;
             pdf?: boolean;

package/dist/{useNestedProp-BdsfyHWU.cjs → useNestedProp-B-NmF2LO.cjs}

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

package/dist/{useNestedProp-COsQo-tX.js → useNestedProp-C_ZrJBd9.js}

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

package/dist/usePrinter-B6qtXaHk.js

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

package/dist/usePrinter-DN-6Hoh5.cjs

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