vue-data-ui 2.16.4 → 2.16.6

package/dist/{vue-ui-vertical-bar-C5aombcF.js → vue-ui-vertical-bar-CwqQyZFX.js}

@@ -1,19 +1,19 @@
 import { useCssVars as _t, defineAsyncComponent as H, useSlots as $t, computed as m, ref as d, watch as Xe, shallowRef as He, onMounted as We, onBeforeUnmount as wt, createElementBlock as i, openBlock as u, unref as r, normalizeStyle as c, normalizeClass as B, createBlock as R, createCommentVNode as y, renderSlot as b, createVNode as Q, createSlots as pe, withCtx as k, normalizeProps as W, guardReactiveProps as G, createElementVNode as n, toDisplayString as h, Fragment as j, renderList as q, mergeProps as xt, withKeys as Ct, createTextVNode as Tt } from "vue";
-import { u as Lt, c as Nt, t as Pt, p as D, a as St, b as Vt, o as Ge, e as Z, v as N, d as ye, i as ne, f as E, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-BsirVW_m.js";
+import { u as Lt, c as Nt, t as St, p as D, a as Pt, b as Vt, o as Ge, e as Z, v as N, d as ye, i as ne, f as E, X as It, s as ge, w as Ot, q as Ft, r as Mt, x as zt, y as At } from "./index-DvIXJm6t.js";
 import { t as Bt, u as Rt } from "./useResponsive-DfdjqQps.js";
-import { u as je } from "./useNestedProp-Ej-oqNyf.js";
-import { u as Dt } from "./usePrinter-Dpd-vZym.js";
+import { u as je } from "./useNestedProp-DrYHm61t.js";
+import { u as Dt } from "./usePrinter-CWnXbGMb.js";
 import { u as Et } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ut } from "./useChartAccessibility-9icAAmYg.js";
