vue-data-ui 3.3.3 → 3.4.0

package/dist/{vue-ui-waffle-D-4whGLN.js → vue-ui-waffle-C39XL2GH.js}

@@ -1,22 +1,22 @@
-import { defineAsyncComponent as F, useSlots as Nt, computed as c, ref as i, toRefs as Vt, watch as J, shallowRef as Qe, onMounted as Mt, onBeforeUnmount as Rt, createElementBlock as v, openBlock as n, unref as h, normalizeStyle as le, normalizeClass as Ze, createBlock as B, createCommentVNode as m, createElementVNode as k, createVNode as ae, createSlots as we, withCtx as g, renderSlot as y, normalizeProps as G, guardReactiveProps as W, Fragment as $, renderList as D, mergeProps as ke, toDisplayString as oe, Teleport as Et, resolveDynamicComponent as Ut, createTextVNode as et, nextTick as Gt } from "vue";
-import { c as Wt, t as jt, b as qt, p as M, o as tt, f as xe, g as Ht, e as Xt, a as K, d as P, X as Yt, s as Jt, i as Kt, E as Qt, h as Zt, x as el, y as tl, O as ll, z as al, A as ol } from "./lib-CSDxt1Zh.js";
+import { defineAsyncComponent as F, useSlots as zt, computed as c, ref as i, toRefs as Vt, watch as J, shallowRef as Ke, onMounted as Mt, onBeforeUnmount as Rt, createElementBlock as v, openBlock as n, unref as h, normalizeStyle as le, normalizeClass as Ze, createBlock as B, createCommentVNode as m, createElementVNode as k, createVNode as ae, createSlots as we, withCtx as g, renderSlot as y, normalizeProps as G, guardReactiveProps as W, Fragment as $, renderList as D, mergeProps as ke, toDisplayString as oe, Teleport as Et, resolveDynamicComponent as Ut, createTextVNode as et, nextTick as Gt } from "vue";
+import { c as Wt, t as Ht, b as jt, p as M, o as tt, f as xe, g as qt, e as Xt, a as Q, d as P, X as Yt, s as Jt, i as Qt, J as Kt, h as Zt, P as el, Q as tl, I as ll, G as al, H as ol } from "./lib-BcBZIm6u.js";
 import { t as ul, u as sl } from "./useResponsive-DfdjqQps.js";
-import { u as nl, a as lt } from "./useNestedProp-Dh-ldrr5.js";
+import { u as nl, a as lt } from "./useNestedProp-B7CiTRDS.js";
 import { u as rl, B as il } from "./BaseScanner-BgWxam9d.js";
-import { u as vl } from "./usePrinter-Cq8Pt6Lh.js";
+import { u as vl } from "./usePrinter-C1GiglOH.js";
 import { u as cl } from "./useSvgExport-DrjCWun4.js";
 import { u as dl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as hl } from "./useChartAccessibility-9icAAmYg.js";
-import pl from "./img-DI-W68vp.js";
-import { _ as fl } from "./Shape-BS9UGhNq.js";
-import gl from "./Title-B6rAo9Oz.js";
+import pl from "./img-CFY3JivG.js";
+import { _ as fl } from "./Shape-BhNvlGIN.js";
+import gl from "./Title-CFmv95In.js";
 import { t as yl } from "./themes-Dw-dDudK.js";
