vue-data-ui 3.7.16 → 3.8.0

package/dist/{vue-ui-horizontal-bar-BhTVXhQB.js → vue-ui-horizontal-bar-DsDDKUa6.js}

@@ -1,19 +1,19 @@
-import { useCssVars as ma, defineAsyncComponent as te, useSlots as Ca, computed as d, ref as s, toRefs as ka, watch as ae, onBeforeUnmount as _a, onMounted as Ne, createElementBlock as u, openBlock as n, unref as i, normalizeStyle as h, normalizeClass as J, createBlock as Q, createCommentVNode as y, renderSlot as g, createVNode as le, withCtx as p, normalizeProps as N, guardReactiveProps as O, createSlots as pe, createElementVNode as r, toDisplayString as v, Fragment as z, renderList as E, mergeProps as gt, resolveDynamicComponent as xa, withKeys as wa, createTextVNode as yt, nextTick as Oe } from "vue";
-import { c as $a, t as La, i as Aa, p as Z, W as ze, j as Ta, g as ue, o as Ee, M as P, l as Ie, a as se, d as X, X as Sa, s as Ve, h as Fa, u as Pa, q as Da, x as Ba, R as Na } from "./lib-DUaaQGCv.js";
+import { useCssVars as ma, defineAsyncComponent as te, useSlots as Ca, computed as d, ref as s, toRefs as ka, watch as ae, onBeforeUnmount as _a, onMounted as Ne, createElementBlock as u, openBlock as n, unref as i, normalizeStyle as h, normalizeClass as Z, createBlock as J, createCommentVNode as y, renderSlot as g, createVNode as le, withCtx as p, normalizeProps as N, guardReactiveProps as O, createSlots as pe, createElementVNode as r, toDisplayString as v, Fragment as z, renderList as E, mergeProps as gt, resolveDynamicComponent as xa, withKeys as wa, createTextVNode as yt, nextTick as Oe } from "vue";
+import { c as $a, t as La, i as Aa, p as Q, a0 as ze, j as Ta, g as ue, o as Ee, T as P, l as Ie, a as se, d as W, X as Sa, s as Ve, h as Fa, u as Pa, q as Da, x as Ba, Z as Na } from "./lib-qMPkcvmh.js";
 import { t as Oa, u as za } from "./useResponsive-DfdjqQps.js";
-import { u as Ea, a as Me } from "./useNestedProp-CoXaJ2T6.js";
+import { u as Ea, a as Me } from "./useNestedProp-DOOBu_sL.js";
 import { u as Ia, B as Va } from "./BaseScanner-BgWxam9d.js";
-import { u as Ma } from "./usePrinter-BdVu83IN.js";
+import { u as Ma } from "./usePrinter-CjGh4mFJ.js";
 import { u as Ra } from "./useSvgExport-DrjCWun4.js";
 import { u as Ua } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ga } from "./useTableResponsive-Cbx-ACcP.js";