-import Xt from "./vue-ui-accordion-D2TcT2US.js";
-import qe from "./Legend-bIoNrGWy.js";
-import Ht from "./Title-DTuTBtAe.js";
-import { _ as Ye } from "./Shape-dKMmmbg5.js";
+import Xt from "./vue-ui-accordion-D55kCO5G.js";
+import qe from "./Legend-nBXoxXJH.js";
+import Ht from "./Title-Gi81VwUM.js";
+import { _ as Ye } from "./Shape-Bnf512BA.js";
 import { _ as Wt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "height"], Kt = ["id"], Jt = ["stop-color"], Qt = ["stop-color"], Zt = { key: 1 }, el = ["x", "y", "width", "height", "fill", "rx"], tl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], ll = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], al = ["x2", "y1", "y2", "stroke", "stroke-width"], ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], nl = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], ul = ["x", "y", "font-size", "fill", "font-weight"], sl = ["x", "y", "font-size", "fill", "font-weight"], rl = ["x", "y", "font-size", "fill", "font-weight"], il = ["y", "width", "height", "fill", "onMouseenter"], dl = {
   key: 6,
   class: "vue-data-ui-watermark"
-}, vl = ["onClick"], cl = { style: "width:100%;padding-top: 36px;position:relative" }, hl = { class: "vue-ui-data-table" }, pl = { key: 0 }, yl = { style: { width: "100%" } }, gl = ["data-cell"], fl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, bl = ["data-cell"], ml = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, kl = ["data-cell"], _l = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, $l = ["data-cell"], wl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, xl = ["data-cell"], Cl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Tl = ["data-cell"], Ll = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Nl = ["data-cell"], Pl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Sl = {
+}, vl = ["onClick"], cl = { style: "width:100%;padding-top: 36px;position:relative" }, hl = { class: "vue-ui-data-table" }, pl = { key: 0 }, yl = { style: { width: "100%" } }, gl = ["data-cell"], fl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, bl = ["data-cell"], ml = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, kl = ["data-cell"], _l = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, $l = ["data-cell"], wl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, xl = ["data-cell"], Cl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Tl = ["data-cell"], Ll = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Nl = ["data-cell"], Sl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Pl = {
   __name: "vue-ui-vertical-bar",
   props: {
     config: {
@@ -32,9 +32,9 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
   emits: ["selectLegend"],
   setup(Ke, { expose: Je, emit: Qe }) {
     _t((l) => ({
-      "8661a912": l.tdo
+      "7fbb7b73": l.tdo
     }));
-    const Ze = H(() => import("./BaseIcon-CfYrW3zO.js")), et = H(() => import("./PackageVersion-DfefmcMg.js")), tt = H(() => import("./PenAndPaper-CixPm-N0.js")), lt = H(() => import("./vue-ui-skeleton-CchtfQiJ.js")), at = H(() => import("./Tooltip-CVPiPR9d.js")), ot = H(() => import("./UserOptions-D8SRavqE.js")), { vue_ui_vertical_bar: nt } = Lt(), ut = $t(), T = Ke, ee = m(() => !!T.dataset && T.dataset.length), C = d(Nt()), st = d(null), ue = d(!1), se = d(""), te = d(0), rt = d(null), fe = d(0), Y = d(null), be = d(null), re = d(null), me = d(null), ke = d(null), _e = d(0), ie = d(0), it = Qe, e = m({
+    const Ze = H(() => import("./BaseIcon-Bn996RXm.js")), et = H(() => import("./PackageVersion-Bg_9KCU-.js")), tt = H(() => import("./PenAndPaper-BPTpbnay.js")), lt = H(() => import("./vue-ui-skeleton-BAOt2neL.js")), at = H(() => import("./Tooltip-CJxVw7-T.js")), ot = H(() => import("./UserOptions-CBEK6_jo.js")), { vue_ui_vertical_bar: nt } = Lt(), ut = $t(), T = Ke, ee = m(() => !!T.dataset && T.dataset.length), C = d(Nt()), st = d(null), ue = d(!1), se = d(""), te = d(0), rt = d(null), fe = d(0), Y = d(null), be = d(null), re = d(null), me = d(null), ke = d(null), _e = d(0), ie = d(0), it = Qe, e = m({
       get: () => Ce(),
       set: (l) => l
     }), { userOptionsVisible: de, setUserOptionsVisibility: $e, keepUserOptionState: we } = Et({ config: e.value }), { svgRef: xe } = Ut({ config: e.value.style.chart.title });
@@ -45,20 +45,20 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       });
       return l.theme ? {
         ...je({
-          userConfig: St.vue_ui_vertical_bar[l.theme] || T.config,
+          userConfig: Pt.vue_ui_vertical_bar[l.theme] || T.config,
           defaultConfig: l
         }),
-        customPalette: Pt[l.theme] || D
+        customPalette: St[l.theme] || D
       } : l;
     }
     Xe(() => T.config, (l) => {
       e.value = Ce(), de.value = !e.value.userOptions.showOnChartHover, Oe(), _e.value += 1, ie.value += 1, v.value = e.value.style.chart.layout.bars.height, f.value = e.value.style.chart.layout.bars.gap, $.value.showTable = e.value.table.show, $.value.sortDesc = e.value.style.chart.layout.bars.sort === "desc", $.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 }), Xe(() => T.dataset, le, { deep: !0 });
-    const { isPrinting: Te, isImaging: Le, generatePdf: Ne, generateImage: Pe } = Dt({
+    const { isPrinting: Te, isImaging: Le, generatePdf: Ne, generateImage: Se } = Dt({
       elementId: `vue-ui-vertical-bar_${C.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-vertical-bar",
       options: e.value.userOptions.print
-    }), dt = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), Se = m(() => Vt(e.value.customPalette)), Ve = d(null), Ie = d(!1), vt = m(() => e.value.table.responsiveBreakpoint), I = He(null), U = He(null);
+    }), dt = m(() => e.value.userOptions.show && !e.value.style.chart.title.text), Pe = m(() => Vt(e.value.customPalette)), Ve = d(null), Ie = d(!1), vt = m(() => e.value.table.responsiveBreakpoint), I = He(null), U = He(null);
     We(() => {
       Oe();
     });
@@ -121,14 +121,14 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         id: t,
         absoluteIndex: a,
         shape: "square",
-        opacity: P.value.includes(t) ? 0.5 : 1,
+        opacity: S.value.includes(t) ? 0.5 : 1,
         value: Math.abs(_),
         sign: x,
         hasChildren: o,
         isChild: !1,
         segregate: () => K(t),
-        isSegregated: P.value.includes(t),
-        color: ye(l.color) || Se.value[a] || D[a] || D[a % D.length],
+        isSegregated: S.value.includes(t),
+        color: ye(l.color) || Pe.value[a] || D[a] || D[a % D.length],
         children: !l.children || !l.children.length ? [] : l.children.toSorted(ae.value ? () => 0 : (p, V) => Fe.value ? V.value - p.value : p.value - V.value).map((p, V) => ({
           ...p,
           value: N(Math.abs(p.value)),
@@ -141,7 +141,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           parentSign: x,
           id: `vertical_child_${a}_${V}_${C.value}`,
           childIndex: V,
-          color: ye(p.color) || ye(l.color) || Se.value[a] || D[a] || D[a % D.length]
+          color: ye(p.color) || ye(l.color) || Pe.value[a] || D[a] || D[a % D.length]
         })).map((p, V) => ({
           ...p,
           isFirstChild: V === 0,
@@ -175,17 +175,17 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
     function le() {
       te.value = M.value.flatMap((l) => l.children && l.children.length > 0 ? l.children.length : 1).reduce((l, a) => l + a, 0);
     }
-    const P = d([]);
+    const S = d([]);
     function K(l) {
-      P.value.includes(l) ? P.value = P.value.filter((a) => a !== l) : P.value.push(l), le(), it("selectLegend", M.value);
+      S.value.includes(l) ? S.value = S.value.filter((a) => a !== l) : S.value.push(l), le(), it("selectLegend", M.value);
     }
-    const M = m(() => F.value.filter((l) => !P.value.includes(l.id))), S = m(() => M.value.map((l) => Math.abs(l.value)).reduce((l, a) => l + a, 0));
+    const M = m(() => F.value.filter((l) => !S.value.includes(l.id))), P = m(() => M.value.map((l) => Math.abs(l.value)).reduce((l, a) => l + a, 0));
     function Ae(l, a = !1, t = 0) {
       return a ? E({
-        v: N(Math.abs(l) / S.value * 100),
+        v: N(Math.abs(l) / P.value * 100),
         s: "%",
         r: t
-      }) : Math.abs(l) / S.value;
+      }) : Math.abs(l) / P.value;
     }
     const z = m(() => M.value.flatMap((l) => l.hasChildren ? l.children : l)), A = m(() => z.value.map((l) => l.sign).includes(-1)), pt = m(() => Math.max(...M.value.flatMap((l) => l.children && l.children.length ? Math.max(...l.children.map((a) => a.value)) : l.value)));
     function w(l) {
@@ -201,7 +201,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         y: o + _ / 2 - e.value.style.chart.layout.bars.parentLabels.fontSize,
         name: t.name,
         value: [void 0, NaN, null].includes(t.value) ? "" : t.sign === 1 ? t.value : -t.value,
-        percentageToTotal: isNaN(t.value / S.value) ? "" : Ae(t.value, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
+        percentageToTotal: isNaN(t.value / P.value) ? "" : Ae(t.value, !0, e.value.style.chart.layout.bars.dataLabels.percentage.roundingPercentage),
         sign: t.sign
       };
     }
@@ -242,7 +242,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         }),
         { datapoint: l, seriesIndex: a }
       )}</b></div>`), e.value.style.chart.tooltip.showPercentage && (t += `<div>${e.value.translations.percentageToTotal} : <b>${E({
-        v: Math.abs(l.value) / S.value * 100,
+        v: Math.abs(l.value) / P.value * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
       })}</b></div>`, l.isChild && (t += `<div>${e.value.translations.percentageToSerie}: <b>${E({
@@ -280,11 +280,11 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         color: t.color,
         parentName: t.parentName,
         parentValue: t.parentValue,
-        percentageToTotal: t.parentValue / S.value,
+        percentageToTotal: t.parentValue / P.value,
         childName: t.name,
         childValue: t.sign === 1 ? t.value : -t.value,
         childPercentageToParent: Math.abs(t.value) / Math.abs(t.parentValue),
-        childPercentageToTotal: Math.abs(t.value) / S.value
+        childPercentageToTotal: Math.abs(t.value) / P.value
       } : {
         color: "",
         parentName: "",
@@ -293,12 +293,12 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         childName: t.name,
         childValue: t.sign === 1 ? t.value : -t.value,
         childPercentageToParent: Math.abs(t.value) / Math.abs(t.parentValue),
-        childPercentageToTotal: Math.abs(t.value) / S.value
+        childPercentageToTotal: Math.abs(t.value) / P.value
       } : {
         color: t.color,
         parentName: t.name,
         parentValue: t.sign === 1 ? t.value : -t.value,
-        percentageToTotal: Math.abs(t.value) / S.value,
+        percentageToTotal: Math.abs(t.value) / P.value,
         childName: "",
         childValue: "",
         childPercentageToParent: "",
@@ -356,7 +356,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       recalculateHeight: le,
       generatePdf: Ne,
       generateCsv: Re,
-      generateImage: Pe,
+      generateImage: Se,
       toggleTable: De,
       toggleSort: Ee,
       toggleTooltip: Ue,
@@ -429,10 +429,11 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: oe.value,
         callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: bt,
         onGeneratePdf: r(Ne),
         onGenerateCsv: Re,
-        onGenerateImage: r(Pe),
+        onGenerateImage: r(Se),
         onToggleTable: De,
         onToggleSort: Ee,
         onToggleTooltip: Ue,
@@ -511,7 +512,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           ]),
           key: "9"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasSort", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
+      ]), 1032, ["backgroundColor", "color", "isImaging", "isPrinting", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasSort", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : y("", !0),
       e.value.style.chart.legend.show && e.value.style.chart.legend.position === "top" ? (u(), i("div", {
         key: 4,
         ref_key: "chartLegend",
@@ -526,7 +527,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           item: k(({ legend: t, index: o }) => [
             n("div", {
               onClick: (_) => K(t.id),
-              style: c(`opacity:${P.value.includes(t.id) ? 0.5 : 1}`)
+              style: c(`opacity:${S.value.includes(t.id) ? 0.5 : 1}`)
             }, h(t.name) + ": " + h(r(ne)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               t.value,
@@ -735,7 +736,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
           item: k(({ legend: t, index: o }) => [
             n("div", {
               onClick: (_) => K(t.id),
-              style: c(`opacity:${P.value.includes(t.id) ? 0.5 : 1}`)
+              style: c(`opacity:${S.value.includes(t.id) ? 0.5 : 1}`)
             }, h(t.name) + ": " + h(r(ne)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               t.value,
@@ -775,7 +776,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
         b(l.$slots, "source", {}, void 0, !0)
       ], 512)) : y("", !0),
       Q(r(at), {
-        show: $.value.showTooltip && ue.value && P.value.length < T.dataset.length,
+        show: $.value.showTooltip && ue.value && S.value.length < T.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -863,7 +864,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
                       }, null, 4),
                       n("th", {
                         style: c(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)
-                      }, "∑ " + h(e.value.table.td.prefix) + h(isNaN(S.value) ? "" : S.value.toFixed(e.value.table.td.roundingValue)) + h(e.value.table.td.suffix), 5),
+                      }, "∑ " + h(e.value.table.td.prefix) + h(isNaN(P.value) ? "" : P.value.toFixed(e.value.table.td.roundingValue)) + h(e.value.table.td.suffix), 5),
                       n("th", {
                         style: c(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)
                       }, "100%", 4),
@@ -939,7 +940,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
                         style: c(`outline:${e.value.table.td.outline}`),
                         "data-cell": L.value.head[6] ?? ""
                       }, [
-                        n("div", Pl, h(["", NaN, void 0].includes(t.childPercentageToTotal) ? "" : `${(t.childPercentageToTotal * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
+                        n("div", Sl, h(["", NaN, void 0].includes(t.childPercentageToTotal) ? "" : `${(t.childPercentageToTotal * 100).toFixed(e.value.table.td.roundingPercentage)}%`), 1)
                       ], 12, Nl)
                     ], 6))), 256))
                   ])
