vue-data-ui 2.16.4 → 2.16.6

package/dist/{vue-ui-age-pyramid-BW2q5yMT.js → vue-ui-age-pyramid-DSshyUn-.js}

@@ -1,13 +1,13 @@
-import { defineAsyncComponent as C, computed as b, ref as v, watch as Re, shallowRef as fe, onMounted as Be, onBeforeUnmount as De, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as Y, normalizeClass as ge, createBlock as I, createCommentVNode as y, renderSlot as h, createVNode as pe, createSlots as Ee, withCtx as f, normalizeProps as F, guardReactiveProps as M, createElementVNode as n, Fragment as P, renderList as B, toDisplayString as _, createTextVNode as be, nextTick as Ge } from "vue";
-import { u as Ue, c as Ve, a as We, o as Xe, e as je, v as c, X as He, s as q, w as xe, i as $, f as T, q as Ye, r as qe, x as Je, y as Ke } from "./index-BsirVW_m.js";
+import { defineAsyncComponent as C, computed as b, ref as d, watch as Re, shallowRef as fe, onMounted as Be, onBeforeUnmount as De, createElementBlock as r, openBlock as u, unref as i, normalizeStyle as Y, normalizeClass as ge, createBlock as I, createCommentVNode as y, renderSlot as h, createVNode as pe, createSlots as Ee, withCtx as f, normalizeProps as F, guardReactiveProps as M, createElementVNode as n, Fragment as P, renderList as B, toDisplayString as _, createTextVNode as be, nextTick as Ge } from "vue";
+import { u as Ue, c as Ve, a as We, o as Xe, e as je, v as c, X as He, s as q, w as xe, i as $, f as T, q as Ye, r as qe, x as Je, y as Ke } from "./index-DvIXJm6t.js";
 import { t as Qe, u as Ze } from "./useResponsive-DfdjqQps.js";
-import { u as me } from "./useNestedProp-Ej-oqNyf.js";
-import { u as et } from "./usePrinter-Dpd-vZym.js";
+import { u as me } from "./useNestedProp-DrYHm61t.js";
+import { u as et } from "./usePrinter-CWnXbGMb.js";
 import { u as tt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as lt } from "./useChartAccessibility-9icAAmYg.js";
