vue-data-ui 2.6.19 → 2.6.21

package/dist/{vue-ui-age-pyramid-rmfEfmj7.js → vue-ui-age-pyramid-BdruKMmo.js}

@@ -1,15 +1,15 @@
-import { computed as b, ref as v, watch as Ae, onMounted as Le, createElementBlock as r, openBlock as i, unref as u, normalizeStyle as W, normalizeClass as he, createBlock as L, createCommentVNode as y, renderSlot as h, createVNode as fe, createSlots as Se, withCtx as p, normalizeProps as I, guardReactiveProps as F, createElementVNode as d, Fragment as S, renderList as P, toDisplayString as w, createTextVNode as ce, nextTick as ze } from "vue";
-import { u as Oe, c as Ie, a as Fe, o as Pe, e as Me, v as f, X as Ne, s as X, w as ge, i as k, f as _, q as Re, r as De, x as Ge, y as Ue } from "./index-DvAaY6OP.js";
-import { t as Be, u as Ee } from "./useResponsive-BWapHhVH.js";
-import { _ as Ve } from "./Title-dsg3PqUg.js";
-import { u as We, U as Xe } from "./usePrinter-D_2jA4x8.js";
-import { _ as je } from "./Tooltip-DRFQIslg.js";
-import { D as He } from "./DataTable-pNLWbeCL.js";
-import Ye from "./vue-ui-skeleton-WoggMoff.js";
-import qe from "./vue-ui-accordion-LbUarYuf.js";
-import { u as pe } from "./useNestedProp-CGzX7c5Q.js";
-import { _ as Je } from "./PackageVersion-hltZM-fb.js";
-import { P as Ke } from "./PenAndPaper-qmkn1GhB.js";
+import { computed as b, ref as v, watch as Ae, onMounted as Le, createElementBlock as r, openBlock as i, unref as u, normalizeStyle as W, normalizeClass as he, createBlock as L, createCommentVNode as y, renderSlot as h, createVNode as fe, createSlots as Se, withCtx as c, normalizeProps as S, guardReactiveProps as z, createElementVNode as d, Fragment as O, renderList as P, toDisplayString as w, createTextVNode as ce, nextTick as ze } from "vue";
+import { u as Oe, c as Ie, a as Fe, o as Pe, e as Me, v as f, X as Ne, s as X, w as ge, i as k, f as _, q as Re, r as De, x as Ge, y as Ue } from "./index-DUnEDLbc.js";
+import { t as Be, u as Ee } from "./useResponsive-vZgZwV-S.js";
+import { _ as Ve } from "./Title-1PWD04Gh.js";
+import { u as We, U as Xe } from "./usePrinter-Undaynpo.js";
+import { _ as je } from "./Tooltip-BTO5NGkn.js";
+import { D as He } from "./DataTable-DfMqgTjL.js";
+import Ye from "./vue-ui-skeleton-DieABKlo.js";
+import qe from "./vue-ui-accordion-C8Couc_G.js";
+import { u as pe } from "./useNestedProp-CEMeoM-f.js";
+import { _ as Je } from "./PackageVersion-1Y7SXTrk.js";
+import { P as Ke } from "./PenAndPaper-BYhUvcy4.js";
 import { u as Qe } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ze } from "./useChartAccessibility-BWojgys7.js";
 import { _ as et } from "./_plugin-vue_export-helper-CHgC5LLL.js";