@@ -952,7 +953,7 @@ const Gt = ["id"], jt = ["onClick"], qt = ["xmlns", "viewBox"], Yt = ["width", "
       }, 8, ["config"])) : y("", !0)
     ], 46, Gt));
   }
-}, Xl = /* @__PURE__ */ Wt(Sl, [["__scopeId", "data-v-56a29a80"]]);
+}, Xl = /* @__PURE__ */ Wt(Pl, [["__scopeId", "data-v-fd58c8ff"]]);
 export {
   Xl as default
 };

package/dist/{vue-ui-waffle-DHDmy4xh.js → vue-ui-waffle-Ce3T4BPp.js}

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as B, useSlots as pt, computed as d, ref as c, watch as Me, shallowRef as De, onMounted as ft, onBeforeUnmount as yt, createElementBlock as r, openBlock as s, unref as n, normalizeStyle as K, normalizeClass as Re, createBlock as V, createCommentVNode as f, createElementVNode as x, createVNode as ve, createSlots as Ue, withCtx as b, renderSlot as g, normalizeProps as j, guardReactiveProps as W, Fragment as $, renderList as F, mergeProps as Ee, toDisplayString as L, createTextVNode as Ge, nextTick as gt } from "vue";
-import { u as bt, c as mt, t as wt, p as M, a as kt, o as xt, e as ce, g as Ct, b as $t, i as q, f as _, X as _t, s as It, w as Tt, F as St, L as Ot, d as Pt, q as At, r as Ft, x as Lt, y as zt } from "./index-BsirVW_m.js";
+import { u as bt, c as mt, t as wt, p as M, a as kt, o as xt, e as ce, g as Ct, b as $t, i as q, f as _, X as _t, s as It, w as Tt, F as St, L as Ot, d as Pt, q as At, r as Ft, x as Lt, y as zt } from "./index-DvIXJm6t.js";
 import { t as Nt, u as Bt } from "./useResponsive-DfdjqQps.js";