-import at from "./Title-DTuTBtAe.js";
+import at from "./Title-Gi81VwUM.js";
 import { _ as ot } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"], rt = ["id"], nt = ["stop-color"], dt = ["stop-color"], vt = ["id"], yt = ["stop-color"], ht = ["stop-color"], ct = ["x", "y", "width", "height", "fill", "rx"], ft = ["x", "y", "width", "height", "fill", "rx"], gt = ["x", "y", "width", "height", "fill", "rx"], pt = ["x", "y", "width", "height", "fill", "rx"], bt = { key: 0 }, xt = ["x", "y", "fill", "font-size", "font-weight"], mt = ["x", "y", "fill", "font-size", "font-weight"], wt = { key: 1 }, kt = ["x", "y", "font-size", "fill", "font-weight"], _t = { key: 2 }, Ct = { key: 0 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x", "y", "font-size", "fill", "font-weight"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zt = ["x", "y", "font-size", "fill", "font-weight"], Ot = ["x", "y", "font-size", "fill", "font-weight"], It = ["x", "y", "width", "height", "fill", "onMouseover"], Ft = {
+const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"], rt = ["id"], nt = ["stop-color"], vt = ["stop-color"], dt = ["id"], yt = ["stop-color"], ht = ["stop-color"], ct = ["x", "y", "width", "height", "fill", "rx"], ft = ["x", "y", "width", "height", "fill", "rx"], gt = ["x", "y", "width", "height", "fill", "rx"], pt = ["x", "y", "width", "height", "fill", "rx"], bt = { key: 0 }, xt = ["x", "y", "fill", "font-size", "font-weight"], mt = ["x", "y", "fill", "font-size", "font-weight"], wt = { key: 1 }, kt = ["x", "y", "font-size", "fill", "font-weight"], _t = { key: 2 }, Ct = { key: 0 }, $t = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Tt = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], At = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Lt = ["x", "y", "font-size", "fill", "font-weight"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], zt = ["x", "y", "font-size", "fill", "font-weight"], Ot = ["x", "y", "font-size", "fill", "font-weight"], It = ["x", "y", "width", "height", "fill", "onMouseover"], Ft = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, Mt = {
@@ -27,7 +27,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
     }
   },
   setup(J, { expose: we }) {
-    const ke = C(() => import("./vue-ui-accordion-D2TcT2US.js")), _e = C(() => import("./DataTable-C6IBsdXI.js")), Ce = C(() => import("./PackageVersion-DfefmcMg.js")), $e = C(() => import("./PenAndPaper-CixPm-N0.js")), Te = C(() => import("./vue-ui-skeleton-CchtfQiJ.js")), Ae = C(() => import("./Tooltip-CVPiPR9d.js")), Le = C(() => import("./UserOptions-D8SRavqE.js")), { vue_ui_age_pyramid: Se } = Ue(), g = J, D = b(() => !!g.dataset && g.dataset.length), m = v(Ve()), ze = v(null), V = v(!1), W = v(""), E = v(null), K = v(0), N = v(null), Q = v(null), Z = v(null), ee = v(null), te = v(0), le = v(0), e = b({
+    const ke = C(() => import("./vue-ui-accordion-D55kCO5G.js")), _e = C(() => import("./DataTable-CHBLjKtZ.js")), Ce = C(() => import("./PackageVersion-Bg_9KCU-.js")), $e = C(() => import("./PenAndPaper-BPTpbnay.js")), Te = C(() => import("./vue-ui-skeleton-BAOt2neL.js")), Ae = C(() => import("./Tooltip-CJxVw7-T.js")), Le = C(() => import("./UserOptions-CBEK6_jo.js")), { vue_ui_age_pyramid: Se } = Ue(), g = J, D = b(() => !!g.dataset && g.dataset.length), m = d(Ve()), ze = d(null), V = d(!1), W = d(""), E = d(null), K = d(0), N = d(null), Q = d(null), Z = d(null), ee = d(null), te = d(0), le = d(0), e = b({
       get: () => ie(),
       set: (t) => t
     }), { userOptionsVisible: X, setUserOptionsVisibility: ae, keepUserOptionState: oe } = tt({ config: e.value }), { svgRef: se } = lt({ config: e.value.style.title });
@@ -72,14 +72,14 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
     De(() => {
       k.value && (A.value && k.value.unobserve(A.value), k.value.disconnect());
     });
-    const { isPrinting: re, isImaging: ne, generatePdf: de, generateImage: ve } = et({
+    const { isPrinting: re, isImaging: ne, generatePdf: ve, generateImage: de } = et({
       elementId: `vue-ui-age-pyramid_${m.value}`,
       fileName: e.value.style.title.text || "vue-ui-age-pyramid",
       options: e.value.userOptions.print
-    }), Oe = b(() => e.value.userOptions.show && !e.value.style.title.text), x = v({
+    }), Oe = b(() => e.value.userOptions.show && !e.value.style.title.text), x = d({
       showTable: e.value.table.show,
       showTooltip: e.value.style.tooltip.show
-    }), p = v({
+    }), p = d({
       height: e.value.style.height,
       width: e.value.style.width
     }), o = b(() => {
@@ -104,10 +104,10 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
     }), Ie = b(() => g.dataset.map((t) => e.value.style.layout.dataLabels.yAxis.display === "age" ? t[1] : t[0])), L = b(() => {
       const t = Fe(R.value / 5), s = [], l = [];
       for (let a = 0; a <= 5; a += 1) {
-        const d = t * a, w = t * (a - 5);
+        const v = t * a, w = t * (a - 5);
         s.push({
-          value: d,
-          x: o.value.left + o.value.width / 2 + e.value.style.layout.centerSlit.width + d / R.value * o.value.leftChart.width
+          value: v,
+          x: o.value.left + o.value.width / 2 + e.value.style.layout.centerSlit.width + v / R.value * o.value.leftChart.width
         }), l.push({
           value: Math.abs(w),
           x: o.value.left + o.value.width / 2 + w / R.value * o.value.leftChart.width - e.value.style.layout.centerSlit.width
@@ -157,7 +157,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
           height: a
         }
       };
-    })), j = v(null);
+    })), j = d(null);
     function Pe(t, s) {
       E.value = t, j.value = {
         datapoint: s,
@@ -190,26 +190,26 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
         });
       else {
         let a = "";
-        const d = z.value[t];
-        a += `<div><b>${d.segment}</b></div>`, a += `<div>${e.value.translations.age}: ${$(
+        const v = z.value[t];
+        a += `<div><b>${v.segment}</b></div>`, a += `<div>${e.value.translations.age}: ${$(
           e.value.style.layout.dataLabels.yAxis.formatter,
-          c(d.age),
-          T({ v: c(d.age) }),
+          c(v.age),
+          T({ v: c(v.age) }),
           { datapoint: s, seriesIndex: t }
         )}</div>`, a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}">`, a += '<div style="display:flex; flex-direction:row;gap:12px">', a += `<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_left_${m.value})` : e.value.style.layout.bars.left.color}"/></svg><div>${e.value.translations.female}</div><div><b>${$(
           e.value.style.layout.dataLabels.xAxis.formatter,
-          c(d.left.value),
-          T({ v: c(d.left.value) }),
+          c(v.left.value),
+          T({ v: c(v.left.value) }),
           { datapoint: s, seriesIndex: t }
         )}</b></div></div>`, a += `<div style="display:flex;flex-direction:column;align-items:center;justify-content:center"><svg viewBox="0 0 12 12" height="12" width="12"><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.underlayer}"/><rect stroke="none" x="0" y="0" height="12" width="12" rx="2" fill="${e.value.style.layout.bars.gradient.show ? `url(#age_pyramid_right_${m.value})` : e.value.style.layout.bars.right.color}"/></svg><div>${e.value.translations.male}</div><div><b>${$(
           e.value.style.layout.dataLabels.xAxis.formatter,