-import { u as Wa } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as Xa } from "./useChartAccessibility-9icAAmYg.js";
-import mt from "./Legend-DSyOOSJ1.js";
-import Ha from "./vue-ui-accordion-WOXCCkiC.js";
-import ja from "./Title-CM2dM0rQ.js";
-import { _ as Ct } from "./Shape-rPzC8L-O.js";
-import qa from "./img-BYzbY8TZ.js";
+import { u as Xa } from "./useUserOptionState-BIvW1Kz7.js";
+import { u as Wa } from "./useChartAccessibility-9icAAmYg.js";
+import mt from "./Legend-Djkw4FGq.js";
+import Ha from "./vue-ui-accordion-BWfQ8Imt.js";
+import ja from "./Title-CgkWUXeV.js";
+import { _ as Ct } from "./Shape-BEGGcaL8.js";
+import qa from "./img-CwrkWkkl.js";
 import { _ as Ya } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { separators: { color: "#4A4A4A" }, bars: { dataLabels: { color: "#CCCCCC" }, nameLabels: { color: "#CCCCCC" }, parentLabels: { color: "#CCCCCC" } }, highlighter: { color: "#CCCCCC" } }, 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" } } }, _t = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { bars: { borderRadius: 0, useGradient: !1, dataLabels: { color: "#424242" }, nameLabels: { color: "#424242" }, parentLabels: { color: "#424242" } }, highlighter: { color: "#FF8A65" }, separators: { show: !1 } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, 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" } } }, xt = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { bars: { borderRadius: 0, useGradient: !1, dataLabels: { color: "#BDBDBD" }, nameLabels: { color: "#BDBDBD" }, parentLabels: { color: "#FFF8E1" } }, highlighter: { color: "#FF8A65" }, separators: { show: !1 } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, 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" } } }, wt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { bars: { borderRadius: 0, useGradient: !1, dataLabels: { color: "#AACCAA" }, nameLabels: { color: "#99CC99" }, parentLabels: { color: "#99CC99" } }, highlighter: { color: "#66CC66" }, separators: { show: !1 } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, $t = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { bars: { borderRadius: 8, useGradient: !0, dataLabels: { color: "#A0AC94" }, nameLabels: { color: "#8A9892" }, parentLabels: { color: "#8A9892" } }, highlighter: { color: "#8F837A" }, separators: { show: !1 } }, 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" } } }, Lt = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { bars: { borderRadius: 0, useGradient: !0, dataLabels: { color: "#61747E" }, nameLabels: { color: "#8A9892" }, parentLabels: { color: "#8A9892" } }, highlighter: { color: "#50606C" }, separators: { show: !0, color: "#DEE1DE" } }, 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" } } }, At = {
   default: {},
@@ -32,7 +32,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
   default: At,
   hack: wt,
   zen: $t
-}, Symbol.toStringTag, { value: "Module" })), Ka = ["id"], Ja = ["onClick"], Qa = ["xmlns", "viewBox"], Za = ["width", "height"], el = ["id"], tl = ["stop-color"], al = ["stop-color"], ll = { key: 1 }, ol = ["x", "y", "width", "height", "fill", "rx"], nl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], rl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = { class: "vue-ui-horizontal-bar-parent-label" }, cl = ["y", "height", "width", "fill"], dl = ["y", "font-size", "fill", "x", "font-weight"], vl = ["y", "font-size", "fill", "x", "font-weight"], hl = { class: "vue-ui-horizontal-bar-child-label" }, pl = ["x", "y", "font-size", "font-weight"], fl = { class: "vue-ui-horizontal-bar-child-label" }, bl = ["x", "y", "font-size", "fill", "font-weight"], gl = { class: "vue-ui-horizontal-bar-child-label" }, yl = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], ml = ["y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Cl = {
+}, Symbol.toStringTag, { value: "Module" })), Ka = ["id"], Za = ["onClick"], Ja = ["xmlns", "viewBox"], Qa = ["width", "height"], el = ["id"], tl = ["stop-color"], al = ["stop-color"], ll = { key: 1 }, ol = ["x", "y", "width", "height", "fill", "rx"], nl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], rl = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], ul = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], sl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], il = { class: "vue-ui-horizontal-bar-parent-label" }, cl = ["y", "height", "width", "fill"], dl = ["y", "font-size", "fill", "x", "font-weight"], vl = ["y", "font-size", "fill", "x", "font-weight"], hl = { class: "vue-ui-horizontal-bar-child-label" }, pl = ["x", "y", "font-size", "font-weight"], fl = { class: "vue-ui-horizontal-bar-child-label" }, bl = ["x", "y", "font-size", "fill", "font-weight"], gl = { class: "vue-ui-horizontal-bar-child-label" }, yl = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], ml = ["y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Cl = {
   key: 5,
   class: "vue-data-ui-watermark"
 }, kl = ["onClick"], _l = { style: "width:100%;padding-top: 36px;position:relative" }, xl = { class: "vue-ui-data-table" }, wl = { key: 0 }, $l = { style: { width: "100%" } }, Ll = ["data-cell"], Al = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Tl = ["data-cell"], Sl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Fl = ["data-cell"], Pl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Dl = ["data-cell"], Bl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Nl = ["data-cell"], Ol = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, zl = ["data-cell"], El = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Il = ["data-cell"], Vl = { style: { display: "flex", "align-items": "center", gap: "5px", "justify-content": "flex-end", width: "100%", "padding-right": "3px" } }, Ml = {
@@ -56,14 +56,14 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     ma((t) => ({
       v3793eb8e: t.tdo
     }));
-    const Pt = te(() => import("./Tooltip-De7i-i20.js")), Re = te(() => import("./BaseIcon--wNsuYtd.js")), Dt = te(
-      () => import("./PenAndPaper-CMmG5Mka.js")
+    const Pt = te(() => import("./Tooltip-OHx7yHlS.js")), Re = te(() => import("./BaseIcon-CALhpING.js")), Dt = te(
+      () => import("./PenAndPaper-DscVdZ1u.js")
     ), Bt = te(
-      () => import("./UserOptions-5GYBcJJU.js")
+      () => import("./UserOptions-ChRXLqps.js")
     ), Nt = te(
-      () => import("./PackageVersion-BW9_gimf.js")
+      () => import("./PackageVersion-B9RA2_BM.js")
     ), Ot = te(
-      () => import("./BaseDraggableDialog-CtB38kJq.js")
+      () => import("./BaseDraggableDialog-BYwNgX3M.js")
     ), { vue_ui_vertical_bar: zt } = Ea(), { isThemeValid: Et, warnInvalidTheme: It } = Ua(), Vt = Ca(), C = Tt, fe = d({
       get() {
         return !!C.dataset && C.dataset.length;
@@ -71,7 +71,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       set(t) {
         return t;
       }
-    }), A = s($a()), be = s(!1), ge = s(""), Mt = s(null), Ue = s(0), I = s(null), Ge = s(null), ye = s(null), We = s(null), Xe = s(null), He = s(0), me = s(0), Rt = s(null), oe = s(null), Ce = s(null), Ut = s(null), ke = s(null), w = s([]), Gt = s({ none: 0, asc: 1, desc: 2 }), U = s(0), ie = s(!1), ne = s(0), ee = s(0), _e = s(null), Wt = Ft, e = s(Le()), Xt = d(() => [
+    }), A = s($a()), be = s(!1), ge = s(""), Mt = s(null), Ue = s(0), I = s(null), Ge = s(null), ye = s(null), Xe = s(null), We = s(null), He = s(0), me = s(0), Rt = s(null), oe = s(null), Ce = s(null), Ut = s(null), ke = s(null), w = s([]), Gt = s({ none: 0, asc: 1, desc: 2 }), U = s(0), ie = s(!1), ne = s(0), ee = s(0), _e = s(null), Xt = Ft, e = s(Le()), Wt = d(() => [
       { name: "", value: 6, color: "#d9d9d9" },
       { name: "", value: 5, color: "#d9d9d9" },
       { name: "", value: 4, color: "#d9d9d9" },
@@ -87,7 +87,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           x.value.showTable = e.value.table.show, Yt();
         });
       },
-      skeletonDataset: Xt.value,
+      skeletonDataset: Wt.value,
       skeletonConfig: La({
         defaultConfig: e.value,
         userConfig: {
@@ -121,7 +121,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }
       })
-    }), { userOptionsVisible: we, setUserOptionsVisibility: Ye, keepUserOptionState: Ke } = Wa({ config: e.value }), { svgRef: $e } = Xa({
+    }), { userOptionsVisible: we, setUserOptionsVisibility: Ye, keepUserOptionState: Ke } = Xa({ config: e.value }), { svgRef: $e } = Wa({
       config: e.value.style.chart.title
     });
     function Le() {
@@ -141,7 +141,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           });
           l = {
             ...Me({ userConfig: C.config, defaultConfig: o }),
-            customPalette: t.customPalette.length ? t.customPalette : Aa[a] || Z
+            customPalette: t.customPalette.length ? t.customPalette : Aa[a] || Q
           };
         }
       else
@@ -162,11 +162,11 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       },
       { deep: !0 }
     );
-    const { isPrinting: Je, isImaging: Qe, generatePdf: Ze, generateImage: et } = Ma({
+    const { isPrinting: Ze, isImaging: Je, generatePdf: Qe, generateImage: et } = Ma({
       elementId: `vue-ui-vertical-bar_${A.value}`,
       fileName: e.value.style.chart.title.text || "vue-ui-vertical-bar",
       options: e.value.userOptions.print
-    }), Ht = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), tt = d(() => Ta(e.value.customPalette)), at = s(null), jt = d(() => e.value.table.responsiveBreakpoint), ce = d(() => !!e.value.debug), qt = s(0), W = s(null), H = s(null);
+    }), Ht = d(() => e.value.userOptions.show && !e.value.style.chart.title.text), tt = d(() => Ta(e.value.customPalette)), at = s(null), jt = d(() => e.value.table.responsiveBreakpoint), ce = d(() => !!e.value.debug), qt = s(0), X = s(null), H = s(null);
     function Yt() {
       if (I.value && (Ee(C.dataset) && (ue({
         componentName: "VueUiVerticalBar",
@@ -178,20 +178,20 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             chart: I.value,
             title: e.value.style.chart.title.text ? Ge.value : null,
             legend: e.value.style.chart.legend.show ? ye.value : null,
-            source: We.value,
-            noTitle: Xe.value
+            source: Xe.value,
+            noTitle: We.value
           });
           qt.value = a / 3, requestAnimationFrame(async () => {
             G.value = a, V.value = l;
           });
         });
-        W.value && (H.value && W.value.unobserve(H.value), W.value.disconnect()), W.value = new ResizeObserver(t), Oe(() => {
-          H.value = I.value?.parentNode, H.value && W.value.observe(H.value);
+        X.value && (H.value && X.value.unobserve(H.value), X.value.disconnect()), X.value = new ResizeObserver(t), Oe(() => {
+          H.value = I.value?.parentNode, H.value && X.value.observe(H.value);
         });
       }
     }
     _a(() => {
-      W.value && (H.value && W.value.unobserve(H.value), W.value.disconnect());
+      X.value && (H.value && X.value.unobserve(H.value), X.value.disconnect());
     });
     const x = s({
       showTable: e.value.table.show,
@@ -234,7 +234,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         isChild: !1,
         segregate: () => q(a),
         isSegregated: w.value.includes(a),
-        color: Ie(t.color) || tt.value[l] || Z[l] || Z[l % Z.length],
+        color: Ie(t.color) || tt.value[l] || Q[l] || Q[l % Q.length],
         children: !t.children || !t.children.length ? [] : t.children.toSorted(
           ie.value ? () => 0 : (b, F) => lt.value ? F.value - b.value : b.value - F.value
         ).map((b, F) => ({
@@ -249,7 +249,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           parentSign: _,
           id: `vertical_child_${l}_${F}_${A.value}`,
           childIndex: F,
-          color: Ie(b.color) || Ie(t.color) || tt.value[l] || Z[l] || Z[l % Z.length]
+          color: Ie(b.color) || Ie(t.color) || tt.value[l] || Q[l] || Q[l % Q.length]
         })).map((b, F) => ({
           ...b,
           isFirstChild: F === 0,
@@ -359,7 +359,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         if (w.value.length === T.value.length - 1) return;
         w.value.push(t);
       }
-      Wt("selectLegend", j.value), de();
+      Xt("selectLegend", j.value), de();
     }
     function ut(t) {
       if (!T.value.length)
@@ -367,27 +367,27 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       const l = T.value.find((a) => a.name === t);
       return l || (e.value.debug && console.warn(`VueUiHorizontalBar - Series name not found "${t}"`), null);
     }
-    function Jt(t) {
+    function Zt(t) {
       const l = ut(t);
       l !== null && w.value.includes(l.id) && q(l.id);
     }
-    function Qt(t) {
+    function Jt(t) {
       const l = ut(t);
       l !== null && (w.value.includes(l.id) || q(l.id));
     }
     const M = d(() => j.value.map((t) => Math.abs(t.value)).reduce((t, l) => t + l, 0));
     function st(t, l = !1, a = 0) {
-      return l ? X({
+      return l ? W({
         v: P(Math.abs(t) / M.value * 100),
         s: "%",
         r: a
       }) : Math.abs(t) / M.value;
     }
-    const Y = d(() => $.value.map((t) => t.sign).includes(-1)), Zt = d(() => Math.max(
+    const Y = d(() => $.value.map((t) => t.sign).includes(-1)), Qt = d(() => Math.max(
       ...j.value.flatMap((t) => t.children && t.children.length ? Math.max(...t.children.map((l) => l.value)) : t.value)
     ));
     function L(t) {
-      const l = t / Zt.value;
+      const l = t / Qt.value;
       return c.value.width / (Y.value ? 2 : 1) * l;
     }
     function ea(t) {
@@ -451,18 +451,18 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             </div>`, e.value.style.chart.tooltip.showValue && (a += `<div>${e.value.translations.value}: <b>${se(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         t.sign === 1 ? t.value : -t.value,
-        X({
+        W({
           p: e.value.style.chart.tooltip.prefix,
           v: t.sign === 1 ? t.value : -t.value,
           s: e.value.style.chart.tooltip.suffix,
           r: e.value.style.chart.tooltip.roundingValue
         }),
         { datapoint: t, seriesIndex: l }
-      )}</b></div>`), e.value.style.chart.tooltip.showPercentage && (a += `<div>${e.value.translations.percentageToTotal} : <b>${X({
+      )}</b></div>`), e.value.style.chart.tooltip.showPercentage && (a += `<div>${e.value.translations.percentageToTotal} : <b>${W({
         v: Math.abs(t.value) / M.value * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
-      })}</b></div>`, t.isChild && (a += `<div>${e.value.translations.percentageToSerie}: <b>${X({
+      })}</b></div>`, t.isChild && (a += `<div>${e.value.translations.percentageToSerie}: <b>${W({
         v: Math.abs(t.value) / Math.abs(t.parentValue) * 100,
         s: "%",
         r: e.value.style.chart.tooltip.roundingPercentage
@@ -474,7 +474,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       const f = se(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         P(o === -1 && t >= 0 ? -t : t),
-        X({
+        W({
           p: e.value.style.chart.layout.bars.dataLabels.value.prefix,
           v: P(o === -1 && t >= 0 ? -t : t),
           s: e.value.style.chart.layout.bars.dataLabels.value.suffix,
@@ -639,7 +639,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       display: `${t.name}: ${se(
         e.value.style.chart.layout.bars.dataLabels.value.formatter,
         t.value,
-        X({
+        W({
           p: e.value.style.chart.legend.prefix,
           v: t.value,
           s: e.value.style.chart.legend.suffix,
@@ -671,19 +671,19 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       autoSize: ga,
       getData: ta,
       getImage: sa,
-      generatePdf: Ze,
+      generatePdf: Qe,
       generateCsv: Fe,
       generateImage: et,
       generateSvg: pt,
-      hideSeries: Qt,
-      showSeries: Jt,
+      hideSeries: Jt,
+      showSeries: Zt,
       toggleTable: dt,
       toggleSort: vt,
       toggleTooltip: ht,
       toggleAnnotator: Pe,
       toggleFullscreen: ct
     }), (t, l) => (n(), u("div", {
-      class: J(`vue-data-ui-component vue-ui-vertical-bar ${K.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${e.value.responsive ? "vue-ui-vertical-bar-autosize" : ""}`),
+      class: Z(`vue-data-ui-component vue-ui-vertical-bar ${K.value ? "vue-data-ui-wrapper-fullscreen" : ""} ${e.value.useCssAnimation ? "" : "vue-ui-dna"} ${e.value.responsive ? "vue-ui-vertical-bar-autosize" : ""}`),
       ref_key: "verticalBarChart",
       ref: I,
       id: `vue-ui-vertical-bar_${A.value}`,
@@ -691,7 +691,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       onMouseenter: l[3] || (l[3] = () => i(Ye)(!0)),
       onMouseleave: l[4] || (l[4] = () => i(Ye)(!1))
     }, [
-      e.value.userOptions.buttons.annotator ? (n(), Q(i(Dt), {
+      e.value.userOptions.buttons.annotator ? (n(), J(i(Dt), {
         key: 0,
         svgRef: i($e),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -722,7 +722,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       Ht.value ? (n(), u("div", {
         key: 1,
         ref_key: "noTitle",
-        ref: Xe,
+        ref: We,
         class: "vue-data-ui-no-title-space",
         style: "height:36px; width: 100%;background:transparent"
       }, null, 512)) : y("", !0),
@@ -732,7 +732,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref: Ge,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (n(), Q(ja, {
+        (n(), J(ja, {
           key: `title_${He.value}`,
           config: {
             title: {
@@ -746,14 +746,14 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           }
         }, null, 8, ["config"]))
       ], 512)) : y("", !0),
-      e.value.userOptions.show && fe.value && (i(Ke) || i(we)) ? (n(), Q(i(Bt), {
+      e.value.userOptions.show && fe.value && (i(Ke) || i(we)) ? (n(), J(i(Bt), {
         ref_key: "userOptionsRef",
         ref: Ce,
         key: `user_options_${Ue.value}`,
         backgroundColor: e.value.style.chart.backgroundColor,
         color: e.value.style.chart.color,
-        isImaging: i(Qe),
-        isPrinting: i(Je),
+        isImaging: i(Je),
+        isPrinting: i(Ze),
         uid: A.value,
         hasTooltip: e.value.userOptions.buttons.tooltip && e.value.style.chart.tooltip.show,
         hasPdf: e.value.userOptions.buttons.pdf,
@@ -774,7 +774,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         printScale: e.value.userOptions.print.scale,
         tableDialog: e.value.table.useDialog,
         onToggleFullscreen: ct,
-        onGeneratePdf: i(Ze),
+        onGeneratePdf: i(Qe),
         onGenerateCsv: Fe,
         onGenerateImage: i(et),
         onGenerateSvg: pt,
@@ -869,7 +869,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref_key: "chartLegend",
         ref: ye
       }, [
-        (n(), Q(mt, {
+        (n(), J(mt, {
           key: `legend_top_${me.value}`,
           legendSet: T.value,
           config: nt.value,
@@ -882,14 +882,14 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             }, v(a.name) + ": " + v(i(se)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               a.value,
-              i(X)({
+              i(W)({
                 p: e.value.style.chart.legend.prefix,
                 v: a.value,
                 s: e.value.style.chart.legend.suffix,
                 r: e.value.style.chart.legend.roundingValue
               }),
               { datapoint: a, seriesIndex: o }
-            )), 13, Ja)
+            )), 13, Za)
           ]),
           _: 2
         }, [
@@ -912,7 +912,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref_key: "svgRef",
         ref: $e,
         xmlns: i(Sa),
-        class: J({
+        class: Z({
           "vue-data-ui-fullscreen--on": K.value,
           "vue-data-ui-fulscreen--off": !K.value
         }),
@@ -936,7 +936,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             }
           }, [
             g(t.$slots, "chart-background", {}, void 0, !0)
-          ], 8, Za)) : y("", !0),
+          ], 8, Qa)) : y("", !0),
           (n(!0), u(z, null, E($.value, (a, o) => (n(), u("linearGradient", {
             x1: "0%",
             y1: "0%",
@@ -976,7 +976,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               height: m.value <= 0 ? 1e-4 : m.value,
               fill: e.value.style.chart.layout.bars.underlayerColor,
               rx: e.value.style.chart.layout.bars.borderRadius,
-              class: J({ animated: e.value.useCssAnimation })
+              class: Z({ animated: e.value.useCssAnimation })
             }, null, 10, ol)
           ]))), 256)),
           (n(!0), u(z, null, E($.value, (a, o) => (n(), u("g", null, [
@@ -996,7 +996,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               rx: e.value.style.chart.layout.bars.borderRadius,
               stroke: e.value.style.chart.layout.bars.useStroke ? a.color : "none",
               "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
-              class: J({ animated: e.value.useCssAnimation })
+              class: Z({ animated: e.value.useCssAnimation })
             }, null, 10, nl),
             t.$slots.pattern ? (n(), u("rect", {
               key: 0,
@@ -1012,7 +1012,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               rx: e.value.style.chart.layout.bars.borderRadius,
               stroke: e.value.style.chart.layout.bars.useStroke ? a.color : "none",
               "stroke-width": e.value.style.chart.layout.bars.useStroke ? e.value.style.chart.layout.bars.strokeWidth : 0,
-              class: J({ animated: e.value.useCssAnimation })
+              class: Z({ animated: e.value.useCssAnimation })
             }, null, 10, rl)) : y("", !0),
             (!a.isChild || a.isLastChild) && e.value.style.chart.layout.separators.show && o !== $.value.length - 1 ? (n(), u("line", {
               key: 1,
@@ -1140,16 +1140,16 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           ]))), 256)),
           g(t.$slots, "svg", { svg: R.value }, void 0, !0)
         ], 512)
-      ], 14, Qa)),
+      ], 14, Ja)),
       t.$slots.watermark ? (n(), u("div", Cl, [
-        g(t.$slots, "watermark", N(O({ isPrinting: i(Je) || i(Qe) })), void 0, !0)
+        g(t.$slots, "watermark", N(O({ isPrinting: i(Ze) || i(Je) })), void 0, !0)
       ])) : y("", !0),
       e.value.style.chart.legend.show && e.value.style.chart.legend.position === "bottom" ? (n(), u("div", {
         key: 6,
         ref_key: "chartLegend",
         ref: ye
       }, [
-        (n(), Q(mt, {
+        (n(), J(mt, {
           key: `legend_bottom_${me.value}`,
           legendSet: T.value,
           config: nt.value,
@@ -1162,7 +1162,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
             }, v(a.name) + ": " + v(i(se)(
               e.value.style.chart.layout.bars.dataLabels.value.formatter,
               a.value,
-              i(X)({
+              i(W)({
                 p: e.value.style.chart.legend.prefix,
                 v: a.value,
                 s: e.value.style.chart.legend.suffix,
@@ -1192,7 +1192,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       t.$slots.source ? (n(), u("div", {
         key: 7,
         ref_key: "source",
-        ref: We,
+        ref: Xe,
         dir: "auto"
       }, [
         g(t.$slots, "source", {}, void 0, !0)
@@ -1225,7 +1225,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ]),
         _: 3
       }, 8, ["show", "backgroundColor", "color", "borderRadius", "borderColor", "borderWidth", "fontSize", "backgroundOpacity", "position", "offsetY", "parent", "content", "isFullscreen", "isCustom", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      fe.value && e.value.userOptions.buttons.table ? (n(), Q(xa(he.value.component), gt({ key: 8 }, he.value.props, {
+      fe.value && e.value.userOptions.buttons.table ? (n(), J(xa(he.value.component), gt({ key: 8 }, he.value.props, {
         ref_key: "tableUnit",
         ref: oe,
         onClose: De
@@ -1254,7 +1254,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
               ], 36)),
               r("div", {
                 style: { width: "100%", "container-type": "inline-size" },
-                class: J({ "vue-ui-responsive": i(ia) })
+                class: Z({ "vue-ui-responsive": i(ia) })
               }, [
                 r("table", xl, [
                   e.value.table.useDialog ? y("", !0) : (n(), u("caption", {
@@ -1306,7 +1306,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                   ]),
                   r("tbody", null, [
                     (n(!0), u(z, null, E(B.value.body, (a, o) => (n(), u("tr", {
-                      class: J({
+                      class: Z({
                         "vue-ui-data-table__tbody__row": !0,
                         "vue-ui-data-table__tbody__row-even": o % 2 === 0,
                         "vue-ui-data-table__tbody__row-odd": o % 2 !== 0
@@ -1415,7 +1415,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
           key: "1"
         } : void 0
       ]), 1040)) : y("", !0),
-      i(je) ? (n(), Q(Va, { key: 9 })) : y("", !0)
+      i(je) ? (n(), J(Va, { key: 9 })) : y("", !0)
     ], 46, Ka));
   }
 }, Rl = /* @__PURE__ */ Ya(Ml, [["__scopeId", "data-v-82d81597"]]), ro = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({

package/dist/{vue-ui-kpi-DvCTUXWh.js → vue-ui-kpi-Dn750UNZ.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as z, computed as C, useSlots as w, onMounted as y, watch as k, ref as $, createElementBlock as s, openBlock as i, normalizeStyle as u, normalizeClass as r, createElementVNode as b, renderSlot as n, createTextVNode as h, toDisplayString as F, createVNode as B, unref as v, Fragment as L } from "vue";
-import { u as M, a as E } from "./useNestedProp-CoXaJ2T6.js";
-import { a as I, d as O } from "./lib-DUaaQGCv.js";
+import { u as M, a as E } from "./useNestedProp-DOOBu_sL.js";
+import { a as I, d as O } from "./lib-qMPkcvmh.js";
 const R = {
   __name: "vue-ui-kpi",
   props: {
@@ -16,7 +16,7 @@ const R = {
     }
   },
   setup(o) {
-    const N = z(() => import("./vue-ui-digits-ByiQlK70.js")), { vue_ui_kpi: D } = M(), l = o, e = C({
+    const N = z(() => import("./vue-ui-digits-DIZ8pi6C.js")), { vue_ui_kpi: D } = M(), l = o, e = C({
       get: () => c(),
       set: (a) => a
     }), S = w(), A = C(() => e.value.debug);

package/dist/{vue-ui-mini-loader-BjT-X5O8.js → vue-ui-mini-loader-44NP38K0.js}

@@ -1,6 +1,6 @@
 import { useCssVars as h, computed as o, ref as f, createElementBlock as n, openBlock as u, unref as M, createCommentVNode as a, createElementVNode as t, normalizeStyle as l } from "vue";
-import { u as m, a as y } from "./useNestedProp-CoXaJ2T6.js";
-import { X as L } from "./lib-DUaaQGCv.js";
+import { u as m, a as y } from "./useNestedProp-DOOBu_sL.js";
+import { X as L } from "./lib-qMPkcvmh.js";
 import { _ as b } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const B = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"], A = ["stroke"], N = { key: 1 }, O = ["stroke"], S = { key: 2 }, F = ["stroke"], I = {
   __name: "vue-ui-mini-loader",