-import { u as je } from "./useNestedProp-Ej-oqNyf.js";
-import { u as Vt } from "./usePrinter-Dpd-vZym.js";
+import { u as je } from "./useNestedProp-DrYHm61t.js";
+import { u as Vt } from "./usePrinter-CWnXbGMb.js";
 import { u as Mt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Dt } from "./useChartAccessibility-9icAAmYg.js";
-import Rt from "./Title-DTuTBtAe.js";
-import Ut from "./Legend-bIoNrGWy.js";
-import { _ as Et } from "./Shape-dKMmmbg5.js";
+import Rt from "./Title-Gi81VwUM.js";
+import Ut from "./Legend-nBXoxXJH.js";
+import { _ as Et } from "./Shape-Bnf512BA.js";
 import { _ as Gt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"], Xt = ["stop-color"], Yt = ["id"], Jt = ["x", "y", "height", "width"], Kt = ["height", "width"], Qt = { key: 0 }, Zt = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], el = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], tl = { key: 1 }, ll = ["rx", "x", "y", "height", "width", "fill", "filter"], al = ["x", "y", "height", "width", "filter"], ol = { key: 0 }, ul = { key: 1 }, sl = { key: 2 }, rl = { key: 3 }, nl = ["onMouseover", "x", "y", "height", "width"], il = {
   key: 5,
@@ -30,7 +30,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
   },
   emits: ["selectLegend"],
   setup(We, { expose: qe, emit: He }) {
-    const Xe = B(() => import("./DataTable-C6IBsdXI.js")), Ye = B(() => import("./PenAndPaper-CixPm-N0.js")), Je = B(() => import("./vue-ui-accordion-D2TcT2US.js")), Ke = B(() => import("./vue-ui-skeleton-CchtfQiJ.js")), Qe = B(() => import("./Tooltip-CVPiPR9d.js")), Ze = B(() => import("./UserOptions-D8SRavqE.js")), et = B(() => import("./PackageVersion-DfefmcMg.js")), { vue_ui_waffle: tt } = bt(), m = We, lt = pt(), Q = d(() => !!m.dataset && m.dataset.length), k = c(mt()), at = c(null), ae = c(!1), oe = c(""), D = c(null), de = c(0), H = c(null), he = c(null), pe = c(null), fe = c(null), ye = c(null), ge = c(0), be = c(0), me = c(0), e = d({
+    const Xe = B(() => import("./DataTable-CHBLjKtZ.js")), Ye = B(() => import("./PenAndPaper-BPTpbnay.js")), Je = B(() => import("./vue-ui-accordion-D55kCO5G.js")), Ke = B(() => import("./vue-ui-skeleton-BAOt2neL.js")), Qe = B(() => import("./Tooltip-CJxVw7-T.js")), Ze = B(() => import("./UserOptions-CBEK6_jo.js")), et = B(() => import("./PackageVersion-Bg_9KCU-.js")), { vue_ui_waffle: tt } = bt(), m = We, lt = pt(), Q = d(() => !!m.dataset && m.dataset.length), k = c(mt()), at = c(null), ae = c(!1), oe = c(""), D = c(null), de = c(0), H = c(null), he = c(null), pe = c(null), fe = c(null), ye = c(null), ge = c(0), be = c(0), me = c(0), e = d({
       get: () => Ce(),
       set: (t) => t
     }), { userOptionsVisible: ue, setUserOptionsVisibility: we, keepUserOptionState: ke } = Mt({ config: e.value }), { svgRef: xe } = Dt({ config: e.value.style.chart.title });
@@ -477,6 +477,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
         hasAnnotator: e.value.userOptions.buttons.annotator,
         isAnnotation: le.value,
         callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: ht,
         onGeneratePdf: n(Te),
         onGenerateCsv: Ne,
@@ -544,7 +545,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
           ]),
           key: "7"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : f("", !0),
       Q.value ? (s(), r("svg", {
         key: 4,
         ref_key: "svgRef",
@@ -844,7 +845,7 @@ const jt = ["id"], Wt = ["xmlns", "viewBox"], qt = ["id"], Ht = ["stop-color"],
       }, 8, ["config"])) : f("", !0)
     ], 46, jt));
   }
