vue-data-ui 2.4.3 → 2.4.5

package/dist/{vue-ui-age-pyramid-CH72tAMb.js → vue-ui-age-pyramid-CVktvXpY.js}

@@ -1,20 +1,20 @@
-import { computed as b, ref as v, watch as we, onMounted as ke, openBlock as i, createElementBlock as r, normalizeClass as ue, normalizeStyle as re, createBlock as L, createCommentVNode as y, unref as d, createSlots as _e, withCtx as p, renderSlot as f, normalizeProps as O, guardReactiveProps as P, createVNode as ne, createElementVNode as n, Fragment as S, renderList as F, toDisplayString as w, createTextVNode as de, nextTick as Ce } from "vue";
-import { u as $e, c as Ae, t as Te, o as Le, e as Se, v as h, X as ze, s as X, w as ve, i as k, f as _, x as Ie, y as Oe, q as Pe, r as Fe } from "./index-Bya_q1J-.js";
-import { t as Me, u as Ne } from "./useResponsive-BY8tgM1n.js";
-import { _ as Re } from "./Title-C5pIfQAz.js";
-import { u as De, U as Ge } from "./usePrinter-CiHd1FwD.js";
-import { _ as Be } from "./Tooltip-Cz24YLfw.js";
-import { D as Ee } from "./DataTable-DYqC2pqu.js";
-import We from "./vue-ui-skeleton-BYssP0K4.js";
-import Xe from "./vue-ui-accordion-DfUfL2dI.js";
-import { u as ye } from "./useNestedProp-B33hazbH.js";
-import { _ as Ue } from "./PackageVersion-VkaUzgmt.js";
-import { P as Ve } from "./PenAndPaper-DAZYA8Ew.js";
-import { _ as Ye } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"], Ke = ["stop-color"], Qe = ["id"], Ze = ["stop-color"], et = ["stop-color"], tt = ["x", "y", "width", "height", "fill", "rx"], lt = ["x", "y", "width", "height", "fill", "rx"], at = ["x", "y", "width", "height", "fill", "rx"], ot = ["x", "y", "width", "height", "fill", "rx"], st = { key: 0 }, it = ["x", "y", "fill", "font-size", "font-weight"], ut = ["x", "y", "fill", "font-size", "font-weight"], rt = { key: 1 }, nt = ["x", "y", "font-size", "fill", "font-weight"], dt = { key: 2 }, vt = { key: 0 }, yt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ht = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ct = ["x", "y", "font-size", "fill", "font-weight"], gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pt = ["x", "y", "font-size", "fill", "font-weight"], bt = ["x", "y", "font-size", "fill", "font-weight"], xt = ["x", "y", "width", "height", "fill", "onMouseover"], mt = {
-  key: 4,
+import { computed as b, ref as v, watch as _e, onMounted as Ce, openBlock as i, createElementBlock as r, normalizeClass as re, normalizeStyle as ne, createBlock as L, createCommentVNode as y, unref as d, createSlots as $e, withCtx as p, renderSlot as f, normalizeProps as O, guardReactiveProps as P, createVNode as de, createElementVNode as n, Fragment as S, renderList as F, toDisplayString as w, createTextVNode as ve, nextTick as Te } from "vue";
+import { u as Ae, c as Le, t as Se, o as ze, e as Ie, v as h, X as Oe, s as X, w as ye, i as k, f as _, x as Pe, y as Fe, q as Me, r as Ne } from "./index-C1GB0E49.js";
+import { t as Re, u as De } from "./useResponsive-CoxXLe23.js";
+import { _ as Ge } from "./Title-W7iJGPjg.js";
+import { u as Be, U as Ee } from "./usePrinter-y5uHyknw.js";
+import { _ as We } from "./Tooltip-Pv3Bhir5.js";
+import { D as Xe } from "./DataTable-rs_YrvMR.js";
+import Ue from "./vue-ui-skeleton-CE6ibl1T.js";
+import Ve from "./vue-ui-accordion-DWyRC3-h.js";
+import { u as he } from "./useNestedProp-CNAPgW6E.js";
+import { _ as Ye } from "./PackageVersion-D9rYHrFZ.js";
+import { P as je } from "./PenAndPaper-C-KjtyNA.js";
+import { _ as He } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const qe = ["id"], Je = ["xmlns", "viewBox"], Ke = ["id"], Qe = ["stop-color"], Ze = ["stop-color"], et = ["id"], tt = ["stop-color"], lt = ["stop-color"], at = ["x", "y", "width", "height", "fill", "rx"], ot = ["x", "y", "width", "height", "fill", "rx"], st = ["x", "y", "width", "height", "fill", "rx"], it = ["x", "y", "width", "height", "fill", "rx"], ut = { key: 0 }, rt = ["x", "y", "fill", "font-size", "font-weight"], nt = ["x", "y", "fill", "font-size", "font-weight"], dt = { key: 1 }, vt = ["x", "y", "font-size", "fill", "font-weight"], yt = { key: 2 }, ht = { key: 0 }, ft = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], ct = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], gt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], pt = ["x", "y", "font-size", "fill", "font-weight"], bt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], xt = ["x", "y", "font-size", "fill", "font-weight"], mt = ["x", "y", "font-size", "fill", "font-weight"], wt = ["x", "y", "width", "height", "fill", "onMouseover"], kt = {
+  key: 5,
   class: "vue-data-ui-watermark"
-}, wt = {
+}, _t = {
   __name: "vue-ui-age-pyramid",
   props: {
     config: {
@@ -30,50 +30,51 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
       }
     }
   },