@@ -33,23 +33,23 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
     }
   },
   setup(j, { expose: be }) {
-    const { vue_ui_age_pyramid: xe } = Oe(), c = j, M = b(() => !!c.dataset && c.dataset.length), m = v(Ie()), me = v(null), G = v(!1), U = v(""), N = v(null), H = v(0), z = v(null), Y = v(null), q = v(null), J = v(null), K = v(0), Q = v(0), e = b({
+    const { vue_ui_age_pyramid: xe } = Oe(), g = j, M = b(() => !!g.dataset && g.dataset.length), m = v(Ie()), me = v(null), G = v(!1), U = v(""), N = v(null), H = v(0), I = v(null), Y = v(null), q = v(null), J = v(null), K = v(0), Q = v(0), e = b({
       get: () => le(),
       set: (t) => t
     }), { userOptionsVisible: B, setUserOptionsVisibility: Z, keepUserOptionState: ee } = Qe({ config: e.value }), { svgRef: te } = Ze({ config: e.value.style.title });
     function le() {
       const t = pe({
-        userConfig: c.config,
+        userConfig: g.config,
         defaultConfig: xe
       });
       return t.theme ? {
         ...pe({
-          userConfig: Fe.vue_ui_age_pyramid[t.theme] || c.config,
+          userConfig: Fe.vue_ui_age_pyramid[t.theme] || g.config,
           defaultConfig: t
         })
       } : t;
     }
-    Ae(() => c.config, (t) => {
+    Ae(() => g.config, (t) => {
       e.value = le(), B.value = !e.value.userOptions.showOnChartHover, oe(), K.value += 1, Q.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.tooltip.show;
     }, { deep: !0 });
     const ae = v(null);
@@ -57,22 +57,22 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
       oe();
     });
     function oe() {
-      if (Pe(c.dataset) && Me({
+      if (Pe(g.dataset) && Me({
         componentName: "VueUiAgePyramid",
         type: "dataset"
       }), e.value.responsive) {
         const t = Be(() => {
           const { width: s, height: l } = Ee({
-            chart: z.value,
+            chart: I.value,
             title: e.value.style.title.text ? Y.value : null,
             source: q.value,
             noTitle: J.value
           });
           requestAnimationFrame(() => {
-            g.value.width = s, g.value.height = l;
+            p.value.width = s, p.value.height = l;
           });
         });
-        ae.value = new ResizeObserver(t), ae.value.observe(z.value.parentNode);
+        ae.value = new ResizeObserver(t), ae.value.observe(I.value.parentNode);
       }
     }
     const { isPrinting: se, isImaging: ie, generatePdf: ue, generateImage: re } = We({
@@ -81,18 +81,18 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
     }), we = b(() => e.value.userOptions.show && !e.value.style.title.text), x = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
-    }), g = v({
+    }), p = v({
       height: e.value.style.height,
       width: e.value.style.width
     }), o = b(() => {
-      const t = g.value.width - e.value.style.layout.padding.right - e.value.style.layout.padding.left, s = e.value.style.layout.padding.left, l = g.value.width - e.value.style.layout.padding.right;
+      const t = p.value.width - e.value.style.layout.padding.right - e.value.style.layout.padding.left, s = e.value.style.layout.padding.left, l = p.value.width - e.value.style.layout.padding.right;
       return {
         top: e.value.style.layout.padding.top,
         left: s,
         right: l,
-        bottom: g.value.height - e.value.style.layout.padding.bottom,
+        bottom: p.value.height - e.value.style.layout.padding.bottom,
         width: t,
-        height: g.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom,
+        height: p.value.height - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom,
         centerX: e.value.style.layout.padding.left + t / 2,
         leftChart: {
           width: t / 2 - e.value.style.layout.centerSlit.width,
@@ -103,16 +103,16 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
           left: s + t / 2 + e.value.style.layout.centerSlit.width
         }
       };
-    }), ke = b(() => c.dataset.map((t) => e.value.style.layout.dataLabels.yAxis.display === "age" ? t[1] : t[0])), C = b(() => {
-      const t = _e(O.value / 5), s = [], l = [];
+    }), ke = b(() => g.dataset.map((t) => e.value.style.layout.dataLabels.yAxis.display === "age" ? t[1] : t[0])), C = b(() => {
+      const t = _e(F.value / 5), s = [], l = [];
       for (let a = 0; a <= 5; a += 1) {
         const n = t * a, ye = t * (a - 5);
         s.push({
           value: n,
-          x: o.value.left + o.value.width / 2 + e.value.style.layout.centerSlit.width + n / O.value * o.value.leftChart.width
+          x: o.value.left + o.value.width / 2 + e.value.style.layout.centerSlit.width + n / F.value * o.value.leftChart.width
         }), l.push({
           value: Math.abs(ye),
-          x: o.value.left + o.value.width / 2 + ye / O.value * o.value.leftChart.width - e.value.style.layout.centerSlit.width
+          x: o.value.left + o.value.width / 2 + ye / F.value * o.value.leftChart.width - e.value.style.layout.centerSlit.width
         });
       }
       return {
@@ -126,16 +126,16 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
       let a;
       return t < 0, a = Math.round(t / l) * l, a;
     }
-    const O = b(() => Math.max(...c.dataset.flatMap((t) => t.slice(-2).map((s) => f(s))))), $ = b(() => c.dataset.length), Ce = b(() => c.dataset.map((t) => ({
+    const F = b(() => Math.max(...g.dataset.flatMap((t) => t.slice(-2).map((s) => f(s))))), $ = b(() => g.dataset.length), Ce = b(() => g.dataset.map((t) => ({
       segment: t[0],
       age: t[1],
       left: {
         value: t[2],
-        proportionToMax: t[2] / O.value
+        proportionToMax: t[2] / F.value
       },
       right: {
         value: t[3],
-        proportionToMax: t[3] / O.value
+        proportionToMax: t[3] / F.value
       }
     }))), T = b(() => Ce.value.map((t, s) => {
       const l = o.value.top + o.value.height / $.value * s, a = o.value.height / $.value - e.value.style.layout.bars.gap;
@@ -219,7 +219,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
     }
     function ne() {
       ze(() => {
-        const t = [e.value.translations.year, e.value.translations.age, e.value.translations.female, e.value.translations.male, e.value.translations.total], s = c.dataset.map((n) => [
+        const t = [e.value.translations.year, e.value.translations.age, e.value.translations.female, e.value.translations.male, e.value.translations.total], s = g.dataset.map((n) => [
           n[0],
           n[1],
           n[2],
@@ -236,7 +236,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
         e.value.translations.female,
         e.value.translations.male,
         e.value.translations.total
-      ], s = c.dataset.map((a) => [
+      ], s = g.dataset.map((a) => [
         a[0],
         a[1],
         a[2].toLocaleString(),
@@ -280,7 +280,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
     }), (t, s) => (i(), r("div", {
       class: he(`vue-ui-age-pyramid ${A.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "agePyramid",
-      ref: z,
+      ref: I,
       id: `vue-ui-age-pyramid_${m.value}`,
       style: W(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
       onMouseenter: s[2] || (s[2] = () => u(Z)(!0)),
@@ -339,7 +339,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
         isFullscreen: A.value,
         isTooltip: x.value.showTooltip,
         titles: { ...e.value.userOptions.buttonTitles },
-        chartElement: z.value,
+        chartElement: I.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: D.value,
@@ -354,54 +354,61 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
           visibility: u(ee) ? u(B) ? "visible" : "hidden" : "visible"
         })
       }, Se({ _: 2 }, [
+        t.$slots.menuIcon ? {
+          name: "menuIcon",
+          fn: c(({ isOpen: l, color: a }) => [
+            h(t.$slots, "menuIcon", S(z({ isOpen: l, color: a })), void 0, !0)
+          ]),
+          key: "0"
+        } : void 0,
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: p(() => [
+          fn: c(() => [
             h(t.$slots, "optionTooltip", {}, void 0, !0)
           ]),
-          key: "0"
+          key: "1"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: p(() => [
+          fn: c(() => [
             h(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
-          key: "1"
+          key: "2"
         } : void 0,
         t.$slots.optionCsv ? {
           name: "optionCsv",
-          fn: p(() => [
+          fn: c(() => [
             h(t.$slots, "optionCsv", {}, void 0, !0)
           ]),
-          key: "2"
+          key: "3"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: p(() => [
+          fn: c(() => [
             h(t.$slots, "optionImg", {}, void 0, !0)
           ]),
-          key: "3"
+          key: "4"
         } : void 0,
         t.$slots.optionTable ? {
           name: "optionTable",
-          fn: p(() => [
+          fn: c(() => [
             h(t.$slots, "optionTable", {}, void 0, !0)
           ]),
-          key: "4"
+          key: "5"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: p(({ toggleFullscreen: l, isFullscreen: a }) => [
-            h(t.$slots, "optionFullscreen", I(F({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
+          fn: c(({ toggleFullscreen: l, isFullscreen: a }) => [
+            h(t.$slots, "optionFullscreen", S(z({ toggleFullscreen: l, isFullscreen: a })), void 0, !0)
           ]),
-          key: "5"
+          key: "6"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: p(({ toggleAnnotator: l, isAnnotator: a }) => [
-            h(t.$slots, "optionAnnotator", I(F({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
+          fn: c(({ toggleAnnotator: l, isAnnotator: a }) => [
+            h(t.$slots, "optionAnnotator", S(z({ toggleAnnotator: l, isAnnotator: a })), void 0, !0)
           ]),
-          key: "6"
+          key: "7"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       M.value ? (i(), r("svg", {
@@ -410,7 +417,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
         ref: te,
         xmlns: u(Ne),
         class: he({ "vue-data-ui-fullscreen--on": A.value, "vue-data-ui-fulscreen--off": !A.value }),
-        viewBox: `0 0 ${g.value.width <= 0 ? 10 : g.value.width} ${g.value.height <= 0 ? 10 : g.value.height}`,
+        viewBox: `0 0 ${p.value.width <= 0 ? 10 : p.value.width} ${p.value.height <= 0 ? 10 : p.value.height}`,
         style: W(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
         fe(Je),
@@ -460,7 +467,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
             }, null, 8, nt)
           ], 8, ut)
         ]),
-        (i(!0), r(S, null, P(T.value, (l, a) => (i(), r("g", null, [
+        (i(!0), r(O, null, P(T.value, (l, a) => (i(), r("g", null, [
           d("rect", {
             x: l.left.x,
             y: l.left.y,
@@ -514,7 +521,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
             }, w(e.value.translations.male), 9, gt)
           ])) : y("", !0),
           e.value.style.layout.dataLabels.yAxis.show ? (i(), r("g", pt, [
-            (i(!0), r(S, null, P(ke.value, (l, a) => (i(), r(S, null, [
+            (i(!0), r(O, null, P(ke.value, (l, a) => (i(), r(O, null, [
               a % e.value.style.layout.dataLabels.yAxis.showEvery === 0 ? (i(), r("text", {
                 key: 0,
                 x: o.value.centerX,
@@ -552,7 +559,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
                 "stroke-linecap": "round"
               }, null, 8, kt)
             ])) : y("", !0),
-            (i(!0), r(S, null, P(C.value.right, (l, a) => (i(), r("g", null, [
+            (i(!0), r(O, null, P(C.value.right, (l, a) => (i(), r("g", null, [
               e.value.style.layout.grid.show ? (i(), r("line", {
                 key: 0,
                 x1: l.x,
@@ -579,7 +586,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
                 { datapoint: l, seriesIndex: a }
               )), 9, Ct)
             ]))), 256)),
-            (i(!0), r(S, null, P(C.value.left, (l, a) => (i(), r("g", null, [
+            (i(!0), r(O, null, P(C.value.left, (l, a) => (i(), r("g", null, [
               e.value.style.layout.grid.show ? (i(), r("line", {
                 key: 0,
                 x1: l.x,
@@ -608,7 +615,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
             ]))), 256)),
             d("text", {
               x: o.value.right,
-              y: g.value.height,
+              y: p.value.height,
               "text-anchor": "end",
               "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
               fill: e.value.style.layout.dataLabels.xAxis.color,
@@ -616,7 +623,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
             }, w(e.value.style.layout.dataLabels.xAxis.translation), 9, At)
           ])) : y("", !0)
         ]),
-        (i(!0), r(S, null, P(j.dataset, (l, a) => (i(), r("g", null, [
+        (i(!0), r(O, null, P(j.dataset, (l, a) => (i(), r("g", null, [
           d("rect", {
             x: o.value.left,
             y: o.value.top + o.value.height / $.value * a - e.value.style.layout.bars.gap / 2,
@@ -629,10 +636,10 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
             })
           }, null, 40, Lt)
         ]))), 256)),
-        h(t.$slots, "svg", { svg: g.value }, void 0, !0)
+        h(t.$slots, "svg", { svg: p.value }, void 0, !0)
       ], 14, lt)) : y("", !0),
       t.$slots.watermark ? (i(), r("div", St, [
-        h(t.$slots, "watermark", I(F({ isPrinting: u(se) || u(ie) })), void 0, !0)
+        h(t.$slots, "watermark", S(z({ isPrinting: u(se) || u(ie) })), void 0, !0)
       ])) : y("", !0),
       M.value ? y("", !0) : (i(), L(Ye, {
         key: 6,
@@ -666,16 +673,16 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
         backgroundOpacity: e.value.style.tooltip.backgroundOpacity,
         position: e.value.style.tooltip.position,
         offsetY: e.value.style.tooltip.offsetY,
-        parent: z.value,
+        parent: I.value,
         content: U.value,
         isFullscreen: A.value,
         isCustom: e.value.style.tooltip.customFormat && typeof e.value.style.tooltip.customFormat == "function"
       }, {
-        "tooltip-before": p(() => [
-          h(t.$slots, "tooltip-before", I(F({ ...E.value })), void 0, !0)
+        "tooltip-before": c(() => [
+          h(t.$slots, "tooltip-before", S(z({ ...E.value })), void 0, !0)
         ]),
-        "tooltip-after": p(() => [
-          h(t.$slots, "tooltip-after", I(F({ ...E.value })), void 0, !0)
+        "tooltip-after": c(() => [
+          h(t.$slots, "tooltip-after", S(z({ ...E.value })), void 0, !0)
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom"]),
@@ -695,7 +702,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
           }
         }
       }, {
-        content: p(() => [
+        content: c(() => [
           (i(), L(He, {
             key: `table_${Q.value}`,
             colNames: R.value.colNames,
@@ -705,10 +712,10 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
             title: `${e.value.style.title.text}${e.value.style.title.subtitle.text ? ` : ${e.value.style.title.subtitle.text}` : ""}`,
             onClose: s[1] || (s[1] = (l) => x.value.showTable = !1)
           }, {
-            th: p(({ th: l }) => [
+            th: c(({ th: l }) => [
               ce(w(l), 1)
             ]),
-            td: p(({ td: l }) => [
+            td: c(({ td: l }) => [
               ce(w(l), 1)
             ]),
             _: 1
@@ -718,7 +725,7 @@ const tt = ["id"], lt = ["xmlns", "viewBox"], at = ["x", "y", "width", "height"]
       }, 8, ["config"])) : y("", !0)
     ], 46, tt));
   }
-}, jt = /* @__PURE__ */ et(zt, [["__scopeId", "data-v-fe9e3352"]]);
+}, jt = /* @__PURE__ */ et(zt, [["__scopeId", "data-v-fe3a06a3"]]);
 export {
   jt as default
 };

package/dist/{vue-ui-annotator-nS_RSspz.cjs → vue-ui-annotator-B7Go0M7W.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./html2canvas.esm-D53btDlk.cjs"),b=require("./jspdf.es.min-C5v1xtPn.cjs"),h=require("./index-3OrObUP-.cjs"),o=require("vue"),I=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),F={props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{shapes:[],lastSelectedShape:void 0}}}},data(){return{activeShape:void 0,strokeSize:1,currentPointer:{start:{x:0,y:0},end:{x:0,end:0}},currentTarget:void 0,hoveredShapeId:void 0,isBold:!1,isBulletTextMode:!1,isDash:!1,isDeleteMode:!1,isDrawing:!1,isDrawingNewShape:!0,isDrawMode:!1,isItalic:!1,isMouseDown:!1,isMoveMode:!1,isPrinting:!1,isResizeMode:!1,isSelectMode:!1,isSummaryOpen:!1,isTextMode:!1,isUnderline:!1,isWriting:!1,lastSelectedShape:this.dataset.lastSelectedShape,pointerDownId:-1,pointerPosition:{x:0,y:0},preventEdit:!0,selectedGroup:[],shapes:this.dataset.shapes?this.dataset.shapes:[],shapesOrder:[],step:Math.round(Math.random())*1e5,svgHeight:1e3,svgWidth:1e3,options:{arrow:{color:"grey",filled:!0},circle:{color:"grey",filled:!1,radius:3,strokeWidth:2},rect:{color:"grey",filled:!1,strokeWidth:2,height:12,width:12}},selectedColor:"#000000",showCaret:!1,sizeRatio:1,slottedSvg:void 0,sourceWidth:1,sourceHeight:1,textAlign:"start",textFont:20,transparency:100,transparencyCodes:h.opacity}},watch:{shapes:{handler(e){e.length===0&&(this.lastSelectedShape=void 0)}}},computed:{FINAL_CONFIG(){const e=h.useConfig().vue_ui_annotator;if(!Object.keys(this.config||{}).length)return e;const i=this.treeShake({defaultConfig:e,userConfig:this.config});return this.convertConfigColors(i)},canSelect(){return this.shapes.filter(e=>!["line","group"].includes(e.type)).length>1},colorTransparency(){return this.transparencyCodes[this.transparency>98?98:this.transparency]},cursorClass(){switch(!0){case this.isDeleteMode:return"default";case this.isMoveMode:return"move";case this.isTextMode:return"text";case this.isResizeMode:return"se-resize";default:return""}},records(){return this.shapes},userShapes(){return this.records.map(e=>{switch(!0){case(e&&e.type==="arrow"):const i=e.strokeWidth>3?5:10,s=e.strokeWidth>3?2.5:5;return`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./html2canvas.esm-D53btDlk.cjs"),b=require("./jspdf.es.min-Rw70uifz.cjs"),h=require("./index-DM-Bs-Ua.cjs"),o=require("vue"),I=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),F={props:{config:{type:Object,default(){return{}}},dataset:{type:Object,default(){return{shapes:[],lastSelectedShape:void 0}}}},data(){return{activeShape:void 0,strokeSize:1,currentPointer:{start:{x:0,y:0},end:{x:0,end:0}},currentTarget:void 0,hoveredShapeId:void 0,isBold:!1,isBulletTextMode:!1,isDash:!1,isDeleteMode:!1,isDrawing:!1,isDrawingNewShape:!0,isDrawMode:!1,isItalic:!1,isMouseDown:!1,isMoveMode:!1,isPrinting:!1,isResizeMode:!1,isSelectMode:!1,isSummaryOpen:!1,isTextMode:!1,isUnderline:!1,isWriting:!1,lastSelectedShape:this.dataset.lastSelectedShape,pointerDownId:-1,pointerPosition:{x:0,y:0},preventEdit:!0,selectedGroup:[],shapes:this.dataset.shapes?this.dataset.shapes:[],shapesOrder:[],step:Math.round(Math.random())*1e5,svgHeight:1e3,svgWidth:1e3,options:{arrow:{color:"grey",filled:!0},circle:{color:"grey",filled:!1,radius:3,strokeWidth:2},rect:{color:"grey",filled:!1,strokeWidth:2,height:12,width:12}},selectedColor:"#000000",showCaret:!1,sizeRatio:1,slottedSvg:void 0,sourceWidth:1,sourceHeight:1,textAlign:"start",textFont:20,transparency:100,transparencyCodes:h.opacity}},watch:{shapes:{handler(e){e.length===0&&(this.lastSelectedShape=void 0)}}},computed:{FINAL_CONFIG(){const e=h.useConfig().vue_ui_annotator;if(!Object.keys(this.config||{}).length)return e;const i=this.treeShake({defaultConfig:e,userConfig:this.config});return this.convertConfigColors(i)},canSelect(){return this.shapes.filter(e=>!["line","group"].includes(e.type)).length>1},colorTransparency(){return this.transparencyCodes[this.transparency>98?98:this.transparency]},cursorClass(){switch(!0){case this.isDeleteMode:return"default";case this.isMoveMode:return"move";case this.isTextMode:return"text";case this.isResizeMode:return"se-resize";default:return""}},records(){return this.shapes},userShapes(){return this.records.map(e=>{switch(!0){case(e&&e.type==="arrow"):const i=e.strokeWidth>3?5:10,s=e.strokeWidth>3?2.5:5;return`
                         <defs>
                         <marker 
                             id="${e.id}" 

package/dist/{vue-ui-annotator-FlMkU7Kj.js → vue-ui-annotator-DVfdPMa7.js}

@@ -1,6 +1,6 @@
 import k from "./html2canvas.esm-Dr4iCOK6.js";
-import { E as p } from "./jspdf.es.min-DKXYalZb.js";
-import { z as v, A, u as w, B as M } from "./index-DvAaY6OP.js";
+import { E as p } from "./jspdf.es.min-eTA26cmm.js";
+import { z as v, A, u as w, B as M } from "./index-DUnEDLbc.js";
 import { createElementBlock as d, openBlock as n, createElementVNode as r, normalizeStyle as c, toDisplayString as u, createCommentVNode as a, normalizeClass as y, createStaticVNode as F, withDirectives as N, vModelCheckbox as C, vModelText as x, renderSlot as O, Fragment as L, renderList as G } from "vue";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {