vue-data-ui 3.17.8 → 3.17.10

package/dist/{vue-ui-rings-DGpumyEd.js → vue-ui-rings-CYRL9sU-.js}

@@ -1,9 +1,9 @@
 import { defineAsyncComponent as R, useSlots as Qt, ref as r, computed as d, toRefs as el, watch as re, shallowRef as rt, onMounted as tl, onBeforeUnmount as ll, openBlock as i, createElementBlock as y, unref as u, normalizeStyle as z, normalizeClass as B, createElementVNode as m, toDisplayString as ie, createBlock as P, createCommentVNode as k, withCtx as v, renderSlot as c, normalizeProps as T, guardReactiveProps as L, createSlots as Ae, createVNode as ve, Fragment as ce, renderList as Se, mergeProps as it, Teleport as al, resolveDynamicComponent as ol, createTextVNode as vt, nextTick as ct } from "vue";
-import { j as dt, t as ht, m as sl, p as X, o as pt, q as Pe, r as nl, n as ul, a8 as rl, s as gt, k as _e, l as M, X as il, u as vl, v as cl, Z as dl, a0 as hl, a1 as pl, K as gl, T as fl, U as yl } from "./lib-DMzrGQHK.js";
+import { j as dt, t as ht, m as sl, p as X, o as gt, q as Pe, r as nl, n as ul, a8 as rl, s as pt, k as _e, l as M, X as il, u as vl, v as cl, Z as dl, a0 as hl, a1 as gl, K as pl, T as fl, U as yl } from "./lib-DMzrGQHK.js";
 import { b as bl } from "./labelUtils-DX9oyq3C.js";
 import { t as ml, u as kl } from "./useResponsive-DfdjqQps.js";
-import { u as Cl } from "./useConfig-B70q17MC.js";
-import { u as wl } from "./usePrinter-C4t8DdQ-.js";
+import { u as wl } from "./useConfig-B70q17MC.js";
+import { u as Cl } from "./usePrinter-C4t8DdQ-.js";
 import { u as $l, B as Tl } from "./BaseScanner-C2j3TsSY.js";
 import { u as Ll } from "./useSvgExport-BTG4hVPO.js";
 import { u as Oe } from "./useNestedProp-DH0BEVVS.js";
