vue-data-ui 3.7.15 → 3.8.0

package/dist/{vue-ui-quick-chart-CmJEoZEj.js → vue-ui-quick-chart-YBj4Iyk6.js}

@@ -1,16 +1,16 @@
-import { defineAsyncComponent as Fe, ref as A, computed as M, toRefs as La, watch as Te, shallowRef as Bt, onMounted as _a, onBeforeUnmount as Dt, nextTick as lt, watchEffect as za, createElementBlock as n, openBlock as o, normalizeStyle as D, normalizeClass as he, createBlock as Ie, createCommentVNode as m, createElementVNode as z, createVNode as Se, unref as s, withCtx as G, renderSlot as R, normalizeProps as Q, guardReactiveProps as K, createSlots as $a, toDisplayString as N, Fragment as x, renderList as F, Teleport as Ea, mergeProps as ot } from "vue";
-import { c as Fa, t as Ta, i as Ia, p as ee, W as Nt, j as Oa, a5 as Pa, g as Ma, o as Ra, l as nt, Z as Ba, F as We, X as Da, _ as Na, $ as it, a0 as Oe, a as se, d as Z, U as Ut, z as Vt, M as ve, x as Ge, R as rt } from "./lib-DUaaQGCv.js";
+import { defineAsyncComponent as Fe, ref as A, computed as M, toRefs as La, watch as Te, shallowRef as Bt, onMounted as _a, onBeforeUnmount as Dt, nextTick as lt, watchEffect as za, createElementBlock as n, openBlock as o, normalizeStyle as D, normalizeClass as he, createBlock as Ie, createCommentVNode as m, createElementVNode as z, createVNode as Se, unref as s, withCtx as W, renderSlot as R, normalizeProps as Q, guardReactiveProps as K, createSlots as $a, toDisplayString as N, Fragment as x, renderList as F, Teleport as Ea, mergeProps as ot } from "vue";
+import { c as Fa, t as Ta, i as Ia, p as ee, a0 as Nt, j as Oa, aa as Pa, g as Ma, o as Ra, l as nt, a2 as Ba, M as Ge, X as Da, a3 as Na, a4 as it, a5 as Oe, a as se, d as Z, _ as Ut, z as Vt, T as ve, x as We, Z as rt } from "./lib-qMPkcvmh.js";
 import { t as Ht, u as Ua } from "./useResponsive-DfdjqQps.js";
-import { u as Va, a as ut } from "./useNestedProp-CVGae3Qt.js";
+import { u as Va, a as ut } from "./useNestedProp-DOOBu_sL.js";
 import { u as Ha, B as qa } from "./BaseScanner-BgWxam9d.js";
-import { u as Wa } from "./usePrinter-BdVu83IN.js";
-import { u as Ga } from "./useSvgExport-DrjCWun4.js";
+import { u as Ga } from "./usePrinter-CjGh4mFJ.js";
+import { u as Wa } from "./useSvgExport-DrjCWun4.js";
 import { u as ja } from "./useTimeLabels-C5qMhpbe.js";
 import { u as Xa } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Za } from "./useChartAccessibility-9icAAmYg.js";
 import { u as Ya } from "./useTimeLabelCollider-CIsgDrl9.js";
