vue-data-ui 3.9.11 → 3.9.13

package/dist/{vue-ui-quick-chart-CZgZOWsW.js → vue-ui-quick-chart-CGbEBTS1.js}

@@ -1,16 +1,16 @@
 import { defineAsyncComponent as Fe, ref as A, computed as M, toRefs as La, watch as Te, shallowRef as Bt, onMounted as _a, onBeforeUnmount as Dt, nextTick as lt, watchEffect as za, createElementBlock as n, openBlock as o, normalizeStyle as D, normalizeClass as he, createBlock as Ie, createCommentVNode as m, createElementVNode as z, createVNode as Se, unref as s, withCtx as W, renderSlot as R, normalizeProps as Q, guardReactiveProps as K, createSlots as $a, toDisplayString as N, Fragment as x, renderList as F, Teleport as Ea, mergeProps as ot } from "vue";
-import { c as Fa, t as Ta, i as Ia, p as ee, a0 as Nt, j as Oa, a6 as Pa, g as Ma, o as Ra, l as nt, a2 as Ba, M as Ge, X as Da, a3 as Na, a4 as it, a5 as Oe, a as se, d as Z, _ as Ut, z as Vt, T as ve, x as We, Z as rt } from "./lib-W9waxHL3.js";
+import { c as Fa, t as Ta, i as Ia, j as ee, a1 as Nt, k as Oa, a7 as Pa, g as Ma, o as Ra, m as nt, a3 as Ba, N as Ge, X as Da, a4 as Na, a5 as it, a6 as Oe, a as se, d as Y, $ as Ut, A as Vt, U as ve, y as We, _ as rt } from "./lib-BwysEpWI.js";
 import { t as Ht, u as Ua } from "./useResponsive-DfdjqQps.js";
-import { u as Va, a as ut } from "./useNestedProp-D-jUHecl.js";
+import { u as Va, a as ut } from "./useNestedProp--5lL-kf1.js";
 import { u as Ha, B as qa } from "./BaseScanner-BMpwQAfz.js";
-import { u as Ga } from "./usePrinter-DhoMn87n.js";
+import { u as Ga } from "./usePrinter-BJzHDpYF.js";
 import { u as Wa } from "./useSvgExport-ByUukOZt.js";
 import { u as ja } from "./useTimeLabels-DKoynYae.js";
 import { u as Xa } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Za } from "./useChartAccessibility-9icAAmYg.js";
