vue-data-ui 3.9.19 → 3.9.21

package/dist/{vue-ui-waffle-CwYUPidK.js → vue-ui-waffle-Ck_wiBzc.js}

@@ -1,8 +1,8 @@
-import { defineAsyncComponent as L, useSlots as Jt, computed as v, ref as i, toRefs as Kt, watch as J, shallowRef as lt, onMounted as Qt, onBeforeUnmount as Zt, createElementBlock as c, openBlock as r, unref as d, normalizeStyle as ae, normalizeClass as at, createBlock as E, createCommentVNode as C, createElementVNode as k, createVNode as oe, withCtx as f, renderSlot as h, normalizeProps as x, guardReactiveProps as $, createSlots as Ae, Fragment as T, renderList as z, mergeProps as xe, toDisplayString as ne, Teleport as el, resolveDynamicComponent as tl, createTextVNode as ot, nextTick as ll } from "vue";
-import { c as al, t as ol, i as nl, j as R, o as nt, g as $e, l as ul, k as rl, a as K, d as D, X as sl, s as il, h as cl, x as vl, m as dl, v as fl, r as hl, G as pl, y as gl, _ as yl } from "./lib-2iaAPQ_c.js";
+import { defineAsyncComponent as L, useSlots as Jt, computed as v, ref as i, toRefs as Kt, watch as J, shallowRef as lt, onMounted as Qt, onBeforeUnmount as Zt, createElementBlock as c, openBlock as n, unref as d, normalizeStyle as ae, normalizeClass as at, createBlock as E, createCommentVNode as C, createElementVNode as k, createVNode as oe, withCtx as f, renderSlot as h, normalizeProps as x, guardReactiveProps as $, createSlots as Ae, Fragment as T, renderList as z, mergeProps as xe, toDisplayString as re, Teleport as el, resolveDynamicComponent as tl, createTextVNode as ot, nextTick as ll } from "vue";
+import { c as al, t as ol, i as rl, j as R, o as rt, g as $e, l as ul, k as nl, a as K, d as D, X as sl, s as il, h as cl, x as vl, m as dl, v as fl, r as hl, G as pl, y as gl, _ as yl } from "./lib-2iaAPQ_c.js";
 import { b as bl } from "./labelUtils-B3mOOEke.js";
 import { t as ml, u as Cl } from "./useResponsive-DfdjqQps.js";
-import { u as kl, a as Te } from "./useNestedProp-DaR1dBmj.js";
+import { u as kl, a as Te } from "./useNestedProp-gqRzbKJy.js";
 import { u as wl, B as Al } from "./BaseScanner-BMpwQAfz.js";
 import { u as xl } from "./usePrinter-ChVMpU2f.js";
 import { u as $l } from "./useSvgExport-ByUukOZt.js";
@@ -11,20 +11,20 @@ import { u as Fl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Il } from "./useChartAccessibility-9icAAmYg.js";
 import Sl from "./img-CqYIrJ8I.js";
 import { _ as _l } from "./Shape-12_eh8zD.js";
