vue-data-ui 3.10.0 → 3.10.1

package/dist/{vue-ui-waffle-rS6LRZNV.js → vue-ui-waffle-BavDRJin.js}

@@ -1,40 +1,44 @@
-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-BCt4DMkT.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";
-import { u as Tl } from "./useThemeCheck-DGJ31Vi5.js";
-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-B5L2jweB.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" } } }, 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 = {
+import { defineAsyncComponent as L, useSlots as Qt, computed as v, ref as i, toRefs as Zt, watch as J, shallowRef as lt, onMounted as el, onBeforeUnmount as tl, createElementBlock as c, openBlock as u, 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 ll, resolveDynamicComponent as al, createTextVNode as ot, nextTick as ol } from "vue";
+import { c as rl, t as nl, i as ul, j as R, o as rt, g as $e, l as sl, k as il, a as K, d as D, X as cl, s as vl, h as dl, x as fl, m as hl, v as pl, r as gl, G as yl, y as bl, _ as ml } from "./lib-CVHM9FhP.js";
+import { b as Cl } from "./labelUtils-D6Y-n7cD.js";
+import { t as kl, u as wl } from "./useResponsive-DfdjqQps.js";
+import { u as Al, a as Te } from "./useNestedProp-Ckf_2P_V.js";
+import { u as xl, B as $l } from "./BaseScanner-BMpwQAfz.js";
+import { u as Tl } from "./usePrinter-1NmjuP-i.js";
+import { u as Fl } from "./useSvgExport-ByUukOZt.js";
+import { u as Il } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Sl } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as _l } from "./useChartAccessibility-9icAAmYg.js";
+import Bl from "./img-6fNF_rG0.js";
+import { _ as Ol } from "./Shape-PzdCMGsP.js";
+import Dl from "./Title-NgeRXqRA.js";
+import Pl from "./Legend-DN5UJOBH.js";
+import { _ as Ll } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const nt = { userOptions: { show: !1 }, style: { chart: { legend: { show: !1 }, layout: { rect: { useGradient: !1 } } } } }, ut = { userOptions: { show: !1 }, style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { rect: { rounded: !1, stroke: "#1A1A1A", useGradient: !1 } }, legend: { show: !1, backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, st = { 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" } } }, it = { 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" } } }, ct = { 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" } } }, vt = { 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" } } }, dt = { 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" } } }, ft = { 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" } } }, ht = {
   default: {},
-  dark: ut,
-  celebration: nt,
-  celebrationNight: st,
-  hack: it,
-  zen: ct,
-  concrete: vt
-}, ba = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: nt,
+  minimalDark: ut,
+  dark: st,
+  celebration: it,
+  celebrationNight: ct,
+  hack: vt,
+  zen: dt,
+  concrete: ft
+}, Ca = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: nt,
-  celebrationNight: st,
-  concrete: vt,
-  dark: ut,
-  default: dt,
-  hack: it,
-  zen: ct
-}, Symbol.toStringTag, { value: "Module" })), Pl = ["id"], Ll = ["id"], El = ["xmlns", "viewBox"], zl = ["id"], Nl = ["stop-color"], Vl = ["stop-color"], Ml = ["id"], Rl = ["x", "y", "height", "width"], Ul = ["height", "width"], Gl = { key: 0 }, Wl = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], jl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], ql = { key: 1 }, Hl = ["rx", "x", "y", "height", "width", "fill", "filter"], Xl = ["textContent", "x", "y", "font-size", "fill", "filter"], Yl = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], Jl = {
+  celebration: it,
+  celebrationNight: ct,
+  concrete: ft,
+  dark: st,
+  default: ht,
+  hack: vt,
+  minimal: nt,
+  minimalDark: ut,
+  zen: dt
+}, Symbol.toStringTag, { value: "Module" })), El = ["id"], zl = ["id"], Nl = ["xmlns", "viewBox"], Vl = ["id"], Ml = ["stop-color"], Rl = ["stop-color"], Ul = ["id"], Gl = ["x", "y", "height", "width"], Wl = ["height", "width"], jl = { key: 0 }, ql = ["rx", "x", "y", "height", "width", "stroke", "stroke-width", "filter"], Hl = ["rx", "x", "y", "height", "width", "fill", "stroke", "stroke-width", "filter"], Xl = { key: 1 }, Yl = ["rx", "x", "y", "height", "width", "fill", "filter"], Jl = ["textContent", "x", "y", "font-size", "fill", "filter"], Kl = ["x", "y", "height", "width", "onMouseover", "onMouseleave", "onClick"], Ql = {
   key: 4,
   class: "vue-data-ui-watermark"
-}, Kl = ["id"], Ql = ["onClick"], Zl = ["innerHTML"], ea = {
+}, Zl = ["id"], ea = ["onClick"], ta = ["innerHTML"], la = {
   __name: "vue-ui-waffle",
   props: {
     config: {
@@ -51,9 +55,9 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
   },
   emits: ["selectLegend"],
-  setup(ft, { expose: ht, emit: pt }) {
-    const gt = L(() => import("./Tooltip-DpfUZbt7.js")), yt = L(() => import("./BaseIcon-B9bGT7HU.js")), bt = L(() => import("./DataTable-DEwh__D8.js")), mt = L(() => import("./vue-ui-accordion-CAXPDm31.js")), Ct = L(() => import("./UserOptions-5pXc4J-c.js")), kt = L(() => import("./PenAndPaper-CulSakut.js")), wt = L(() => import("./PackageVersion-C-JOGZBL.js")), At = L(() => import("./BaseDraggableDialog-O2XSymlZ.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),
+  setup(pt, { expose: gt, emit: yt }) {
+    const bt = L(() => import("./Tooltip-B6qvABDL.js")), mt = L(() => import("./BaseIcon-4uOct8re.js")), Ct = L(() => import("./DataTable-DyoDzNNY.js")), kt = L(() => import("./vue-ui-accordion-DFKaB_05.js")), wt = L(() => import("./UserOptions-CX7Xsusk.js")), At = L(() => import("./PenAndPaper-LTuSTmWE.js")), xt = L(() => import("./PackageVersion-D6MO5wwI.js")), $t = L(() => import("./BaseDraggableDialog-BQYfVNu8.js")), { vue_ui_waffle: Tt } = Al(), { isThemeValid: Ft, warnInvalidTheme: It } = Il(), m = pt, St = Qt(), ne = v(() => !!m.dataset && m.dataset.length), b = i(rl()), ue = 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 } = xl({
+      ...Zt(m),
       FINAL_CONFIG: e,
       prepareConfig: fe,
       callback: () => {
@@ -78,7 +82,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           color: "#CACACA"
         }
       ],
-      skeletonConfig: ol({
+      skeletonConfig: nl({
         defaultConfig: e.value,
         userConfig: {
           useCustomCells: !1,
@@ -104,17 +108,17 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }
       })
-    }), { userOptionsVisible: ve, setUserOptionsVisibility: ze, keepUserOptionState: Ne } = Fl({ config: e.value }), { svgRef: de } = Il({ config: e.value.style.chart.title });
+    }), { userOptionsVisible: ve, setUserOptionsVisibility: ze, keepUserOptionState: Ne } = Sl({ config: e.value }), { svgRef: de } = _l({ config: e.value.style.chart.title });
     function fe() {
       const t = Te({
         userConfig: m.config,
-        defaultConfig: xt
+        defaultConfig: Tt
       }), l = t.theme;
       if (!l) return t;
-      if (!$t.value(t))
-        return Tt(t), t;
+      if (!Ft.value(t))
+        return It(t), t;
       const a = Te({
-        userConfig: dt[l] || m.config,
+        userConfig: ht[l] || m.config,
         defaultConfig: t
       }), o = Te({
         userConfig: m.config,
@@ -122,7 +126,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       });
       return {
         ...o,
-        customPalette: o.customPalette.length ? o.customPalette : rl[l] || R
+        customPalette: o.customPalette.length ? o.customPalette : ul[l] || R
       };
     }
     J(() => m.config, (t) => {
@@ -134,8 +138,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         componentName: "VueUiWaffle",
         type: "dataset",
         debug: Ve.value
-      }), ue.value = !1, ce.value = !0) : m.dataset.forEach((t, l) => {
-        ul({
+      }), ne.value = !1, ce.value = !0) : m.dataset.forEach((t, l) => {
+        sl({
           datasetObject: t,
           requiredAttributes: ["name", "values"]
         }).forEach((a) => {
@@ -148,8 +152,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           });
         });
       }), rt(m.dataset) || (ce.value = e.value.loading), e.value.responsive) {
-        const t = ml(() => {
-          const { width: l, height: a } = Cl({
+        const t = kl(() => {
+          const { width: l, height: a } = wl({
             chart: F.value,
             title: e.value.style.chart.title.text ? Ie.value : null,
             legend: e.value.style.chart.legend.show ? Se.value : null,
@@ -163,16 +167,16 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         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);
       }
     }
-    Qt(() => {
+    el(() => {
       Le.value = !0, Me();
-    }), Zt(() => {
+    }), tl(() => {
       P.value && (G.value && P.value.unobserve(G.value), P.value.disconnect());
     });
-    const { isPrinting: Re, isImaging: Ue, generatePdf: Ge, generateImage: We } = xl({
+    const { isPrinting: Re, isImaging: Ue, generatePdf: Ge, generateImage: We } = Tl({
       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(() => nl(e.value.customPalette)), w = i({
+    }), _t = v(() => e.value.userOptions.show && !e.value.style.chart.title.text), je = v(() => il(e.value.customPalette)), w = i({
       showTable: e.value.table.show,
       showTooltip: e.value.style.chart.tooltip.show
     });
@@ -190,13 +194,13 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       left: 0,
       height: 512,
       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));
+    }), 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), Bt = 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), r = o.map(Math.floor), u = o.map((A) => A % 1);
+      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), n = 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));
-        r[A] += 1, u[A] = 0, g -= 1;
+        let A = n.indexOf(Math.max(...n));
+        r[A] += 1, n[A] = 0, g -= 1;
       }
       return r;
     }
@@ -204,7 +208,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     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) => ({
         ...t,
-        color: dl(t.color) || je.value[l] || R[l] || R[l % R.length],
+        color: hl(t.color) || je.value[l] || R[l] || R[l % R.length],
         uid: `serie_${l}`,
         absoluteIndex: l
       }));