@@ -44,15 +44,15 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
   },
   emits: ["selectLegend", "copyAlt"],
   setup(ft, { expose: yt, emit: bt }) {
-    const mt = R(() => import("./Tooltip-Cvt7Fi0Q.js")), kt = R(() => import("./BaseIcon-DX0hTWa-.js")), Ct = R(() => import("./vue-ui-accordion-_zwPlx0H.js")), wt = R(() => import("./DataTable-cMnb68Ik.js")), $t = R(
+    const mt = R(() => import("./Tooltip-Cvt7Fi0Q.js")), kt = R(() => import("./BaseIcon-DX0hTWa-.js")), wt = R(() => import("./vue-ui-accordion-_zwPlx0H.js")), Ct = R(() => import("./DataTable-cMnb68Ik.js")), $t = R(
       () => import("./PenAndPaper-CJDoB5H9.js")
     ), Tt = R(
       () => import("./UserOptions-DVduN6X7.js")
     ), Lt = R(
-      () => import("./PackageVersion-D3wt9hAj.js")
+      () => import("./PackageVersion-OCIkUsLh.js")
     ), xt = R(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
-    ), { vue_ui_rings: At } = Cl(), { isThemeValid: St, warnInvalidTheme: Pt } = xl(), _t = Qt(), w = ft, x = r(!1), Fe = d(() => !!w.dataset && w.dataset.length), C = r(dt()), G = r(!1), de = r(""), b = r(null), Ie = r(0), _ = r(null), De = r(null), Ne = r(null), Re = r(null), ze = r(null), Be = r(0), Me = r(0), Ve = r(0), he = r(!1), Ee = r(!1), q = r(null), pe = r(null), oe = r(!1), se = r(!1), O = r(null), Ue = r({ x: 0, y: 0 }), Z = r("pointer"), ge = r(!1), e = r(ye()), V = d(
+    ), { vue_ui_rings: At } = wl(), { isThemeValid: St, warnInvalidTheme: Pt } = xl(), _t = Qt(), C = ft, x = r(!1), Fe = d(() => !!C.dataset && C.dataset.length), w = r(dt()), G = r(!1), de = r(""), b = r(null), Ie = r(0), _ = r(null), De = r(null), Ne = r(null), Re = r(null), ze = r(null), Be = r(0), Me = r(0), Ve = r(0), he = r(!1), Ee = r(!1), q = r(null), ge = r(null), oe = r(!1), se = r(!1), O = r(null), Ue = r({ x: 0, y: 0 }), Z = r("pointer"), pe = r(!1), e = r(ye()), V = d(
       () => e.value.userOptions.useCursorPointer
     ), Ot = d(() => ht({
       defaultConfig: {
@@ -82,10 +82,10 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
       },
       userConfig: e.value.skeletonConfig ?? {}
     })), { loading: A, FINAL_DATASET: We, manualLoading: ne } = $l({
-      ...el(w),
+      ...el(C),
       FINAL_CONFIG: e,
       prepareConfig: ye,
-      skeletonDataset: w.config?.skeletonDataset ?? [
+      skeletonDataset: C.config?.skeletonDataset ?? [
         { name: "_", values: [13], color: "#808080" },
         { name: "_", values: [8], color: "#969696" },
         { name: "_", values: [5], color: "#ADADAD" },
@@ -101,26 +101,26 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
     });
     function ye() {
       const t = Oe({
-        userConfig: w.config,
+        userConfig: C.config,
         defaultConfig: At
       }), a = t.theme;
       if (!a) return t;
       if (!St.value(t))
         return Pt(t), t;
       const l = Oe({
-        userConfig: Fl[a] || w.config,
+        userConfig: Fl[a] || C.config,
         defaultConfig: t
       });
       return {
         ...Oe({
-          userConfig: w.config,
+          userConfig: C.config,
           defaultConfig: l
         }),
         customPalette: t.customPalette.length ? t.customPalette : sl[t.theme] || X
       };
     }
     re(
-      () => w.config,
+      () => C.config,
       (t) => {
         A.value || (e.value = ye()), fe.value = !e.value.userOptions.showOnChartHover, Ke(), Be.value += 1, Me.value += 1, Ve.value += 1, f.value.showTable = e.value.table.show, f.value.showTooltip = e.value.style.chart.tooltip.show, f.value.showLabels = e.value.style.chart.layout.labels.dataLabels.show, h.value.width = e.value.style.chart.size, h.value.height = e.value.style.chart.size;
       },
@@ -137,7 +137,7 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
       y: h.value.height / 2 + Ge.value.y
     }));
     re(
-      () => w.dataset,
+      () => C.dataset,
       (t) => {
         Array.isArray(t) && t.length > 0 && (ne.value = !1);
       },
@@ -149,11 +149,11 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
     });
     const be = d(() => !!e.value.debug);
     function Ke() {
-      if (pt(w.dataset) ? (Pe({
+      if (gt(C.dataset) ? (Pe({
         componentName: "VueUiRings",
         type: "dataset",
         debug: be.value
-      }), ne.value = !0) : w.dataset.forEach((t, a) => {
+      }), ne.value = !0) : C.dataset.forEach((t, a) => {
         t.values.length || (Pe({
           componentName: "VueUiRings",
           type: "dataset",
@@ -170,7 +170,7 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
             debug: be.value
           });
         });
-      }), pt(w.dataset) || (ne.value = e.value.loading), e.value.responsive) {
+      }), gt(C.dataset) || (ne.value = e.value.loading), e.value.responsive) {
         const t = ml(() => {
           he.value = !0;
           const { width: a, height: l } = kl({
@@ -193,8 +193,8 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
     ll(() => {
       D.value && (K.value && D.value.unobserve(K.value), D.value.disconnect());
     });
-    const { isPrinting: me, isImaging: ke, generatePdf: je, generateImage: Ye } = wl({
-      elementId: `rings_${C.value}`,
+    const { isPrinting: me, isImaging: ke, generatePdf: je, generateImage: Ye } = Cl({
+      elementId: `rings_${w.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-rings",
       options: e.value.userOptions.print
     }), Ft = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), qe = d(() => ul(e.value.customPalette)), f = r({
@@ -216,22 +216,22 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
     const h = r({
       height: e.value.style.chart.size,
       width: e.value.style.chart.size
-    }), It = d(() => Math.min(h.value.height, h.value.width)), Ze = bt, g = r([]);
+    }), It = d(() => Math.min(h.value.height, h.value.width)), Ze = bt, p = r([]);
     function Dt() {
-      g.value.length ? g.value = [] : Q.value.forEach((t) => {
-        g.value.push(t.uid);
+      p.value.length ? p.value = [] : Q.value.forEach((t) => {
+        p.value.push(t.uid);
       });
     }
     function J(t) {
-      if (g.value.includes(t))
-        g.value = g.value.filter((a) => a !== t);
+      if (p.value.includes(t))
+        p.value = p.value.filter((a) => a !== t);
       else {
-        if (g.value.length === U.value.length - 1) return;
-        g.value.push(t);
+        if (p.value.length === U.value.length - 1) return;
+        p.value.push(t);
       }
       Ze(
         "selectLegend",
-        p.value.map((a) => ({
+        g.value.map((a) => ({
           name: a.name,
           color: a.color,
           value: a.value
@@ -246,14 +246,14 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
     }
     function Nt(t) {
       const a = Je(t);
-      a !== null && g.value.includes(a.uid) && J(a.uid);
+      a !== null && p.value.includes(a.uid) && J(a.uid);
     }
     function Rt(t) {
       const a = Je(t);
-      a !== null && (g.value.includes(a.uid) || J(a.uid));
+      a !== null && (p.value.includes(a.uid) || J(a.uid));
     }
     const zt = d(() => Math.max(
-      ...U.value.filter((t) => !g.value.includes(t.uid)).map(({ value: t }) => t)
+      ...U.value.filter((t) => !p.value.includes(t.uid)).map(({ value: t }) => t)
     ));
     function Qe(t) {
       return t / zt.value;
@@ -262,7 +262,7 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
       const n = rl(t).reduce((s, $) => s + $, 0);
       return {
         name: a,
-        color: l || gt(l) || qe.value[o] || X[o] || X[o % X.length],
+        color: l || pt(l) || qe.value[o] || X[o] || X[o % X.length],
         value: n,
         proportion: n / We.value.map((s) => (s.values || []).reduce(($, Y) => $ + Y, 0)).reduce((s, $) => s + $, 0),
         uid: dt(),
@@ -283,18 +283,18 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
         v: t.value / I.value * 100,
         s: "%",
         r: e.value.style.chart.legend.roundingPercentage
-      }), n = we({
+      }), n = Ce({
         showVal: e.value.style.chart.legend.showValue,
         showPercentage: e.value.style.chart.legend.showPercentage,
         val: l,
-        percentage: g.value.includes(t.uid) ? "-%" : o
+        percentage: p.value.includes(t.uid) ? "-%" : o
       });
       return {
         ...t,
         shape: "circle",
-        opacity: g.value.includes(t.uid) ? 0.5 : 1,
+        opacity: p.value.includes(t.uid) ? 0.5 : 1,
         segregate: () => J(t.uid),
-        isSegregated: g.value.includes(t.uid),
+        isSegregated: p.value.includes(t.uid),
         display: `${t.name}${e.value.style.chart.legend.showPercentage || e.value.style.chart.legend.showValue ? ": " : ""}${n}`
       };
     }).toSorted((t, a) => a.value - t.value)), Bt = d(() => ({
@@ -304,18 +304,18 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), I = d(() => U.value.filter((t) => !g.value.includes(t.uid)).map(({ value: t }) => t).reduce((t, a) => t + a, 0)), p = d(() => U.value.filter((t) => !g.value.includes(t.uid)).map(({ name: t, value: a, color: l = null, uid: o, absoluteIndex: n }, s) => ({
+    })), I = d(() => U.value.filter((t) => !p.value.includes(t.uid)).map(({ value: t }) => t).reduce((t, a) => t + a, 0)), g = d(() => U.value.filter((t) => !p.value.includes(t.uid)).map(({ name: t, value: a, color: l = null, uid: o, absoluteIndex: n }, s) => ({
       absoluteIndex: n,
       uid: o,
       name: t,
-      color: l || gt(l) || qe.value[s] || X[s] || X[s % X.length],
+      color: l || pt(l) || qe.value[s] || X[s] || X[s % X.length],
       value: a,
       proportion: Qe(a),
       percentage: a / I.value * 100,
       strokeWidth: e.value.style.chart.layout.rings.strokeWidth * Qe(a)
     })).toSorted((t, a) => a.value - t.value));
     function Mt() {
-      return p.value.map(
+      return g.value.map(
         ({ name: t, color: a, value: l, absoluteValues: o, percentage: n }) => ({
           name: t,
           color: a,
@@ -326,13 +326,13 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
       );
     }
     const W = d(() => It.value - e.value.style.chart.layout.rings.strokeWidth * 2);
-    function Ce(t, a) {
+    function we(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
     }
     function et(t, a) {
       b.value = null, G.value = !1, O.value = null, Z.value = "pointer", e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
     }
-    function we({ val: t, percentage: a, showVal: l, showPercentage: o }) {
+    function Ce({ val: t, percentage: a, showVal: l, showPercentage: o }) {
       const n = e.value.style.chart.layout.labels.dataLabels;
       return bl({
         config: n,
@@ -358,7 +358,7 @@ const zl = ["id"], Bl = ["id"], Ml = ["id"], Vl = { style: { position: "relative
         r: a.roundingPercentage
       });
       return `${t.name}
-${we({
+${Ce({
         val: l,
         percentage: o,
         showVal: a.showValue,
@@ -366,12 +366,12 @@ ${we({
       })}`;
     }
     function ee(t) {
-      return gl(
+      return pl(
         W.value * t.proportion / 2 * 0.9 <= 0 ? 1e-4 : W.value * t.proportion / 2 * 0.9
       );
     }
     function te(t, a) {
-      return a === 0 ? F.value.y : F.value.y + W.value * p.value[0].proportion / 2 - W.value * t.proportion / 2 - 2 * (a + 1);
+      return a === 0 ? F.value.y : F.value.y + W.value * g.value[0].proportion / 2 - W.value * t.proportion / 2 - 2 * (a + 1);
     }
     function S(t, a) {
       const o = e.value.style.chart.layout.labels.dataLabels.markers.position === "left" ? -(W.value / 2) : W.value / 2;
@@ -385,31 +385,31 @@ ${we({
       if (e.value.events.datapointEnter && e.value.events.datapointEnter({
         datapoint: t,
         seriesIndex: a
-      }), g.value.length === w.dataset.length) return;
+      }), p.value.length === C.dataset.length) return;
       ue.value = {
         datapoint: t,
         seriesIndex: a,
-        series: p.value,
+        series: g.value,
         config: e.value
       }, b.value = a, O.value = a, Z.value = l;
-      const o = p.value[a], n = e.value.style.chart.tooltip.customFormat;
+      const o = g.value[a], n = e.value.style.chart.tooltip.customFormat;
       if (fl(n) && yl(
         () => n({
           seriesIndex: a,
           datapoint: t,
-          series: p.value,
+          series: g.value,
           config: e.value
         })
       ))
         de.value = n({
           seriesIndex: a,
           datapoint: t,
-          series: p.value,
+          series: g.value,
           config: e.value
         });
       else {
         let s = "";
-        s += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, s += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${o.color}" />${_t.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${C.value}_${t.absoluteIndex})" />` : ""}</svg>`, s += `<b>${we({
+        s += `<div style="width:100%;text-align:center;border-bottom:1px solid ${e.value.style.chart.tooltip.borderColor};padding-bottom:6px;margin-bottom:3px;">${o.name}</div>`, s += `<div style="display:flex;flex-direction:row;gap:6px;align-items:center;"><svg viewBox="0 0 60 60" height="14" width="14"><circle cx="30" cy="30" r="30" stroke="none" fill="${o.color}" />${_t.pattern ? `<circle cx="30" cy="30" r="30" stroke="none" fill="url(#pattern_${w.value}_${t.absoluteIndex})" />` : ""}</svg>`, s += `<b>${Ce({
           showVal: e.value.style.chart.tooltip.showValue,
           showPercentage: e.value.style.chart.tooltip.showPercentage,
           val: `<span>${_e(
@@ -433,10 +433,10 @@ ${we({
       G.value = !0;
     }
     const N = d(() => {
-      const t = p.value.map((l) => ({
+      const t = g.value.map((l) => ({
         name: l.name,
         color: l.color
-      })), a = p.value.map((l) => l.value);
+      })), a = g.value.map((l) => l.value);
       return { head: t, body: a };
     }), j = d(() => {
       const t = [
@@ -500,7 +500,7 @@ ${we({
           [e.value.style.chart.title.subtitle.text],
           [[""], ["val"], ["%"]]
         ].concat(a), o = hl(l);
-        t ? t(o) : pl({
+        t ? t(o) : gl({
           csvContent: o,
           title: e.value.style.chart.title.text || "vue-ui-rings"
         });
@@ -543,7 +543,7 @@ ${we({
     const ae = d(() => {
       const t = e.value.table.useDialog && !e.value.table.show, a = f.value.showTable;
       return {
-        component: t ? xt : Ct,
+        component: t ? xt : wt,
         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,
@@ -578,7 +578,7 @@ ${we({
       }
     );
     function st() {
-      f.value.showTable = !1, pe.value && pe.value.setTableIconState(!1);
+      f.value.showTable = !1, ge.value && ge.value.setTableIconState(!1);
     }
     const Ut = d(() => Q.value.map((t) => ({
       ...t,
@@ -623,7 +623,7 @@ ${we({
     async function ut() {
       if (Ze("copyAlt", {
         config: e.value,
-        dataset: p.value
+        dataset: g.value
       }), !e.value.userOptions.callbacks.altCopy) {
         console.warn(
           "Vue Data UI - A callback must be set for `altCopy` in userOptions."
@@ -633,18 +633,18 @@ ${we({
       await Promise.resolve(
         e.value.userOptions.callbacks.altCopy({
           config: e.value,
-          dataset: p.value
+          dataset: g.value
         })
       );
     }
     function Yt() {
-      O.value = null, ge.value = !0;
+      O.value = null, pe.value = !0;
     }
     function qt() {
-      O.value = null, Z.value = "pointer", G.value = !1, b.value = null, ge.value = !1;
+      O.value = null, Z.value = "pointer", G.value = !1, b.value = null, pe.value = !1;
     }
     function Zt(t) {
-      if (!E.value || le.value || document.activeElement !== E.value || !p.value.length || g.value.length === w.dataset.length) return;
+      if (!E.value || le.value || document.activeElement !== E.value || !g.value.length || p.value.length === C.dataset.length) return;
       const a = ["ArrowLeft", "ArrowUp"].includes(t.key), l = ["ArrowRight", "ArrowDown"].includes(t.key), o = t.key === "Enter" || t.key === " ", n = t.key === "Escape";
       if (!a && !l && !o && !n)
         return;
@@ -654,19 +654,19 @@ ${we({
       }
       if (o) {
         if (O.value === null) return;
-        const Y = p.value[O.value];
+        const Y = g.value[O.value];
         if (!Y) return;
-        Ce(Y, O.value);
+        we(Y, O.value);
         return;
       }
       let s = O.value;
-      s === null || s < 0 || s >= p.value.length ? s = l ? 0 : p.value.length - 1 : l ? (s += 1, s >= p.value.length && (s = 0)) : a && (s -= 1, s < 0 && (s = p.value.length - 1));
-      const $ = p.value[s];
+      s === null || s < 0 || s >= g.value.length ? s = l ? 0 : g.value.length - 1 : l ? (s += 1, s >= g.value.length && (s = 0)) : a && (s -= 1, s < 0 && (s = g.value.length - 1));
+      const $ = g.value[s];
       $ && (Jt(s), $e($, s, "keyboard"));
     }
     function Jt(t) {
       if (!Number.isFinite(t) || !E.value) return;
-      const a = p.value[t];
+      const a = g.value[t];
       if (!a) return;
       const l = S(a, t), o = E.value.getBoundingClientRect();
       Ue.value = {
@@ -698,21 +698,21 @@ ${we({
       ref: _,
       class: B(`vue-data-ui-component vue-ui-rings ${H.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"}`),
       style: z(`font-family:${e.value.style.fontFamily};text-align:center;width:100%;background:${e.value.style.chart.backgroundColor};${e.value.responsive ? "height: 100%" : ""}`),
-      id: `rings_${C.value}`,
+      id: `rings_${w.value}`,
       onMouseleave: a[2] || (a[2] = (l) => {
         b.value = null, G.value = !1, u(He)(!1);
       }),
       onMouseenter: a[3] || (a[3] = () => u(He)(!0))
     }, [
       m("div", {
-        id: `chart-instructions-${C.value}`,
+        id: `chart-instructions-${w.value}`,
         class: "sr-only"
       }, [
         m("p", null, ie(e.value.a11y.translations.keyboardNavigation), 1)
       ], 8, Bl),
       xe.value?.rows?.length ? (i(), P(Dl, {
         key: 0,
-        uid: C.value,
+        uid: w.value,
         head: xe.value.headers,
         body: xe.value.rows,
         notice: e.value.a11y.translations.tableAvailable,
@@ -775,17 +775,17 @@ ${we({
         }, null, 8, ["config"]))
       ], 512)) : k("", !0),
       m("div", {
-        id: `legend-top-${C.value}`
+        id: `legend-top-${w.value}`
       }, null, 8, Ml),
       e.value.userOptions.show && Fe.value && (u(Xe) || u(fe)) ? (i(), P(u(Tt), {
         ref_key: "userOptionsRef",
-        ref: pe,
+        ref: ge,
         key: `user_options_${Ie.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
         isPrinting: u(me),
         isImaging: u(ke),
-        uid: C.value,
+        uid: w.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
         hasXls: e.value.userOptions.buttons.csv,
@@ -910,7 +910,7 @@ ${we({
           }),
           viewBox: `0 0 ${h.value.width <= 0 ? 10 : h.value.width} ${h.value.height <= 0 ? 10 : h.value.height}`,
           style: z(`max-width:100%;overflow:hidden;background:transparent;color:${e.value.style.chart.color}`),
-          "aria-describedby": `chart-instructions-${C.value}`,
+          "aria-describedby": `chart-instructions-${w.value}`,
           tabindex: "0",
           onFocus: Yt,
           onBlur: qt,
@@ -930,13 +930,13 @@ ${we({
             c(t.$slots, "chart-background", {}, void 0, !0)
           ], 8, Ul)) : k("", !0),
           m("defs", null, [
-            (i(!0), y(ce, null, Se(p.value, (l, o) => (i(), y("radialGradient", {
+            (i(!0), y(ce, null, Se(g.value, (l, o) => (i(), y("radialGradient", {
               cx: "50%",
               cy: "30%",
               r: "50%",
               fx: "50%",
               fy: "50%",
-              id: `gradient_${C.value}_${o}`
+              id: `gradient_${w.value}_${o}`
             }, [
               m("stop", {
                 offset: "0%",
@@ -952,14 +952,14 @@ ${we({
             ], 8, Wl))), 256))
           ]),
           t.$slots.pattern ? (i(), y("g", Gl, [
-            (i(!0), y(ce, null, Se(p.value, (l) => (i(), y("defs", null, [
+            (i(!0), y(ce, null, Se(g.value, (l) => (i(), y("defs", null, [
               c(t.$slots, "pattern", it({ ref_for: !0 }, {
                 seriesIndex: l.absoluteIndex,
-                patternId: `pattern_${C.value}_${l.absoluteIndex}`
+                patternId: `pattern_${w.value}_${l.absoluteIndex}`
               }), void 0, !0)
             ]))), 256))
           ])) : k("", !0),
-          (i(!0), y(ce, null, Se(p.value, (l, o) => (i(), y("g", null, [
+          (i(!0), y(ce, null, Se(g.value, (l, o) => (i(), y("g", null, [
             m("circle", {
               class: B({
                 "vue-ui-rings-item": x.value && e.value.useCssAnimation,
@@ -986,7 +986,7 @@ ${we({
               cx: F.value.x,
               cy: te(l, o),
               r: ee(l),
-              fill: e.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${C.value}_${o})` : l.color
+              fill: e.value.style.chart.layout.rings.gradient.show ? `url(#gradient_${w.value}_${o})` : l.color
             }, null, 14, jl),
             t.$slots.pattern ? (i(), y("circle", {
               key: 0,
@@ -1002,7 +1002,7 @@ ${we({
               cx: F.value.x,
               cy: te(l, o),
               r: ee(l),
-              fill: `url(#pattern_${C.value}_${l.absoluteIndex})`
+              fill: `url(#pattern_${w.value}_${l.absoluteIndex})`
             }, null, 14, Yl)) : k("", !0),
             m("circle", {
               stroke: "none",
@@ -1012,7 +1012,7 @@ ${we({
               fill: "transparent",
               onMouseenter: (n) => $e(l, o, "pointer"),
               onMouseleave: (n) => et(l, o),
-              onClick: (n) => Ce(l, o)
+              onClick: (n) => we(l, o)
             }, null, 40, ql),
             f.value.showLabels ? (i(), y(ce, { key: 1 }, [
               m("rect", {
@@ -1059,7 +1059,7 @@ ${we({
                 }),
                 onMouseenter: (n) => $e(l, o, "pointer"),
                 onMouseleave: (n) => et(l, o),
-                onClick: (n) => Ce(l, o),
+                onClick: (n) => we(l, o),
                 innerHTML: u(dl)({
                   content: Vt(l),
                   fontSize: e.value.style.chart.layout.labels.dataLabels.fontSize,
@@ -1082,7 +1082,7 @@ ${we({
         t.$slots.hint ? (i(), y("div", ea, [
           c(t.$slots, "hint", T(L({
             hint: e.value.a11y.translations.keyboardNavigation,
-            isVisible: ge.value
+            isVisible: pe.value
           })), void 0, !0)
         ])) : k("", !0)
       ]),
@@ -1092,11 +1092,11 @@ ${we({
         })), void 0, !0)
       ])) : k("", !0),
       m("div", {
-        id: `legend-bottom-${C.value}`
+        id: `legend-bottom-${w.value}`
       }, null, 8, la),
-      Ee.value ? (i(), P(al, {
+      Ee.value && e.value.style.chart.legend.show ? (i(), P(al, {
         key: 6,
-        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${C.value}` : `#legend-bottom-${C.value}`
+        to: e.value.style.chart.legend.position === "top" ? `#legend-top-${w.value}` : `#legend-bottom-${w.value}`
       }, [
         m("div", {
           ref_key: "chartLegend",
@@ -1113,7 +1113,7 @@ ${we({
               u(A) ? k("", !0) : (i(), y("div", {
                 key: 0,
                 onClick: (n) => J(l.uid),
-                style: z(`opacity:${g.value.includes(l.uid) ? 0.5 : 1}`)
+                style: z(`opacity:${p.value.includes(l.uid) ? 0.5 : 1}`)
               }, ie(l.display), 13, aa))
             ]),
             legendToggle: v(() => [
@@ -1122,7 +1122,7 @@ ${we({
                 backgroundColor: e.value.style.chart.legend.selectAllToggle.backgroundColor,
                 color: e.value.style.chart.legend.selectAllToggle.color,
                 fontSize: e.value.style.chart.legend.fontSize,
-                checked: g.value.length > 0,
+                checked: p.value.length > 0,
                 isCursorPointer: V.value,
                 onToggle: Dt
               }, null, 8, ["backgroundColor", "color", "fontSize", "checked", "isCursorPointer"])) : k("", !0)
@@ -1137,7 +1137,7 @@ ${we({
                   radius: 30,
                   stroke: "none",
                   plot: { x: 30, y: 30 },
-                  fill: `url(#pattern_${C.value}_${o})`
+                  fill: `url(#pattern_${w.value}_${o})`
                 }, null, 8, ["shape", "fill"])
               ]),
               key: "0"
@@ -1158,7 +1158,7 @@ ${we({
       ], 512)) : k("", !0),
       ve(u(mt), {
         teleportTo: e.value.style.chart.tooltip.teleportTo,
-        show: f.value.showTooltip && G.value && g.value.length < w.dataset.length,
+        show: f.value.showTooltip && G.value && p.value.length < C.dataset.length,
         backgroundColor: e.value.style.chart.tooltip.backgroundColor,
         color: e.value.style.chart.tooltip.color,
         borderRadius: e.value.style.chart.tooltip.borderRadius,
@@ -1196,7 +1196,7 @@ ${we({
         onClose: st
       }), Ae({
         content: v(() => [
-          (i(), P(u(wt), {
+          (i(), P(u(Ct), {
             key: `table_${Me.value}`,
             colNames: j.value.colNames,
             head: j.value.head,
@@ -1251,7 +1251,7 @@ ${we({
       ], !0)
     ], 46, zl));
   }
-}, xa = /* @__PURE__ */ Rl(sa, [["__scopeId", "data-v-b071c14a"]]);
+}, xa = /* @__PURE__ */ Rl(sa, [["__scopeId", "data-v-b66a0825"]]);
 export {
   xa as default
 };

package/dist/{vue-ui-scatter-Dnn7YOBs.js → vue-ui-scatter-CnoApfMm.js}

@@ -79,7 +79,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
     ), il = ye(
       () => import("./UserOptions-DVduN6X7.js")
     ), rl = ye(
-      () => import("./PackageVersion-D3wt9hAj.js")
+      () => import("./PackageVersion-OCIkUsLh.js")
     ), vl = ye(
       () => import("./BaseDraggableDialog-Di8Hlru3.js")
     ), { vue_ui_scatter: cl } = ya(), { isThemeValid: yl, warnInvalidTheme: dl } = ga(), te = el, hl = ll, gt = T(() => !!te.dataset && te.dataset.length), N = w(Zl()), De = w(!1), qe = w(""), mt = w(0), ne = w(null), xt = w(null), bt = w(null), kt = w(null), wt = w(null), $t = w(0), Mt = w(0), _t = w(0), I = w([]), Ct = w(!1), _e = w(null), Ce = w(null), Ae = w(null), He = w(null), Ee = w(!1), Ne = w(!1), Ke = w(null), fl = w(null), pl = w(null), Ze = w(null), me = w(null), At = w({ x: 0, y: 0 }), Se = w("pointer"), Fe = w(!1), Te = w(null), e = w(lt()), de = T(
@@ -1852,7 +1852,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       k("div", {
         id: `legend-bottom-${N.value}`
       }, null, 8, No),
-      Ct.value ? (v(), ae(ql, {
+      Ct.value && e.value.style.legend.show ? (v(), ae(ql, {
         key: 7,
         to: e.value.style.legend.position === "top" ? `#legend-top-${N.value}` : `#legend-bottom-${N.value}`
       }, [
@@ -2008,7 +2008,7 @@ const Aa = ["id"], Sa = ["id"], Ta = {
       ], !0)
     ], 46, Aa));
   }
-}, vs = /* @__PURE__ */ Ca(Vo, [["__scopeId", "data-v-89d70408"]]);
+}, vs = /* @__PURE__ */ Ca(Vo, [["__scopeId", "data-v-7333b849"]]);
 export {
   vs as default
 };

package/dist/{vue-ui-skeleton-7KsHvAcH.js → vue-ui-skeleton-BoheA1WR.js}

@@ -2,7 +2,7 @@ import { ref as w, computed as g, openBlock as e, createElementBlock as o, norma
 import { A as B, X as u, u as v, z as F } from "./lib-DMzrGQHK.js";
 import { u as O } from "./useNestedProp-DH0BEVVS.js";
 import { u as V } from "./useConfig-B70q17MC.js";
-import y from "./PackageVersion-D3wt9hAj.js";
+import y from "./PackageVersion-OCIkUsLh.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = ["d", "fill", "stroke"], Y = ["xmlns"], D = ["id"], J = ["stop-color"], K = ["stop-color"], l1 = ["stop-color"], t1 = ["stop-color"], e1 = ["fill", "stroke"], o1 = ["fill", "stroke"], s1 = ["fill", "stroke"], r1 = ["fill", "stroke"], i1 = ["fill", "stroke"], n1 = ["xmlns"], a1 = ["stroke"], u1 = ["stroke"], c1 = ["stroke"], d1 = ["fill", "stroke"], y1 = ["fill"], k1 = ["fill", "stroke"], h1 = ["fill"], v1 = ["fill", "stroke"], _1 = ["fill"], x1 = ["fill", "stroke"], p1 = ["fill"], g1 = ["fill", "stroke"], f1 = ["fill"], w1 = ["fill", "stroke"], C1 = ["fill"], m1 = ["xmlns"], b1 = ["stroke"], M1 = ["stroke"], L1 = ["stroke"], A1 = ["stroke"], $1 = ["stroke"], B1 = ["stroke"], P1 = ["stroke"], W1 = ["stroke"], j1 = ["stroke"], z1 = ["xmlns"], Z1 = ["stroke", "fill"], q1 = ["xmlns"], H1 = ["stroke", "fill"], Q1 = ["xmlns"], E1 = ["fill"], S1 = ["fill"], I1 = ["fill"], N1 = ["fill"], F1 = ["xmlns"], O1 = ["stroke"], V1 = ["fill"], X1 = ["stroke", "fill"], G1 = ["stroke", "fill"], R1 = ["fill"], T1 = ["stroke", "fill"], U1 = ["stroke", "fill"], Y1 = ["fill"], D1 = ["stroke", "fill"], J1 = ["stroke", "fill"], K1 = ["fill"], ll = ["stroke", "fill"], tl = ["stroke", "fill"], el = ["fill"], ol = ["stroke", "fill"], sl = ["stroke", "fill"], rl = ["xmlns"], il = ["stroke"], nl = ["stroke"], al = ["stroke", "fill"], ul = ["stroke", "fill"], cl = ["stroke", "fill"], dl = ["stroke", "fill"], yl = ["stroke", "fill"], kl = ["stroke", "fill"], hl = ["stroke", "fill"], vl = ["stroke", "fill"], _l = ["stroke", "fill"], xl = ["stroke", "fill"], pl = ["stroke", "fill"], gl = ["stroke", "fill"], fl = ["stroke", "fill"], wl = ["stroke", "fill"], Cl = ["stroke", "fill"], ml = ["stroke", "fill"], bl = ["stroke", "fill"], Ml = ["stroke", "fill"], Ll = ["stroke", "fill"], Al = ["stroke", "fill"], $l = ["stroke", "fill"], Bl = ["stroke", "fill"], Pl = ["stroke", "fill"], Wl = ["xmlns"], jl = ["stroke"], zl = ["xmlns"], Zl = ["stroke"], ql = ["xmlns"], Hl = ["stroke"], Ql = ["xmlns"], El = ["fill"], Sl = ["fill"], Il = ["fill"], Nl = ["fill"], Fl = ["fill"], Ol = ["fill"], Vl = ["fill"], Xl = ["fill"], Gl = ["fill"], Rl = ["fill"], Tl = ["fill"], Ul = ["fill"], Yl = ["xmlns"], Dl = ["stroke"], Jl = ["stroke"], Kl = ["stroke"], l0 = ["stroke"], t0 = ["stroke"], e0 = ["stroke"], o0 = ["xmlns"], s0 = ["stroke"], r0 = ["stroke"], i0 = ["stroke"], n0 = ["stroke"], a0 = ["stroke"], u0 = ["stroke"], c0 = ["stroke"], d0 = ["stroke"], y0 = ["stroke"], k0 = ["xmlns"], h0 = ["stroke"], v0 = ["xmlns"], _0 = ["stroke"], x0 = ["stroke"], p0 = ["stroke"], g0 = ["stroke"], f0 = ["stroke"], w0 = ["stroke"], C0 = ["stroke"], m0 = ["stroke"], b0 = ["stroke"], M0 = ["xmlns"], L0 = ["x1", "x2", "stroke"], A0 = ["xmlns"], $0 = ["x", "y", "width", "height", "fill"], B0 = ["y", "width", "height", "fill"], P0 = ["xmlns"], W0 = ["fill"], j0 = ["fill"], z0 = ["fill"], Z0 = ["xmlns"], q0 = ["x1", "x2", "y1", "y2", "stroke"], H0 = ["stroke"], Q0 = ["fill"], E0 = ["xmlns"], S0 = ["fill"], I0 = ["fill"], N0 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], F0 = ["xmlns"], O0 = { key: 0 }, V0 = ["stroke", "stroke-width"], X0 = ["stroke", "stroke-width"], G0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], R0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], T0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], U0 = ["x", "y", "height", "width", "fill"], Y0 = ["xmlns", "viewBox"], D0 = ["x", "y", "stroke", "fill"], J0 = ["xmlns"], K0 = ["d", "stroke"], lt = ["cx", "cy", "r", "fill", "stroke"], tt = ["cx", "cy", "r", "fill", "stroke"], et = ["x", "y", "width", "fill"], ot = ["cx", "cy", "fill"], st = ["cx", "cy", "fill"], rt = ["stroke"], it = ["xmlns"], nt = ["stroke", "stroke-width"], at = ["stroke", "stroke-width"], ut = ["stroke", "stroke-width"], ct = ["fill"], dt = ["fill"], yt = ["fill"], kt = ["fill"], ht = ["fill"], vt = ["fill"], _t = ["xmlns"], xt = { key: 0 }, pt = ["stroke", "stroke-width"], gt = ["stroke", "stroke-width"], ft = ["stroke", "stroke-width"], wt = { key: 1 }, Ct = ["r", "fill"], mt = ["r", "fill"], bt = ["xmlns"], Mt = { key: 0 }, Lt = ["stroke", "stroke-width"], At = ["stroke", "stroke-width"], $t = ["fill", "rx", "x", "y", "width", "height"], Bt = ["xmlns"], Pt = ["stroke-width", "stroke"], Wt = ["stroke-width", "stroke"], jt = ["stroke-width", "stroke"], zt = ["xmlns"], Zt = ["stroke"], qt = ["stroke"], Ht = ["stroke"], Qt = ["stroke"], Et = ["fill"], St = ["stroke"], It = ["xmlns"], Nt = ["stroke", "stroke-width"], Ft = ["stroke", "stroke-width"], Ot = ["fill", "r"], Vt = ["fill", "r"], Xt = ["fill", "r"], Gt = ["fill", "r"], Rt = ["fill", "r"], Tt = ["fill", "r"], Ut = ["fill", "r"], Yt = ["fill", "r"], Dt = ["fill", "r"], Jt = ["xmlns"], Kt = ["d", "stroke", "stroke-width"], le = ["d", "stroke", "stroke-width"], te = ["d", "stroke", "stroke-width"], ee = ["d", "stroke", "stroke-width"], oe = ["stroke", "stroke-width"], se = ["stroke", "stroke-width"], re = ["stroke", "stroke-width"], ie = ["fill"], ne = ["fill"], ae = ["xmlns"], ue = ["x", "y", "fill"], ce = ["x", "y", "fill"], de = ["x", "y", "fill"], ye = ["xmlns"], ke = ["fill"], he = ["fill"], ve = ["y1", "y2", "stroke", "stroke-width"], _e = ["x1", "x2", "stroke", "stroke-width"], xe = ["xmlns", "stroke"], pe = ["fill"], ge = ["xmlns", "stroke"], fe = ["xmlns", "stroke"], we = ["fill"], Ce = ["xmlns", "stroke"], me = ["xmlns", "stroke"], be = ["fill"], Me = ["xmlns", "stroke"], Le = ["xmlns", "stroke"], Ae = ["fill"], $e = ["xmlns", "stroke"], Be = ["xmlns", "stroke"], Pe = ["fill"], We = ["xmlns", "stroke"], je = ["xmlns"], ze = ["points", "fill", "stroke", "stroke-width"], Ze = ["xmlns"], qe = { key: 0 }, He = ["stroke", "stroke-width"], Qe = ["y", "width", "fill", "rx"], Ee = {
   __name: "vue-ui-skeleton",

package/dist/{vue-ui-spark-trend-DhaXAoc0.js → vue-ui-spark-trend-CWWccv_p.js}

@@ -27,7 +27,7 @@ const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Z
   },
   setup(oe) {
     const re = _e(
-      () => import("./PackageVersion-D3wt9hAj.js")
+      () => import("./PackageVersion-OCIkUsLh.js")
     ), { vue_ui_spark_trend: ie } = Me(), { isThemeValid: ve, warnInvalidTheme: de } = De(), S = Ee(), h = oe, V = c(null), K = c(null), X = c(null), C = c(null), z = c(null), T = c(!1), p = c(null), $ = c(Te()), e = c(E()), fe = s(() => ae({
       defaultConfig: {
         style: {