-import Bl from "./Title-D0nD-PMs.js";
+import Bl from "./Title-B7pkWzTi.js";
 import Ol from "./Legend-D2xmnFPH.js";
 import { _ as Dl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { rect: { rounded: !1, stroke: "#1A1A1A" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, rt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { rect: { rounded: !1, stroke: "#FFF8E1", useGradient: !1 } }, legend: { color: "#424242", backgroundColor: "#FFF8E1" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, st = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { rect: { rounded: !1, stroke: "#1E1E1E", useGradient: !1 } }, legend: { color: "#BDBDBD", backgroundColor: "#1E1E1E" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, it = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { rect: { rounded: !1, stroke: "#66CC66", useGradient: !1 } }, legend: { color: "#99AA99", backgroundColor: "#1A1A1A" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, ct = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { rect: { rounding: 4, stroke: "#fbfafa" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, vt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { rect: { rounded: !1, stroke: "#404C5A", useGradient: !1 } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, dt = {
+const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { rect: { rounded: !1, stroke: "#1A1A1A" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, nt = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { rect: { rounded: !1, stroke: "#FFF8E1", useGradient: !1 } }, legend: { color: "#424242", backgroundColor: "#FFF8E1" }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, st = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { rect: { rounded: !1, stroke: "#1E1E1E", useGradient: !1 } }, legend: { color: "#BDBDBD", backgroundColor: "#1E1E1E" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, table: { th: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, td: { backgroundColor: "#1E1E1E", color: "#BDBDBD" } } }, it = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { rect: { rounded: !1, stroke: "#66CC66", useGradient: !1 } }, legend: { color: "#99AA99", backgroundColor: "#1A1A1A" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, ct = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { rect: { rounding: 4, stroke: "#fbfafa" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, vt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { rect: { rounded: !1, stroke: "#404C5A", useGradient: !1 } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, dt = {
   default: {},
   dark: ut,
-  celebration: rt,
+  celebration: nt,
   celebrationNight: st,
   hack: it,
   zen: ct,
   concrete: vt
 }, ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: rt,
+  celebration: nt,
   celebrationNight: st,
   concrete: vt,
   dark: ut,
@@ -52,7 +52,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend"],
   setup(ft, { expose: ht, emit: pt }) {
-    const gt = L(() => import("./Tooltip-D0pGX8qz.js")), yt = L(() => import("./BaseIcon-BrCxEtJt.js")), bt = L(() => import("./DataTable-BfEbVwm4.js")), mt = L(() => import("./vue-ui-accordion-DNRtKVZI.js")), Ct = L(() => import("./UserOptions-Cy-iNhZU.js")), kt = L(() => import("./PenAndPaper--ADXtx65.js")), wt = L(() => import("./PackageVersion-By5ZZJ0U.js")), At = L(() => import("./BaseDraggableDialog-BFDTrOH0.js")), { vue_ui_waffle: xt } = kl(), { isThemeValid: $t, warnInvalidTheme: Tt } = Tl(), m = ft, Ft = Jt(), ue = v(() => !!m.dataset && m.dataset.length), b = i(al()), re = i(!1), se = i(""), U = i(null), Fe = i(0), F = i(null), Ie = i(null), Se = i(null), _e = i(null), Be = i(null), Oe = i(0), De = i(0), Pe = i(0), Le = i(!1), j = i(null), ie = i(null), e = i(fe()), { loading: Ee, FINAL_DATASET: Q, manualLoading: ce } = wl({
+    const gt = L(() => import("./Tooltip-DpfUZbt7.js")), yt = L(() => import("./BaseIcon-rQpZbUMg.js")), bt = L(() => import("./DataTable-CRLvcC19.js")), mt = L(() => import("./vue-ui-accordion-Cy3d_0_S.js")), Ct = L(() => import("./UserOptions-BlWCqtbi.js")), kt = L(() => import("./PenAndPaper-D6dHXPfu.js")), wt = L(() => import("./PackageVersion-BiGAIrqC.js")), At = L(() => import("./BaseDraggableDialog-LQz9Nmbj.js")), { vue_ui_waffle: xt } = kl(), { isThemeValid: $t, warnInvalidTheme: Tt } = Tl(), m = ft, Ft = Jt(), ue = v(() => !!m.dataset && m.dataset.length), b = i(al()), ne = i(!1), se = i(""), U = i(null), Fe = i(0), F = i(null), Ie = i(null), Se = i(null), _e = i(null), Be = i(null), Oe = i(0), De = i(0), Pe = i(0), Le = i(!1), j = i(null), ie = i(null), e = i(fe()), { loading: Ee, FINAL_DATASET: Q, manualLoading: ce } = wl({
       ...Kt(m),
       FINAL_CONFIG: e,
       prepareConfig: fe,
@@ -122,7 +122,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       });
       return {
         ...o,
-        customPalette: o.customPalette.length ? o.customPalette : nl[l] || R
+        customPalette: o.customPalette.length ? o.customPalette : rl[l] || R
       };
     }
     J(() => m.config, (t) => {
@@ -130,7 +130,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }, { deep: !0 });
     const P = lt(null), G = lt(null), Ve = v(() => !!e.value.debug);
     function Me() {
-      if (nt(m.dataset) ? ($e({
+      if (rt(m.dataset) ? ($e({
         componentName: "VueUiWaffle",
         type: "dataset",
         debug: Ve.value
@@ -147,7 +147,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             debug: Ve.value
           });
         });
-      }), nt(m.dataset) || (ce.value = e.value.loading), e.value.responsive) {
+      }), rt(m.dataset) || (ce.value = e.value.loading), e.value.responsive) {
         const t = ml(() => {
           const { width: l, height: a } = Cl({
             chart: F.value,
@@ -172,7 +172,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       elementId: `vue-ui-waffle_${b.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle",
       options: e.value.userOptions.print
-    }), It = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), je = v(() => rl(e.value.customPalette)), w = i({
+    }), It = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), je = v(() => nl(e.value.customPalette)), w = i({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
@@ -192,13 +192,13 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       width: 512
     }), S = v(() => (I.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), _ = v(() => (I.value.height - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), St = v(() => Math.max(1e-4, I.value.width / e.value.style.chart.layout.grid.size)), qe = v(() => Math.max(1e-4, I.value.height / e.value.style.chart.layout.grid.size));
     function He(t) {
-      const l = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((A, we) => A + we, 0), o = t.map((A) => A / a * l), n = o.map(Math.floor), u = o.map((A) => A % 1);
-      let g = l - n.reduce((A, we) => A + we, 0);
+      const l = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((A, we) => A + we, 0), o = t.map((A) => A / a * l), r = o.map(Math.floor), u = o.map((A) => A % 1);
+      let g = l - r.reduce((A, we) => A + we, 0);
       for (; g > 0; ) {
         let A = u.indexOf(Math.max(...u));
-        n[A] += 1, u[A] = 0, g -= 1;
+        r[A] += 1, u[A] = 0, g -= 1;
       }
-      return n;
+      return r;
     }
     const q = i(!1);
     function he() {
@@ -216,10 +216,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       p.value = he();
     }, { deep: !0 });
     const _t = v(() => {
-      const t = p.value.filter((l, a) => !y.value.includes(l.uid)).map((l, a) => q.value ? 1 : (l.values || []).reduce((o, n) => o + n, 0));
+      const t = p.value.filter((l, a) => !y.value.includes(l.uid)).map((l, a) => q.value ? 1 : (l.values || []).reduce((o, r) => o + r, 0));
       return He(t);
     }), Bt = v(() => {
-      const t = p.value.map((l, a) => q.value ? 1 : (l.values || []).reduce((o, n) => o + n));
+      const t = p.value.map((l, a) => q.value ? 1 : (l.values || []).reduce((o, r) => o + r));
       return He(t);
     }), H = v(() => (Q.value.forEach((t, l) => {
       [null, void 0].includes(t.values) && $e({
@@ -256,10 +256,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     const Dt = v(() => {
       let t = 0;
       return H.value.map((l, a) => {
-        const o = t, n = o + l.proportion, u = [];
-        for (let g = Math.floor(o); g < Math.floor(n); g += 1)
+        const o = t, r = o + l.proportion, u = [];
+        for (let g = Math.floor(o); g < Math.floor(r); g += 1)
           u.push(g);
-        return t = n, {
+        return t = r, {
           ...l,
           start: o,
           rects: u
@@ -293,42 +293,42 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function Z(t) {
       if (q.value) return;
       if (!e.value.useAnimation) {
-        y.value.includes(t) ? y.value = y.value.filter((n) => n !== t) : y.value.length < V.value.length - 1 && V.value.length > 1 && y.value.push(t);
+        y.value.includes(t) ? y.value = y.value.filter((r) => r !== t) : y.value.length < V.value.length - 1 && V.value.length > 1 && y.value.push(t);
         return;
       }
-      const l = pe.value.find((n) => n.uid === t).values.reduce((n, u) => n + u, 0), a = p.value.find((n) => n.uid === t).values.reduce((n, u) => n + u, 0);
+      const l = pe.value.find((r) => r.uid === t).values.reduce((r, u) => r + u, 0), a = p.value.find((r) => r.uid === t).values.reduce((r, u) => r + u, 0);
       let o = a;
       if (!(a === 0 && l === 0)) {
         if (y.value.includes(t)) {
           let u = function() {
-            o > n ? (cancelAnimationFrame(Xe.value), p.value = p.value.map((g, A) => g.uid === t ? {
+            o > r ? (cancelAnimationFrame(Xe.value), p.value = p.value.map((g, A) => g.uid === t ? {
               ...g,
-              values: [n]
-            } : g), X.value = !1) : (X.value = !0, o += n * 0.025, p.value = p.value.map((g, A) => g.uid === t ? {
+              values: [r]
+            } : g), X.value = !1) : (X.value = !0, o += r * 0.025, p.value = p.value.map((g, A) => g.uid === t ? {
               ...g,
               values: [o]
             } : g), Xe.value = requestAnimationFrame(u));
           };
           y.value = y.value.filter((g) => g !== t);
-          const n = l;
+          const r = l;
           u();
         } else if (y.value.length < V.value.length - 1 && V.value.length > 1) {
-          let n = function() {
+          let r = function() {
             o < a / 100 ? (cancelAnimationFrame(Ye.value), y.value.push(t), p.value = p.value.map((u, g) => u.uid === t ? {
               ...u,
               values: [0]
             } : u), X.value = !1) : (X.value = !0, o /= 1.15, p.value = p.value.map((u) => u.uid === t ? {
               ...u,
               values: [o]
-            } : u), Ye.value = requestAnimationFrame(n));
+            } : u), Ye.value = requestAnimationFrame(r));
           };
-          n();
+          r();
         }
-        Mt("selectLegend", H.value.map((n) => ({
-          name: n.name,
-          color: n.color,
-          value: n.value,
-          proportion: n.proportion / Math.pow(e.value.style.chart.layout.grid.size, 2)
+        Mt("selectLegend", H.value.map((r) => ({
+          name: r.name,
+          color: r.color,
+          value: r.value,
+          proportion: r.proportion / Math.pow(e.value.style.chart.layout.grid.size, 2)
         })));
       }
     }
@@ -351,10 +351,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       percentage: l,
       showVal: a,
       showPercentage: o,
-      config: n
+      config: r
     }) {
       return bl({
-        config: n,
+        config: r,
         val: t,
         percentage: l,
         showVal: a,
@@ -362,7 +362,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       });
     }
     const V = v(() => p.value.map((t, l) => {
-      const a = (t.values || []).reduce((n, u) => n + u, 0), o = a / p.value.map((n) => (n.values || []).reduce((u, g) => u + g, 0)).reduce((n, u) => n + u, 0);
+      const a = (t.values || []).reduce((r, u) => r + u, 0), o = a / p.value.map((r) => (r.values || []).reduce((u, g) => u + g, 0)).reduce((r, u) => r + u, 0);
       return {
         name: t.name,
         color: t.color || je[l] || R[l] || R[l % R.length],
@@ -377,7 +377,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         v: t.value,
         s: e.value.style.chart.layout.labels.dataLabels.suffix,
         r: e.value.style.chart.legend.roundingValue
-      }), { datapoint: t, index: l }), o = isNaN(t.value / B.value) ? "-" : D({ v: t.value / B.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage }), n = ye({
+      }), { datapoint: t, index: l }), o = isNaN(t.value / B.value) ? "-" : D({ v: t.value / B.value * 100, s: "%", r: e.value.style.chart.legend.roundingPercentage }), r = ye({
         val: a,
         percentage: o,
         showVal: e.value.style.chart.legend.showValue,
@@ -389,7 +389,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         opacity: y.value.includes(t.uid) ? 0.5 : 1,
         segregate: () => Z(t.uid),
         isSegregated: y.value.includes(t.uid),
-        display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${n}`
+        display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${r}`
       };
     })), Et = v(() => ({
       cy: "waffle-div-legend",
@@ -405,7 +405,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     function Nt(t) {
       const l = s.value[t];
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: l.serieIndex }), me.value = null, re.value = !1, U.value = null;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: l.serieIndex }), me.value = null, ne.value = !1, U.value = null;
     }
     function Vt(t) {
       if (y.value.length === m.dataset.length) return;
@@ -415,7 +415,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         seriesIndex: l.absoluteIndex,
         series: p.value,
         config: e.value
-      }, e.value.events.datapointEnter && me.value !== l.serieIndex && e.value.events.datapointEnter({ datapoint: l, seriesIndex: l.serieIndex }), me.value = l.serieIndex, re.value = !0, U.value = s.value[t].serieIndex;
+      }, e.value.events.datapointEnter && me.value !== l.serieIndex && e.value.events.datapointEnter({ datapoint: l, seriesIndex: l.serieIndex }), me.value = l.serieIndex, ne.value = !0, U.value = s.value[t].serieIndex;
       const a = e.value.style.chart.tooltip.customFormat;
       if (gl(a) && yl(() => a({
         seriesIndex: s.value[t].absoluteIndex,
@@ -482,7 +482,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           r: e.value.style.chart.layout.labels.captions.roundingValue
         }),
         { datapoint: s.value[t], position: l }
-      ), o = D({ v: s.value[t].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage }), n = (e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? pl({ source: s.value[t].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : s.value[t].name) + (e.value.style.chart.layout.labels.captions.showPercentage || e.value.style.chart.layout.labels.captions.showValue ? ":" : ""), u = e.value.style.chart.layout.labels.captions.showSerieName ? n : "", g = ye({
+      ), o = D({ v: s.value[t].proportion, s: "%", r: e.value.style.chart.layout.labels.captions.roundingPercentage }), r = (e.value.style.chart.layout.labels.captions.serieNameAbbreviation ? pl({ source: s.value[t].name, length: e.value.style.chart.layout.labels.captions.serieNameMaxAbbreviationSize }) : s.value[t].name) + (e.value.style.chart.layout.labels.captions.showPercentage || e.value.style.chart.layout.labels.captions.showValue ? ":" : ""), u = e.value.style.chart.layout.labels.captions.showSerieName ? r : "", g = ye({
         val: a,
         percentage: o,
         showVal: e.value.style.chart.layout.labels.captions.showValue,
@@ -493,8 +493,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     function Ce(t = null) {
       ll(() => {
-        const l = O.value.head.map((n, u) => [[
-          n.name
+        const l = O.value.head.map((r, u) => [[
+          r.name
         ], [O.value.body[u]], [isNaN(O.value.body[u] / B.value) ? "-" : O.value.body[u] / B.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), o = fl(a);
         t ? t(o) : hl({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
@@ -513,10 +513,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           })
         ),
         "100%"
-      ], l = O.value.head.map((n, u) => [
+      ], l = O.value.head.map((r, u) => [
         {
-          color: n.color,
-          name: n.name
+          color: r.color,
+          name: r.name
         },
         K(
           e.value.style.chart.layout.labels.dataLabels.formatter,
@@ -573,9 +573,9 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     async function Gt({ scale: t = 2 } = {}) {
       if (!F.value) return;
-      const { width: l, height: a } = F.value.getBoundingClientRect(), o = l / a, { imageUri: n, base64: u } = await Sl({ domElement: F.value, base64: !0, img: !0, scale: t });
+      const { width: l, height: a } = F.value.getBoundingClientRect(), o = l / a, { imageUri: r, base64: u } = await Sl({ domElement: F.value, base64: !0, img: !0, scale: t });
       return {
-        imageUri: n,
+        imageUri: r,
         base64: u,
         title: e.value.style.chart.title.text,
         width: l,
@@ -631,8 +631,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     });
     async function tt({ isCb: t }) {
       if (t) {
-        const { blob: l, url: a, text: o, dataUrl: n } = await Yt();
-        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: n });
+        const { blob: l, url: a, text: o, dataUrl: r } = await Yt();
+        e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: r });
       } else
         Xt();
     }
@@ -649,7 +649,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       toggleTooltip: Ze,
       toggleAnnotator: ke,
       toggleFullscreen: Ke
-    }), (t, l) => (r(), c("div", {
+    }), (t, l) => (n(), c("div", {
       class: at(`vue-data-ui-component vue-ui-waffle ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
       ref: F,
@@ -658,7 +658,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       onMouseenter: l[2] || (l[2] = () => d(ze)(!0)),
       onMouseleave: l[3] || (l[3] = () => d(ze)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (r(), E(d(kt), {
+      e.value.userOptions.buttons.annotator ? (n(), E(d(kt), {
         key: 0,
         svgRef: d(de),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -686,20 +686,20 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : C("", !0),
-      It.value ? (r(), c("div", {
+      It.value ? (n(), c("div", {
         key: 1,
         ref_key: "noTitle",
         ref: Be,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : C("", !0),
-      e.value.style.chart.title.text ? (r(), c("div", {
+      e.value.style.chart.title.text ? (n(), c("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: Ie,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (r(), E(Bl, {
+        (n(), E(Bl, {
           key: `title_${Oe.value}`,
           config: {
             title: {
@@ -716,7 +716,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       k("div", {
         id: `legend-top-${b.value}`
       }, null, 8, Ll),
-      e.value.userOptions.show && ue.value && (d(Ne) || d(ve)) ? (r(), E(d(Ct), {
+      e.value.userOptions.show && ue.value && (d(Ne) || d(ve)) ? (n(), E(d(Ct), {
         ref_key: "userOptionsRef",
         ref: ie,
         key: `user_options_${Fe.value}`,
@@ -818,7 +818,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           key: "8"
         } : void 0
       ]), 1032, ["backgroundColor", "color", "isPrinting", "isImaging", "uid", "hasTooltip", "hasPdf", "hasImg", "hasSvg", "hasXls", "hasTable", "hasFullscreen", "isFullscreen", "isTooltip", "titles", "chartElement", "position", "hasAnnotator", "isAnnotation", "callbacks", "printScale", "tableDialog", "onGeneratePdf", "onGenerateImage", "style"])) : C("", !0),
-      (r(), c("svg", {
+      (n(), c("svg", {
         ref_key: "svgRef",
         ref: de,
         xmlns: d(sl),
@@ -828,7 +828,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       }, [
         oe(d(wt)),
         k("defs", null, [
-          (r(!0), c(T, null, z(s.value, (a, o) => (r(), c("radialGradient", {
+          (n(!0), c(T, null, z(s.value, (a, o) => (n(), c("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -864,7 +864,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             }, null, -1)
           ])], 8, Ml)
         ]),
-        e.value.useCustomCells && s.value.length ? (r(!0), c(T, { key: 0 }, z(W.value, (a, o) => (r(), c("foreignObject", {
+        e.value.useCustomCells && s.value.length ? (n(!0), c(T, { key: 0 }, z(W.value, (a, o) => (n(), c("foreignObject", {
           x: a.x,
           y: a.y,
           height: _.value <= 0 ? 1e-4 : _.value,
@@ -873,7 +873,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         }, [
           h(t.$slots, "cell", xe({ ref_for: !0 }, { cell: { ...a, color: s.value[o].color, ...s.value[o] }, isSelected: [null, void 0].includes(U.value) ? !0 : s.value[o].serieIndex === U.value }), void 0, !0)
         ], 8, Rl))), 256)) : C("", !0),
-        !s.value.length && !e.value.useCustomCells ? (r(), c("rect", {
+        !s.value.length && !e.value.useCustomCells ? (n(), c("rect", {
           key: 1,
           x: 12,
           y: 12,
@@ -882,13 +882,13 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           rx: 3,
           fill: "none",
           stroke: "black"
-        }, null, 8, Ul)) : s.value.length && !e.value.useCustomCells ? (r(), c(T, { key: 2 }, [
-          t.$slots.pattern ? (r(), c("g", Gl, [
-            (r(!0), c(T, null, z(pe.value, (a) => (r(), c("defs", null, [
+        }, null, 8, Ul)) : s.value.length && !e.value.useCustomCells ? (n(), c(T, { key: 2 }, [
+          t.$slots.pattern ? (n(), c("g", Gl, [
+            (n(!0), c(T, null, z(pe.value, (a) => (n(), c("defs", null, [
               h(t.$slots, "pattern", xe({ ref_for: !0 }, { seriesIndex: a.absoluteIndex, patternId: `pattern_${b.value}_${a.absoluteIndex}` }), void 0, !0)
             ]))), 256))
           ])) : C("", !0),
-          (r(!0), c(T, null, z(W.value, (a, o) => (r(), c("rect", {
+          (n(!0), c(T, null, z(W.value, (a, o) => (n(), c("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -899,7 +899,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: ee(s.value[o].serieIndex)
           }, null, 8, Wl))), 256)),
-          (r(!0), c(T, null, z(W.value, (a, o) => (r(), c("rect", {
+          (n(!0), c(T, null, z(W.value, (a, o) => (n(), c("rect", {
             rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -910,8 +910,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: ee(s.value[o].serieIndex)
           }, null, 8, jl))), 256)),
-          t.$slots.pattern ? (r(), c("g", ql, [
-            (r(!0), c(T, null, z(W.value, (a, o) => (r(), c("rect", {
+          t.$slots.pattern ? (n(), c("g", ql, [
+            (n(!0), c(T, null, z(W.value, (a, o) => (n(), c("rect", {
               rx: e.value.style.chart.layout.rect.rounded ? e.value.style.chart.layout.rect.rounding : 0,
               x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
               y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
@@ -923,10 +923,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             }, null, 8, Hl))), 256))
           ])) : C("", !0)
         ], 64)) : C("", !0),
-        (r(!0), c(T, null, z(W.value, (a, o) => (r(), c(T, null, [
-          Rt(o, a) ? (r(), c("text", {
+        (n(!0), c(T, null, z(W.value, (a, o) => (n(), c(T, null, [
+          Rt(o, a) ? (n(), c("text", {
             key: `datalabel_${o}`,
-            textContent: ne(Ut(o, a)),
+            textContent: re(Ut(o, a)),
             x: a.x + e.value.style.chart.layout.labels.captions.offsetX + e.value.style.chart.layout.grid.spaceBetween / 2 + 6,
             y: a.y + e.value.style.chart.layout.labels.captions.offsetY + e.value.style.chart.layout.grid.spaceBetween / 2 + qe.value / 2 + e.value.style.chart.layout.labels.captions.fontSize / 3,
             "font-size": e.value.style.chart.layout.labels.captions.fontSize,
@@ -934,26 +934,26 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             filter: ee(s.value[o].serieIndex)
           }, null, 8, Xl)) : C("", !0)
         ], 64))), 256)),
-        (r(!0), c(T, null, z(W.value, (a, o) => (r(), c("rect", {
+        (n(!0), c(T, null, z(W.value, (a, o) => (n(), c("rect", {
           x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
           y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
           height: qe.value,
           width: St.value,
           fill: "transparent",
           stroke: "none",
-          onMouseover: (n) => Vt(o),
-          onMouseleave: (n) => Nt(o),
-          onClick: (n) => zt(o)
+          onMouseover: (r) => Vt(o),
+          onMouseleave: (r) => Nt(o),
+          onClick: (r) => zt(o)
         }, null, 40, Yl))), 256)),
         h(t.$slots, "svg", { svg: N.value }, void 0, !0)
       ], 14, El)),
-      t.$slots.watermark ? (r(), c("div", Jl, [
+      t.$slots.watermark ? (n(), c("div", Jl, [
         h(t.$slots, "watermark", x($({ isPrinting: d(Re) || d(Ue) })), void 0, !0)
       ])) : C("", !0),
       k("div", {
         id: `legend-bottom-${b.value}`
       }, null, 8, Kl),
-      Le.value ? (r(), E(el, {
+      Le.value ? (n(), E(el, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
@@ -961,7 +961,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           ref_key: "chartLegend",
           ref: Se
         }, [
-          e.value.style.chart.legend.show ? (r(), E(Ol, {
+          e.value.style.chart.legend.show ? (n(), E(Ol, {
             key: `legend_${Pe.value}`,
             legendSet: V.value,
             config: Et.value,
@@ -971,7 +971,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               k("div", {
                 onClick: (o) => a.segregate(),
                 style: ae(`opacity:${y.value.includes(a.uid) ? 0.5 : 1}`)
-              }, ne(a.display), 13, Ql)
+              }, re(a.display), 13, Ql)
             ]),
             _: 2
           }, [
@@ -994,7 +994,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : C("", !0),
-      t.$slots.source ? (r(), c("div", {
+      t.$slots.source ? (n(), c("div", {
         key: 6,
         ref_key: "source",
         ref: _e,
@@ -1003,7 +1003,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         h(t.$slots, "source", {}, void 0, !0)
       ], 512)) : C("", !0),
       oe(d(gt), {
-        show: w.value.showTooltip && re.value && y.value.length < m.dataset.length,
+        teleportTo: e.value.style.chart.tooltip.teleportTo,
+        show: w.value.showTooltip && ne.value && y.value.length < m.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -1029,14 +1030,14 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           h(t.$slots, "tooltip-after", x($({ ...be.value })), void 0, !0)
         ]),
         _: 3
-      }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      ue.value && e.value.userOptions.buttons.table ? (r(), E(tl(Y.value.component), xe({ key: 7 }, Y.value.props, {
+      }, 8, ["teleportTo", "show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "offsetY", "parent", "content", "isCustom", "fontSize", "isFullscreen", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
+      ue.value && e.value.userOptions.buttons.table ? (n(), E(tl(Y.value.component), xe({ key: 7 }, Y.value.props, {
         ref_key: "tableUnit",
         ref: j,
         onClose: et
       }), Ae({
         content: f(() => [
-          (r(), E(d(bt), {
+          (n(), E(d(bt), {
             key: `table_${De.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
@@ -1053,7 +1054,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               }, null, 8, Zl)
             ]),
             td: f(({ td: a }) => [
-              ot(ne(a.name || a), 1)
+              ot(re(a.name || a), 1)
             ]),
             _: 1
           }, 8, ["colNames", "head", "body", "config", "title", "withCloseButton"]))
@@ -1063,7 +1064,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         e.value.table.useDialog ? {
           name: "title",
           fn: f(() => [
-            ot(ne(Y.value.title), 1)
+            ot(re(Y.value.title), 1)
           ]),
           key: "0"
         } : void 0,
@@ -1084,10 +1085,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           key: "1"
         } : void 0
       ]), 1040)) : C("", !0),
-      d(Ee) ? (r(), E(Al, { key: 8 })) : C("", !0)
+      d(Ee) ? (n(), E(Al, { key: 8 })) : C("", !0)
     ], 46, Pl));
   }
-}, ta = /* @__PURE__ */ Dl(ea, [["__scopeId", "data-v-da99ceb0"]]), ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ta = /* @__PURE__ */ Dl(ea, [["__scopeId", "data-v-1257e714"]]), ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   default: ta
 }, Symbol.toStringTag, { value: "Module" }));

package/dist/{vue-ui-wheel-CK5obtTV.js → vue-ui-wheel-4ZZLizdv.js}

@@ -1,7 +1,7 @@
 import { useCssVars as Tt, computed as g, defineAsyncComponent as fe, ref as $, toRefs as Wt, watch as je, shallowRef as Ue, onMounted as Bt, onBeforeUnmount as Et, createElementBlock as n, openBlock as s, unref as c, normalizeStyle as ge, normalizeClass as P, createBlock as ne, createCommentVNode as z, withCtx as I, renderSlot as w, normalizeProps as R, guardReactiveProps as F, createSlots as Nt, createVNode as Xt, Fragment as _, renderList as T, createElementVNode as jt, toDisplayString as Ut } from "vue";
 import { c as Lt, t as Ht, o as Yt, g as Gt, h as K, a3 as Vt, X as qt, q as Le, a as Zt, U as He, d as Jt } from "./lib-2iaAPQ_c.js";
 import { t as Kt, u as Qt } from "./useResponsive-DfdjqQps.js";
-import { u as ea, a as pe } from "./useNestedProp-DaR1dBmj.js";
+import { u as ea, a as pe } from "./useNestedProp-gqRzbKJy.js";
 import { u as ta, B as aa } from "./BaseScanner-BMpwQAfz.js";
 import { u as la } from "./usePrinter-ChVMpU2f.js";
 import { u as oa } from "./useSvgExport-ByUukOZt.js";
@@ -9,7 +9,7 @@ import { u as sa } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as na } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as ra } from "./useChartAccessibility-9icAAmYg.js";
 import ia from "./img-CqYIrJ8I.js";
-import ua from "./Title-D0nD-PMs.js";
+import ua from "./Title-B7pkWzTi.js";
 import { _ as ca } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { wheel: { ticks: { inactiveColor: "#4A4A4A" } }, innerCircle: { stroke: "#3A3A3A" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } } }, Ge = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { wheel: { ticks: { inactiveColor: "#5D403760", activeColor: "#D32F2F", gradient: { shiftHueIntensity: 0 } } }, innerCircle: { stroke: "#5D403760" } }, title: { color: "#424242", subtitle: { color: "#757575" } } } } }, Ve = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { wheel: { ticks: { inactiveColor: "#5D403780", activeColor: "#D32F2F", gradient: { shiftHueIntensity: 0 } } }, innerCircle: { stroke: "#5D403760" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } } }, qe = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { wheel: { ticks: { rounded: !1, inactiveColor: "#333333", activeColor: "#66CC66", gradient: { shiftHueIntensity: 15 } } }, innerCircle: { show: !1 } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } } }, Ze = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { wheel: { ticks: { inactiveColor: "#F7EDE2", activeColor: "#B1A7AD", gradient: { shiftHueIntensity: 100 } } }, innerCircle: { show: !1 } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } } }, Je = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { wheel: { ticks: { rounded: !1, inactiveColor: "#BBCBC7", activeColor: "#6C94A0", gradient: { shiftHueIntensity: 10 } } }, innerCircle: { stroke: "#BBCBC7" } }, title: { color: "#50606C", subtitle: { color: "#718890" } } } } }, Ke = {
   default: {},
@@ -53,7 +53,7 @@ const Ye = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       v04e37e71: gt.value,
       v04e36104: pt.value
     }));
-    const tt = fe(() => import("./PenAndPaper--ADXtx65.js")), at = fe(() => import("./UserOptions-Cy-iNhZU.js")), lt = fe(() => import("./PackageVersion-By5ZZJ0U.js")), { vue_ui_wheel: ot } = ea(), { isThemeValid: st, warnInvalidTheme: nt } = sa(), W = Qe, rt = g(() => !!W.dataset && Object.keys(W.dataset).length), re = $(Lt()), it = $(null), me = $(0), X = $(null), we = $(null), Ce = $(null), be = $(null), xe = $(0), e = $(he()), { loading: Me, FINAL_DATASET: ie } = ta({
+    const tt = fe(() => import("./PenAndPaper-D6dHXPfu.js")), at = fe(() => import("./UserOptions-BlWCqtbi.js")), lt = fe(() => import("./PackageVersion-BiGAIrqC.js")), { vue_ui_wheel: ot } = ea(), { isThemeValid: st, warnInvalidTheme: nt } = sa(), W = Qe, rt = g(() => !!W.dataset && Object.keys(W.dataset).length), re = $(Lt()), it = $(null), me = $(0), X = $(null), we = $(null), Ce = $(null), be = $(null), xe = $(0), e = $(he()), { loading: Me, FINAL_DATASET: ie } = ta({
       ...Wt(W),
       FINAL_CONFIG: e,
       prepareConfig: he,