@@ -215,10 +219,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }, { immediate: !0 }), J(() => m.dataset, (t) => {
       p.value = he();
     }, { deep: !0 });
-    const _t = v(() => {
+    const Ot = v(() => {
       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(() => {
+    }), Dt = v(() => {
       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) => {
@@ -235,7 +239,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: _t.value[l]
+      proportion: Ot.value[l]
     })))), ge = v(() => p.value.map((t, l) => ({
       absoluteIndex: t.absoluteIndex,
       uid: t.uid,
@@ -243,9 +247,9 @@ 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: Bt.value[l]
+      proportion: Dt.value[l]
     })));
-    function Ot() {
+    function Pt() {
       return ge.value.map((t) => ({
         name: t.name,
         color: t.color,
@@ -253,19 +257,19 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         proportion: t.proportion
       }));
     }
-    const Dt = v(() => {
+    const Lt = v(() => {
       let t = 0;
       return H.value.map((l, a) => {
-        const o = t, r = o + l.proportion, u = [];
+        const o = t, r = o + l.proportion, n = [];
         for (let g = Math.floor(o); g < Math.floor(r); g += 1)
-          u.push(g);
+          n.push(g);
         return t = r, {
           ...l,
           start: o,
-          rects: u
+          rects: n
         };
       });
-    }), s = v(() => Dt.value.flatMap((t, l) => t.rects.map((a, o) => ({
+    }), s = v(() => Lt.value.flatMap((t, l) => t.rects.map((a, o) => ({
       isFirst: o === 0,
       isLongEnough: a.length > 2,
       name: t.name,
@@ -296,35 +300,35 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         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((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);
+      const l = pe.value.find((r) => r.uid === t).values.reduce((r, n) => r + n, 0), a = p.value.find((r) => r.uid === t).values.reduce((r, n) => r + n, 0);
       let o = a;
       if (!(a === 0 && l === 0)) {
         if (y.value.includes(t)) {
-          let u = function() {
+          let n = function() {
             o > r ? (cancelAnimationFrame(Xe.value), p.value = p.value.map((g, A) => g.uid === t ? {
               ...g,
               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));
+            } : g), Xe.value = requestAnimationFrame(n));
           };
           y.value = y.value.filter((g) => g !== t);
           const r = l;
-          u();
+          n();
         } else if (y.value.length < V.value.length - 1 && V.value.length > 1) {
           let r = function() {
-            o < a / 100 ? (cancelAnimationFrame(Ye.value), y.value.push(t), p.value = p.value.map((u, g) => u.uid === t ? {
-              ...u,
+            o < a / 100 ? (cancelAnimationFrame(Ye.value), y.value.push(t), p.value = p.value.map((n, g) => n.uid === t ? {
+              ...n,
               values: [0]
-            } : u), X.value = !1) : (X.value = !0, o /= 1.15, p.value = p.value.map((u) => u.uid === t ? {
-              ...u,
+            } : n), X.value = !1) : (X.value = !0, o /= 1.15, p.value = p.value.map((n) => n.uid === t ? {
+              ...n,
               values: [o]
-            } : u), Ye.value = requestAnimationFrame(r));
+            } : n), Ye.value = requestAnimationFrame(r));
           };
           r();
         }
-        Mt("selectLegend", H.value.map((r) => ({
+        Ut("selectLegend", H.value.map((r) => ({
           name: r.name,
           color: r.color,
           value: r.value,
@@ -338,11 +342,11 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       const l = ge.value.find((a) => a.name === t);
       return l || (e.value.debug && console.warn(`VueUiWaffle - Series name not found "${t}"`), null);
     }
-    function Pt(t) {
+    function Et(t) {
       const l = Je(t);
       l !== null && y.value.includes(l.uid) && Z(l.uid);
     }
-    function Lt(t) {
+    function zt(t) {
       const l = Je(t);
       l !== null && (y.value.includes(l.uid) || Z(l.uid));
     }
@@ -353,7 +357,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       showPercentage: o,
       config: r
     }) {
-      return bl({
+      return Cl({
         config: r,
         val: t,
         percentage: l,
@@ -362,7 +366,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       });
     }
     const V = v(() => p.value.map((t, l) => {
-      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);
+      const a = (t.values || []).reduce((r, n) => r + n, 0), o = a / p.value.map((r) => (r.values || []).reduce((n, g) => n + g, 0)).reduce((r, n) => r + n, 0);
       return {
         name: t.name,
         color: t.color || je[l] || R[l] || R[l % R.length],
@@ -391,7 +395,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         isSegregated: y.value.includes(t.uid),
         display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${r}`
       };
-    })), Et = v(() => ({
+    })), Nt = v(() => ({
       cy: "waffle-div-legend",
       backgroundColor: e.value.style.chart.legend.backgroundColor,
       color: e.value.style.chart.legend.color,
@@ -399,15 +403,15 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
     })), B = v(() => H.value.map((t) => t.value).reduce((t, l) => t + l, 0)), be = i(null), me = i(null);
-    function zt(t) {
+    function Vt(t) {
       const l = s.value[t];
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: l.serieIndex });
     }
-    function Nt(t) {
+    function Mt(t) {
       const l = s.value[t];
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: l.serieIndex }), me.value = null, ne.value = !1, U.value = null;
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: l.serieIndex }), me.value = null, ue.value = !1, U.value = null;
     }
-    function Vt(t) {
+    function Rt(t) {
       if (y.value.length === m.dataset.length) return;
       const l = s.value[t];
       be.value = {
@@ -415,9 +419,9 @@ 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, ne.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, ue.value = !0, U.value = s.value[t].serieIndex;
       const a = e.value.style.chart.tooltip.customFormat;
-      if (gl(a) && yl(() => a({
+      if (bl(a) && ml(() => a({
         seriesIndex: s.value[t].absoluteIndex,
         datapoint: l,
         series: p.value,
@@ -431,7 +435,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         });
       else {
         let o = "";
-        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>`, o += `<b>${ye({
+        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}" />${St.pattern ? `<rect x="0" y="0" height="60" width="60" stroke="none" rx="1" stroke="none" fill="url(#pattern_${b.value}_${l.absoluteIndex})"/>` : ""}</svg>`, o += `<b>${ye({
           config: e.value.style.chart.tooltip,
           showVal: e.value.style.chart.tooltip.showValue,
           showPercentage: e.value.style.chart.tooltip.showPercentage,
@@ -458,7 +462,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         })}</b></div>`, se.value = o;
       }
     }
-    const Mt = pt, O = v(() => {
+    const Ut = yt, O = v(() => {
       const t = H.value.map((a) => ({
         name: a.name,
         color: a.color
@@ -468,10 +472,10 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function ee(t) {
       return e.value.useBlurOnHover && ![null, void 0].includes(U.value) && U.value !== t ? `url(#blur_${b.value})` : "";
     }
-    function Rt(t, l) {
+    function Gt(t, l) {
       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 Ut(t, l = null) {
+    function Wt(t, l = null) {
       const a = K(
         e.value.style.chart.layout.labels.dataLabels.formatter,
         s.value[t].value,
@@ -482,21 +486,21 @@ 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 }), 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({
+      ), 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 ? yl({ 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 ? ":" : ""), n = e.value.style.chart.layout.labels.captions.showSerieName ? r : "", g = ye({
         val: a,
         percentage: o,
         showVal: e.value.style.chart.layout.labels.captions.showValue,
         showPercentage: e.value.style.chart.layout.labels.captions.showPercentage,
         config: e.value.style.chart.layout.labels.dataLabels
       });
-      return `${u} ${g}`;
+      return `${n} ${g}`;
     }
     function Ce(t = null) {
-      ll(() => {
-        const l = O.value.head.map((r, u) => [[
+      ol(() => {
+        const l = O.value.head.map((r, n) => [[
           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" });
+        ], [O.value.body[n]], [isNaN(O.value.body[n] / B.value) ? "-" : O.value.body[n] / B.value * 100]]), a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [[""], ["val"], ["%"]]].concat(l), o = pl(a);
+        t ? t(o) : gl({ csvContent: o, title: e.value.style.chart.title.text || "vue-ui-waffle" });
       });
     }
     const te = v(() => {
@@ -513,23 +517,23 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           })
         ),
         "100%"
-      ], l = O.value.head.map((r, u) => [
+      ], l = O.value.head.map((r, n) => [
         {
           color: r.color,
           name: r.name
         },
         K(
           e.value.style.chart.layout.labels.dataLabels.formatter,
-          O.value.body[u],
+          O.value.body[n],
           D({
             p: e.value.style.chart.layout.labels.dataLabels.prefix,
-            v: O.value.body[u],
+            v: O.value.body[n],
             s: e.value.style.chart.layout.labels.dataLabels.suffix,
             r: e.value.table.td.roundingValue
           })
         ),
-        isNaN(O.value.body[u] / B.value) ? "-" : D({
-          v: O.value.body[u] / B.value * 100,
+        isNaN(O.value.body[n] / B.value) ? "-" : D({
+          v: O.value.body[n] / B.value * 100,
           s: "%",
           r: e.value.table.td.roundingPercentage
         })
@@ -571,12 +575,12 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function ke() {
       le.value = !le.value;
     }
-    async function Gt({ scale: t = 2 } = {}) {
+    async function jt({ scale: t = 2 } = {}) {
       if (!F.value) return;
-      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 });
+      const { width: l, height: a } = F.value.getBoundingClientRect(), o = l / a, { imageUri: r, base64: n } = await Bl({ domElement: F.value, base64: !0, img: !0, scale: t });
       return {
         imageUri: r,
-        base64: u,
+        base64: n,
         title: e.value.style.chart.title.text,
         width: l,
         height: a,
@@ -586,7 +590,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     const Y = v(() => {
       const t = e.value.table.useDialog && !e.value.table.show, l = w.value.showTable;
       return {
-        component: t ? At : mt,
+        component: t ? $t : kt,
         title: `${e.value.style.chart.title.text}${e.value.style.chart.title.subtitle.text ? `: ${e.value.style.chart.title.subtitle.text}` : ""}`,
         props: t ? {
           backgroundColor: e.value.table.th.backgroundColor,
@@ -619,37 +623,37 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function et() {
       w.value.showTable = !1, ie.value && ie.value.setTableIconState(!1);
     }
-    const Wt = v(() => V.value.map((t) => ({
+    const qt = v(() => V.value.map((t) => ({
       ...t,
       name: t.display
-    }))), jt = v(() => e.value.style.chart.backgroundColor), qt = v(() => e.value.style.chart.legend), Ht = v(() => e.value.style.chart.title), { exportSvg: Xt, getSvg: Yt } = $l({
+    }))), Ht = v(() => e.value.style.chart.backgroundColor), Xt = v(() => e.value.style.chart.legend), Yt = v(() => e.value.style.chart.title), { exportSvg: Jt, getSvg: Kt } = Fl({
       svg: de,
-      title: Ht,
-      legend: qt,
-      legendItems: Wt,
-      backgroundColor: jt
+      title: Yt,
+      legend: Xt,
+      legendItems: qt,
+      backgroundColor: Ht
     });
     async function tt({ isCb: t }) {
       if (t) {
-        const { blob: l, url: a, text: o, dataUrl: r } = await Yt();
+        const { blob: l, url: a, text: o, dataUrl: r } = await Kt();
         e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: r });
       } else
-        Xt();
+        Jt();
     }
-    return ht({
-      getData: Ot,
-      getImage: Gt,
+    return gt({
+      getData: Pt,
+      getImage: jt,
       generatePdf: Ge,
       generateCsv: Ce,
       generateImage: We,
       generateSvg: tt,
-      hideSeries: Lt,
-      showSeries: Pt,
+      hideSeries: zt,
+      showSeries: Et,
       toggleTable: Qe,
       toggleTooltip: Ze,
       toggleAnnotator: ke,
       toggleFullscreen: Ke
-    }), (t, l) => (n(), c("div", {
+    }), (t, l) => (u(), 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 +662,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 ? (n(), E(d(kt), {
+      e.value.userOptions.buttons.annotator ? (u(), E(d(At), {
         key: 0,
         svgRef: d(de),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -686,20 +690,20 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ]),
         _: 3
       }, 8, ["svgRef", "backgroundColor", "color", "active"])) : C("", !0),
-      It.value ? (n(), c("div", {
+      _t.value ? (u(), 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 ? (n(), c("div", {
+      e.value.style.chart.title.text ? (u(), c("div", {
         key: 2,
         ref_key: "chartTitle",
         ref: Ie,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (n(), E(Bl, {
+        (u(), E(Dl, {
           key: `title_${Oe.value}`,
           config: {
             title: {
@@ -715,8 +719,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       ], 512)) : C("", !0),
       k("div", {
         id: `legend-top-${b.value}`
-      }, null, 8, Ll),
-      e.value.userOptions.show && ue.value && (d(Ne) || d(ve)) ? (n(), E(d(Ct), {
+      }, null, 8, zl),
+      e.value.userOptions.show && ne.value && (d(Ne) || d(ve)) ? (u(), E(d(wt), {
         ref_key: "userOptionsRef",
         ref: ie,
         key: `user_options_${Fe.value}`,
@@ -818,17 +822,17 @@ 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),
-      (n(), c("svg", {
+      (u(), c("svg", {
         ref_key: "svgRef",
         ref: de,
-        xmlns: d(sl),
+        xmlns: d(cl),
         class: at({ "vue-data-ui-fullscreen--on": M.value, "vue-data-ui-fulscreen--off": !M.value }),
         viewBox: `0 0 ${N.value.width <= 0 ? 10 : N.value.width} ${N.value.height <= 0 ? 10 : N.value.height}`,
         style: ae(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
-        oe(d(wt)),
+        oe(d(xt)),
         k("defs", null, [
-          (n(!0), c(T, null, z(s.value, (a, o) => (n(), c("radialGradient", {
+          (u(!0), c(T, null, z(s.value, (a, o) => (u(), c("radialGradient", {
             cx: "50%",
             cy: "50%",
             r: "50%",
@@ -838,13 +842,13 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }, [
             k("stop", {
               offset: "0%",
-              "stop-color": d(il)(d(cl)(a.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
-            }, null, 8, Nl),
+              "stop-color": d(vl)(d(dl)(a.color, 0.05), 100 - e.value.style.chart.layout.rect.gradientIntensity)
+            }, null, 8, Ml),
             k("stop", {
               offset: "100%",
               "stop-color": a.color
-            }, null, 8, Vl)
-          ], 8, zl))), 256))
+            }, null, 8, Rl)
+          ], 8, Vl))), 256))
         ]),
         k("defs", null, [
           k("filter", {
@@ -862,9 +866,9 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               type: "saturate",
               values: "0"
             }, null, -1)
-          ])], 8, Ml)
+          ])], 8, Ul)
         ]),
-        e.value.useCustomCells && s.value.length ? (n(!0), c(T, { key: 0 }, z(W.value, (a, o) => (n(), c("foreignObject", {
+        e.value.useCustomCells && s.value.length ? (u(!0), c(T, { key: 0 }, z(W.value, (a, o) => (u(), c("foreignObject", {
           x: a.x,
           y: a.y,
           height: _.value <= 0 ? 1e-4 : _.value,
@@ -872,8 +876,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           class: "vue-ui-waffle-custom-cell-foreignObject"
         }, [
           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 ? (n(), c("rect", {
+        ], 8, Gl))), 256)) : C("", !0),
+        !s.value.length && !e.value.useCustomCells ? (u(), c("rect", {
           key: 1,
           x: 12,
           y: 12,
@@ -882,13 +886,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 ? (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, [
+        }, null, 8, Wl)) : s.value.length && !e.value.useCustomCells ? (u(), c(T, { key: 2 }, [
+          t.$slots.pattern ? (u(), c("g", jl, [
+            (u(!0), c(T, null, z(pe.value, (a) => (u(), 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),
-          (n(!0), c(T, null, z(W.value, (a, o) => (n(), c("rect", {
+          (u(!0), c(T, null, z(W.value, (a, o) => (u(), 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,
@@ -898,8 +902,8 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: ee(s.value[o].serieIndex)
-          }, null, 8, Wl))), 256)),
-          (n(!0), c(T, null, z(W.value, (a, o) => (n(), c("rect", {
+          }, null, 8, ql))), 256)),
+          (u(!0), c(T, null, z(W.value, (a, o) => (u(), 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,
@@ -909,9 +913,9 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             stroke: e.value.style.chart.layout.rect.stroke,
             "stroke-width": e.value.style.chart.layout.rect.strokeWidth,
             filter: ee(s.value[o].serieIndex)
-          }, null, 8, jl))), 256)),
-          t.$slots.pattern ? (n(), c("g", ql, [
-            (n(!0), c(T, null, z(W.value, (a, o) => (n(), c("rect", {
+          }, null, 8, Hl))), 256)),
+          t.$slots.pattern ? (u(), c("g", Xl, [
+            (u(!0), c(T, null, z(W.value, (a, o) => (u(), 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,
@@ -920,40 +924,40 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               fill: `url(#pattern_${b.value}_${s.value[o].absoluteIndex})`,
               stroke: "none",
               filter: ee(s.value[o].serieIndex)
-            }, null, 8, Hl))), 256))
+            }, null, 8, Yl))), 256))
           ])) : C("", !0)
         ], 64)) : C("", !0),
-        (n(!0), c(T, null, z(W.value, (a, o) => (n(), c(T, null, [
-          Rt(o, a) ? (n(), c("text", {
+        (u(!0), c(T, null, z(W.value, (a, o) => (u(), c(T, null, [
+          Gt(o, a) ? (u(), c("text", {
             key: `datalabel_${o}`,
-            textContent: re(Ut(o, a)),
+            textContent: re(Wt(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,
-            fill: d(vl)(s.value[o].color),
+            fill: d(fl)(s.value[o].color),
             filter: ee(s.value[o].serieIndex)
-          }, null, 8, Xl)) : C("", !0)
+          }, null, 8, Jl)) : C("", !0)
         ], 64))), 256)),
-        (n(!0), c(T, null, z(W.value, (a, o) => (n(), c("rect", {
+        (u(!0), c(T, null, z(W.value, (a, o) => (u(), 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,
+          width: Bt.value,
           fill: "transparent",
           stroke: "none",
-          onMouseover: (r) => Vt(o),
-          onMouseleave: (r) => Nt(o),
-          onClick: (r) => zt(o)
-        }, null, 40, Yl))), 256)),
+          onMouseover: (r) => Rt(o),
+          onMouseleave: (r) => Mt(o),
+          onClick: (r) => Vt(o)
+        }, null, 40, Kl))), 256)),
         h(t.$slots, "svg", { svg: N.value }, void 0, !0)
-      ], 14, El)),
-      t.$slots.watermark ? (n(), c("div", Jl, [
+      ], 14, Nl)),
+      t.$slots.watermark ? (u(), c("div", Ql, [
         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 ? (n(), E(el, {
+      }, null, 8, Zl),
+      Le.value ? (u(), E(ll, {
         key: 5,
         to: e.value.style.chart.legend.position === "top" ? `#legend-top-${b.value}` : `#legend-bottom-${b.value}`
       }, [
@@ -961,24 +965,24 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           ref_key: "chartLegend",
           ref: Se
         }, [
-          e.value.style.chart.legend.show ? (n(), E(Ol, {
+          e.value.style.chart.legend.show ? (u(), E(Pl, {
             key: `legend_${Pe.value}`,
             legendSet: V.value,
-            config: Et.value,
+            config: Nt.value,
             onClickMarker: l[0] || (l[0] = ({ legend: a }) => Z(a.uid))
           }, Ae({
             item: f(({ legend: a }) => [
               k("div", {
                 onClick: (o) => a.segregate(),
                 style: ae(`opacity:${y.value.includes(a.uid) ? 0.5 : 1}`)
-              }, re(a.display), 13, Ql)
+              }, re(a.display), 13, ea)
             ]),
             _: 2
           }, [
             t.$slots.pattern ? {
               name: "legend-pattern",
               fn: f(({ legend: a, index: o }) => [
-                oe(_l, {
+                oe(Ol, {
                   shape: a.shape,
                   radius: 30,
                   stroke: "none",
@@ -994,7 +998,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }, void 0, !0)
         ], 512)
       ], 8, ["to"])) : C("", !0),
-      t.$slots.source ? (n(), c("div", {
+      t.$slots.source ? (u(), c("div", {
         key: 6,
         ref_key: "source",
         ref: _e,
@@ -1002,9 +1006,9 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       }, [
         h(t.$slots, "source", {}, void 0, !0)
       ], 512)) : C("", !0),
-      oe(d(gt), {
+      oe(d(bt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: w.value.showTooltip && ne.value && y.value.length < m.dataset.length,
+        show: w.value.showTooltip && ue.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,
@@ -1031,13 +1035,13 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ]),
         _: 3
       }, 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, {
+      ne.value && e.value.userOptions.buttons.table ? (u(), E(al(Y.value.component), xe({ key: 7 }, Y.value.props, {
         ref_key: "tableUnit",
         ref: j,
         onClose: et
       }), Ae({
         content: f(() => [
-          (n(), E(d(bt), {
+          (u(), E(d(Ct), {
             key: `table_${De.value}`,
             colNames: te.value.colNames,
             head: te.value.head,
@@ -1051,7 +1055,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               k("div", {
                 innerHTML: a,
                 style: { display: "flex", "align-items": "center" }
-              }, null, 8, Zl)
+              }, null, 8, ta)
             ]),
             td: f(({ td: a }) => [
               ot(re(a.name || a), 1)
@@ -1076,7 +1080,7 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               class: "vue-ui-user-options-button",
               onClick: l[1] || (l[1] = (a) => Ce(e.value.userOptions.callbacks.csv))
             }, [
-              oe(d(yt), {
+              oe(d(mt), {
                 name: "excel",
                 stroke: Y.value.props.color
               }, null, 8, ["stroke"])
@@ -1085,15 +1089,15 @@ const ut = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           key: "1"
         } : void 0
       ]), 1040)) : C("", !0),
-      d(Ee) ? (n(), E(Al, { key: 8 })) : C("", !0)
-    ], 46, Pl));
+      d(Ee) ? (u(), E($l, { key: 8 })) : C("", !0)
+    ], 46, El));
   }
-}, ta = /* @__PURE__ */ Dl(ea, [["__scopeId", "data-v-1257e714"]]), ma = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, aa = /* @__PURE__ */ Ll(la, [["__scopeId", "data-v-1257e714"]]), ka = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ta
+  default: aa
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  ba as a,
-  ma as b,
-  ta as v
+  Ca as a,
+  ka as b,
+  aa as v
 };