-  setup(U, { expose: he }) {
-    const c = U, { vue_ui_age_pyramid: fe } = $e(), M = b(() => !!c.dataset && c.dataset.length), x = v(Ae()), ce = v(null), G = v(!1), B = v(""), N = v(null), V = v(0), C = v(null), Y = v(null), j = v(null), H = v(0), q = v(0), e = b({
-      get: () => J(),
+  setup(U, { expose: fe }) {
+    const c = U, { vue_ui_age_pyramid: ce } = Ae(), M = b(() => !!c.dataset && c.dataset.length), x = v(Le()), ge = v(null), G = v(!1), B = v(""), N = v(null), V = v(0), C = v(null), Y = v(null), j = v(null), H = v(null), q = v(0), J = v(0), e = b({
+      get: () => K(),
       set: (t) => t
     });
-    function J() {
-      const t = ye({
+    function K() {
+      const t = he({
         userConfig: c.config,
-        defaultConfig: fe
+        defaultConfig: ce
       });
       return t.theme ? {
-        ...ye({
-          userConfig: Te.vue_ui_age_pyramid[t.theme] || c.config,
+        ...he({
+          userConfig: Se.vue_ui_age_pyramid[t.theme] || c.config,
           defaultConfig: t
         })
       } : t;
     }
-    we(() => c.config, (t) => {
-      e.value = J(), Q(), H.value += 1, q.value += 1;
+    _e(() => c.config, (t) => {
+      e.value = K(), Z(), q.value += 1, J.value += 1;
     }, { deep: !0 });
-    const K = v(null);
-    ke(() => {
-      Q();
+    const Q = v(null);
+    Ce(() => {
+      Z();
     });
-    function Q() {
-      if (Le(c.dataset) && Se({
+    function Z() {
+      if (ze(c.dataset) && Ie({
         componentName: "VueUiAgePyramid",
         type: "dataset"
       }), e.value.responsive) {
-        const t = Me(() => {
-          const { width: s, height: l } = Ne({
+        const t = Re(() => {
+          const { width: s, height: l } = De({
             chart: C.value,
             title: e.value.style.title.text ? Y.value : null,
-            source: j.value
+            source: j.value,
+            noTitle: H.value
           });
           g.value.width = s, g.value.height = l;
         });
-        K.value = new ResizeObserver(t), K.value.observe(C.value.parentNode);
+        Q.value = new ResizeObserver(t), Q.value.observe(C.value.parentNode);
       }
     }
-    const { isPrinting: Z, isImaging: ee, generatePdf: te, generateImage: le } = De({
+    const { isPrinting: ee, isImaging: te, generatePdf: le, generateImage: ae } = Be({
       elementId: `vue-ui-age-pyramid_${x.value}`,
       fileName: e.value.style.title.text || "vue-ui-age-pyramid"
-    }), m = v({
+    }), pe = b(() => e.value.userOptions.show && !e.value.style.title.text), m = v({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
     }), g = v({
@@ -98,16 +99,16 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
           left: s + t / 2 + e.value.style.layout.centerSlit.width
         }
       };
-    }), ge = b(() => c.dataset.map((t) => e.value.style.layout.dataLabels.yAxis.display === "age" ? t[1] : t[0])), $ = b(() => {
-      const t = pe(z.value / 5), s = [], l = [];
+    }), be = b(() => c.dataset.map((t) => e.value.style.layout.dataLabels.yAxis.display === "age" ? t[1] : t[0])), $ = b(() => {
+      const t = xe(z.value / 5), s = [], l = [];
       for (let a = 0; a <= 5; a += 1) {
-        const u = t * a, ie = t * (a - 5);
+        const u = t * a, ue = t * (a - 5);
         s.push({
           value: u,
           x: o.value.left + o.value.width / 2 + e.value.style.layout.centerSlit.width + u / z.value * o.value.leftChart.width
         }), l.push({
-          value: Math.abs(ie),
-          x: o.value.left + o.value.width / 2 + ie / z.value * o.value.leftChart.width - e.value.style.layout.centerSlit.width
+          value: Math.abs(ue),
+          x: o.value.left + o.value.width / 2 + ue / z.value * o.value.leftChart.width - e.value.style.layout.centerSlit.width
         });
       }
       return {
@@ -115,13 +116,13 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
         left: l
       };
     });
-    function pe(t) {
+    function xe(t) {
       if (t === 0) return 0;
       const l = 10 ** Math.floor(Math.log10(Math.abs(t)));
       let a;
       return t < 0, a = Math.round(t / l) * l, a;
     }
-    const z = b(() => Math.max(...c.dataset.flatMap((t) => t.slice(-2).map((s) => h(s))))), A = b(() => c.dataset.length), be = b(() => c.dataset.map((t) => ({
+    const z = b(() => Math.max(...c.dataset.flatMap((t) => t.slice(-2).map((s) => h(s))))), T = b(() => c.dataset.length), me = b(() => c.dataset.map((t) => ({
       segment: t[0],
       age: t[1],
       left: {
@@ -132,8 +133,8 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
         value: t[3],
         proportionToMax: t[3] / z.value
       }
-    }))), T = b(() => be.value.map((t, s) => {
-      const l = o.value.top + o.value.height / A.value * s, a = o.value.height / A.value - e.value.style.layout.bars.gap;
+    }))), A = b(() => me.value.map((t, s) => {
+      const l = o.value.top + o.value.height / T.value * s, a = o.value.height / T.value - e.value.style.layout.bars.gap;
       return {
         segment: t.segment,
         age: t.age,
@@ -155,15 +156,15 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
         }
       };
     })), E = v(null);
-    function xe(t, s) {
+    function we(t, s) {
       N.value = t, E.value = {
         datapoint: s,
         seriesIndex: t,
-        series: T.value,
+        series: A.value,
         config: e.value
       };
       const l = e.value.style.tooltip.customFormat;
-      if (Ie(l) && Oe(() => l({
+      if (Pe(l) && Fe(() => l({
         seriesIndex: t,
         datapoint: {
           segment: s[0],
@@ -171,7 +172,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
           left: s[2],
           right: s[3]
         },
-        series: T.value,
+        series: A.value,
         config: e.value
       })))
         B.value = l({
@@ -182,12 +183,12 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
             left: s[2],
             right: s[3]
           },
-          series: T.value,
+          series: A.value,
           config: e.value
         });
       else {
         let a = "";
-        const u = T.value[t];
+        const u = A.value[t];
         a += `<div><b>${u.segment}</b></div>`, a += `<div>${e.value.translations.age}: ${k(
           e.value.style.layout.dataLabels.yAxis.formatter,
           h(u.age),
@@ -212,16 +213,16 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
       }
       G.value = !0;
     }
-    function ae() {
-      Ce(() => {
+    function oe() {
+      Te(() => {
         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((u) => [
           u[0],
           u[1],
           u[2],
           u[3],
           u[2] + u[3]
-        ]), l = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([t]).concat(s), a = Pe(l);
-        Fe({ csvContent: a, title: e.value.style.title.text || "vue-ui-heatmap" });
+        ]), l = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([t]).concat(s), a = Me(l);
+        Ne({ csvContent: a, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
     const R = b(() => {
@@ -252,34 +253,34 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
       };
       return { head: t, body: s, config: l, colNames: t };
     }), I = v(!1);
-    function me(t) {
+    function ke(t) {
       I.value = t, V.value += 1;
     }
-    function oe() {
+    function se() {
       m.value.showTable = !m.value.showTable;
     }
-    function se() {
+    function ie() {
       m.value.showTooltip = !m.value.showTooltip;
     }
     const D = v(!1);
     function W() {
       D.value = !D.value;
     }
-    return he({
-      generatePdf: te,
-      generateCsv: ae,
-      generateImage: le,
-      toggleTable: oe,
-      toggleTooltip: se,
+    return fe({
+      generatePdf: le,
+      generateCsv: oe,
+      generateImage: ae,
+      toggleTable: se,
+      toggleTooltip: ie,
       toggleAnnotator: W
     }), (t, s) => (i(), r("div", {
-      class: ue(`vue-ui-age-pyramid ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
+      class: re(`vue-ui-age-pyramid ${I.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "agePyramid",
       ref: C,
       id: `vue-ui-age-pyramid_${x.value}`,
-      style: re(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;${e.value.style.title.text ? "" : "padding-top:36px"};background:${e.value.style.backgroundColor};${e.value.responsive ? "height:100%" : ""}`)
+      style: ne(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.backgroundColor};${e.value.responsive ? "height:100%" : ""}`)
     }, [
-      e.value.userOptions.buttons.annotator ? (i(), L(Ve, {
+      e.value.userOptions.buttons.annotator ? (i(), L(je, {
         key: 0,
         parent: C.value,
         backgroundColor: e.value.style.backgroundColor,
@@ -287,14 +288,21 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
         active: D.value,
         onClose: W
       }, null, 8, ["parent", "backgroundColor", "color", "active"])) : y("", !0),
-      e.value.style.title.text ? (i(), r("div", {
+      pe.value ? (i(), r("div", {
         key: 1,
+        ref_key: "noTitle",
+        ref: H,
+        class: "vue-data-ui-no-title-space",
+        style: "height:36px; width: 100%;background:transparent"
+      }, null, 512)) : y("", !0),
+      e.value.style.title.text ? (i(), r("div", {
+        key: 2,
         ref_key: "chartTitle",
         ref: Y,
         style: "width:100%;background:transparent"
       }, [
-        (i(), L(Re, {
-          key: `title_${H.value}`,
+        (i(), L(Ge, {
+          key: `title_${q.value}`,
           config: {
             title: {
               cy: "pyramid-div-title",
@@ -307,14 +315,14 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && M.value ? (i(), L(Ge, {
+      e.value.userOptions.show && M.value ? (i(), L(Ee, {
         ref_key: "details",
-        ref: ce,
+        ref: ge,
         key: `user_options_${V.value}`,
         backgroundColor: e.value.style.backgroundColor,
         color: e.value.style.color,
-        isImaging: d(ee),
-        isPrinting: d(Z),
+        isImaging: d(te),
+        isPrinting: d(ee),
         uid: x.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -329,14 +337,14 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: D.value,
-        onToggleFullscreen: me,
-        onGeneratePdf: d(te),
-        onGenerateCsv: ae,
-        onGenerateImage: d(le),
-        onToggleTable: oe,
-        onToggleTooltip: se,
+        onToggleFullscreen: ke,
+        onGeneratePdf: d(le),
+        onGenerateCsv: oe,
+        onGenerateImage: d(ae),
+        onToggleTable: se,
+        onToggleTooltip: ie,
         onToggleAnnotator: W
-      }, _e({ _: 2 }, [
+      }, $e({ _: 2 }, [
         t.$slots.optionTooltip ? {
           name: "optionTooltip",
           fn: p(() => [
@@ -388,13 +396,13 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "onGeneratePdf", "onGenerateImage"])) : y("", !0),
       M.value ? (i(), r("svg", {
-        key: 3,
-        xmlns: d(ze),
-        class: ue({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
+        key: 4,
+        xmlns: d(Oe),
+        class: re({ "vue-data-ui-fullscreen--on": I.value, "vue-data-ui-fulscreen--off": !I.value }),
         viewBox: `0 0 ${g.value.width <= 0 ? 10 : g.value.width} ${g.value.height <= 0 ? 10 : g.value.height}`,
-        style: re(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
+        style: ne(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.color}`)
       }, [
-        ne(Ue),
+        de(Ye),
         n("defs", null, [
           n("linearGradient", {
             id: `age_pyramid_left_${x.value}`,
@@ -406,12 +414,12 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
             n("stop", {
               offset: "0%",
               "stop-color": e.value.style.layout.bars.left.color
-            }, null, 8, Je),
+            }, null, 8, Qe),
             n("stop", {
               offset: "100%",
-              "stop-color": d(X)(d(ve)(e.value.style.layout.bars.left.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
-            }, null, 8, Ke)
-          ], 8, qe),
+              "stop-color": d(X)(d(ye)(e.value.style.layout.bars.left.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
+            }, null, 8, Ze)
+          ], 8, Ke),
           n("linearGradient", {
             id: `age_pyramid_right_${x.value}`,
             x1: "0%",
@@ -421,15 +429,15 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
           }, [
             n("stop", {
               offset: "0%",
-              "stop-color": d(X)(d(ve)(e.value.style.layout.bars.right.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
-            }, null, 8, Ze),
+              "stop-color": d(X)(d(ye)(e.value.style.layout.bars.right.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
+            }, null, 8, tt),
             n("stop", {
               offset: "100%",
               "stop-color": e.value.style.layout.bars.right.color
-            }, null, 8, et)
-          ], 8, Qe)
+            }, null, 8, lt)
+          ], 8, et)
         ]),
-        (i(!0), r(S, null, F(T.value, (l, a) => (i(), r("g", null, [
+        (i(!0), r(S, null, F(A.value, (l, a) => (i(), r("g", null, [
           n("rect", {
             x: l.left.x,
             y: l.left.y,
@@ -437,7 +445,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
             height: l.left.height <= 0 ? 1e-4 : l.left.height,
             fill: e.value.style.layout.bars.gradient.underlayer,
             rx: e.value.style.layout.bars.borderRadius
-          }, null, 8, tt),
+          }, null, 8, at),
           n("rect", {
             x: l.left.x,
             y: l.left.y,
@@ -445,7 +453,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
             height: l.left.height <= 0 ? 1e-4 : l.left.height,
             fill: e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_left_${x.value})` : l.left.color,
             rx: e.value.style.layout.bars.borderRadius
-          }, null, 8, lt),
+          }, null, 8, ot),
           n("rect", {
             x: l.right.x,
             y: l.right.y,
@@ -453,7 +461,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
             height: l.right.height <= 0 ? 1e-4 : l.right.height,
             fill: e.value.style.layout.bars.gradient.underlayer,
             rx: e.value.style.layout.bars.borderRadius
-          }, null, 8, at),
+          }, null, 8, st),
           n("rect", {
             x: l.right.x,
             y: l.right.y,
@@ -461,10 +469,10 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
             height: l.right.height <= 0 ? 1e-4 : l.right.height,
             fill: e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_right_${x.value})` : l.right.color,
             rx: e.value.style.layout.bars.borderRadius
-          }, null, 8, ot)
+          }, null, 8, it)
         ]))), 256)),
         n("g", null, [
-          e.value.style.layout.dataLabels.sideTitles.show ? (i(), r("g", st, [
+          e.value.style.layout.dataLabels.sideTitles.show ? (i(), r("g", ut, [
             n("text", {
               x: o.value.left,
               y: o.value.top + e.value.style.layout.dataLabels.sideTitles.offsetY,
@@ -472,7 +480,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
               "font-size": e.value.style.layout.dataLabels.sideTitles.fontSize,
               "text-anchor": "start",
               "font-weight": e.value.style.layout.dataLabels.sideTitles.bold ? "bold" : "normal"
-            }, w(e.value.translations.female), 9, it),
+            }, w(e.value.translations.female), 9, rt),
             n("text", {
               x: o.value.right,
               y: o.value.top + e.value.style.layout.dataLabels.sideTitles.offsetY,
@@ -480,14 +488,14 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
               "font-size": e.value.style.layout.dataLabels.sideTitles.fontSize,
               "text-anchor": "end",
               "font-weight": e.value.style.layout.dataLabels.sideTitles.bold ? "bold" : "normal"
-            }, w(e.value.translations.male), 9, ut)
+            }, w(e.value.translations.male), 9, nt)
           ])) : y("", !0),
-          e.value.style.layout.dataLabels.yAxis.show ? (i(), r("g", rt, [
-            (i(!0), r(S, null, F(ge.value, (l, a) => (i(), r(S, null, [
+          e.value.style.layout.dataLabels.yAxis.show ? (i(), r("g", dt, [
+            (i(!0), r(S, null, F(be.value, (l, a) => (i(), r(S, null, [
               a % e.value.style.layout.dataLabels.yAxis.showEvery === 0 ? (i(), r("text", {
                 key: 0,
                 x: o.value.centerX,
-                y: o.value.top + o.value.height / A.value * a + e.value.style.layout.dataLabels.yAxis.fontSize / 3,
+                y: o.value.top + o.value.height / T.value * a + e.value.style.layout.dataLabels.yAxis.fontSize / 3,
                 "text-anchor": "middle",
                 "font-size": e.value.style.layout.dataLabels.yAxis.fontSize,
                 fill: e.value.style.layout.dataLabels.yAxis.color,
@@ -497,11 +505,11 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
                 l,
                 d(_)({ v: l }),
                 { datapoint: l, seriesIndex: a }
-              )), 9, nt)) : y("", !0)
+              )), 9, vt)) : y("", !0)
             ], 64))), 256))
           ])) : y("", !0),
-          e.value.style.layout.dataLabels.xAxis.show ? (i(), r("g", dt, [
-            e.value.style.layout.grid.show ? (i(), r("g", vt, [
+          e.value.style.layout.dataLabels.xAxis.show ? (i(), r("g", yt, [
+            e.value.style.layout.grid.show ? (i(), r("g", ht, [
               n("line", {
                 x1: $.value.right[0].x,
                 x2: $.value.right.at(-1).x,
@@ -510,7 +518,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
                 stroke: e.value.style.layout.grid.stroke,
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, yt),
+              }, null, 8, ft),
               n("line", {
                 x1: $.value.left[0].x,
                 x2: $.value.left.at(-1).x,
@@ -519,7 +527,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
                 stroke: e.value.style.layout.grid.stroke,
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, ht)
+              }, null, 8, ct)
             ])) : y("", !0),
             (i(!0), r(S, null, F($.value.right, (l, a) => (i(), r("g", null, [
               e.value.style.layout.grid.show ? (i(), r("line", {
@@ -531,7 +539,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
                 stroke: e.value.style.layout.grid.stroke,
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, ft)) : y("", !0),
+              }, null, 8, gt)) : y("", !0),
               n("text", {
                 x: l.x,
                 y: o.value.bottom + e.value.style.layout.dataLabels.xAxis.fontSize * 2,
@@ -546,7 +554,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
                   v: l.value / e.value.style.layout.dataLabels.xAxis.scale
                 }),
                 { datapoint: l, seriesIndex: a }
-              )), 9, ct)
+              )), 9, pt)
             ]))), 256)),
             (i(!0), r(S, null, F($.value.left, (l, a) => (i(), r("g", null, [
               e.value.style.layout.grid.show ? (i(), r("line", {
@@ -558,7 +566,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
                 stroke: e.value.style.layout.grid.stroke,
                 "stroke-width": e.value.style.layout.grid.strokeWidth,
                 "stroke-linecap": "round"
-              }, null, 8, gt)) : y("", !0),
+              }, null, 8, bt)) : y("", !0),
               n("text", {
                 x: l.x,
                 y: o.value.bottom + e.value.style.layout.dataLabels.xAxis.fontSize * 2,
@@ -573,7 +581,7 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
                   v: l.value / e.value.style.layout.dataLabels.xAxis.scale
                 }),
                 { datapoint: l, seriesIndex: a }
-              )), 9, pt)
+              )), 9, xt)
             ]))), 256)),
             n("text", {
               x: o.value.right,
@@ -582,29 +590,29 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
               "font-size": e.value.style.layout.dataLabels.xAxis.fontSize,
               fill: e.value.style.layout.dataLabels.xAxis.color,
               "font-weight": e.value.style.layout.dataLabels.xAxis.bold ? "bold" : "normal"
-            }, w(e.value.style.layout.dataLabels.xAxis.translation), 9, bt)
+            }, w(e.value.style.layout.dataLabels.xAxis.translation), 9, mt)
           ])) : y("", !0)
         ]),
         (i(!0), r(S, null, F(U.dataset, (l, a) => (i(), r("g", null, [
           n("rect", {
             x: o.value.left,
-            y: o.value.top + o.value.height / A.value * a - e.value.style.layout.bars.gap / 2,
+            y: o.value.top + o.value.height / T.value * a - e.value.style.layout.bars.gap / 2,
             width: o.value.width <= 0 ? 1e-4 : o.value.width,
-            height: o.value.height / A.value <= 0 ? 1e-4 : o.value.height / A.value,
+            height: o.value.height / T.value <= 0 ? 1e-4 : o.value.height / T.value,
             fill: N.value !== null && N.value === a ? d(X)(e.value.style.highlighter.color, e.value.style.highlighter.opacity) : "transparent",
-            onMouseover: (u) => xe(a, l),
+            onMouseover: (u) => we(a, l),
             onMouseleave: s[0] || (s[0] = (u) => {
               N.value = null, G.value = !1;
             })
-          }, null, 40, xt)
+          }, null, 40, wt)
         ]))), 256)),
         f(t.$slots, "svg", { svg: g.value }, void 0, !0)
-      ], 14, He)) : y("", !0),
-      t.$slots.watermark ? (i(), r("div", mt, [
-        f(t.$slots, "watermark", O(P({ isPrinting: d(Z) || d(ee) })), void 0, !0)
+      ], 14, Je)) : y("", !0),
+      t.$slots.watermark ? (i(), r("div", kt, [
+        f(t.$slots, "watermark", O(P({ isPrinting: d(ee) || d(te) })), void 0, !0)
       ])) : y("", !0),
-      M.value ? y("", !0) : (i(), L(We, {
-        key: 5,
+      M.value ? y("", !0) : (i(), L(Ue, {
+        key: 6,
         config: {
           type: "pyramid",
           style: {
@@ -615,16 +623,16 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
           }
         }
       }, null, 8, ["config"])),
-      f(t.$slots, "legend", { legend: T.value }, void 0, !0),
+      f(t.$slots, "legend", { legend: A.value }, void 0, !0),
       t.$slots.source ? (i(), r("div", {
-        key: 6,
+        key: 7,
         ref_key: "source",
         ref: j,
         dir: "auto"
       }, [
         f(t.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
-      ne(Be, {
+      de(We, {
         show: m.value.showTooltip && G.value,
         backgroundColor: e.value.style.tooltip.backgroundColor,
         color: e.value.style.tooltip.color,
@@ -647,8 +655,8 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom"]),
-      M.value ? (i(), L(Xe, {
-        key: 7,
+      M.value ? (i(), L(Ve, {
+        key: 8,
         hideDetails: "",
         config: {
           open: m.value.showTable,
@@ -664,8 +672,8 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
         }
       }, {
         content: p(() => [
-          (i(), L(Ee, {
-            key: `table_${q.value}`,
+          (i(), L(Xe, {
+            key: `table_${J.value}`,
             colNames: R.value.colNames,
             head: R.value.head,
             body: R.value.body,
@@ -674,19 +682,19 @@ const je = ["id"], He = ["xmlns", "viewBox"], qe = ["id"], Je = ["stop-color"],
             onClose: s[1] || (s[1] = (l) => m.value.showTable = !1)
           }, {
             th: p(({ th: l }) => [
-              de(w(l), 1)
+              ve(w(l), 1)
             ]),
             td: p(({ td: l }) => [
-              de(w(l), 1)
+              ve(w(l), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title"]))
         ]),
         _: 1
       }, 8, ["config"])) : y("", !0)
-    ], 14, je));
+    ], 14, qe));
   }
-}, Mt = /* @__PURE__ */ Ye(wt, [["__scopeId", "data-v-6bb3bace"]]);
+}, Rt = /* @__PURE__ */ He(_t, [["__scopeId", "data-v-c061125a"]]);
 export {
-  Mt as default
+  Rt as default
 };

package/dist/{vue-ui-annotator-DPeJ2its.js → vue-ui-annotator-Cp8KDkuP.js}

@@ -1,6 +1,6 @@
 import p from "./html2canvas.esm-d2sM-0Wm.js";
 import { E as _ } from "./jspdf.es.min-C660YX78.js";
-import { z as v, u as w, A, B as M } from "./index-Bya_q1J-.js";
+import { z as v, u as w, A, B as M } from "./index-C1GB0E49.js";
 import { openBlock as d, createElementBlock as n, createElementVNode as r, normalizeStyle as c, toDisplayString as u, normalizeClass as y, createCommentVNode as a, withDirectives as f, vModelCheckbox as g, vModelText as C, renderSlot as O, Fragment as L, renderList as G, createStaticVNode as N, pushScopeId as m, popScopeId as T } from "vue";
 import { _ as R } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const D = {