-import { u as Ya } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Ja from "./img-BJzUSmkm.js";
-import { S as Qa } from "./Slicer-DBYna_by.js";
+import { u as Ya } from "./useChartAccessibility-9icAAmYg.js";
+import { u as Za } from "./useTimeLabelCollider-CIsgDrl9.js";
+import Ja from "./img-DKigoPDs.js";
+import { S as Qa } from "./Slicer-Bn8azYkD.js";
 import { _ as Ka } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const w = {
   LINE: "LINE",
@@ -22,8 +22,8 @@ function tl({ dataset: h, barLineSwitch: O = 6, debug: C = !0 }) {
   if ((typeof h == "number" || typeof h == "string") && C && console.warn(`The provided dataset (${h}) is not sufficient to build a chart`), Xe(h) && (de(h) && (h.length < O ? V = w.BAR : V = w.LINE, X = h, ce = h.length), je(h))) {
     if (!ll(h))
       return C && console.warn("The objects in the dataset array have a different data structure. Either keys or value types are different."), !1;
-    const Ze = Object.keys(h[0]), Pe = Object.values(h[0]);
-    if (!Ze.some((j) => ol(j)))
+    const Ye = Object.keys(h[0]), Pe = Object.values(h[0]);
+    if (!Ye.some((j) => ol(j)))
       return C && console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
     qt(Pe, (j) => typeof j == "number") && (V = w.DONUT, X = h), qt(Pe, (j) => Array.isArray(j) && de(j)) && (Gt(h) > O ? V = w.LINE : V = w.BAR, ce = Gt(h), X = h.map((j) => ({
       ...j,
@@ -91,18 +91,18 @@ function Wt(h) {
     h.hasOwnProperty(C) && (O[C.toUpperCase()] = h[C]);
   return O;
 }
-const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A", xyAxisStroke: "#5A5A5A", xyGridStroke: "#4A4A4A", xyHighlighterColor: "#CCCCCC", zoomColor: "#4A4A4A", zoomHighlightColor: "#9A9A9A", zoomMinimap: { lineColor: "#424242", selectedColor: "#8A8A8A", indicatorColor: "#CCCCCC" }, tooltipBorderColor: "#5A5A5A", tooltipBackgroundOpacity: 70 }, Zt = { backgroundColor: "#FFF8E1", color: "#424242", donutStroke: "#FFF8E1", xyAxisStroke: "#5D4037", xyGridStroke: "#5D403760", xyHighlighterColor: "#424242", zoomColor: "#5D4037", zoomHighlightColor: "#FF8A65", zoomMinimap: { lineColor: "#424242", selectedColor: "#FF8A65" }, tooltipBorderColor: "#FF8A65", tooltipBackgroundOpacity: 30 }, Yt = { backgroundColor: "#1E1E1E", color: "#BDBDBD", donutStroke: "#1E1E1E", xyAxisStroke: "#5D4037", xyGridStroke: "#5D403780", xyHighlighterColor: "#FFF8E1", zoomColor: "#5D4037", zoomHighlightColor: "#FF8A65", zoomMinimap: { lineColor: "#FF6B6B", selectedColor: "#FF8A65", indicatorColor: "#FF8A65" }, tooltipBorderColor: "#FF8A65", tooltipBackgroundOpacity: 30 }, Jt = { backgroundColor: "#1A1A1A", color: "#99AA99", xyAxisStroke: "#5F6A5F", xyGridStroke: "#333333", donutStroke: "#1A1A1A", xyHighlighterColor: "#66CC66", zoomColor: "#5F6A5F", zoomHighlightColor: "#66CC66", tooltipBorderColor: "#66CC66" }, Qt = { backgroundColor: "#fbfafa", color: "#8A9892", donutStroke: "#fbfafa", xyAxisStroke: "transparent", xyGridStroke: "transparent", xyHighlighterColor: "#8F837A", zoomColor: "#E0CFC3", zoomHighlightColor: "#8F837A" }, Kt = { backgroundColor: "#f6f6fb", color: "#50606C", donutStroke: "#f6f6fb", xyAxisStroke: "#829C98", xyGridStroke: "#CCD6D3", xyHighlighterColor: "#7DA9B5", zoomColor: "#92B0AB", zoomHighlightColor: "#50606C" }, ea = {
+const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A", xyAxisStroke: "#5A5A5A", xyGridStroke: "#4A4A4A", xyHighlighterColor: "#CCCCCC", zoomColor: "#4A4A4A", zoomHighlightColor: "#9A9A9A", zoomMinimap: { lineColor: "#424242", selectedColor: "#8A8A8A", indicatorColor: "#CCCCCC" }, tooltipBorderColor: "#5A5A5A", tooltipBackgroundOpacity: 70 }, Yt = { backgroundColor: "#FFF8E1", color: "#424242", donutStroke: "#FFF8E1", xyAxisStroke: "#5D4037", xyGridStroke: "#5D403760", xyHighlighterColor: "#424242", zoomColor: "#5D4037", zoomHighlightColor: "#FF8A65", zoomMinimap: { lineColor: "#424242", selectedColor: "#FF8A65" }, tooltipBorderColor: "#FF8A65", tooltipBackgroundOpacity: 30 }, Zt = { backgroundColor: "#1E1E1E", color: "#BDBDBD", donutStroke: "#1E1E1E", xyAxisStroke: "#5D4037", xyGridStroke: "#5D403780", xyHighlighterColor: "#FFF8E1", zoomColor: "#5D4037", zoomHighlightColor: "#FF8A65", zoomMinimap: { lineColor: "#FF6B6B", selectedColor: "#FF8A65", indicatorColor: "#FF8A65" }, tooltipBorderColor: "#FF8A65", tooltipBackgroundOpacity: 30 }, Jt = { backgroundColor: "#1A1A1A", color: "#99AA99", xyAxisStroke: "#5F6A5F", xyGridStroke: "#333333", donutStroke: "#1A1A1A", xyHighlighterColor: "#66CC66", zoomColor: "#5F6A5F", zoomHighlightColor: "#66CC66", tooltipBorderColor: "#66CC66" }, Qt = { backgroundColor: "#fbfafa", color: "#8A9892", donutStroke: "#fbfafa", xyAxisStroke: "transparent", xyGridStroke: "transparent", xyHighlighterColor: "#8F837A", zoomColor: "#E0CFC3", zoomHighlightColor: "#8F837A" }, Kt = { backgroundColor: "#f6f6fb", color: "#50606C", donutStroke: "#f6f6fb", xyAxisStroke: "#829C98", xyGridStroke: "#CCD6D3", xyHighlighterColor: "#7DA9B5", zoomColor: "#92B0AB", zoomHighlightColor: "#50606C" }, ea = {
   default: {},
   dark: Xt,
-  celebration: Zt,
-  celebrationNight: Yt,
+  celebration: Yt,
+  celebrationNight: Zt,
   hack: Jt,
   zen: Qt,
   concrete: Kt
 }, Xo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: Zt,
-  celebrationNight: Yt,
+  celebration: Yt,
+  celebrationNight: Zt,
   concrete: Kt,
   dark: Xt,
   default: ea,
@@ -126,10 +126,10 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
 }, Il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ml = ["x", "y", "font-size", "fill"], Rl = {
   key: 3,
   class: "periodLabels"
-}, Bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dl = { key: 0 }, Nl = ["font-size", "text-anchor", "fill", "transform"], Ul = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Vl = { class: "plots" }, Hl = { class: "line-plot-series" }, ql = ["d", "stroke", "stroke-width"], Gl = ["d", "stroke", "stroke-width"], Wl = ["d", "stroke", "stroke-width"], jl = ["d", "stroke", "stroke-width"], Xl = ["cx", "cy", "fill", "stroke"], Zl = {
+}, Bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dl = { key: 0 }, Nl = ["font-size", "text-anchor", "fill", "transform"], Ul = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Vl = { class: "plots" }, Hl = { class: "line-plot-series" }, ql = ["d", "stroke", "stroke-width"], Gl = ["d", "stroke", "stroke-width"], Wl = ["d", "stroke", "stroke-width"], jl = ["d", "stroke", "stroke-width"], Xl = ["cx", "cy", "fill", "stroke"], Yl = {
   key: 4,
   class: "dataLabels"
-}, Yl = ["font-size", "fill", "x", "y"], Jl = {
+}, Zl = ["font-size", "fill", "x", "y"], Jl = {
   key: 5,
   class: "tooltip-traps"
 }, Ql = ["x", "y", "height", "width", "fill", "onMouseenter", "onMouseleave", "onClick"], Kl = {
@@ -174,9 +174,9 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(h, { expose: O, emit: C }) {
-    const V = Fe(() => import("./BaseIcon-r3_sTK1A.js")), X = Fe(() => import("./PackageVersion-DPLuuWzw.js")), ce = Fe(() => import("./PenAndPaper-CsqBamFZ.js")), Ae = Fe(() => import("./Tooltip-B79qvriT.js")), st = Fe(() => import("./UserOptions-B-2A_KRb.js")), { vue_ui_quick_chart: Ze } = Va(), { isThemeValid: Pe, warnInvalidTheme: j } = Xa(), q = h, ne = A(null), vt = A(null), dt = A(null), ct = A(null), Y = A(Fa()), me = A(!1), we = A(null), ge = A(""), oe = A(null), ft = A(null), ht = A(null), L = A([]), mt = A(0), Me = A(0), gt = A(!1), Ce = A(null), Le = A(null), ie = A(null), Re = A(null), pt = A(null), yt = A(null);
+    const V = Fe(() => import("./BaseIcon-4i3dd7Ty.js")), X = Fe(() => import("./PackageVersion-D3cMhAlf.js")), ce = Fe(() => import("./PenAndPaper-DxIUvoQ8.js")), Ae = Fe(() => import("./Tooltip-TDyKgLB6.js")), st = Fe(() => import("./UserOptions-CzJWRC4s.js")), { vue_ui_quick_chart: Ye } = Va(), { isThemeValid: Pe, warnInvalidTheme: j } = Xa(), q = h, ne = A(null), vt = A(null), dt = A(null), ct = A(null), Z = A(Fa()), me = A(!1), we = A(null), ge = A(""), oe = A(null), ft = A(null), ht = A(null), L = A([]), mt = A(0), Me = A(0), gt = A(!1), Ce = A(null), Le = A(null), ie = A(null), Re = A(null), pt = A(null), yt = A(null);
     A("#FFFFFF");
-    const e = A(Ke()), Ye = M(() => !!e.value.debug), { loading: U, FINAL_DATASET: ta, manualLoading: xt } = Ha({
+    const e = A(Ke()), Ze = M(() => !!e.value.debug), { loading: U, FINAL_DATASET: ta, manualLoading: xt } = Ha({
       ...La(q),
       FINAL_CONFIG: e,
       prepareConfig: Ke,
@@ -212,14 +212,14 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           zoomEndIndex: null
         }
       })
-    }), { svgRef: Je } = Za({ config: { text: e.value.title } }), aa = M(() => e.value.showUserOptionsOnChartHover), kt = M(() => e.value.keepUserOptionsStateOnChartLeave), Be = A(!e.value.showUserOptionsOnChartHover), Qe = A(!1);
+    }), { svgRef: Je } = Ya({ config: { text: e.value.title } }), aa = M(() => e.value.showUserOptionsOnChartHover), kt = M(() => e.value.keepUserOptionsStateOnChartLeave), Be = A(!e.value.showUserOptionsOnChartHover), Qe = A(!1);
     function bt(a = !1) {
       Qe.value = a, aa.value && (Be.value = a);
     }
     function Ke() {
       const a = ut({
         userConfig: q.config,
-        defaultConfig: Ze
+        defaultConfig: Ye
       });
       let u = {};
       const t = a.theme;
@@ -251,7 +251,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       Array.isArray(a) && a.length > 0 && (xt.value = !1);
     }, { immediate: !0 });
     const _e = M(() => Oa(e.value.customPalette)), ye = C, ze = M(() => {
-      const a = tl({ debug: Ye.value, dataset: Pa(ta.value, [
+      const a = tl({ debug: Ze.value, dataset: Pa(ta.value, [
         "serie",
         "series",
         "data",
@@ -259,17 +259,17 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         "values",
         "num"
       ]), barLineSwitch: e.value.chartIsBarUnderDatasetLength });
-      return !a && Ye.value && console.error("VueUiQuickChart : Dataset is not processable"), a;
+      return !a && Ze.value && console.error("VueUiQuickChart : Dataset is not processable"), a;
     }), k = A(ze.value), la = M(() => !!k.value), $ = M(() => k.value ? k.value.type : null);
     Te(() => $.value, (a) => {
       a || Ma({
         componentName: "VueUiQuickChart",
         type: "dataset",
-        debug: Ye.value
+        debug: Ze.value
       });
     }, { immediate: !0 });
     const { isPrinting: De, isImaging: Ne, generatePdf: St, generateImage: At } = Ga({
-      elementId: `${$.value}_${Y.value}`,
+      elementId: `${$.value}_${Z.value}`,
       fileName: e.value.title || $.value,
       options: e.value.userOptionsPrint
     }), oa = M(() => e.value.showUserOptions && !e.value.title), S = A({
@@ -325,7 +325,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       return [...a].map((u) => u.value).reduce((u, t) => u + t, 0);
     }
     function $e(a) {
-      return e.value.blurOnHover && ![null, void 0].includes(oe.value) && oe.value !== a ? `url(#blur_${Y.value})` : "";
+      return e.value.blurOnHover && ![null, void 0].includes(oe.value) && oe.value !== a ? `url(#blur_${Z.value})` : "";
     }
     function Lt(a, u) {
       L.value.includes(a) ? L.value = L.value.filter((t) => t !== a) : L.value.length < u && L.value.push(a);
@@ -392,7 +392,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         immutableValue: f.value
       }));
       function u(f, _) {
-        return Z({
+        return Y({
           v: isNaN(f.value / Ct(_)) ? 0 : f.value / Ct(_) * 100,
           s: "%",
           r: e.value.dataLabelRoundingPercentage
@@ -425,14 +425,14 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           i += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.tooltipBorderColor};padding-bottom:6px;margin-bottom:3px;">${f.name}</div>`, i += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 12 12" height="14" width="14"><circle cx="6" cy="6" r="6" stroke="none" fill="${f.color}"/></svg>`, i += `<b>${se(
             e.value.formatter,
             f.value,
-            Z({
+            Y({
               p: e.value.valuePrefix,
               v: f.value,
               s: e.value.valueSuffix,
               r: e.value.dataLabelRoundingValue
             }),
             { datapoint: f, seriesIndex: _ }
-          )}</b>`, i += `<span>(${Z({ v: f.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, ge.value = `<div>${i}</div>`;
+          )}</b>`, i += `<span>(${Y({ v: f.proportion * 100, s: "%", r: e.value.dataLabelRoundingPercentage })})</span></div>`, ge.value = `<div>${i}</div>`;
         }
         me.value = !0;
       }
@@ -640,7 +640,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                         <b>${se(
               e.value.formatter,
               B.value,
-              Z({
+              Y({
                 p: e.value.valuePrefix,
                 v: B.value,
                 s: e.value.valueSuffix,
@@ -784,7 +784,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                         <b>${se(
               e.value.formatter,
               H.value,
-              Z({
+              Y({
                 p: e.value.valuePrefix,
                 v: H.value,
                 s: e.value.valueSuffix,
@@ -937,7 +937,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       };
     }
     const ya = M(() => S.value.width), xa = M(() => S.value.height);
-    Ya({
+    Za({
       timeLabelsEls: ie,
       timeLabels: te,
       slicer: y,
@@ -989,7 +989,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       toggleFullscreen: Pt
     }), (a, u) => la.value ? (o(), n("div", {
       key: 0,
-      id: `${$.value}_${Y.value}`,
+      id: `${$.value}_${Z.value}`,
       ref_key: "quickChart",
       ref: ne,
       class: he({ "vue-data-ui-component": !0, "vue-ui-quick-chart": !0, "vue-data-ui-wrapper-fullscreen": He.value }),
@@ -1039,7 +1039,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         color: e.value.color,
         isPrinting: s(De),
         isImaging: s(Ne),
-        uid: Y.value,
+        uid: Z.value,
         hasTooltip: e.value.userOptionsButtons.tooltip && e.value.showTooltip,
         hasPdf: e.value.userOptionsButtons.pdf,
         hasImg: e.value.userOptionsButtons.img,
@@ -1123,7 +1123,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         style: D(`background:transparent;color:${e.value.color};font-size:${e.value.titleFontSize}px;font-weight:${e.value.titleBold ? "bold" : "normal"};text-align:${e.value.titleTextAlign}`)
       }, N(e.value.title), 5)) : m("", !0),
       z("div", {
-        id: `legend-top-${Y.value}`
+        id: `legend-top-${Z.value}`
       }, null, 8, rl),
       $.value ? (o(), n("svg", {
         key: 4,
@@ -1172,7 +1172,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         ], 8, dl)) : m("", !0),
         z("defs", null, [
           z("filter", {
-            id: `blur_${Y.value}`,
+            id: `blur_${Z.value}`,
             x: "-50%",
             y: "-50%",
             width: "200%",
@@ -1181,7 +1181,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
             z("feGaussianBlur", {
               in: "SourceGraphic",
               stdDeviation: 2,
-              id: `blur_std_${Y.value}`
+              id: `blur_std_${Z.value}`
             }, null, 8, fl),
             u[4] || (u[4] = z("feColorMatrix", {
               type: "saturate",
@@ -1189,7 +1189,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
             }, null, -1))
           ], 8, cl),
           z("filter", {
-            id: `shadow_${Y.value}`,
+            id: `shadow_${Z.value}`,
             "color-interpolation-filters": "sRGB"
           }, [
             z("feDropShadow", {
@@ -1221,7 +1221,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
             cy: T.value.cy,
             r: T.value.radius,
             fill: e.value.backgroundColor,
-            filter: e.value.donutUseShadow ? `url(#shadow_${Y.value})` : ""
+            filter: e.value.donutUseShadow ? `url(#shadow_${Z.value})` : ""
           }, null, 8, yl),
           z("g", xl, [
             (o(!0), n(x, null, F(T.value.chart, (t, l) => (o(), n("path", {
@@ -1262,7 +1262,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               }, N(T.value.displayArcPercentage(t, T.value.chart)) + " (" + N(s(se)(
                 e.value.formatter,
                 t.value,
-                s(Z)({
+                s(Y)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
@@ -1295,7 +1295,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               y: T.value.drawingArea.centerY + e.value.donutTotalLabelFontSize,
               "font-size": e.value.donutTotalLabelFontSize,
               fill: e.value.color
-            }, N(s(Z)({
+            }, N(s(Y)({
               p: e.value.valuePrefix,
               v: T.value.total,
               s: e.value.valueSuffix,
@@ -1374,7 +1374,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               }, N(s(se)(
                 e.value.formatter,
                 t.value,
-                s(Z)({
+                s(Y)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
@@ -1495,7 +1495,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               }, null, 14, Xl))), 256))
             ]))), 256))
           ]),
-          e.value.showDataLabels ? (o(), n("g", Zl, [
+          e.value.showDataLabels ? (o(), n("g", Yl, [
             (o(!0), n(x, null, F(c.value.dataset, (t, l) => (o(), n(x, null, [
               (o(!0), n(x, null, F(t.coordinates, (r, p) => (o(), n("text", {
                 "text-anchor": "middle",
@@ -1508,14 +1508,14 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               }, N(s(se)(
                 e.value.formatter,
                 s(ve)(r.value),
-                s(Z)({
+                s(Y)({
                   p: e.value.valuePrefix,
                   v: s(ve)(r.value),
                   s: e.value.valueSuffix,
                   r: e.value.dataLabelRoundingValue
                 }),
                 { datapoint: r, seriesIndex: p }
-              )), 15, Yl))), 256))
+              )), 15, Zl))), 256))
             ], 64))), 256))
           ])) : m("", !0),
           Qe.value ? (o(), n("g", Jl, [
@@ -1603,7 +1603,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               }, N(s(se)(
                 e.value.formatter,
                 t.value,
-                s(Z)({
+                s(Y)({
                   p: e.value.valuePrefix,
                   v: t.value,
                   s: e.value.valueSuffix,
@@ -1698,7 +1698,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               }, N(s(se)(
                 e.value.formatter,
                 s(ve)(r.value),
-                s(Z)({
+                s(Y)({
                   p: e.value.valuePrefix,
                   v: s(ve)(r.value),
                   s: e.value.valueSuffix,
@@ -1833,11 +1833,11 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         }, 8, ["background", "borderColor", "fontSize", "useResetSlot", "labelLeft", "labelRight", "textColor", "inputColor", "selectColor", "max", "valueStart", "valueEnd", "smoothMinimap", "minimapSelectedColor", "minimapSelectedColorOpacity", "minimapSelectionRadius", "minimapLineColor", "minimap", "minimapIndicatorColor", "verticalHandles", "minimapSelectedIndex", "start", "end", "refreshStartPoint", "refreshEndPoint", "enableRangeHandles", "enableSelectionDrag", "minimapCompact", "minimapMerged", "allMinimaps", "minimapFrameColor", "focusOnDrag", "focusRangeRatio"]))
       ])) : m("", !0),
       z("div", {
-        id: `legend-bottom-${Y.value}`
+        id: `legend-bottom-${Z.value}`
       }, null, 8, _o),
       gt.value ? (o(), Ie(Ea, {
         key: 7,
-        to: e.value.legendPosition === "top" ? `#legend-top-${Y.value}` : `#legend-bottom-${Y.value}`
+        to: e.value.legendPosition === "top" ? `#legend-top-${Z.value}` : `#legend-bottom-${Z.value}`
       }, [
         e.value.showLegend ? (o(), n("div", {
           key: 0,
@@ -1870,7 +1870,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               }, N(L.value.includes(t.id) ? "-" : s(se)(
                 e.value.formatter,
                 t.absoluteValue,
-                s(Z)({
+                s(Y)({
                   p: e.value.valuePrefix,
                   v: t.absoluteValue,
                   s: e.value.valueSuffix,
@@ -1887,7 +1887,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
               }, " ( - % ) ", 4)) : (o(), n("span", {
                 key: 2,
                 style: D(`font-size:${e.value.legendFontSize}px; font-variant-numeric: tabular-nums;`)
-              }, " (" + N(s(Z)({
+              }, " (" + N(s(Y)({
                 v: t.value / T.value.total * 100,
                 s: "%",
                 r: e.value.dataLabelRoundingPercentage
@@ -1983,12 +1983,12 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       u[5] || (u[5] = z("span", null, "Dataset is not processable", -1))
     ]));
   }
-}, Io = /* @__PURE__ */ Ka(To, [["__scopeId", "data-v-a559e811"]]), Zo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Io = /* @__PURE__ */ Ka(To, [["__scopeId", "data-v-a559e811"]]), Yo = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: Io
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   Xo as a,
-  Zo as b,
+  Yo as b,
   Io as v
 };