-          c(d.right.value),
-          T({ v: c(d.right.value) }),
+          c(v.right.value),
+          T({ v: c(v.right.value) }),
           { datapoint: s, seriesIndex: t }
         )}</b></div></div>`, a += "</div>", a += `<div style="margin-top:6px;padding-top:6px;border-top:1px solid ${e.value.style.tooltip.borderColor}"><div>${e.value.translations.total}</div><div><b>${$(
           e.value.style.layout.dataLabels.xAxis.formatter,
-          c(d.right.value) + c(d.left.value),
-          T({ v: c(d.right.value) + c(d.left.value) }),
+          c(v.right.value) + c(v.left.value),
+          T({ v: c(v.right.value) + c(v.left.value) }),
           { datapoint: s, seriesIndex: t }
         )}</b></div></div>`, a += "</div>", W.value = `<div>${a}</div>`;
       }
@@ -223,8 +223,8 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
           w[2],
           w[3],
           w[2] + w[3]
-        ]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(l), d = Ye(a);
-        t ? t(d) : qe({ csvContent: d, title: e.value.style.title.text || "vue-ui-heatmap" });
+        ]), a = [[e.value.style.title.text], [e.value.style.title.subtitle.text], [[""], [""], [""]]].concat([s]).concat(l), v = Ye(a);
+        t ? t(v) : qe({ csvContent: v, title: e.value.style.title.text || "vue-ui-heatmap" });
       });
     }
     const G = b(() => {
@@ -254,7 +254,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
         breakpoint: e.value.table.responsiveBreakpoint
       };
       return { head: t, body: s, config: l, colNames: t };
-    }), O = v(!1);
+    }), O = d(!1);
     function Ne(t) {
       O.value = t, K.value += 1;
     }
@@ -264,14 +264,14 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
     function ce() {
       x.value.showTooltip = !x.value.showTooltip;
     }
-    const U = v(!1);
+    const U = d(!1);
     function H() {
       U.value = !U.value;
     }
     return we({
-      generatePdf: de,
+      generatePdf: ve,
       generateCsv: ye,
-      generateImage: ve,
+      generateImage: de,
       toggleTable: he,
       toggleTooltip: ce,
       toggleAnnotator: H
@@ -342,10 +342,11 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: U.value,
         callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: Ne,
-        onGeneratePdf: i(de),
+        onGeneratePdf: i(ve),
         onGenerateCsv: ye,
-        onGenerateImage: i(ve),
+        onGenerateImage: i(de),
         onToggleTable: he,
         onToggleTooltip: ce,
         onToggleAnnotator: H,
@@ -409,7 +410,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasXls", "hasImg", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       D.value ? (u(), r("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -447,7 +448,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
             n("stop", {
               offset: "100%",
               "stop-color": i(q)(i(xe)(e.value.style.layout.bars.left.color, e.value.style.layout.bars.gradient.shiftHue), 100 - e.value.style.layout.bars.gradient.intensity)
-            }, null, 8, dt)
+            }, null, 8, vt)
           ], 8, rt),
           n("linearGradient", {
             id: `age_pyramid_right_${m.value}`,
@@ -464,7 +465,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
               offset: "100%",
               "stop-color": e.value.style.layout.bars.right.color
             }, null, 8, ht)
-          ], 8, vt)
+          ], 8, dt)
         ]),
         (u(!0), r(P, null, B(z.value, (l, a) => (u(), r("g", null, [
           n("rect", {
@@ -629,8 +630,8 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
             width: o.value.width <= 0 ? 1e-4 : o.value.width,
             height: o.value.height / S.value <= 0 ? 1e-4 : o.value.height / S.value,
             fill: E.value !== null && E.value === a ? i(q)(e.value.style.highlighter.color, e.value.style.highlighter.opacity) : "transparent",
-            onMouseover: (d) => Pe(a, l),
-            onMouseleave: s[0] || (s[0] = (d) => {
+            onMouseover: (v) => Pe(a, l),
+            onMouseleave: s[0] || (s[0] = (v) => {
               E.value = null, V.value = !1;
             })
           }, null, 40, It)
@@ -724,7 +725,7 @@ const st = ["id"], it = ["xmlns", "viewBox"], ut = ["x", "y", "width", "height"]
       }, 8, ["config"])) : y("", !0)
     ], 46, st));
   }
-}, Wt = /* @__PURE__ */ ot(Mt, [["__scopeId", "data-v-210028cb"]]);
+}, Wt = /* @__PURE__ */ ot(Mt, [["__scopeId", "data-v-07736a66"]]);
 export {
   Wt as default
 };

package/dist/{vue-ui-annotator-DR6dXmoQ.js → vue-ui-annotator-DQSMv_k2.js}

@@ -1,5 +1,5 @@
-import { z as p, A as v, u as w, B as A } from "./index-BsirVW_m.js";
-import { d as M } from "./dom-to-png-Br5bL5eX.js";
+import { z as p, A as v, u as w, B as A } from "./index-DvIXJm6t.js";
+import { d as M } from "./dom-to-png-CRHNL8VU.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 g, vModelText as C, renderSlot as O, Fragment as L, renderList as G } from "vue";
 import { _ } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const m = {

package/dist/{vue-ui-bullet-BYvOXGoO.js → vue-ui-bullet-FeScjj7q.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as L, ref as g, computed as f, onMounted as be, watch as Q, onBeforeUnmount as ke, createElementBlock as n, openBlock as r, unref as o, normalizeStyle as M, normalizeClass as Z, createBlock as w, createCommentVNode as i, createElementVNode as x, createSlots as we, withCtx as p, renderSlot as m, normalizeProps as $, guardReactiveProps as O, createVNode as xe, Fragment as T, renderList as N, toDisplayString as A } from "vue";
-import { u as _e, o as Ce, e as ee, g as Le, c as $e, l as Oe, D as Ae, d as Be, i as B, f as P, X as Pe, a as Fe } from "./index-BsirVW_m.js";
-import { u as te } from "./useNestedProp-Ej-oqNyf.js";
-import { u as Ie } from "./usePrinter-Dpd-vZym.js";
-import { u as Se } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as _e, o as Ce, e as ee, g as Le, c as $e, l as Oe, D as Ae, d as Be, i as B, f as P, X as Pe, a as Se } from "./index-DvIXJm6t.js";
+import { u as te } from "./useNestedProp-DrYHm61t.js";
+import { u as Fe } from "./usePrinter-CWnXbGMb.js";
+import { u as Ie } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as He } from "./useChartAccessibility-9icAAmYg.js";
-import Me from "./Legend-bIoNrGWy.js";
-import Te from "./Title-DTuTBtAe.js";
+import Me from "./Legend-nBXoxXJH.js";
+import Te from "./Title-Gi81VwUM.js";
 import { _ as Ne } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ue = ["id"], ze = {
   key: 1,
@@ -39,7 +39,7 @@ const Ue = ["id"], ze = {
     }
   },
   setup(ae, { expose: le }) {
-    const se = L(() => import("./PackageVersion-DfefmcMg.js")), re = L(() => import("./PenAndPaper-CixPm-N0.js")), oe = L(() => import("./vue-ui-skeleton-CchtfQiJ.js")), ne = L(() => import("./UserOptions-D8SRavqE.js")), { vue_ui_bullet: ue } = _e(), u = ae, U = g(null), ie = g(null), z = g(0), ce = g(null), he = g(0), y = f({
+    const se = L(() => import("./PackageVersion-Bg_9KCU-.js")), re = L(() => import("./PenAndPaper-BPTpbnay.js")), oe = L(() => import("./vue-ui-skeleton-BAOt2neL.js")), ne = L(() => import("./UserOptions-CBEK6_jo.js")), { vue_ui_bullet: ue } = _e(), u = ae, U = g(null), ie = g(null), z = g(0), ce = g(null), he = g(0), y = f({
       get: () => u.dataset.hasOwnProperty("value"),
       set: (t) => t
     }), b = f(() => u.dataset.segments ? Array.isArray(u.dataset.segments) ? u.dataset.segments.length ? !0 : (console.warn(`VueUiBullet: dataset segments is empty. Provide segments with this datastructure:
@@ -95,7 +95,7 @@ segments: [
         });
       }) : y.value = !1, e.value.style.chart.animation.show && G(u.dataset.value || 0);
     }
-    const F = g($e());
+    const S = g($e());
     function W() {
       const t = te({
         userConfig: u.config,
@@ -103,7 +103,7 @@ segments: [
       });
       return t.theme ? {
         ...te({
-          userConfig: Fe.vue_ui_bullet[t.theme] || u.config,
+          userConfig: Se.vue_ui_bullet[t.theme] || u.config,
           defaultConfig: t
         })
       } : t;
@@ -111,9 +111,9 @@ segments: [
     const e = f({
       get: () => W(),
       set: (t) => t
-    }), { userOptionsVisible: I, setUserOptionsVisibility: E, keepUserOptionState: V } = Se({ config: e.value }), { svgRef: D } = He({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: F, setUserOptionsVisibility: E, keepUserOptionState: V } = Ie({ config: e.value }), { svgRef: D } = He({ config: e.value.style.chart.title });
     Q(() => u.config, (t) => {
-      e.value = W(), I.value = !e.value.userOptions.showOnChartHover, R(), z.value += 1;
+      e.value = W(), F.value = !e.value.userOptions.showOnChartHover, R(), z.value += 1;
     }, { deep: !0 });
     const l = f(() => {
       const t = e.value.style.chart.height, s = e.value.style.chart.width, a = e.value.style.chart.padding.left, d = s - e.value.style.chart.padding.right, C = e.value.style.chart.padding.top, v = t - e.value.style.chart.padding.bottom;
@@ -133,7 +133,7 @@ segments: [
       for (let s = 0; s < u.dataset.segments.length; s += 1)
         t.push(Oe(e.value.style.chart.segments.baseColor, s / u.dataset.segments.length));
       return t;
-    }), S = f(() => b.value ? {
+    }), I = f(() => b.value ? {
       min: Math.min(...u.dataset.segments.map((t) => t.from)),
       max: Math.max(...u.dataset.segments.map((t) => t.to))
     } : { min: 0, max: 1 }), c = g(de());
@@ -141,7 +141,7 @@ segments: [
       e.value.style.chart.animation.show ? G(t.value || 0) : c.value = t.value || 0;
     }, { deep: !0 });
     function de() {
-      return e.value.style.chart.animation.show ? S.value.min : u.dataset.value || 0;
+      return e.value.style.chart.animation.show ? I.value.min : u.dataset.value || 0;
     }
     const j = g(null);
     function G(t) {
@@ -157,7 +157,7 @@ segments: [
     const h = f(() => {
       if (!b.value)
         return [];
-      const t = Ae(S.value.min, S.value.max, e.value.style.chart.segments.ticks.divisions), s = t.min >= 0 ? 0 : Math.abs(t.min), a = {
+      const t = Ae(I.value.min, I.value.max, e.value.style.chart.segments.ticks.divisions), s = t.min >= 0 ? 0 : Math.abs(t.min), a = {
         x: l.value.left + (u.dataset.target + s) / (t.max + s) * l.value.chartWidth - e.value.style.chart.target.width / 2
       }, d = {
         width: (c.value + s) / (t.max + s) * l.value.chartWidth
@@ -212,8 +212,8 @@ segments: [
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 6,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), { isPrinting: X, isImaging: Y, generatePdf: J, generateImage: K } = Ie({
-      elementId: `bullet_${F.value}`,
+    })), { isPrinting: X, isImaging: Y, generatePdf: J, generateImage: K } = Fe({
+      elementId: `bullet_${S.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-bullet",
       options: e.value.userOptions.print
     }), fe = f(() => e.value.userOptions.show && !e.value.style.chart.title.text), k = g(!1);
@@ -237,7 +237,7 @@ segments: [
       ref: U,
       class: Z(`vue-ui-bullet ${k.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       style: M(`font-family:${e.value.style.fontFamily};width:100%;background:${e.value.style.chart.backgroundColor}`),
-      id: `bullet_${F.value}`,
+      id: `bullet_${S.value}`,
       onMouseenter: s[0] || (s[0] = () => o(E)(!0)),
       onMouseleave: s[1] || (s[1] = () => o(E)(!1))
     }, [
@@ -271,14 +271,14 @@ segments: [
           }
         }, null, 8, ["config"]))
       ], 512)) : i("", !0),
-      e.value.userOptions.show && y.value && (o(V) || o(I)) ? (r(), w(o(ne), {
+      e.value.userOptions.show && y.value && (o(V) || o(F)) ? (r(), w(o(ne), {
         key: 3,
         ref: "details",
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: o(X),
         isImaging: o(Y),
-        uid: F.value,
+        uid: S.value,
         hasTooltip: !1,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasImg: e.value.userOptions.buttons.img,
@@ -293,12 +293,13 @@ segments: [
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: _.value,
         callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: me,
         onGeneratePdf: o(J),
         onGenerateImage: o(K),
         onToggleAnnotator: H,
         style: M({
-          visibility: o(V) ? o(I) ? "visible" : "hidden" : "visible"
+          visibility: o(V) ? o(F) ? "visible" : "hidden" : "visible"
         })
       }, we({ _: 2 }, [
         t.$slots.menuIcon ? {
@@ -336,7 +337,7 @@ segments: [
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "chartElement", "position", "titles", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : i("", !0),
       y.value ? (r(), n("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -491,7 +492,7 @@ segments: [
       ], 512)) : i("", !0)
     ], 46, Ue));
   }
-}, vt = /* @__PURE__ */ Ne(at, [["__scopeId", "data-v-6c6b173a"]]);
+}, vt = /* @__PURE__ */ Ne(at, [["__scopeId", "data-v-fb99af28"]]);
 export {
   vt as default
 };