-}, Il = /* @__PURE__ */ Gt(pl, [["__scopeId", "data-v-da21b411"]]);
+}, Il = /* @__PURE__ */ Gt(pl, [["__scopeId", "data-v-79c12b4f"]]);
 export {
   Il as default
 };

package/dist/{vue-ui-wheel-DmPltDq0.js → vue-ui-wheel-6B0WTkf2.js}

@@ -1,11 +1,11 @@
 import { defineAsyncComponent as $, computed as p, ref as c, watch as Q, shallowRef as Z, onMounted as ke, onBeforeUnmount as we, createElementBlock as v, openBlock as s, unref as l, normalizeStyle as M, createBlock as _, createCommentVNode as h, createSlots as be, withCtx as k, renderSlot as y, normalizeProps as I, guardReactiveProps as A, normalizeClass as T, createVNode as Ce, Fragment as ee, renderList as te, toDisplayString as Oe } from "vue";
-import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-BsirVW_m.js";
+import { u as $e, c as _e, a as Ie, o as Ae, e as Pe, w as ae, m as xe, X as Fe, i as Se, v as le, f as ze } from "./index-DvIXJm6t.js";
 import { t as Me, u as Te } from "./useResponsive-DfdjqQps.js";
-import { u as oe } from "./useNestedProp-Ej-oqNyf.js";
-import { u as Ne } from "./usePrinter-Dpd-vZym.js";
+import { u as ne } from "./useNestedProp-DrYHm61t.js";
+import { u as Ne } from "./usePrinter-CWnXbGMb.js";
 import { u as Re } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Ue } from "./useChartAccessibility-9icAAmYg.js";