-import bl from "./Legend-CCBZ2x8T.js";
+import bl from "./Legend-C8u37J42.js";
 import { _ as ml } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["stop-color"], Il = ["stop-color"], Tl = ["id"], _l = ["x", "y", "height", "width"], Sl = ["height", "width"], Al = { key: 0 }, Ol = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Pl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Ll = { key: 1 }, Fl = ["rx", "x", "y", "height", "width", "fill", "filter"], Bl = ["textContent", "x", "y", "font-size", "fill", "filter"], Dl = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], zl = {
+const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["stop-color"], Il = ["stop-color"], Tl = ["id"], _l = ["x", "y", "height", "width"], Sl = ["height", "width"], Al = { key: 0 }, Ol = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Pl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Ll = { key: 1 }, Fl = ["rx", "x", "y", "height", "width", "fill", "filter"], Bl = ["textContent", "x", "y", "font-size", "fill", "filter"], Dl = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], Nl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Nl = ["id"], Vl = ["onClick"], Ml = ["innerHTML"], Rl = {
+}, zl = ["id"], Vl = ["onClick"], Ml = ["innerHTML"], Rl = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -34,7 +34,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
   },
   emits: ["selectLegend"],
   setup(at, { expose: ot, emit: ut }) {
-    const st = F(() => import("./Tooltip-DaInVNiV.js")), nt = F(() => import("./BaseIcon-DG6cvf2h.js")), rt = F(() => import("./DataTable-DUpZ_s2c.js")), it = F(() => import("./vue-ui-accordion-CaClZrCp.js")), vt = F(() => import("./UserOptions-CJXSEhan.js")), ct = F(() => import("./PenAndPaper-D9LruJaM.js")), dt = F(() => import("./PackageVersion-CQvYRebC.js")), ht = F(() => import("./BaseDraggableDialog-Cysanw8-.js")), { vue_ui_waffle: pt } = nl(), w = at, ft = Nt(), ue = c(() => !!w.dataset && w.dataset.length), b = i(Wt()), se = i(!1), ne = i(""), R = i(null), Ce = i(0), I = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(null), Se = i(0), Ae = i(0), Oe = i(0), Pe = i(!1), j = i(null), re = i(null), e = i(de()), { loading: Le, FINAL_DATASET: Q, manualLoading: ie } = rl({
+    const st = F(() => import("./Tooltip-Cs4v8OnI.js")), nt = F(() => import("./BaseIcon-B5KaGWWC.js")), rt = F(() => import("./DataTable-DOx3zgih.js")), it = F(() => import("./vue-ui-accordion-BKkTS12x.js")), vt = F(() => import("./UserOptions-C0YT60JN.js")), ct = F(() => import("./PenAndPaper-Dj2diYr0.js")), dt = F(() => import("./PackageVersion-DyDViSOy.js")), ht = F(() => import("./BaseDraggableDialog-CbuLbfrc.js")), { vue_ui_waffle: pt } = nl(), w = at, ft = zt(), ue = c(() => !!w.dataset && w.dataset.length), b = i(Wt()), se = i(!1), ne = i(""), R = i(null), Ce = i(0), I = i(null), $e = i(null), Ie = i(null), Te = i(null), _e = i(null), Se = i(0), Ae = i(0), Oe = i(0), Pe = i(!1), H = i(null), re = i(null), e = i(de()), { loading: Le, FINAL_DATASET: K, manualLoading: ie } = rl({
       ...Vt(w),
       FINAL_CONFIG: e,
       prepareConfig: de,
@@ -60,7 +60,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           color: "#CACACA"
         }
       ],
-      skeletonConfig: jt({
+      skeletonConfig: Ht({
         defaultConfig: e.value,
         userConfig: {
           useCustomCells: !1,
@@ -97,20 +97,20 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           userConfig: yl.vue_ui_waffle[t.theme] || w.config,
           defaultConfig: t
         }),
-        customPalette: qt[t.theme] || M
+        customPalette: jt[t.theme] || M
       } : t;
     }
     J(() => w.config, (t) => {
-      Le.value || (e.value = de()), ve.value = !e.value.userOptions.showOnChartHover, ze(), Se.value += 1, Ae.value += 1, Oe.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.chart.tooltip.show;
+      Le.value || (e.value = de()), ve.value = !e.value.userOptions.showOnChartHover, Ne(), Se.value += 1, Ae.value += 1, Oe.value += 1, x.value.showTable = e.value.table.show, x.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
-    const L = Qe(null), E = Qe(null), De = c(() => !!e.value.debug);
-    function ze() {
+    const L = Ke(null), E = Ke(null), De = c(() => !!e.value.debug);
+    function Ne() {
       if (tt(w.dataset) ? (xe({
         componentName: "VueUiWaffle",
         type: "dataset",
         debug: De.value
       }), ue.value = !1, ie.value = !0) : w.dataset.forEach((t, l) => {
-        Ht({
+        qt({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((a) => {
@@ -132,18 +132,18 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
             noTitle: _e.value
           });
           requestAnimationFrame(() => {
-            z.value.width = l, z.value.height = a, T.value.width = l, T.value.height = a;
+            N.value.width = l, N.value.height = a, T.value.width = l, T.value.height = a;
           });
         });
         L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect()), L.value = new ResizeObserver(t), E.value = I.value.parentNode, L.value.observe(E.value);
       }
     }
     Mt(() => {
-      Pe.value = !0, ze();
+      Pe.value = !0, Ne();
     }), Rt(() => {
       L.value && (E.value && L.value.unobserve(E.value), L.value.disconnect());
     });
-    const { isPrinting: Ne, isImaging: Ve, generatePdf: Me, generateImage: Re } = vl({
+    const { isPrinting: ze, isImaging: Ve, generatePdf: Me, generateImage: Re } = vl({
       elementId: `vue-ui-waffle_${b.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-waffle",
       options: e.value.userOptions.print
@@ -157,7 +157,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         showTooltip: e.value.style.chart.tooltip.show
       };
     }, { immediate: !0 });
-    const z = i({
+    const N = i({
       height: 512,
       width: 512
     }), T = i({
@@ -175,9 +175,9 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       }
       return u;
     }
-    const q = i(!1);
+    const j = i(!1);
     function he() {
-      return q.value = Q.value.flatMap((t) => t.values.reduce((l, a) => l + a, 0)).reduce((t, l) => t + l, 0) === 0, Q.value.map((t, l) => ({
+      return j.value = K.value.flatMap((t) => t.values.reduce((l, a) => l + a, 0)).reduce((t, l) => t + l, 0) === 0, K.value.map((t, l) => ({
         ...t,
         color: Zt(t.color) || Ee.value[l] || M[l] || M[l % M.length],
         uid: `serie_${l}`,
@@ -191,12 +191,12 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       p.value = he();
     }, { deep: !0 });
     const bt = c(() => {
-      const t = p.value.filter((l, a) => !f.value.includes(l.uid)).map((l, a) => q.value ? 1 : (l.values || []).reduce((o, u) => o + u, 0));
+      const t = p.value.filter((l, a) => !f.value.includes(l.uid)).map((l, a) => j.value ? 1 : (l.values || []).reduce((o, u) => o + u, 0));
       return Ge(t);
     }), mt = c(() => {
-      const t = p.value.map((l, a) => q.value ? 1 : (l.values || []).reduce((o, u) => o + u));
+      const t = p.value.map((l, a) => j.value ? 1 : (l.values || []).reduce((o, u) => o + u));
       return Ge(t);
-    }), H = c(() => (Q.value.forEach((t, l) => {
+    }), q = c(() => (K.value.forEach((t, l) => {
       [null, void 0].includes(t.values) && xe({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
@@ -230,7 +230,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
     }
     const xt = c(() => {
       let t = 0;
-      return H.value.map((l, a) => {
+      return q.value.map((l, a) => {
         const o = t, u = o + l.proportion, s = [];
         for (let d = Math.floor(o); d < Math.floor(u); d += 1)
           s.push(d);
@@ -264,11 +264,11 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
             y: (e.value.style.chart.layout.grid.vertical ? a : l) * (S.value + e.value.style.chart.layout.grid.spaceBetween) + T.value.top
           });
       return t;
-    }), f = i([]), X = i(!1), We = i(null), je = i(null);
-    function qe(t) {
-      if (q.value) return;
+    }), f = i([]), X = i(!1), We = i(null), He = i(null);
+    function je(t) {
+      if (j.value) return;
       if (!e.value.useAnimation) {
-        f.value.includes(t) ? f.value = f.value.filter((u) => u !== t) : f.value.length < N.value.length - 1 && N.value.length > 1 && f.value.push(t);
+        f.value.includes(t) ? f.value = f.value.filter((u) => u !== t) : f.value.length < z.value.length - 1 && z.value.length > 1 && f.value.push(t);
         return;
       }
       const l = pe.value.find((u) => u.uid === t).values.reduce((u, s) => u + s, 0), a = p.value.find((u) => u.uid === t).values.reduce((u, s) => u + s, 0);
@@ -287,19 +287,19 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           f.value = f.value.filter((d) => d !== t);
           const u = l;
           s();
-        } else if (f.value.length < N.value.length - 1 && N.value.length > 1) {
+        } else if (f.value.length < z.value.length - 1 && z.value.length > 1) {
           let u = function() {
-            o < a / 100 ? (cancelAnimationFrame(je.value), f.value.push(t), p.value = p.value.map((s, d) => s.uid === t ? {
+            o < a / 100 ? (cancelAnimationFrame(He.value), f.value.push(t), p.value = p.value.map((s, d) => s.uid === t ? {
               ...s,
               values: [0]
             } : s), X.value = !1) : (X.value = !0, o /= 1.15, p.value = p.value.map((s) => s.uid === t ? {
               ...s,
               values: [o]
-            } : s), je.value = requestAnimationFrame(u));
+            } : s), He.value = requestAnimationFrame(u));
           };
           u();
         }
-        _t("selectLegend", H.value.map((u) => ({
+        _t("selectLegend", q.value.map((u) => ({
           name: u.name,
           color: u.color,
           value: u.value,
@@ -307,7 +307,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         })));
       }
     }
-    const N = c(() => p.value.map((t, l) => {
+    const z = c(() => p.value.map((t, l) => {
       const a = (t.values || []).reduce((u, s) => u + s, 0), o = a / p.value.map((u) => (u.values || []).reduce((s, d) => s + d, 0)).reduce((u, s) => u + s, 0);
       return {
         name: t.name,
@@ -320,9 +320,9 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
     }).map((t, l) => ({
       ...t,
       opacity: f.value.includes(t.uid) ? 0.5 : 1,
-      segregate: () => qe(t.uid),
+      segregate: () => je(t.uid),
       isSegregated: f.value.includes(t.uid),
-      display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${e.value.style.chart.legend.showValue ? K(e.value.style.chart.layout.labels.dataLabels.formatter, t.value, P({
+      display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${e.value.style.chart.legend.showValue ? Q(e.value.style.chart.layout.labels.dataLabels.formatter, t.value, P({
         p: e.value.style.chart.layout.labels.dataLabels.prefix,
         v: t.value,
         s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -335,7 +335,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), A = c(() => H.value.map((t) => t.value).reduce((t, l) => t + l, 0)), fe = i(null), ge = i(null);
+    })), A = c(() => q.value.map((t) => t.value).reduce((t, l) => t + l, 0)), fe = i(null), ge = i(null);
     function $t(t) {
       const l = r.value[t];
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: l.serieIndex });
@@ -368,7 +368,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         });
       else {
         let o = "";
-        if (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${l.color}" />${ft.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${b.value}_${l.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${K(
+        if (o += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${l.name}</div>`, o += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><rect x="0" y="0" height="60" width="60" stroke="none" rx="1" fill="${l.color}" />${ft.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${b.value}_${l.absoluteIndex})"/>` : ""}</svg>`, e.value.style.chart.tooltip.showValue && (o += `<b>${Q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           l.value,
           P({
@@ -384,7 +384,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
           const u = P({
-            v: q.value ? 1 / Q.value.length * 100 : l.value / A.value * 100,
+            v: j.value ? 1 / K.value.length * 100 : l.value / A.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
           });
@@ -394,10 +394,10 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       }
     }
     const _t = ut, O = c(() => {
-      const t = H.value.map((a) => ({
+      const t = q.value.map((a) => ({
         name: a.name,
         color: a.color
-      })), l = H.value.map((a) => a.value);
+      })), l = q.value.map((a) => a.value);
       return { head: t, body: l };
     });
     function Z(t) {
@@ -407,7 +407,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       return e.value.style.chart.layout.labels.captions.show ? r.value.length && !X.value && !e.value.style.chart.layout.grid.vertical && (r.value[t].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || r.value[t].isAbsoluteFirst && t % e.value.style.chart.layout.grid.size === 0 && r.value[t].absoluteStartIndex) : !1;
     }
     function At(t, l = null) {
-      const a = K(
+      const a = Q(
         e.value.style.chart.layout.labels.dataLabels.formatter,
         r.value[t].value,
         P({
@@ -432,7 +432,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
     const ee = c(() => {
       const t = [
         ' <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" fill="none" stroke-linecap="round" stroke-linejoin="round"><path stroke="none" d="M0 0h24v24H0z" fill="none"/><path d="M18 16v2a1 1 0 0 1 -1 1h-11l6 -7l-6 -7h11a1 1 0 0 1 1 1v2" /></svg>',
-        K(
+        Q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           A.value,
           P({
@@ -448,7 +448,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           color: u.color,
           name: u.name
         },
-        K(
+        Q(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           O.value.body[s],
           P({
@@ -488,7 +488,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         colNames: o
       };
     }), V = i(!1);
-    function He(t) {
+    function qe(t) {
       V.value = t, Ce.value += 1;
     }
     function Xe() {
@@ -544,24 +544,24 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       };
     });
     J(() => x.value.showTable, (t) => {
-      e.value.table.show || (t && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
+      e.value.table.show || (t && e.value.table.useDialog && H.value ? H.value.open() : "close" in H.value && H.value.close());
     });
     function Je() {
       x.value.showTable = !1, re.value && re.value.setTableIconState(!1);
     }
-    const Pt = c(() => N.value.map((t) => ({
+    const Pt = c(() => z.value.map((t) => ({
       ...t,
       name: t.display
-    }))), Lt = c(() => e.value.style.chart.backgroundColor), Ft = c(() => e.value.style.chart.legend), Bt = c(() => e.value.style.chart.title), { exportSvg: Dt, getSvg: zt } = cl({
+    }))), Lt = c(() => e.value.style.chart.backgroundColor), Ft = c(() => e.value.style.chart.legend), Bt = c(() => e.value.style.chart.title), { exportSvg: Dt, getSvg: Nt } = cl({
       svg: ce,
       title: Bt,
       legend: Ft,
       legendItems: Pt,
       backgroundColor: Lt
     });
-    async function Ke({ isCb: t }) {
+    async function Qe({ isCb: t }) {
       if (t) {
-        const { blob: l, url: a, text: o, dataUrl: u } = await zt();
+        const { blob: l, url: a, text: o, dataUrl: u } = await Nt();
         e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: u });
       } else
         Dt();
@@ -572,11 +572,11 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       generatePdf: Me,
       generateCsv: ye,
       generateImage: Re,
-      generateSvg: Ke,
+      generateSvg: Qe,
       toggleTable: Xe,
       toggleTooltip: Ye,
       toggleAnnotator: be,
-      toggleFullscreen: He
+      toggleFullscreen: qe
     }), (t, l) => (n(), v("div", {
       class: Ze(`vue-data-ui-component vue-ui-waffle ${V.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
@@ -630,7 +630,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         key: `user_options_${Ce.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isPrinting: h(Ne),
+        isPrinting: h(ze),
         isImaging: h(Ve),
         uid: b.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
@@ -650,11 +650,11 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: He,
+        onToggleFullscreen: qe,
         onGeneratePdf: h(Me),
         onGenerateCsv: ye,
         onGenerateImage: h(Re),
-        onGenerateSvg: Ke,
+        onGenerateSvg: Qe,
         onToggleTable: Xe,
         onToggleTooltip: Ye,
         onToggleAnnotator: be,
@@ -724,7 +724,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         ref: ce,
         xmlns: h(Yt),
         class: Ze({ "vue-data-ui-fullscreen--on": V.value, "vue-data-ui-fulscreen--off": !V.value }),
-        viewBox: `0 0 ${z.value.width <= 0 ? 10 : z.value.width} ${z.value.height <= 0 ? 10 : z.value.height}`,
+        viewBox: `0 0 ${N.value.width <= 0 ? 10 : N.value.width} ${N.value.height <= 0 ? 10 : N.value.height}`,
         style: le(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         ae(h(dt)),
@@ -739,7 +739,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           }, [
             k("stop", {
               offset: "0%",
-              "stop-color": h(Jt)(h(Kt)(a.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
+              "stop-color": h(Jt)(h(Qt)(a.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
             }, null, 8, $l),
             k("stop", {
               offset: "100%",
@@ -831,7 +831,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
             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 + Ue.value / 2 + e.value.style.chart.layout.labels.captions.fontSize / 3,
             "font-size": e.value.style.chart.layout.labels.captions.fontSize,
-            fill: h(Qt)(r.value[o].color),
+            fill: h(Kt)(r.value[o].color),
             filter: Z(r.value[o].serieIndex)
           }, null, 8, Bl)) : m("", !0)
         ], 64))), 256)),
@@ -846,14 +846,14 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
           onMouseleave: (u) => It(o),
           onClick: (u) => $t(o)
         }, null, 40, Dl))), 256)),
-        y(t.$slots, "svg", { svg: z.value }, void 0, !0)
+        y(t.$slots, "svg", { svg: N.value }, void 0, !0)
       ], 14, xl)),
-      t.$slots.watermark ? (n(), v("div", zl, [
-        y(t.$slots, "watermark", G(W({ isPrinting: h(Ne) || h(Ve) })), void 0, !0)
+      t.$slots.watermark ? (n(), v("div", Nl, [
+        y(t.$slots, "watermark", G(W({ isPrinting: h(ze) || h(Ve) })), void 0, !0)
       ])) : m("", !0),
       k("div", {
         id: `legend-bottom-${b.value}`
-      }, null, 8, Nl),
+      }, null, 8, zl),
       Pe.value ? (n(), B(Et, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
@@ -864,9 +864,9 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
         }, [
           e.value.style.chart.legend.show ? (n(), B(bl, {
             key: `legend_${Oe.value}`,
-            legendSet: N.value,
+            legendSet: z.value,
             config: Ct.value,
-            onClickMarker: l[0] || (l[0] = ({ legend: a }) => qe(a.uid))
+            onClickMarker: l[0] || (l[0] = ({ legend: a }) => je(a.uid))
           }, we({
             item: g(({ legend: a }) => [
               k("div", {
@@ -891,7 +891,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
             } : void 0
           ]), 1032, ["legendSet", "config"])) : y(t.$slots, "legend", {
             key: 1,
-            legend: N.value
+            legend: z.value
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : m("", !0),
@@ -933,7 +933,7 @@ const wl = ["id"], kl = ["id"], xl = ["xmlns", "viewBox"], Cl = ["id"], $l = ["s
       }, 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 ? (n(), B(Ut(Y.value.component), ke({ key: 7 }, Y.value.props, {
         ref_key: "tableUnit",
-        ref: j,
+        ref: H,
         onClose: Je
       }), we({
         content: g(() => [

package/dist/{vue-ui-wheel-D92HLjfr.js → vue-ui-wheel-BEpyCUNj.js}

@@ -1,14 +1,14 @@
-import { useCssVars as $t, computed as f, defineAsyncComponent as ge, ref as _, toRefs as St, watch as Ue, shallowRef as Be, onMounted as It, onBeforeUnmount as Rt, createElementBlock as n, openBlock as o, unref as c, normalizeStyle as fe, normalizeClass as P, createBlock as se, createCommentVNode as I, createSlots as Pt, withCtx as V, renderSlot as z, normalizeProps as oe, guardReactiveProps as ne, createVNode as zt, Fragment as $, renderList as O, createElementVNode as Ot, toDisplayString as Wt } from "vue";
-import { c as Tt, t as Dt, o as Ft, f as Xt, i as Z, n as Nt, X as Lt, m as Ee, a as Ut, q as je, d as Bt } from "./lib-CSDxt1Zh.js";
+import { useCssVars as $t, computed as f, defineAsyncComponent as ge, ref as _, toRefs as St, watch as Ue, shallowRef as Be, onMounted as It, onBeforeUnmount as Rt, createElementBlock as n, openBlock as o, unref as c, normalizeStyle as fe, normalizeClass as P, createBlock as se, createCommentVNode as I, createSlots as Pt, withCtx as q, renderSlot as z, normalizeProps as oe, guardReactiveProps as ne, createVNode as zt, Fragment as $, renderList as O, createElementVNode as Ot, toDisplayString as Wt } from "vue";
+import { c as Tt, t as Dt, o as Ft, f as Xt, i as Z, T as Nt, X as Lt, S as Ee, a as Ut, x as je, d as Bt } from "./lib-BcBZIm6u.js";
 import { t as Et, u as jt } from "./useResponsive-DfdjqQps.js";
-import { u as Yt, a as Ye } from "./useNestedProp-Dh-ldrr5.js";
+import { u as Yt, a as Ye } from "./useNestedProp-B7CiTRDS.js";
 import { u as Gt, B as Ht } from "./BaseScanner-BgWxam9d.js";
-import { u as qt } from "./usePrinter-Cq8Pt6Lh.js";
-import { u as Vt } from "./useSvgExport-DrjCWun4.js";
+import { u as Vt } from "./usePrinter-C1GiglOH.js";
+import { u as qt } from "./useSvgExport-DrjCWun4.js";
 import { u as Zt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Jt } from "./useChartAccessibility-9icAAmYg.js";
-import Kt from "./img-DI-W68vp.js";
-import Qt from "./Title-B6rAo9Oz.js";
+import Kt from "./img-CFY3JivG.js";
+import Qt from "./Title-CFmv95In.js";
 import { t as ea } from "./themes-Dw-dDudK.js";
 import { _ as ta } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const aa = ["id"], la = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"], oa = ["d", "stroke", "stroke-width"], na = ["cx", "cy", "r", "stroke", "stroke-width"], ua = { key: 0 }, ra = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap"], ia = ["x1", "y1", "x2", "y2", "stroke", "stroke-width", "stroke-linecap"], ca = { key: 1 }, ha = ["d", "fill", "stroke", "stroke-width"], va = ["d", "fill", "stroke", "stroke-width"], da = ["d", "fill", "stroke", "stroke-width"], ya = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-linecap"], ka = ["d", "fill", "stroke", "stroke-width"], ga = { key: 5 }, fa = ["x", "y", "height"], pa = ["x", "y", "font-size", "fill", "font-weight", "stroke", "stroke-width"], ma = {
@@ -36,7 +36,7 @@ const aa = ["id"], la = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       v3e8c19ef: rt.value,
       v3e8bfc82: it.value
     }));
-    const qe = ge(() => import("./PenAndPaper-D9LruJaM.js")), Ve = ge(() => import("./UserOptions-CJXSEhan.js")), Ze = ge(() => import("./PackageVersion-CQvYRebC.js")), { vue_ui_wheel: Je } = Yt(), F = Ge, Ke = f(() => !!F.dataset && Object.keys(F.dataset).length), ue = _(Tt()), Qe = _(null), pe = _(0), X = _(null), me = _(null), we = _(null), be = _(null), xe = _(0), e = _(he()), { loading: Me, FINAL_DATASET: re } = Gt({
+    const Ve = ge(() => import("./PenAndPaper-Dj2diYr0.js")), qe = ge(() => import("./UserOptions-C0YT60JN.js")), Ze = ge(() => import("./PackageVersion-DyDViSOy.js")), { vue_ui_wheel: Je } = Yt(), F = Ge, Ke = f(() => !!F.dataset && Object.keys(F.dataset).length), ue = _(Tt()), Qe = _(null), pe = _(0), X = _(null), me = _(null), we = _(null), be = _(null), xe = _(0), e = _(he()), { loading: Me, FINAL_DATASET: re } = Gt({
       ...St(F),
       FINAL_CONFIG: e,
       prepareConfig: he,
@@ -80,7 +80,7 @@ const aa = ["id"], la = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
     Ue(() => F.config, (t) => {
       e.value = he(), ie.value = !e.value.userOptions.showOnChartHover, Pe(), xe.value += 1;
     }, { deep: !0 });
-    const { isPrinting: Ae, isImaging: $e, generatePdf: Se, generateImage: Ie } = qt({
+    const { isPrinting: Ae, isImaging: $e, generatePdf: Se, generateImage: Ie } = Vt({
       elementId: ue.value,
       fileName: e.value.style.chart.title.text || "vue-ui-wheel",
       options: e.value.userOptions.print
@@ -160,8 +160,8 @@ const aa = ["id"], la = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
     }) {
       const h = w * Math.PI / 180, p = a, C = a * l, b = [];
       for (let m = 0; m < r; m += 1) {
-        const g = (m / r * 360 + v) * Math.PI / 180, R = t + p * Math.cos(g), B = s + p * Math.sin(g), N = t + C * Math.cos(g), j = s + C * Math.sin(g), Y = [R - t, B - s, 0], G = [N - t, j - s, 0], [ae, Le, H] = J(Y, h), [ye, ke, q] = J(G, h), [le, yt, , kt] = K([ae, Le, H], y), [gt, ft, , ba] = K([ye, ke, q], y), pt = t + le, mt = s + yt, wt = t + gt, bt = s + ft, xt = (Math.max(H, q) - -p * Math.sin(h)) / (2 * p * Math.sin(h) || 1), Mt = A ? A(m) : !0, Ct = e.value.style.chart.layout.wheel.ticks.gradient.show ? Z(x, m * S.value / D.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : x, _t = ze(Mt ? Ct : M, xt), At = Math.max(1.25, k * kt * (Math.min(u.value.width, u.value.height) / 360));
-        b.push({ i: m, x1: pt, y1: mt, x2: wt, y2: bt, stroke: At, color: _t, z: Math.max(H, q) });
+        const g = (m / r * 360 + v) * Math.PI / 180, R = t + p * Math.cos(g), B = s + p * Math.sin(g), N = t + C * Math.cos(g), j = s + C * Math.sin(g), Y = [R - t, B - s, 0], G = [N - t, j - s, 0], [ae, Le, H] = J(Y, h), [ye, ke, V] = J(G, h), [le, yt, , kt] = K([ae, Le, H], y), [gt, ft, , ba] = K([ye, ke, V], y), pt = t + le, mt = s + yt, wt = t + gt, bt = s + ft, xt = (Math.max(H, V) - -p * Math.sin(h)) / (2 * p * Math.sin(h) || 1), Mt = A ? A(m) : !0, Ct = e.value.style.chart.layout.wheel.ticks.gradient.show ? Z(x, m * S.value / D.value * (e.value.style.chart.layout.wheel.ticks.gradient.shiftHueIntensity / 100)) : x, _t = ze(Mt ? Ct : M, xt), At = Math.max(1.25, k * kt * (Math.min(u.value.width, u.value.height) / 360));
+        b.push({ i: m, x1: pt, y1: mt, x2: wt, y2: bt, stroke: At, color: _t, z: Math.max(H, V) });
       }
       return b.sort((m, g) => m.z - g.z), b;
     }
@@ -263,8 +263,8 @@ const aa = ["id"], la = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         ) : k : x, ye = (() => {
           const le = p * Math.sin(h) || 1;
           return (ae - -le) / (2 * le);
-        })(), ke = ze(H, ye), q = `M ${N.x} ${N.y} L ${j.x} ${j.y} L ${Y.x} ${Y.y} L ${G.x} ${G.y} Z`;
-        m.push({ i: g, d: q, fill: ke, z: ae });
+        })(), ke = ze(H, ye), V = `M ${N.x} ${N.y} L ${j.x} ${j.y} L ${Y.x} ${Y.y} L ${G.x} ${G.y} Z`;
+        m.push({ i: g, d: V, fill: ke, z: ae });
       }
       return m.sort((g, R) => g.z - R.z), m;
     }
@@ -331,7 +331,7 @@ const aa = ["id"], la = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
         aspectRatio: l
       };
     }
-    const ut = f(() => e.value.style.chart.layout.wheel.ticks.strokeWidth * 2), rt = f(() => e.value.style.chart.layout.wheel.ticks.strokeWidth * 2 * 0.75), it = f(() => e.value.style.chart.layout.wheel.ticks.strokeWidth), U = f(() => Math.max(1, Math.min(20, e.value.style.chart.layout.wheel.ticks.depth3d))), ct = f(() => e.value.style.chart.backgroundColor), ht = f(() => e.value.style.chart.title), { exportSvg: vt, getSvg: dt } = Vt({
+    const ut = f(() => e.value.style.chart.layout.wheel.ticks.strokeWidth * 2), rt = f(() => e.value.style.chart.layout.wheel.ticks.strokeWidth * 2 * 0.75), it = f(() => e.value.style.chart.layout.wheel.ticks.strokeWidth), U = f(() => Math.max(1, Math.min(20, e.value.style.chart.layout.wheel.ticks.depth3d))), ct = f(() => e.value.style.chart.backgroundColor), ht = f(() => e.value.style.chart.title), { exportSvg: vt, getSvg: dt } = qt({
       svg: ce,
       title: ht,
       backgroundColor: ct,
@@ -360,7 +360,7 @@ const aa = ["id"], la = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       onMouseenter: s[0] || (s[0] = () => c(Ce)(!0)),
       onMouseleave: s[1] || (s[1] = () => c(Ce)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (o(), se(c(qe), {
+      e.value.userOptions.buttons.annotator ? (o(), se(c(Ve), {
         key: 0,
         svgRef: c(ce),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -395,7 +395,7 @@ const aa = ["id"], la = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
           }
         }, null, 8, ["config"]))
       ], 512)) : I("", !0),
-      e.value.userOptions.show && Ke.value && (c(_e) || c(ie)) ? (o(), se(c(Ve), {
+      e.value.userOptions.show && Ke.value && (c(_e) || c(ie)) ? (o(), se(c(qe), {
         ref_key: "details",
         ref: Qe,
         key: `user_options_${pe.value}`,
@@ -428,35 +428,35 @@ const aa = ["id"], la = ["xmlns", "viewBox"], sa = ["x", "y", "width", "height"]
       }, Pt({ _: 2 }, [
         t.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: V(({ isOpen: a, color: l }) => [
+          fn: q(({ isOpen: a, color: l }) => [
             z(t.$slots, "menuIcon", oe(ne({ isOpen: a, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         t.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: V(() => [
+          fn: q(() => [
             z(t.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         t.$slots.optionImg ? {
           name: "optionImg",
-          fn: V(() => [
+          fn: q(() => [
             z(t.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         t.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: V(({ toggleFullscreen: a, isFullscreen: l }) => [
+          fn: q(({ toggleFullscreen: a, isFullscreen: l }) => [
             z(t.$slots, "optionFullscreen", oe(ne({ toggleFullscreen: a, isFullscreen: l })), void 0, !0)
           ]),
           key: "3"
         } : void 0,
         t.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: V(({ toggleAnnotator: a, isAnnotator: l }) => [
+          fn: q(({ toggleAnnotator: a, isAnnotator: l }) => [
             z(t.$slots, "optionAnnotator", oe(ne({ toggleAnnotator: a, isAnnotator: l })), void 0, !0)
           ]),
           key: "4"