vue-data-ui 3.7.15 → 3.8.0

package/dist/{vue-ui-waffle-WdacXwVf.js → vue-ui-waffle-5wkXlR4p.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as E, useSlots as Yt, computed as v, ref as i, toRefs as Jt, watch as J, shallowRef as tt, onMounted as Kt, onBeforeUnmount as Qt, createElementBlock as c, openBlock as n, unref as h, normalizeStyle as ae, normalizeClass as lt, createBlock as L, createCommentVNode as C, createElementVNode as k, createVNode as oe, withCtx as f, renderSlot as p, normalizeProps as $, guardReactiveProps as x, createSlots as we, Fragment as T, renderList as z, mergeProps as Ae, toDisplayString as ue, Teleport as Zt, resolveDynamicComponent as el, createTextVNode as at, nextTick as tl } from "vue";
-import { c as ll, t as al, i as ol, p as R, o as ot, g as $e, k as ul, j as rl, a as K, d as D, X as nl, s as sl, h as il, w as cl, l as vl, u as dl, q as hl, S as fl, x as pl, R as gl } from "./lib-DUaaQGCv.js";
+import { defineAsyncComponent as E, useSlots as Yt, computed as v, ref as i, toRefs as Zt, watch as Z, shallowRef as tt, onMounted as Jt, onBeforeUnmount as Kt, createElementBlock as c, openBlock as n, unref as h, normalizeStyle as ae, normalizeClass as lt, createBlock as L, createCommentVNode as C, createElementVNode as k, createVNode as oe, withCtx as f, renderSlot as p, normalizeProps as $, guardReactiveProps as x, createSlots as we, Fragment as T, renderList as z, mergeProps as Ae, toDisplayString as ue, Teleport as Qt, resolveDynamicComponent as el, createTextVNode as at, nextTick as tl } from "vue";
+import { c as ll, t as al, i as ol, p as R, o as ot, g as $e, k as ul, j as rl, a as J, d as D, X as nl, s as sl, h as il, w as cl, l as vl, u as dl, q as hl, F as fl, x as pl, Z as gl } from "./lib-qMPkcvmh.js";
 import { t as yl, u as bl } from "./useResponsive-DfdjqQps.js";
-import { u as ml, a as xe } from "./useNestedProp-CVGae3Qt.js";
+import { u as ml, a as xe } from "./useNestedProp-DOOBu_sL.js";
 import { u as Cl, B as kl } from "./BaseScanner-BgWxam9d.js";
-import { u as wl } from "./usePrinter-BdVu83IN.js";
+import { u as wl } from "./usePrinter-CjGh4mFJ.js";
 import { u as Al } from "./useSvgExport-DrjCWun4.js";
 import { u as $l } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as xl } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Tl } from "./useChartAccessibility-9icAAmYg.js";
-import Fl from "./img-BYzbY8TZ.js";
-import { _ as Sl } from "./Shape-rPzC8L-O.js";
-import Il from "./Title-Hk29BxeL.js";
-import _l from "./Legend-DSyOOSJ1.js";
+import Fl from "./img-CwrkWkkl.js";
+import { _ as Il } from "./Shape-BEGGcaL8.js";
+import Sl from "./Title-CgkWUXeV.js";
+import _l from "./Legend-Djkw4FGq.js";
 import { _ as Bl } 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" } } }, nt = { 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" } } }, st = { 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" } } }, it = { 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" } } }, ct = { 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" } } }, vt = {
   default: {},
@@ -33,7 +33,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
 }, Symbol.toStringTag, { value: "Module" })), Ol = ["id"], Dl = ["id"], Pl = ["xmlns", "viewBox"], El = ["id"], Ll = ["stop-color"], zl = ["stop-color"], Vl = ["id"], Nl = ["x", "y", "height", "width"], Ml = ["height", "width"], Rl = { key: 0 }, Ul = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Gl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Wl = { key: 1 }, jl = ["rx", "x", "y", "height", "width", "fill", "filter"], ql = ["textContent", "x", "y", "font-size", "fill", "filter"], Hl = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], Xl = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Yl = ["id"], Jl = ["onClick"], Kl = ["innerHTML"], Ql = {
+}, Yl = ["id"], Zl = ["onClick"], Jl = ["innerHTML"], Kl = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -51,8 +51,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend"],
   setup(dt, { expose: ht, emit: ft }) {
-    const pt = E(() => import("./Tooltip-De7i-i20.js")), gt = E(() => import("./BaseIcon-Dl4VBlHV.js")), yt = E(() => import("./DataTable-Ho3Bf5oq.js")), bt = E(() => import("./vue-ui-accordion-B3SlkXqV.js")), mt = E(() => import("./UserOptions-DgscxIaa.js")), Ct = E(() => import("./PenAndPaper-kymjF6_b.js")), kt = E(() => import("./PackageVersion-BAF3mEBQ.js")), wt = E(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_waffle: At } = ml(), { isThemeValid: $t, warnInvalidTheme: xt } = $l(), m = dt, Tt = Yt(), re = v(() => !!m.dataset && m.dataset.length), b = i(ll()), ne = i(!1), se = i(""), U = i(null), Te = i(0), F = i(null), Fe = i(null), Se = i(null), Ie = i(null), _e = i(null), Be = i(0), Oe = i(0), De = i(0), Pe = i(!1), j = i(null), ie = i(null), e = i(he()), { loading: Ee, FINAL_DATASET: Q, manualLoading: ce } = Cl({
-      ...Jt(m),
+    const pt = E(() => import("./Tooltip-OHx7yHlS.js")), gt = E(() => import("./BaseIcon-CALhpING.js")), yt = E(() => import("./DataTable-Ca1twcf7.js")), bt = E(() => import("./vue-ui-accordion-BWfQ8Imt.js")), mt = E(() => import("./UserOptions-ChRXLqps.js")), Ct = E(() => import("./PenAndPaper-DscVdZ1u.js")), kt = E(() => import("./PackageVersion-B9RA2_BM.js")), wt = E(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_waffle: At } = ml(), { isThemeValid: $t, warnInvalidTheme: xt } = $l(), m = dt, Tt = Yt(), re = v(() => !!m.dataset && m.dataset.length), b = i(ll()), ne = i(!1), se = i(""), U = i(null), Te = i(0), F = i(null), Fe = i(null), Ie = i(null), Se = i(null), _e = i(null), Be = i(0), Oe = i(0), De = i(0), Pe = i(!1), j = i(null), ie = i(null), e = i(he()), { loading: Ee, FINAL_DATASET: K, manualLoading: ce } = Cl({
+      ...Zt(m),
       FINAL_CONFIG: e,
       prepareConfig: he,
       callback: () => {
@@ -124,7 +124,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         customPalette: o.customPalette.length ? o.customPalette : ol[l] || R
       };
     }
-    J(() => m.config, (t) => {
+    Z(() => m.config, (t) => {
       Ee.value || (e.value = he()), ve.value = !e.value.userOptions.showOnChartHover, Ne(), Be.value += 1, Oe.value += 1, De.value += 1, w.value.showTable = e.value.table.show, w.value.showTooltip = e.value.style.chart.tooltip.show;
     }, { deep: !0 });
     const P = tt(null), G = tt(null), Ve = v(() => !!e.value.debug);
@@ -151,20 +151,20 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           const { width: l, height: a } = bl({
             chart: F.value,
             title: e.value.style.chart.title.text ? Fe.value : null,
-            legend: e.value.style.chart.legend.show ? Se.value : null,
-            source: Ie.value,
+            legend: e.value.style.chart.legend.show ? Ie.value : null,
+            source: Se.value,
             noTitle: _e.value
           });
           requestAnimationFrame(() => {
-            V.value.width = l, V.value.height = a, S.value.width = l, S.value.height = a;
+            V.value.width = l, V.value.height = a, I.value.width = l, I.value.height = a;
           });
         });
         P.value && (G.value && P.value.unobserve(G.value), P.value.disconnect()), P.value = new ResizeObserver(t), G.value = F.value.parentNode, P.value.observe(G.value);
       }
     }
-    Kt(() => {
+    Jt(() => {
       Pe.value = !0, Ne();
-    }), Qt(() => {
+    }), Kt(() => {
       P.value && (G.value && P.value.unobserve(G.value), P.value.disconnect());
     });
     const { isPrinting: Me, isImaging: Re, generatePdf: Ue, generateImage: Ge } = wl({
@@ -175,7 +175,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
-    J(e, () => {
+    Z(e, () => {
       w.value = {
         showTable: e.value.table.show,
         showTooltip: e.value.style.chart.tooltip.show
@@ -184,12 +184,12 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     const V = i({
       height: 512,
       width: 512
-    }), S = i({
+    }), I = i({
       top: 0,
       left: 0,
       height: 512,
       width: 512
-    }), I = v(() => (S.value.width - e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.spaceBetween) / e.value.style.chart.layout.grid.size), _ = v(() => (S.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, S.value.width / e.value.style.chart.layout.grid.size)), je = v(() => Math.max(1e-4, S.value.height / e.value.style.chart.layout.grid.size));
+    }), 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), It = v(() => Math.max(1e-4, I.value.width / e.value.style.chart.layout.grid.size)), je = v(() => Math.max(1e-4, I.value.height / e.value.style.chart.layout.grid.size));
     function qe(t) {
       const l = e.value.style.chart.layout.grid.size * e.value.style.chart.layout.grid.size, a = t.reduce((A, ke) => A + ke, 0), o = t.map((A) => A / a * l), u = o.map(Math.floor), r = o.map((A) => A % 1);
       let d = l - u.reduce((A, ke) => A + ke, 0);
@@ -201,7 +201,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     const q = i(!1);
     function fe() {
-      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 q.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: vl(t.color) || We.value[l] || R[l] || R[l % R.length],
         uid: `serie_${l}`,
@@ -209,18 +209,18 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       }));
     }
     const pe = v(() => fe()), g = i(pe.value);
-    J(() => m.dataset, (t) => {
+    Z(() => m.dataset, (t) => {
       Array.isArray(t) && t.length > 0 && (ce.value = !1);
-    }, { immediate: !0 }), J(() => m.dataset, (t) => {
+    }, { immediate: !0 }), Z(() => m.dataset, (t) => {
       g.value = fe();
     }, { deep: !0 });
-    const It = v(() => {
+    const St = v(() => {
       const t = g.value.filter((l, a) => !y.value.includes(l.uid)).map((l, a) => q.value ? 1 : (l.values || []).reduce((o, u) => o + u, 0));
       return qe(t);
     }), _t = v(() => {
       const t = g.value.map((l, a) => q.value ? 1 : (l.values || []).reduce((o, u) => o + u));
       return qe(t);
-    }), H = v(() => (Q.value.forEach((t, l) => {
+    }), H = v(() => (K.value.forEach((t, l) => {
       [null, void 0].includes(t.values) && $e({
         componentName: "VueUiWaffle",
         type: "datasetSerieAttribute",
@@ -234,7 +234,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       color: t.color,
       value: (t.values || []).reduce((a, o) => a + o, 0),
       absoluteValues: t.values || [],
-      proportion: It.value[l]
+      proportion: St.value[l]
     })))), ge = v(() => g.value.map((t, l) => ({
       absoluteIndex: t.absoluteIndex,
       uid: t.uid,
@@ -284,12 +284,12 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           t.push({
             isStartOfLine: a === 0,
             position: e.value.style.chart.layout.grid.vertical ? l : a,
-            x: (e.value.style.chart.layout.grid.vertical ? l : a) * (I.value + e.value.style.chart.layout.grid.spaceBetween),
-            y: (e.value.style.chart.layout.grid.vertical ? a : l) * (_.value + e.value.style.chart.layout.grid.spaceBetween) + S.value.top
+            x: (e.value.style.chart.layout.grid.vertical ? l : a) * (S.value + e.value.style.chart.layout.grid.spaceBetween),
+            y: (e.value.style.chart.layout.grid.vertical ? a : l) * (_.value + e.value.style.chart.layout.grid.spaceBetween) + I.value.top
           });
       return t;
     }), y = i([]), X = i(!1), He = i(null), Xe = i(null);
-    function Z(t) {
+    function Q(t) {
       if (q.value) return;
       if (!e.value.useAnimation) {
         y.value.includes(t) ? y.value = y.value.filter((u) => u !== t) : y.value.length < N.value.length - 1 && N.value.length > 1 && y.value.push(t);
@@ -339,11 +339,11 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
     function Dt(t) {
       const l = Ye(t);
-      l !== null && y.value.includes(l.uid) && Z(l.uid);
+      l !== null && y.value.includes(l.uid) && Q(l.uid);
     }
     function Pt(t) {
       const l = Ye(t);
-      l !== null && (y.value.includes(l.uid) || Z(l.uid));
+      l !== null && (y.value.includes(l.uid) || Q(l.uid));
     }
     const N = v(() => g.value.map((t, l) => {
       const a = (t.values || []).reduce((u, r) => u + r, 0), o = a / g.value.map((u) => (u.values || []).reduce((r, d) => r + d, 0)).reduce((u, r) => u + r, 0);
@@ -358,9 +358,9 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }).map((t, l) => ({
       ...t,
       opacity: y.value.includes(t.uid) ? 0.5 : 1,
-      segregate: () => Z(t.uid),
+      segregate: () => Q(t.uid),
       isSegregated: y.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, D({
+      display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${e.value.style.chart.legend.showValue ? J(e.value.style.chart.layout.labels.dataLabels.formatter, t.value, D({
         p: e.value.style.chart.layout.labels.dataLabels.prefix,
         v: t.value,
         s: e.value.style.chart.layout.labels.dataLabels.suffix,
@@ -406,7 +406,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         });
       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}" />${Tt.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}" />${Tt.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>${J(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           l.value,
           D({
@@ -422,7 +422,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         )}</b>`), e.value.style.chart.tooltip.showPercentage) {
           const u = D({
-            v: q.value ? 1 / Q.value.length * 100 : l.value / B.value * 100,
+            v: q.value ? 1 / K.value.length * 100 : l.value / B.value * 100,
             s: "%",
             r: e.value.style.chart.tooltip.roundingPercentage
           });
@@ -445,7 +445,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       return e.value.style.chart.layout.labels.captions.show ? s.value.length && !X.value && !e.value.style.chart.layout.grid.vertical && (s.value[t].isFirst && l.position < e.value.style.chart.layout.grid.size - 2 || s.value[t].isAbsoluteFirst && t % e.value.style.chart.layout.grid.size === 0 && s.value[t].absoluteStartIndex) : !1;
     }
     function Rt(t, l = null) {
-      const a = K(
+      const a = J(
         e.value.style.chart.layout.labels.dataLabels.formatter,
         s.value[t].value,
         D({
@@ -470,7 +470,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     const te = v(() => {
       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(
+        J(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           B.value,
           D({
@@ -486,7 +486,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           color: u.color,
           name: u.name
         },
-        K(
+        J(
           e.value.style.chart.layout.labels.dataLabels.formatter,
           O.value.body[r],
           D({
@@ -526,13 +526,13 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         colNames: o
       };
     }), M = i(!1);
-    function Je(t) {
+    function Ze(t) {
       M.value = t, Te.value += 1;
     }
-    function Ke() {
+    function Je() {
       w.value.showTable = !w.value.showTable;
     }
-    function Qe() {
+    function Ke() {
       w.value.showTooltip = !w.value.showTooltip;
     }
     const le = i(!1);
@@ -581,10 +581,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         }
       };
     });
-    J(() => w.value.showTable, (t) => {
+    Z(() => w.value.showTable, (t) => {
       e.value.table.show || (t && e.value.table.useDialog && j.value ? j.value.open() : "close" in j.value && j.value.close());
     });
-    function Ze() {
+    function Qe() {
       w.value.showTable = !1, ie.value && ie.value.setTableIconState(!1);
     }
     const Gt = v(() => N.value.map((t) => ({
@@ -613,10 +613,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       generateSvg: et,
       hideSeries: Pt,
       showSeries: Dt,
-      toggleTable: Ke,
-      toggleTooltip: Qe,
+      toggleTable: Je,
+      toggleTooltip: Ke,
       toggleAnnotator: Ce,
-      toggleFullscreen: Je
+      toggleFullscreen: Ze
     }), (t, l) => (n(), c("div", {
       class: lt(`vue-data-ui-component vue-ui-waffle ${M.value ? "vue-data-ui-wrapper-fullscreen" : ""}`),
       ref_key: "waffleChart",
@@ -667,7 +667,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref: Fe,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (n(), L(Il, {
+        (n(), L(Sl, {
           key: `title_${Be.value}`,
           config: {
             title: {
@@ -710,13 +710,13 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
-        onToggleFullscreen: Je,
+        onToggleFullscreen: Ze,
         onGeneratePdf: h(Ue),
         onGenerateCsv: me,
         onGenerateImage: h(Ge),
         onGenerateSvg: et,
-        onToggleTable: Ke,
-        onToggleTooltip: Qe,
+        onToggleTable: Je,
+        onToggleTooltip: Ke,
         onToggleAnnotator: Ce,
         style: ae({
           visibility: h(ze) ? h(ve) ? "visible" : "hidden" : "visible"
@@ -836,7 +836,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           x: a.x,
           y: a.y,
           height: _.value <= 0 ? 1e-4 : _.value,
-          width: I.value <= 0 ? 1e-4 : I.value,
+          width: S.value <= 0 ? 1e-4 : S.value,
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
           p(t.$slots, "cell", Ae({ 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)
@@ -845,8 +845,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           key: 1,
           x: 12,
           y: 12,
-          height: S.value.height - 24,
-          width: S.value.width - 24,
+          height: I.value.height - 24,
+          width: I.value.width - 24,
           rx: 3,
           fill: "none",
           stroke: "black"
@@ -861,7 +861,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
             height: _.value <= 0 ? 1e-4 : _.value,
-            width: I.value <= 0 ? 1e-4 : I.value,
+            width: S.value <= 0 ? 1e-4 : S.value,
             fill: "white",
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
@@ -872,7 +872,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
             y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
             height: _.value <= 0 ? 1e-4 : _.value,
-            width: I.value <= 0 ? 1e-4 : I.value,
+            width: S.value <= 0 ? 1e-4 : S.value,
             fill: e.value.style.chart.layout.rect.useGradient && e.value.style.chart.layout.rect.gradientIntensity > 0 ? `url(#gradient_${b.value}_${o})` : s.value[o].color,
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
@@ -884,7 +884,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
               y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
               height: _.value <= 0 ? 1e-4 : _.value,
-              width: I.value <= 0 ? 1e-4 : I.value,
+              width: S.value <= 0 ? 1e-4 : S.value,
               fill: `url(#pattern_${b.value}_${s.value[o].absoluteIndex})`,
               stroke: "none",
               filter: ee(s.value[o].serieIndex)
@@ -906,7 +906,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           x: a.x + e.value.style.chart.layout.grid.spaceBetween / 2,
           y: a.y + e.value.style.chart.layout.grid.spaceBetween / 2,
           height: je.value,
-          width: St.value,
+          width: It.value,
           fill: "transparent",
           stroke: "none",
           onMouseover: (u) => Vt(o),
@@ -921,32 +921,32 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       k("div", {
         id: `legend-bottom-${b.value}`
       }, null, 8, Yl),
-      Pe.value ? (n(), L(Zt, {
+      Pe.value ? (n(), L(Qt, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
         k("div", {
           ref_key: "chartLegend",
-          ref: Se
+          ref: Ie
         }, [
           e.value.style.chart.legend.show ? (n(), L(_l, {
             key: `legend_${De.value}`,
             legendSet: N.value,
             config: Et.value,
-            onClickMarker: l[0] || (l[0] = ({ legend: a }) => Z(a.uid))
+            onClickMarker: l[0] || (l[0] = ({ legend: a }) => Q(a.uid))
           }, we({
             item: f(({ legend: a }) => [
               k("div", {
                 onClick: (o) => a.segregate(),
                 style: ae(`opacity:${y.value.includes(a.uid) ? 0.5 : 1}`)
-              }, ue(a.display), 13, Jl)
+              }, ue(a.display), 13, Zl)
             ]),
             _: 2
           }, [
             t.$slots.pattern ? {
               name: "legend-pattern",
               fn: f(({ legend: a, index: o }) => [
-                oe(Sl, {
+                oe(Il, {
                   shape: a.shape,
                   radius: 30,
                   stroke: "none",
@@ -965,7 +965,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       t.$slots.source ? (n(), c("div", {
         key: 6,
         ref_key: "source",
-        ref: Ie,
+        ref: Se,
         dir: "auto"
       }, [
         p(t.$slots, "source", {}, void 0, !0)
@@ -1001,7 +1001,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       re.value && e.value.userOptions.buttons.table ? (n(), L(el(Y.value.component), Ae({ key: 7 }, Y.value.props, {
         ref_key: "tableUnit",
         ref: j,
-        onClose: Ze
+        onClose: Qe
       }), we({
         content: f(() => [
           (n(), L(h(yt), {
@@ -1012,13 +1012,13 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             config: te.value.config,
             title: e.value.table.useDialog ? "" : Y.value.title,
             withCloseButton: !e.value.table.useDialog,
-            onClose: Ze
+            onClose: Qe
           }, {
             th: f(({ th: a }) => [
               k("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Kl)
+              }, null, 8, Jl)
             ]),
             td: f(({ td: a }) => [
               at(ue(a.name || a), 1)
@@ -1055,12 +1055,12 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       h(Ee) ? (n(), L(kl, { key: 8 })) : C("", !0)
     ], 46, Ol));
   }
-}, Zl = /* @__PURE__ */ Bl(Ql, [["__scopeId", "data-v-0db27d8d"]]), ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Ql = /* @__PURE__ */ Bl(Kl, [["__scopeId", "data-v-0db27d8d"]]), ga = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Zl
+  default: Ql
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   pa as a,
   ga as b,
-  Zl as v
+  Ql as v
 };

package/dist/{vue-ui-wheel-C7yfIwbK.js → vue-ui-wheel-CkZko1RX.js}

@@ -1,15 +1,15 @@
 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, Z as Vt, X as qt, n as Le, a as Zt, M as He, d as Jt } from "./lib-DUaaQGCv.js";
+import { c as Lt, t as Ht, o as Yt, g as Gt, h as K, a2 as Vt, X as qt, n as Le, a as Zt, T as He, d as Jt } from "./lib-qMPkcvmh.js";
 import { t as Kt, u as Qt } from "./useResponsive-DfdjqQps.js";
-import { u as ea, a as pe } from "./useNestedProp-CVGae3Qt.js";
+import { u as ea, a as pe } from "./useNestedProp-DOOBu_sL.js";
 import { u as ta, B as aa } from "./BaseScanner-BgWxam9d.js";
-import { u as la } from "./usePrinter-BdVu83IN.js";
+import { u as la } from "./usePrinter-CjGh4mFJ.js";
 import { u as oa } from "./useSvgExport-DrjCWun4.js";
 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-BYzbY8TZ.js";
-import ua from "./Title-Hk29BxeL.js";
+import ia from "./img-CwrkWkkl.js";
+import ua from "./Title-CgkWUXeV.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-kymjF6_b.js")), at = fe(() => import("./UserOptions-DgscxIaa.js")), lt = fe(() => import("./PackageVersion-BAF3mEBQ.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-DscVdZ1u.js")), at = fe(() => import("./UserOptions-ChRXLqps.js")), lt = fe(() => import("./PackageVersion-B9RA2_BM.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,