-import Xe from "./Title-DTuTBtAe.js";
+import Xe from "./Title-Gi81VwUM.js";
 import { _ as Ee } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], De = ["d", "fill"], Ye = ["cx", "cy", "r", "stroke", "stroke-width"], He = ["x", "y", "font-size", "fill", "font-weight"], We = {
   key: 5,
@@ -26,18 +26,18 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
       }
     }
   },
-  setup(ne, { expose: se }) {
-    const ue = $(() => import("./PenAndPaper-CixPm-N0.js")), re = $(() => import("./vue-ui-skeleton-CchtfQiJ.js")), ie = $(() => import("./UserOptions-D8SRavqE.js")), ce = $(() => import("./PackageVersion-DfefmcMg.js")), { vue_ui_wheel: ve } = $e(), d = ne, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
+  setup(oe, { expose: se }) {
+    const ue = $(() => import("./PenAndPaper-BPTpbnay.js")), re = $(() => import("./vue-ui-skeleton-BAOt2neL.js")), ie = $(() => import("./UserOptions-CBEK6_jo.js")), ce = $(() => import("./PackageVersion-Bg_9KCU-.js")), { vue_ui_wheel: ve } = $e(), d = oe, P = p(() => !!d.dataset && Object.keys(d.dataset).length), x = c(_e()), he = c(null), N = c(0), w = c(null), R = c(null), U = c(null), X = c(null), E = c(0), e = p({
       get: () => j(),
       set: (t) => t
     }), { userOptionsVisible: F, setUserOptionsVisibility: L, keepUserOptionState: B } = Re({ config: e.value }), { svgRef: G } = Ue({ config: e.value.style.chart.title });
     function j() {
-      const t = oe({
+      const t = ne({
         userConfig: d.config,
         defaultConfig: ve
       });
       return t.theme ? {
-        ...oe({
+        ...ne({
           userConfig: Ie.vue_ui_wheel[t.theme] || d.config,
           defaultConfig: t
         })
@@ -50,19 +50,19 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
       elementId: x.value,
       fileName: e.value.style.chart.title.text || "vue-ui-wheel",
       options: e.value.userOptions.print
-    }), de = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), o = c({
+    }), de = p(() => e.value.userOptions.show && !e.value.style.chart.title.text), n = c({
       size: 360,
       height: 360,
       width: 360
     }), S = c(e.value.style.chart.layout.percentage.fontSize), u = p(() => ({
-      radius: Math.min(o.value.width, o.value.height) * 0.9 / 2,
-      centerX: o.value.width / 2,
-      centerY: o.value.height / 2
+      radius: Math.min(n.value.width, n.value.height) * 0.9 / 2,
+      centerX: n.value.width / 2,
+      centerY: n.value.height / 2
     }));
-    function q(t, n = 1) {
+    function q(t, o = 1) {
       return {
-        x: u.value.centerX + u.value.radius * Math.cos(29.85 + t * Math.PI / 180) * n,
-        y: u.value.centerY + u.value.radius * Math.sin(29.85 + t * Math.PI / 180) * n
+        x: u.value.centerX + u.value.radius * Math.cos(29.85 + t * Math.PI / 180) * o,
+        y: u.value.centerY + u.value.radius * Math.sin(29.85 + t * Math.PI / 180) * o
       };
     }
     const r = c(e.value.style.chart.animation.use ? 0 : d.dataset.percentage || 0);
@@ -79,14 +79,14 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
         type: "dataset"
       }), J(d.dataset.percentage || 0), e.value.responsive) {
         const t = Me(() => {
-          const { width: n, height: a } = Te({
+          const { width: o, height: a } = Te({
             chart: w.value,
             title: e.value.style.chart.title.text ? R.value : null,
             source: U.value,
             noTitle: X.value
           });
           requestAnimationFrame(() => {
-            o.value.width = n, o.value.height = a, S.value = e.value.style.chart.layout.percentage.fontSize / 360 * Math.min(n, a);
+            n.value.width = o, n.value.height = a, S.value = e.value.style.chart.layout.percentage.fontSize / 360 * Math.min(o, a);
           });
         });
         f.value && (g.value && f.value.unobserve(g.value), f.value.disconnect()), f.value = new ResizeObserver(t), g.value = w.value.parentNode, f.value.observe(g.value);
@@ -96,8 +96,8 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
       f.value && (g.value && f.value.unobserve(g.value), f.value.disconnect());
     });
     function J(t) {
-      let n = e.value.style.chart.animation.speed;
-      const a = Math.abs(t - r.value) / (n * 120);
+      let o = e.value.style.chart.animation.speed;
+      const a = Math.abs(t - r.value) / (o * 120);
       function i() {
         r.value < t ? r.value = Math.min(r.value + a, t) : r.value > t && (r.value = Math.max(r.value - a, t)), r.value !== t && requestAnimationFrame(i);
       }
@@ -105,14 +105,14 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
     }
     const m = p(() => Math.max(100, e.value.style.chart.layout.wheel.ticks.quantity)), b = p(() => 100 / m.value), K = p(() => {
       const t = [];
-      for (let n = 0; n < m.value; n += 1) {
-        const a = r.value > n * b.value ? e.value.style.chart.layout.wheel.ticks.activeColor : e.value.style.chart.layout.wheel.ticks.inactiveColor, { x: i, y: pe } = q(o.value.size / m.value * n), { x: ge, y: me } = q(o.value.size / m.value * n, e.value.style.chart.layout.wheel.ticks.sizeRatio);
+      for (let o = 0; o < m.value; o += 1) {
+        const a = r.value > o * b.value ? e.value.style.chart.layout.wheel.ticks.activeColor : e.value.style.chart.layout.wheel.ticks.inactiveColor, { x: i, y: pe } = q(n.value.size / m.value * o), { x: ge, y: me } = q(n.value.size / m.value * o, e.value.style.chart.layout.wheel.ticks.sizeRatio);
         t.push({
           x1: i,
           y1: pe,
           x2: ge,
           y2: me,
-          color: e.value.style.chart.layout.wheel.ticks.gradient.show ? ae(a, n * b.value / m.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : a
+          color: e.value.style.chart.layout.wheel.ticks.gradient.show ? ae(a, o * b.value / m.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : a
         });
       }
       return t;
@@ -132,14 +132,14 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
       generatePdf: H,
       generateImage: W,
       toggleAnnotator: z
-    }), (t, n) => (s(), v("div", {
+    }), (t, o) => (s(), v("div", {
       class: "vue-ui-wheel",
       ref_key: "wheelChart",
       ref: w,
       id: x.value,
       style: M(`font-family:${e.value.style.fontFamily};width:100%; text-align:center;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height:100%" : ""}`),
-      onMouseenter: n[0] || (n[0] = () => l(L)(!0)),
-      onMouseleave: n[1] || (n[1] = () => l(L)(!1))
+      onMouseenter: o[0] || (o[0] = () => l(L)(!0)),
+      onMouseleave: o[1] || (o[1] = () => l(L)(!1))
     }, [
       e.value.userOptions.buttons.annotator ? (s(), _(l(ue), {
         key: 0,
@@ -196,6 +196,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
         isAnnotation: O.value,
         chartElement: w.value,
         callbacks: e.value.userOptions.callbacks,
+        printScale: e.value.userOptions.print.scale,
         onToggleFullscreen: fe,
         onGeneratePdf: l(H),
         onGenerateImage: l(W),
@@ -239,14 +240,14 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
           ]),
           key: "4"
         } : void 0
-      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "position", "titles", "hasAnnotator", "isAnnotation", "chartElement", "callbacks", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
+      ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasPdf", "hasImg", "hasFullscreen", "isFullscreen", "position", "titles", "hasAnnotator", "isAnnotation", "chartElement", "callbacks", "printScale", "onGeneratePdf", "onGenerateImage", "style"])) : h("", !0),
       P.value ? (s(), v("svg", {
         key: 4,
         ref_key: "svgRef",
         ref: G,
         xmlns: l(Fe),
         class: T({ "vue-data-ui-fullscreen--on": C.value, "vue-data-ui-fulscreen--off": !C.value }),
-        viewBox: `0 0 ${o.value.width <= 0 ? 10 : o.value.width} ${o.value.height <= 0 ? 10 : o.value.height}`,
+        viewBox: `0 0 ${n.value.width <= 0 ? 10 : n.value.width} ${n.value.height <= 0 ? 10 : n.value.height}`,
         style: M(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         Ce(l(ce)),
@@ -254,8 +255,8 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
           key: 0,
           x: 0,
           y: 0,
-          width: o.value.width <= 0 ? 10 : o.value.width,
-          height: o.value.height <= 0 ? 10 : o.value.height,
+          width: n.value.width <= 0 ? 10 : n.value.width,
+          height: n.value.height <= 0 ? 10 : n.value.height,
           style: {
             pointerEvents: "none"
           }
@@ -268,7 +269,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
           y1: a.y1,
           y2: a.y2,
           stroke: a.color,
-          "stroke-width": e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(o.value.width, o.value.height),
+          "stroke-width": e.value.style.chart.layout.wheel.ticks.strokeWidth / 360 * Math.min(n.value.width, n.value.height),
           "stroke-linecap": e.value.style.chart.layout.wheel.ticks.rounded ? "round" : "butt",
           class: T({ "vue-ui-tick-animated": e.value.style.chart.animation.use && i * b.value <= r.value })
         }, null, 10, je))), 256)) : (s(!0), v(ee, { key: 2 }, te(ye.value, (a, i) => (s(), v("path", {
@@ -303,7 +304,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
             r: e.value.style.chart.layout.percentage.rounding
           })
         )), 9, He)) : h("", !0),
-        y(t.$slots, "svg", { svg: o.value }, void 0, !0)
+        y(t.$slots, "svg", { svg: n.value }, void 0, !0)
       ], 14, Be)) : h("", !0),
       t.$slots.watermark ? (s(), v("div", We, [
         y(t.$slots, "watermark", I(A({ isPrinting: l(D) || l(Y) })), void 0, !0)
@@ -330,7 +331,7 @@ const Le = ["id"], Be = ["xmlns", "viewBox"], Ge = ["width", "height"], je = ["x
       }, null, 8, ["config"]))
     ], 44, Le));
   }
-}, ot = /* @__PURE__ */ Ee(qe, [["__scopeId", "data-v-b1e78d19"]]);
+}, nt = /* @__PURE__ */ Ee(qe, [["__scopeId", "data-v-88c72001"]]);
 export {
-  ot as default
+  nt as default
 };