-import Ja from "./img-BYzbY8TZ.js";
-import { S as Qa } from "./Slicer-DScoMPmj.js";
+import Ja from "./img-CwrkWkkl.js";
+import { S as Qa } from "./Slicer-DaUi0o8i.js";
 import { _ as Ka } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const w = {
   LINE: "LINE",
@@ -25,10 +25,10 @@ function tl({ dataset: h, barLineSwitch: O = 6, debug: C = !0 }) {
     const Ze = Object.keys(h[0]), Pe = Object.values(h[0]);
     if (!Ze.some((j) => ol(j)))
       return C && console.warn("The data type of the dataset objects in the array must contain one of the following keys: DATA, SERIES, VALUE, VALUES, NUM. Casing is not important."), !1;
-    qt(Pe, (j) => typeof j == "number") && (V = w.DONUT, X = h), qt(Pe, (j) => Array.isArray(j) && de(j)) && (Wt(h) > O ? V = w.LINE : V = w.BAR, ce = Wt(h), X = h.map((j) => ({
+    qt(Pe, (j) => typeof j == "number") && (V = w.DONUT, X = h), qt(Pe, (j) => Array.isArray(j) && de(j)) && (Gt(h) > O ? V = w.LINE : V = w.BAR, ce = Gt(h), X = h.map((j) => ({
       ...j,
       data: nl(j, (q) => de(q))
-    }))), h = h.map((j) => Gt(j)), X = X.map((j) => Gt(j));
+    }))), h = h.map((j) => Wt(j)), X = X.map((j) => Wt(j));
   }
   return {
     dataset: h,
@@ -79,13 +79,13 @@ function qt(h, O) {
     C.push(O(h[V]));
   return C.includes(!0);
 }
-function Wt(h) {
+function Gt(h) {
   return Math.max(...[...h].flatMap((O) => Object.values(O).filter((C) => de(C)).map((C) => C.length)));
 }
 function nl(h, O) {
   return Object.values(h).filter((C) => O(C))[0];
 }
-function Gt(h) {
+function Wt(h) {
   const O = {};
   for (let C in h)
     h.hasOwnProperty(C) && (O[C.toUpperCase()] = h[C]);
@@ -126,7 +126,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
 }, Il = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ol = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Pl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ml = ["x", "y", "font-size", "fill"], Rl = {
   key: 3,
   class: "periodLabels"
-}, Bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dl = { key: 0 }, Nl = ["font-size", "text-anchor", "fill", "transform"], Ul = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Vl = { class: "plots" }, Hl = { class: "line-plot-series" }, ql = ["d", "stroke", "stroke-width"], Wl = ["d", "stroke", "stroke-width"], Gl = ["d", "stroke", "stroke-width"], jl = ["d", "stroke", "stroke-width"], Xl = ["cx", "cy", "fill", "stroke"], Zl = {
+}, Bl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Dl = { key: 0 }, Nl = ["font-size", "text-anchor", "fill", "transform"], Ul = ["font-size", "text-anchor", "fill", "transform", "innerHTML"], Vl = { class: "plots" }, Hl = { class: "line-plot-series" }, ql = ["d", "stroke", "stroke-width"], Gl = ["d", "stroke", "stroke-width"], Wl = ["d", "stroke", "stroke-width"], jl = ["d", "stroke", "stroke-width"], Xl = ["cx", "cy", "fill", "stroke"], Zl = {
   key: 4,
   class: "dataLabels"
 }, Yl = ["font-size", "fill", "x", "y"], Jl = {
@@ -174,7 +174,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
   },
   emits: ["selectDatapoint", "selectLegend"],
   setup(h, { expose: O, emit: C }) {
-    const V = Fe(() => import("./BaseIcon-Dl4VBlHV.js")), X = Fe(() => import("./PackageVersion-BAF3mEBQ.js")), ce = Fe(() => import("./PenAndPaper-kymjF6_b.js")), Ae = Fe(() => import("./Tooltip-De7i-i20.js")), st = Fe(() => import("./UserOptions-DgscxIaa.js")), { vue_ui_quick_chart: Ze } = Va(), { isThemeValid: Pe, warnInvalidTheme: j } = Xa(), q = h, ne = A(null), vt = A(null), dt = A(null), ct = A(null), Y = A(Fa()), me = A(!1), we = A(null), ge = A(""), oe = A(null), ft = A(null), ht = A(null), L = A([]), mt = A(0), Me = A(0), gt = A(!1), Ce = A(null), Le = A(null), ie = A(null), Re = A(null), pt = A(null), yt = A(null);
+    const V = Fe(() => import("./BaseIcon-CALhpING.js")), X = Fe(() => import("./PackageVersion-B9RA2_BM.js")), ce = Fe(() => import("./PenAndPaper-DscVdZ1u.js")), Ae = Fe(() => import("./Tooltip-OHx7yHlS.js")), st = Fe(() => import("./UserOptions-ChRXLqps.js")), { vue_ui_quick_chart: Ze } = Va(), { isThemeValid: Pe, warnInvalidTheme: j } = Xa(), q = h, ne = A(null), vt = A(null), dt = A(null), ct = A(null), Y = A(Fa()), me = A(!1), we = A(null), ge = A(""), oe = A(null), ft = A(null), ht = A(null), L = A([]), mt = A(0), Me = A(0), gt = A(!1), Ce = A(null), Le = A(null), ie = A(null), Re = A(null), pt = A(null), yt = A(null);
     A("#FFFFFF");
     const e = A(Ke()), Ye = M(() => !!e.value.debug), { loading: U, FINAL_DATASET: ta, manualLoading: xt } = Ha({
       ...La(q),
@@ -268,7 +268,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         debug: Ye.value
       });
     }, { immediate: !0 });
-    const { isPrinting: De, isImaging: Ne, generatePdf: St, generateImage: At } = Wa({
+    const { isPrinting: De, isImaging: Ne, generatePdf: St, generateImage: At } = Ga({
       elementId: `${$.value}_${Y.value}`,
       fileName: e.value.title || $.value,
       options: e.value.userOptionsPrint
@@ -408,7 +408,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       function r({ datapoint: f, seriesIndex: _ }) {
         we.value = { datapoint: f, seriesIndex: _, config: e.value, dataset: a }, oe.value = f.id;
         const d = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: f, seriesIndex: _ }), Ge(d) && rt(() => d({
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: f, seriesIndex: _ }), We(d) && rt(() => d({
           datapoint: f,
           seriesIndex: _,
           series: a,
@@ -451,7 +451,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         value: f.value || 0,
         absoluteValue: ze.value.dataset.find((d, i) => `donut_${i}` === f.id).VALUE,
         shape: "circle"
-      })), ue = S.value.width / 2, J = S.value.height / 2, W = S.value.height * e.value.donutRadiusRatio;
+      })), ue = S.value.width / 2, J = S.value.height / 2, G = S.value.height * e.value.donutRadiusRatio;
       return {
         dataset: ae.filter((f) => !L.value.includes(f.id)),
         legend: ae,
@@ -465,13 +465,13 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         total: P,
         cx: ue,
         cy: J,
-        radius: W,
+        radius: G,
         chart: Ba(
           { series: a.filter((f) => !L.value.includes(f.id)) },
           ue,
           J,
-          W,
-          W,
+          G,
+          G,
           1.99999,
           2,
           1,
@@ -585,7 +585,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         max: Math.max(...l.filter((d) => !L.value.includes(d.id)).flatMap((d) => d.values)),
         min: Math.min(...l.filter((d) => !L.value.includes(d.id)).flatMap((d) => d.values)),
         maxSeries: Math.max(...l.map((d) => d.values.length))
-      }, p = r.max === r.min ? We(r.min, r.min + 1, e.value.xyScaleSegments) : We(r.min < 0 ? r.min : 0, r.max < 0 ? 0 : r.max, e.value.xyScaleSegments), b = r.min < 0 ? Math.abs(r.min) : 0, I = r.max < 0 ? t.top : t.bottom - b / (p.max + b) * t.height, P = t.width / r.maxSeries, ae = p.ticks.map((d) => ({
+      }, p = r.max === r.min ? Ge(r.min, r.min + 1, e.value.xyScaleSegments) : Ge(r.min < 0 ? r.min : 0, r.max < 0 ? 0 : r.max, e.value.xyScaleSegments), b = r.min < 0 ? Math.abs(r.min) : 0, I = r.max < 0 ? t.top : t.bottom - b / (p.max + b) * t.height, P = t.width / r.maxSeries, ae = p.ticks.map((d) => ({
         y: t.bottom - t.height * ((d + b) / (p.max + b)),
         x: t.left - 8,
         value: d
@@ -613,12 +613,12 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           absoluteIndex: i.absoluteIndices[d]
         })).filter((i) => !L.value.includes(i.id));
       }
-      function W(d) {
+      function G(d) {
         oe.value = d, re.value = d;
         const i = J(d);
         we.value = { datapoint: i, seriesIndex: d, config: e.value, dataset: l };
         const g = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: i, seriesIndex: d + y.value.start }), Ge(g) && rt(() => g({
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: i, seriesIndex: d + y.value.start }), We(g) && rt(() => g({
           datapoint: i,
           seriesIndex: d,
           series: l,
@@ -671,7 +671,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         extremes: r,
         slotSize: P,
         yLabels: ae,
-        useTooltip: W,
+        useTooltip: G,
         killTooltip: f,
         selectDatapoint: _
       };
@@ -720,7 +720,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         max: Math.max(...l.filter((i) => !L.value.includes(i.id)).flatMap((i) => i.values)) < 0 ? 0 : Math.max(...l.filter((i) => !L.value.includes(i.id)).flatMap((i) => i.values)),
         min: Math.min(...l.filter((i) => !L.value.includes(i.id)).flatMap((i) => i.values)),
         maxSeries: Math.max(...l.filter((i) => !L.value.includes(i.id)).map((i) => i.values.length))
-      }, p = r.min === r.max ? We(r.min, r.min + 1, e.value.xyScaleSegments) : We(r.min < 0 ? r.min : 0, r.max, e.value.xyScaleSegments), b = p.min < 0 ? Math.abs(p.min) : 0, I = t.bottom - b / (p.max + b) * t.height, P = t.width / r.maxSeries, ae = p.ticks.map((i) => ({
+      }, p = r.min === r.max ? Ge(r.min, r.min + 1, e.value.xyScaleSegments) : Ge(r.min < 0 ? r.min : 0, r.max, e.value.xyScaleSegments), b = p.min < 0 ? Math.abs(p.min) : 0, I = t.bottom - b / (p.max + b) * t.height, P = t.width / r.maxSeries, ae = p.ticks.map((i) => ({
         y: t.bottom - t.height * ((i + b) / (p.max + b)),
         x: t.left - 8,
         value: i
@@ -750,7 +750,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           };
         })
       }));
-      function W(i) {
+      function G(i) {
         return l.map((g) => ({
           ...g,
           value: g.values[i],
@@ -759,10 +759,10 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       }
       function f(i) {
         oe.value = i, re.value = i;
-        const g = W(i);
+        const g = G(i);
         we.value = { datapoint: g, seriesIndex: i, config: e.value, dataset: l };
         const E = e.value.tooltipCustomFormat;
-        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: g, seriesIndex: i + y.value.start }), Ge(E) && rt(() => E({
+        if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: g, seriesIndex: i + y.value.start }), We(E) && rt(() => E({
           datapoint: g,
           seriesIndex: i,
           series: l,
@@ -800,11 +800,11 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         me.value = !0;
       }
       function _(i) {
-        const g = W(i);
+        const g = G(i);
         e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: g, seriesIndex: i + y.value.start }), me.value = !1, oe.value = null, re.value = null;
       }
       function d(i) {
-        const g = W(i);
+        const g = G(i);
         e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: g, seriesIndex: i + y.value.start }), ye("selectDatapoint", g);
       }
       return {
@@ -868,8 +868,8 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       labelStep: I = 0,
       intraSeriesStep: P = 0
     } = {}) {
-      const ae = Array.isArray(Ce?.value) ? Ce.value : [Ce?.value].filter(Boolean), ue = Array.isArray(Le?.value) ? Le.value : [Le?.value].filter(Boolean), J = [...ae, ...ue].filter(Boolean), W = ne?.value || null, f = W ? Array.from(W.querySelectorAll(".vue-ui-quick-chart-plot")) : [], _ = W ? Array.from(W.querySelectorAll(".vue-ui-quick-chart-label")) : [];
-      J.forEach(ca), It(f, { fromOpacity: "0", fromScale: "0.75" }), It(_, { fromOpacity: "0", fromScale: "0.98" }), f.forEach((g) => g.classList.remove("quick-animation")), _.forEach((g) => g.classList.remove("quick-animation")), W && W.offsetWidth;
+      const ae = Array.isArray(Ce?.value) ? Ce.value : [Ce?.value].filter(Boolean), ue = Array.isArray(Le?.value) ? Le.value : [Le?.value].filter(Boolean), J = [...ae, ...ue].filter(Boolean), G = ne?.value || null, f = G ? Array.from(G.querySelectorAll(".vue-ui-quick-chart-plot")) : [], _ = G ? Array.from(G.querySelectorAll(".vue-ui-quick-chart-label")) : [];
+      J.forEach(ca), It(f, { fromOpacity: "0", fromScale: "0.75" }), It(_, { fromOpacity: "0", fromScale: "0.98" }), f.forEach((g) => g.classList.remove("quick-animation")), _.forEach((g) => g.classList.remove("quick-animation")), G && G.offsetWidth;
       const d = f.length ? Ot(f, fa) : [], i = _.length ? Ot(_, ha) : [];
       requestAnimationFrame(() => {
         requestAnimationFrame(() => {
@@ -965,7 +965,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       subtitle: {
         text: ""
       }
-    })), { exportSvg: wa, getSvg: Ca } = Ga({
+    })), { exportSvg: wa, getSvg: Ca } = Wa({
       svg: Je,
       title: Aa,
       legend: Sa,
@@ -1005,22 +1005,22 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         active: qe.value,
         onClose: tt
       }, {
-        "annotator-action-close": G(() => [
+        "annotator-action-close": W(() => [
           R(a.$slots, "annotator-action-close", {}, void 0, !0)
         ]),
-        "annotator-action-color": G(({ color: t }) => [
+        "annotator-action-color": W(({ color: t }) => [
           R(a.$slots, "annotator-action-color", Q(K({ color: t })), void 0, !0)
         ]),
-        "annotator-action-draw": G(({ mode: t }) => [
+        "annotator-action-draw": W(({ mode: t }) => [
           R(a.$slots, "annotator-action-draw", Q(K({ mode: t })), void 0, !0)
         ]),
-        "annotator-action-undo": G(({ disabled: t }) => [
+        "annotator-action-undo": W(({ disabled: t }) => [
           R(a.$slots, "annotator-action-undo", Q(K({ disabled: t })), void 0, !0)
         ]),
-        "annotator-action-redo": G(({ disabled: t }) => [
+        "annotator-action-redo": W(({ disabled: t }) => [
           R(a.$slots, "annotator-action-redo", Q(K({ disabled: t })), void 0, !0)
         ]),
-        "annotator-action-delete": G(({ disabled: t }) => [
+        "annotator-action-delete": W(({ disabled: t }) => [
           R(a.$slots, "annotator-action-delete", Q(K({ disabled: t })), void 0, !0)
         ]),
         _: 3
@@ -1067,49 +1067,49 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
       }, $a({ _: 2 }, [
         a.$slots.menuIcon ? {
           name: "menuIcon",
-          fn: G(({ isOpen: t, color: l }) => [
+          fn: W(({ isOpen: t, color: l }) => [
             R(a.$slots, "menuIcon", Q(K({ isOpen: t, color: l })), void 0, !0)
           ]),
           key: "0"
         } : void 0,
         a.$slots.optionTooltip ? {
           name: "optionTooltip",
-          fn: G(() => [
+          fn: W(() => [
             R(a.$slots, "optionTooltip", {}, void 0, !0)
           ]),
           key: "1"
         } : void 0,
         a.$slots.optionPdf ? {
           name: "optionPdf",
-          fn: G(() => [
+          fn: W(() => [
             R(a.$slots, "optionPdf", {}, void 0, !0)
           ]),
           key: "2"
         } : void 0,
         a.$slots.optionImg ? {
           name: "optionImg",
-          fn: G(() => [
+          fn: W(() => [
             R(a.$slots, "optionImg", {}, void 0, !0)
           ]),
           key: "3"
         } : void 0,
         a.$slots.optionSvg ? {
           name: "optionSvg",
-          fn: G(() => [
+          fn: W(() => [
             R(a.$slots, "optionSvg", {}, void 0, !0)
           ]),
           key: "4"
         } : void 0,
         a.$slots.optionFullscreen ? {
           name: "optionFullscreen",
-          fn: G(({ toggleFullscreen: t, isFullscreen: l }) => [
+          fn: W(({ toggleFullscreen: t, isFullscreen: l }) => [
             R(a.$slots, "optionFullscreen", Q(K({ toggleFullscreen: t, isFullscreen: l })), void 0, !0)
           ]),
           key: "5"
         } : void 0,
         a.$slots.optionAnnotator ? {
           name: "optionAnnotator",
-          fn: G(({ toggleAnnotator: t, isAnnotator: l }) => [
+          fn: W(({ toggleAnnotator: t, isAnnotator: l }) => [
             R(a.$slots, "optionAnnotator", Q(K({ toggleAnnotator: t, isAnnotator: l })), void 0, !0)
           ]),
           key: "6"
@@ -1456,7 +1456,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   fill: "none",
                   class: he({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
                   style: D({ transition: s(U) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, Wl)
+                }, null, 14, Gl)
               ], 64)) : (o(), n(x, { key: 1 }, [
                 z("path", {
                   ref_for: !0,
@@ -1469,7 +1469,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
                   fill: "none",
                   class: he({ "quick-animation": !s(U), "vue-data-ui-line-animated": e.value.lineAnimated && !s(U) }),
                   style: D({ transition: s(U) ? void 0 : "all 0.3s ease-in-out" })
-                }, null, 14, Gl),
+                }, null, 14, Wl),
                 z("path", {
                   ref_for: !0,
                   ref_key: "pathTop",
@@ -1826,7 +1826,7 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
           onReset: ua,
           onTrapMouse: ra
         }, {
-          "reset-action": G(({ reset: t }) => [
+          "reset-action": W(({ reset: t }) => [
             R(a.$slots, "reset-action", Q(K({ reset: t })), void 0, !0)
           ]),
           _: 3
@@ -1960,16 +1960,16 @@ const Xt = { backgroundColor: "#1A1A1A", color: "#CCCCCC", donutStroke: "#1A1A1A
         parent: ne.value,
         content: ge.value,
         isFullscreen: He.value,
-        isCustom: s(Ge)(e.value.tooltipCustomFormat),
+        isCustom: s(We)(e.value.tooltipCustomFormat),
         smooth: e.value.tooltipSmooth,
         smoothForce: e.value.tooltipSmoothForce,
         smoothSnapThreshold: e.value.tooltipSmoothSnapThreshold,
         backdropFilter: e.value.tooltipBackdropFilter
       }, {
-        "tooltip-before": G(() => [
+        "tooltip-before": W(() => [
           R(a.$slots, "tooltip-before", Q(K({ ...we.value })), void 0, !0)
         ]),
-        "tooltip-after": G(() => [
+        "tooltip-after": W(() => [
           R(a.$slots, "tooltip-after", Q(K({ ...we.value })), void 0, !0)
         ]),
         _: 3

package/dist/{vue-ui-radar-MheG5gvf.js → vue-ui-radar-D76Mi-4u.js}

@@ -1,17 +1,17 @@
-import { defineAsyncComponent as T, computed as v, ref as c, toRefs as jt, watch as ve, shallowRef as qe, onMounted as Xt, onBeforeUnmount as Yt, createElementBlock as s, openBlock as n, unref as u, normalizeStyle as Z, normalizeClass as Y, createBlock as D, createCommentVNode as p, createElementVNode as C, createVNode as ee, withCtx as d, renderSlot as g, normalizeProps as A, guardReactiveProps as w, createSlots as He, Fragment as E, renderList as L, toDisplayString as N, Teleport as qt, resolveDynamicComponent as Ht, mergeProps as Jt, createTextVNode as ge, nextTick as Je } from "vue";
-import { c as Kt, t as Qt, i as Zt, p as R, o as eo, g as z, j as to, l as Ke, e as Qe, M as oo, d as W, a as he, X as ao, s as pe, h as lo, ac as Ze, k as et, u as ro, q as no, x as so, R as uo } from "./lib-DUaaQGCv.js";
+import { defineAsyncComponent as T, computed as v, ref as c, toRefs as jt, watch as ve, shallowRef as qe, onMounted as Xt, onBeforeUnmount as Yt, createElementBlock as s, openBlock as n, unref as u, normalizeStyle as Q, normalizeClass as Y, createBlock as D, createCommentVNode as p, createElementVNode as C, createVNode as ee, withCtx as d, renderSlot as g, normalizeProps as A, guardReactiveProps as w, createSlots as He, Fragment as E, renderList as L, toDisplayString as N, Teleport as qt, resolveDynamicComponent as Ht, mergeProps as Zt, createTextVNode as ge, nextTick as Ze } from "vue";
+import { c as Jt, t as Kt, i as Qt, p as R, o as eo, g as z, j as to, l as Je, e as Ke, T as oo, d as W, a as he, X as ao, s as pe, h as lo, ah as Qe, k as et, u as ro, q as no, x as so, Z as uo } from "./lib-qMPkcvmh.js";
 import { t as io, u as co } from "./useResponsive-DfdjqQps.js";
-import { u as vo, a as fe } from "./useNestedProp-CVGae3Qt.js";
+import { u as vo, a as fe } from "./useNestedProp-DOOBu_sL.js";
 import { u as go, B as ho } from "./BaseScanner-BgWxam9d.js";
-import { u as po } from "./usePrinter-BdVu83IN.js";
+import { u as po } from "./usePrinter-CjGh4mFJ.js";
 import { u as fo } from "./useSvgExport-DrjCWun4.js";
 import { u as bo } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as yo } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as mo } from "./useChartAccessibility-9icAAmYg.js";
-import { u as ko } from "./useAutoSizeLabelsInsideViewbox-DBJqy2aF.js";
-import Co from "./img-BYzbY8TZ.js";
-import Ao from "./Title-Hk29BxeL.js";
-import wo from "./Legend-DSyOOSJ1.js";
+import { u as ko } from "./useAutoSizeLabelsInsideViewbox-CY90KinM.js";
+import Co from "./img-CwrkWkkl.js";
+import Ao from "./Title-CgkWUXeV.js";
+import wo from "./Legend-Djkw4FGq.js";
 import { _ as $o } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { outerPolygon: { stroke: "#6A6A6A" }, grid: { stroke: "#5A5A5A" }, labels: { dataLabels: { color: "#CCCCCC" } } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#1A1A1A", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, ot = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { outerPolygon: { stroke: "#5D403780", strokeWidth: 1 }, grid: { stroke: "#5D403740" }, labels: { dataLabels: { color: "#424242" } } }, 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" } } }, at = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { outerPolygon: { stroke: "#3A3A3A", strokeWidth: 1 }, grid: { stroke: "#3A3A3A" }, labels: { dataLabels: { color: "#BDBDBD" } } }, 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" } } }, lt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { outerPolygon: { stroke: "#336633", strokeWidth: 0 }, grid: { stroke: "#334C33", graduations: 1 }, labels: { dataLabels: { color: "#99AA99" } } }, legend: { color: "#99AA99", backgroundColor: "#1A1A1A" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#1A1A1A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, rt = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { outerPolygon: { strokeWidth: 0 }, grid: { show: !1 }, labels: { dataLabels: { color: "#99AA99" } } }, 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" } } }, nt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { outerPolygon: { stroke: "#ABB1BC", strokeWidth: 0.5 }, grid: { stroke: "#C3DAC8" }, labels: { dataLabels: { color: "#99AA99" } } }, 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" } } }, st = {
   default: {},
@@ -39,7 +39,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
 }, Yo = {
   class: "vue-ui-radar-tooltip-datalabel",
   style: { width: "100%" }
-}, qo = { class: "vue-ui-radar-tooltip-datalabel-name" }, Ho = { key: 0 }, Jo = {
+}, qo = { class: "vue-ui-radar-tooltip-datalabel-name" }, Ho = { key: 0 }, Zo = {
   __name: "vue-ui-radar",
   props: {
     config: {
@@ -57,13 +57,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   },
   emits: ["selectLegend"],
   setup(ut, { expose: it, emit: ct }) {
-    const dt = T(() => import("./Tooltip-De7i-i20.js")), vt = T(() => import("./BaseIcon-Dl4VBlHV.js")), gt = T(() => import("./vue-ui-sparkbar-DZlTPWdS.js").then((t) => t.a)), ht = T(() => import("./vue-ui-accordion-B3SlkXqV.js")), pt = T(() => import("./DataTable-Ho3Bf5oq.js")), ft = T(() => import("./PenAndPaper-kymjF6_b.js")), bt = T(() => import("./UserOptions-DgscxIaa.js")), yt = T(() => import("./PackageVersion-BAF3mEBQ.js")), mt = T(() => import("./BaseDraggableDialog-DZVSjhEw.js")), { vue_ui_radar: kt } = vo(), { isThemeValid: Ct, warnInvalidTheme: At } = bo(), F = ut, be = v(() => !!F.dataset && Object.keys(F.dataset).length), m = c(Kt()), te = c(!1), oe = c(""), ye = c(0), _ = c(null), me = c(null), ke = c(null), Ce = c(null), Ae = c(null), we = c(0), $e = c(0), _e = c(0), Te = c(!1), G = c(null), ae = c(null), e = c(re()), { loading: Fe, FINAL_DATASET: x } = go({
+    const dt = T(() => import("./Tooltip-OHx7yHlS.js")), vt = T(() => import("./BaseIcon-CALhpING.js")), gt = T(() => import("./vue-ui-sparkbar-CdmXCSnj.js").then((t) => t.a)), ht = T(() => import("./vue-ui-accordion-BWfQ8Imt.js")), pt = T(() => import("./DataTable-Ca1twcf7.js")), ft = T(() => import("./PenAndPaper-DscVdZ1u.js")), bt = T(() => import("./UserOptions-ChRXLqps.js")), yt = T(() => import("./PackageVersion-B9RA2_BM.js")), mt = T(() => import("./BaseDraggableDialog-BYwNgX3M.js")), { vue_ui_radar: kt } = vo(), { isThemeValid: Ct, warnInvalidTheme: At } = bo(), F = ut, be = v(() => !!F.dataset && Object.keys(F.dataset).length), m = c(Jt()), te = c(!1), oe = c(""), ye = c(0), _ = c(null), me = c(null), ke = c(null), Ce = c(null), Ae = c(null), we = c(0), $e = c(0), _e = c(0), Te = c(!1), G = c(null), ae = c(null), e = c(re()), { loading: Fe, FINAL_DATASET: x } = go({
       ...jt(F),
       FINAL_CONFIG: e,
       prepareConfig: re,
       callback: () => {
         Promise.resolve().then(async () => {
-          await Je(), b.value.showTable = e.value.table.show;
+          await Ze(), b.value.showTable = e.value.table.show;
         });
       },
       skeletonDataset: {
@@ -77,7 +77,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           { name: "_", values: [0.6], target: 1 }
         ]
       },
-      skeletonConfig: Qt({
+      skeletonConfig: Kt({
         defaultConfig: e.value,
         userConfig: {
           userOptions: { show: !1 },
@@ -122,7 +122,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       });
       return {
         ...l,
-        customPalette: l.customPalette.length ? l.customPalette : Zt[a] || R
+        customPalette: l.customPalette.length ? l.customPalette : Qt[a] || R
       };
     }
     ve(() => F.config, (t) => {
@@ -270,13 +270,13 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       return t.map((o, l) => ({
         name: o?.name ?? "",
         categoryId: `radar_category_${m.value}_${l}`,
-        color: Ke(o?.color) || a[l] || R[l % R.length],
+        color: Je(o?.color) || a[l] || R[l % R.length],
         prefix: o?.prefix ?? "",
         suffix: o?.suffix ?? ""
       }));
     }), k = v(() => x.value.series.map((t, a) => ({
       ...t,
-      color: Ke(t.color) || Ee.value[a] || R[a] || R[a % R.length],
+      color: Je(t.color) || Ee.value[a] || R[a] || R[a % R.length],
       serieId: `radar_serie_${m.value}_${a}`,
       formatter: t.formatter || null,
       absoluteIndex: a
@@ -295,7 +295,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       const a = Le(t);
       a !== null && (f.value.includes(a.absoluteIndex) || H(a.absoluteIndex));
     }
-    const Ne = v(() => Math.max(...k.value.flatMap((t) => t.values))), Re = v(() => k.value.length), ne = v(() => Math.min(i.value.width, i.value.height) / 3), ze = v(() => Qe({
+    const Ne = v(() => Math.max(...k.value.flatMap((t) => t.values))), Re = v(() => k.value.length), ne = v(() => Math.min(i.value.width, i.value.height) / 3), ze = v(() => Ke({
       plot: { x: i.value.width / 2, y: i.value.height / 2 },
       radius: ne.value,
       sides: Re.value,
@@ -370,7 +370,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       fontSize: e.value.style.chart.legend.fontSize,
       paddingBottom: 12,
       fontWeight: e.value.style.chart.legend.bold ? "bold" : ""
-    })), J = v(() => {
+    })), Z = v(() => {
       const t = [
         { name: e.value.translations.datapoint, color: "" },
         { name: e.value.translations.target, color: "" },
@@ -410,9 +410,9 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         breakpoint: e.value.table.responsiveBreakpoint
       };
       return { head: t, body: a, config: o, colNames: t };
-    }), K = c(null), ue = c([]), ie = c(null);
+    }), J = c(null), ue = c([]), ie = c(null);
     function Bt(t, a) {
-      te.value = !1, K.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
+      te.value = !1, J.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
     }
     function Et(t, a) {
       e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
@@ -420,7 +420,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function Lt(t, a) {
       e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
       const o = $.value.slice();
-      ue.value = [], K.value = a, te.value = !0, ie.value = {
+      ue.value = [], J.value = a, te.value = !0, ie.value = {
         datapoint: t,
         seriesIndex: a,
         series: {
@@ -475,7 +475,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         }
     }
     function ce(t = null) {
-      Je(() => {
+      Ze(() => {
         const a = [[e.value.style.chart.title.text], [e.value.style.chart.title.subtitle.text], [""]], o = [[""], [e.value.translations.target], ...O.value.flatMap((y) => [[y.name], ["%"]])], l = x.value.series.map((y, Xe) => [y.name, y.target, ...y.values.flatMap((M) => [
           M,
           isNaN(M / y.target) ? "" : M / y.target * 100
@@ -493,9 +493,9 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     function We() {
       b.value.showTooltip = !b.value.showTooltip;
     }
-    const Q = c(!1);
+    const K = c(!1);
     function de() {
-      Q.value = !Q.value;
+      K.value = !K.value;
     }
     async function Nt({ scale: t = 2 } = {}) {
       if (!_.value) return;
@@ -580,7 +580,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       ref_key: "radarChart",
       ref: _,
       id: `vue-ui-radar_${m.value}`,
-      style: Z(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
+      style: Q(`font-family:${e.value.style.fontFamily};width:100%; ${e.value.responsive ? "height: 100%;" : ""} text-align:center;background:${e.value.style.chart.backgroundColor}`),
       onMouseenter: a[2] || (a[2] = () => u(Pe)(!0)),
       onMouseleave: a[3] || (a[3] = () => u(Pe)(!1))
     }, [
@@ -589,7 +589,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         svgRef: u(q),
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        active: Q.value,
+        active: K.value,
         onClose: de
       }, {
         "annotator-action-close": d(() => [
@@ -664,7 +664,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         chartElement: _.value,
         position: e.value.userOptions.position,
         hasAnnotator: e.value.userOptions.buttons.annotator,
-        isAnnotation: Q.value,
+        isAnnotation: K.value,
         callbacks: e.value.userOptions.callbacks,
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
@@ -676,7 +676,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         onToggleTable: Me,
         onToggleTooltip: We,
         onToggleAnnotator: de,
-        style: Z({
+        style: Q({
           visibility: u(Se) ? u(le) ? "visible" : "hidden" : "visible"
         })
       }, He({ _: 2 }, [
@@ -750,7 +750,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         xmlns: u(ao),
         class: Y({ "vue-data-ui-fullscreen--on": B.value, "vue-data-ui-fulscreen--off": !B.value }),
         viewBox: `0 0 ${i.value.width <= 0 ? 10 : i.value.width} ${i.value.height <= 0 ? 10 : i.value.height}`,
-        style: Z(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
+        style: Q(`max-width:100%;overflow:visible;background:transparent;color:${e.value.style.chart.color}`)
       }, [
         ee(u(yt)),
         t.$slots["chart-background"] ? (n(), s("foreignObject", {
@@ -795,7 +795,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }, null, 8, Io))), 256)),
           e.value.style.chart.layout.grid.graduations > 0 ? (n(), s("g", Bo, [
             (n(!0), s(E, null, L(Ot.value, (o) => (n(), s("path", {
-              d: u(Qe)({
+              d: u(Ke)({
                 plot: { x: i.value.width / 2, y: i.value.height / 2 },
                 radius: o,
                 sides: Re.value,
@@ -832,7 +832,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           C("g", null, [
             e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
               key: 0,
-              points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
+              points: u(Qe)(S.value.map((r) => r.plots[l]), !1, !0),
               stroke: e.value.style.chart.backgroundColor,
               "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth + 1,
               fill: "none",
@@ -840,7 +840,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             }, null, 10, zo)) : p("", !0),
             e.value.useCssAnimation || !e.value.useCssAnimation && !f.value.includes(l) ? (n(), s("polygon", {
               key: 1,
-              points: u(Ze)(S.value.map((r) => r.plots[l]), !1, !0),
+              points: u(Qe)(S.value.map((r) => r.plots[l]), !1, !0),
               stroke: o.color,
               "stroke-width": e.value.style.chart.layout.dataPolygon.strokeWidth,
               fill: e.value.style.chart.layout.dataPolygon.transparent ? "transparent" : e.value.style.chart.layout.dataPolygon.useGradient ? `url(#radar_gradient_${m.value}_${l})` : u(pe)(o.color, e.value.style.chart.layout.dataPolygon.opacity),
@@ -854,7 +854,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               cx: r.x,
               cy: r.y,
               fill: f.value.includes(h) ? "transparent" : $.value[h] ? $.value[h].color : "transparent",
-              r: K.value !== null && K.value === l ? e.value.style.chart.layout.plots.radius * 1.6 : e.value.style.chart.layout.plots.radius,
+              r: J.value !== null && J.value === l ? e.value.style.chart.layout.plots.radius * 1.6 : e.value.style.chart.layout.plots.radius,
               stroke: f.value.includes(h) ? "transparent" : e.value.style.chart.backgroundColor,
               "stroke-width": 0.5,
               class: Y({ "animated-out": f.value.includes(h) && e.value.useCssAnimation, "animated-in": U.value && j.value === h && e.value.useCssAnimation })
@@ -887,7 +887,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               u(Fe) ? p("", !0) : (n(), s("div", {
                 key: 0,
                 onClick: (r) => o.segregate(),
-                style: Z(`opacity:${f.value.includes(l) ? 0.5 : 1}`)
+                style: Q(`opacity:${f.value.includes(l) ? 0.5 : 1}`)
               }, N(o.display), 13, jo))
             ]),
             _: 1
@@ -948,7 +948,7 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "fontSize", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      be.value && e.value.userOptions.buttons.table ? (n(), D(Ht(X.value.component), Jt({ key: 7 }, X.value.props, {
+      be.value && e.value.userOptions.buttons.table ? (n(), D(Ht(X.value.component), Zt({ key: 7 }, X.value.props, {
         ref_key: "tableUnit",
         ref: G,
         onClose: Ge
@@ -956,10 +956,10 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         content: d(() => [
           (n(), D(u(pt), {
             key: `table_${$e.value}`,
-            colNames: J.value.colNames,
-            head: J.value.head,
-            body: J.value.body,
-            config: J.value.config,
+            colNames: Z.value.colNames,
+            head: Z.value.head,
+            body: Z.value.body,
+            config: Z.value.config,
             title: e.value.table.useDialog ? "" : X.value.title,
             withCloseButton: !e.value.table.useDialog,
             onClose: Ge
@@ -1002,12 +1002,12 @@ const tt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       u(Fe) ? (n(), D(ho, { key: 8 })) : p("", !0)
     ], 46, _o));
   }
-}, Ko = /* @__PURE__ */ $o(Jo, [["__scopeId", "data-v-bee25c8b"]]), ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, Jo = /* @__PURE__ */ $o(Zo, [["__scopeId", "data-v-bee25c8b"]]), ha = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: Ko
+  default: Jo
 }, Symbol.toStringTag, { value: "Module" }));
 export {
   ga as a,
   ha as b,
-  Ko as v
+  Jo as v
 };

package/dist/{vue-ui-rating-BAfHKHmb.js → vue-ui-rating-CJjSt6-z.js}

@@ -1,6 +1,6 @@
 import { ref as $, useSlots as J, onMounted as R, computed as x, watch as Q, createElementBlock as o, openBlock as a, normalizeStyle as s, createCommentVNode as p, createElementVNode as r, toDisplayString as g, unref as n, Fragment as B, renderList as Z, renderSlot as j, mergeProps as O, withKeys as ee } from "vue";
-import { c as te, o as le, g as oe, a as b, d as _, X as z, h as X, b as I } from "./lib-DUaaQGCv.js";
-import { u as ae, a as ie } from "./useNestedProp-CVGae3Qt.js";
+import { c as te, o as le, g as oe, a as b, d as _, X as z, h as X, b as I } from "./lib-qMPkcvmh.js";
+import { u as ae, a as ie } from "./useNestedProp-DOOBu_sL.js";
 import { _ as se } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = {
   key: 0,