vue-data-ui 3.9.12 → 3.9.13

package/dist/{vue-ui-horizontal-bar-B6VyEs1p.js → vue-ui-horizontal-bar-DvLMeP44.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 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-W9waxHL3.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 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, j as Z, a1 as ze, k as Ta, g as ue, o as Ee, U as P, m as Ie, a as se, d as W, X as Sa, s as Ve, h as Fa, v as Pa, r as Da, y as Ba, _ as Na } from "./lib-BwysEpWI.js";
 import { t as Oa, u as za } from "./useResponsive-DfdjqQps.js";
-import { u as Ea, a as Me } from "./useNestedProp-D-jUHecl.js";
+import { u as Ea, a as Me } from "./useNestedProp--5lL-kf1.js";
 import { u as Ia, B as Va } from "./BaseScanner-BMpwQAfz.js";
-import { u as Ma } from "./usePrinter-DhoMn87n.js";
+import { u as Ma } from "./usePrinter-BJzHDpYF.js";
 import { u as Ra } from "./useSvgExport-ByUukOZt.js";
 import { u as Ua } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Ga } from "./useTableResponsive-Cbx-ACcP.js";
 import { u as Xa } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as Wa } from "./useChartAccessibility-9icAAmYg.js";
-import mt from "./Legend-Dxz13z4E.js";
-import Ha from "./vue-ui-accordion-B6BX2vhq.js";
-import ja from "./Title-DFtCaCah.js";
-import { _ as Ct } from "./Shape-_iTOIp3x.js";
-import qa from "./img-BJzUSmkm.js";
+import mt from "./Legend-D6z73edh.js";
+import Ha from "./vue-ui-accordion-tQNKwbVi.js";
+import ja from "./Title-BhURirpm.js";
+import { _ as Ct } from "./Shape-DAHhCEdg.js";
+import qa from "./img-DKigoPDs.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"], 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 = {
+}, 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 = {
   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-B79qvriT.js")), Re = te(() => import("./BaseIcon-r3_sTK1A.js")), Dt = te(
-      () => import("./PenAndPaper-CsqBamFZ.js")
+    const Pt = te(() => import("./Tooltip-TDyKgLB6.js")), Re = te(() => import("./BaseIcon-4i3dd7Ty.js")), Dt = te(
+      () => import("./PenAndPaper-DxIUvoQ8.js")
     ), Bt = te(
-      () => import("./UserOptions-B-2A_KRb.js")
+      () => import("./UserOptions-CzJWRC4s.js")
     ), Nt = te(
-      () => import("./PackageVersion-BpArR90N.js")
+      () => import("./PackageVersion-D3cMhAlf.js")
     ), Ot = te(
-      () => import("./BaseDraggableDialog-C167SnU0.js")
+      () => import("./BaseDraggableDialog-CAJxIF6g.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;
@@ -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] || Q
+            customPalette: t.customPalette.length ? t.customPalette : Aa[a] || Z
           };
         }
       else
@@ -162,7 +162,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       },
       { deep: !0 }
     );
-    const { isPrinting: Ze, isImaging: Je, generatePdf: Qe, generateImage: et } = Ma({
+    const { isPrinting: Je, isImaging: Qe, generatePdf: Ze, 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
@@ -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] || Q[l] || Q[l % Q.length],
+        color: Ie(t.color) || tt.value[l] || Z[l] || Z[l % Z.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] || Q[l] || Q[l % Q.length]
+          color: Ie(b.color) || Ie(t.color) || tt.value[l] || Z[l] || Z[l % Z.length]
         })).map((b, F) => ({
           ...b,
           isFirstChild: F === 0,
@@ -367,11 +367,11 @@ 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 Zt(t) {
+    function Jt(t) {
       const l = ut(t);
       l !== null && w.value.includes(l.id) && q(l.id);
     }
-    function Jt(t) {
+    function Qt(t) {
       const l = ut(t);
       l !== null && (w.value.includes(l.id) || q(l.id));
     }
@@ -383,11 +383,11 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         r: a
       }) : Math.abs(t) / M.value;
     }
-    const Y = d(() => $.value.map((t) => t.sign).includes(-1)), Qt = d(() => Math.max(
+    const Y = d(() => $.value.map((t) => t.sign).includes(-1)), Zt = 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 / Qt.value;
+      const l = t / Zt.value;
       return c.value.width / (Y.value ? 2 : 1) * l;
     }
     function ea(t) {
@@ -671,19 +671,19 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
       autoSize: ga,
       getData: ta,
       getImage: sa,
-      generatePdf: Qe,
+      generatePdf: Ze,
       generateCsv: Fe,
       generateImage: et,
       generateSvg: pt,
-      hideSeries: Jt,
-      showSeries: Zt,
+      hideSeries: Qt,
+      showSeries: Jt,
       toggleTable: dt,
       toggleSort: vt,
       toggleTooltip: ht,
       toggleAnnotator: Pe,
       toggleFullscreen: ct
     }), (t, l) => (n(), u("div", {
-      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" : ""}`),
+      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" : ""}`),
       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(), J(i(Dt), {
+      e.value.userOptions.buttons.annotator ? (n(), Q(i(Dt), {
         key: 0,
         svgRef: i($e),
         backgroundColor: e.value.style.chart.backgroundColor,
@@ -732,7 +732,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref: Ge,
         style: "width:100%;background:transparent;padding-bottom:12px"
       }, [
-        (n(), J(ja, {
+        (n(), Q(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(), J(i(Bt), {
+      e.value.userOptions.show && fe.value && (i(Ke) || i(we)) ? (n(), Q(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(Je),
-        isPrinting: i(Ze),
+        isImaging: i(Qe),
+        isPrinting: i(Je),
         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(Qe),
+        onGeneratePdf: i(Ze),
         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(), J(mt, {
+        (n(), Q(mt, {
           key: `legend_top_${me.value}`,
           legendSet: T.value,
           config: nt.value,
@@ -889,7 +889,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
                 r: e.value.style.chart.legend.roundingValue
               }),
               { datapoint: a, seriesIndex: o }
-            )), 13, Za)
+            )), 13, Ja)
           ]),
           _: 2
         }, [
@@ -912,7 +912,7 @@ const kt = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
         ref_key: "svgRef",
         ref: $e,
         xmlns: i(Sa),
-        class: Z({
+        class: J({
           "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, Qa)) : y("", !0),
+          ], 8, Za)) : 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: Z({ animated: e.value.useCssAnimation })
+              class: J({ 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: Z({ animated: e.value.useCssAnimation })
+              class: J({ 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: Z({ animated: e.value.useCssAnimation })
+              class: J({ 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, Ja)),
+      ], 14, Qa)),
       t.$slots.watermark ? (n(), u("div", Cl, [
-        g(t.$slots, "watermark", N(O({ isPrinting: i(Ze) || i(Je) })), void 0, !0)
+        g(t.$slots, "watermark", N(O({ isPrinting: i(Je) || i(Qe) })), 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(), J(mt, {
+        (n(), Q(mt, {
           key: `legend_bottom_${me.value}`,
           legendSet: T.value,
           config: nt.value,
@@ -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(), J(xa(he.value.component), gt({ key: 8 }, he.value.props, {
+      fe.value && e.value.userOptions.buttons.table ? (n(), Q(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: Z({ "vue-ui-responsive": i(ia) })
+                class: J({ "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: Z({
+                      class: J({
                         "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(), J(Va, { key: 9 })) : y("", !0)
+      i(je) ? (n(), Q(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-BnCqocoi.js → vue-ui-kpi-IcOqABQz.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-D-jUHecl.js";
-import { a as I, d as O } from "./lib-W9waxHL3.js";
+import { u as M, a as E } from "./useNestedProp--5lL-kf1.js";
+import { a as I, d as O } from "./lib-BwysEpWI.js";
 const R = {
   __name: "vue-ui-kpi",
   props: {
@@ -16,7 +16,7 @@ const R = {
     }
   },
   setup(o) {
-    const N = z(() => import("./vue-ui-digits-DQz1eJc-.js")), { vue_ui_kpi: D } = M(), l = o, e = C({
+    const N = z(() => import("./vue-ui-digits-B5QhIbFD.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-Dzqusv9i.js → vue-ui-mini-loader-DxlOXn6v.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-D-jUHecl.js";
-import { X as L } from "./lib-W9waxHL3.js";
+import { u as m, a as y } from "./useNestedProp--5lL-kf1.js";
+import { X as L } from "./lib-BwysEpWI.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",

package/dist/{vue-ui-molecule-PtnhkQLr.js → vue-ui-molecule-N938wMMB.js}

@@ -1,13 +1,13 @@
 import { useCssVars as Do, defineAsyncComponent as p, computed as C, onMounted as So, ref as c, toRefs as Eo, watch as z, nextTick as H, createElementBlock as A, openBlock as v, unref as a, normalizeStyle as R, normalizeClass as De, createBlock as T, createCommentVNode as y, createVNode as D, withCtx as r, renderSlot as i, normalizeProps as f, guardReactiveProps as h, createSlots as Se, createElementVNode as S, Fragment as Bo, renderList as Po, resolveDynamicComponent as Io, mergeProps as No, createTextVNode as Ee, toDisplayString as Be } from "vue";
-import { o as Lo, g as Zo, c as Pe, t as Uo, i as zo, p as Ie, j as Ho, ad as Ro, X as Mo, n as xo, e as Vo, l as Ne, u as Go, q as jo, x as Wo, Z as Xo } from "./lib-W9waxHL3.js";
-import { u as Yo, a as oe } from "./useNestedProp-D-jUHecl.js";
+import { o as Lo, g as Zo, c as Pe, t as Uo, i as zo, j as Ie, k as Ho, ae as Ro, X as Mo, q as xo, e as Vo, m as Ne, v as Go, r as jo, y as Wo, _ as Xo } from "./lib-BwysEpWI.js";
+import { u as Yo, a as oe } from "./useNestedProp--5lL-kf1.js";
 import { u as qo, B as Jo } from "./BaseScanner-BMpwQAfz.js";
-import { u as Ko } from "./usePrinter-DhoMn87n.js";
+import { u as Ko } from "./usePrinter-BJzHDpYF.js";
 import { u as Qo } from "./useSvgExport-ByUukOZt.js";
 import { u as et } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as ot } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as tt } from "./useChartAccessibility-9icAAmYg.js";
-import lt from "./img-BJzUSmkm.js";
+import lt from "./img-DKigoPDs.js";
 import { u as at } from "./usePanZoom-CDF7rb3o.js";
 import { _ as st } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nodes: { stroke: "#4A4A4A", strokeHovered: "#CCCCCC" }, links: { stroke: "#4A4A4A" }, 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" } } }, Ze = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", nodes: { stroke: "#333333", strokeHovered: "#FFFFFF" }, links: { stroke: "#333333" }, 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" } } }, Ue = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", nodes: { stroke: "#333333", strokeHovered: "#FFF8E1" }, links: { stroke: "#333333" }, 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" } } }, ze = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", nodes: { stroke: "#1A1A1A", strokeHovered: "#00FF00" }, links: { stroke: "#333333" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, He = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", nodes: { stroke: "#fbfafa", strokeHovered: "#5E5E5E" }, links: { stroke: "#e8ede1" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Re = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", nodes: { stroke: "#61747E", strokeHovered: "#404C4D" }, links: { stroke: "#BBCBC7" }, title: { color: "#50606C", subtitle: { color: "#718890" } }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Me = {
@@ -67,7 +67,7 @@ const Le = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", nod
     Do((o) => ({
       v4cb447ec: o.slicerColor
     }));
-    const je = p(() => import("./Title-DFtCaCah.js")), We = p(() => import("./Tooltip-B79qvriT.js")), te = p(() => import("./BaseIcon-r3_sTK1A.js")), Xe = p(() => import("./vue-ui-accordion-B6BX2vhq.js")), Ye = p(() => import("./DataTable-DNeCys3I.js")), qe = p(() => import("./PenAndPaper-CsqBamFZ.js")), Je = p(() => import("./UserOptions-B-2A_KRb.js")), Ke = p(() => import("./PackageVersion-BpArR90N.js")), Qe = p(() => import("./RecursiveLinks-Da489v6n.js")), eo = p(() => import("./RecursiveLabels-DxmctYbA.js")), oo = p(() => import("./RecursiveCircles-CM4bn2Vg.js")), to = p(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_molecule: lo } = Yo(), { isThemeValid: ao, warnInvalidTheme: so } = et(), w = xe, no = Ge, le = C(() => !!w.dataset && w.dataset.length);
+    const je = p(() => import("./Title-BhURirpm.js")), We = p(() => import("./Tooltip-TDyKgLB6.js")), te = p(() => import("./BaseIcon-4i3dd7Ty.js")), Xe = p(() => import("./vue-ui-accordion-tQNKwbVi.js")), Ye = p(() => import("./DataTable-WrXCJkfE.js")), qe = p(() => import("./PenAndPaper-DxIUvoQ8.js")), Je = p(() => import("./UserOptions-CzJWRC4s.js")), Ke = p(() => import("./PackageVersion-D3cMhAlf.js")), Qe = p(() => import("./RecursiveLinks-Da489v6n.js")), eo = p(() => import("./RecursiveLabels-DxmctYbA.js")), oo = p(() => import("./RecursiveCircles-CM4bn2Vg.js")), to = p(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_molecule: lo } = Yo(), { isThemeValid: ao, warnInvalidTheme: so } = et(), w = xe, no = Ge, le = C(() => !!w.dataset && w.dataset.length);
     So(() => {
       ae();
     });

package/dist/{vue-ui-mood-radar-DxSVU35A.js → vue-ui-mood-radar-D1hHnpLB.js}

@@ -1,16 +1,16 @@
 import { defineAsyncComponent as T, ref as i, computed as v, toRefs as gt, onMounted as ht, watch as Ae, createElementBlock as h, openBlock as s, unref as a, normalizeStyle as j, normalizeClass as we, createBlock as k, createCommentVNode as y, createElementVNode as n, withCtx as c, renderSlot as d, normalizeProps as C, guardReactiveProps as A, createVNode as G, createSlots as Fe, Fragment as xe, renderList as $e, toDisplayString as V, Teleport as ft, resolveDynamicComponent as pt, mergeProps as bt, createTextVNode as Pe, nextTick as De } from "vue";
-import { c as kt, t as mt, o as Ct, g as _e, e as At, a as Te, d as H, X as wt, s as $, h as Ft, ae as xt, u as $t, q as Pt } from "./lib-W9waxHL3.js";
+import { c as kt, t as mt, o as Ct, g as _e, e as At, a as Te, d as H, X as wt, s as $, h as Ft, af as xt, v as $t, r as Pt } from "./lib-BwysEpWI.js";
 import { t as Dt, u as _t } from "./useResponsive-DfdjqQps.js";
-import { u as Tt, a as oe } from "./useNestedProp-D-jUHecl.js";
+import { u as Tt, a as oe } from "./useNestedProp--5lL-kf1.js";
 import { u as Mt, B as Bt } from "./BaseScanner-BMpwQAfz.js";
-import { u as Ot } from "./usePrinter-DhoMn87n.js";
+import { u as Ot } from "./usePrinter-BJzHDpYF.js";
 import { u as Et } from "./useSvgExport-ByUukOZt.js";
 import { u as Nt } from "./useThemeCheck-DGJ31Vi5.js";
 import { u as Lt } from "./useUserOptionState-BIvW1Kz7.js";
 import { u as St } from "./useChartAccessibility-9icAAmYg.js";
-import It from "./img-BJzUSmkm.js";
-import Rt from "./Title-DFtCaCah.js";
-import jt from "./Legend-Dxz13z4E.js";
+import It from "./img-DKigoPDs.js";
+import Rt from "./Title-BhURirpm.js";
+import jt from "./Legend-D6z73edh.js";
 import { _ as Vt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", layout: { grid: { stroke: "#4A4A4A" }, outerPolygon: { stroke: "#5A5A5A" }, dataLabel: { color: "#CCCCCC" } }, legend: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#CCCCCC" }, td: { backgroundColor: "#1A1A1A", color: "#CCCCCC" } } }, Be = { style: { chart: { backgroundColor: "#FFF8E1", color: "#424242", layout: { grid: { stroke: "#5D403780" }, outerPolygon: { stroke: "#5D4037" }, dataPolygon: { color: "#D32F2F", stroke: "#D32F2F" }, smileys: { colors: { 1: "#FFC107", 2: "#FF9800", 3: "#F57C00", 4: "#E64A19", 5: "#D32F2F" } }, dataLabel: { color: "#424242" } }, legend: { backgroundColor: "#FFF8E1", color: "#424242" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Oe = { style: { chart: { backgroundColor: "#1E1E1E", color: "#BDBDBD", layout: { grid: { stroke: "#5D403780" }, outerPolygon: { stroke: "#5D4037" }, dataPolygon: { color: "#D32F2F", stroke: "#D32F2F" }, smileys: { colors: { 1: "#FFC107", 2: "#FF9800", 3: "#F57C00", 4: "#E64A19", 5: "#D32F2F" } }, dataLabel: { color: "#BDBDBD" } }, legend: { backgroundColor: "#1E1E1E", color: "#BDBDBD" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, table: { th: { backgroundColor: "#FFF8E1", color: "#424242" }, td: { backgroundColor: "#FFF8E1", color: "#424242" } } }, Ee = { style: { chart: { backgroundColor: "#1A1A1A", color: "#99AA99", layout: { grid: { stroke: "#333333" }, outerPolygon: { stroke: "#334C33" }, dataPolygon: { color: "#33B333", stroke: "#00FF00" }, smileys: { colors: { 1: "#336633", 2: "#338033", 3: "#339933", 4: "#33E633", 5: "#00FF00" } }, dataLabel: { color: "#00FF00" } }, legend: { backgroundColor: "#1A1A1A", color: "#99AA99" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#1A1A1A", color: "#99AA99" }, td: { backgroundColor: "#1A1A1A", color: "#AACCAA" } } }, Ne = { style: { chart: { backgroundColor: "#fbfafa", color: "#8A9892", layout: { grid: { stroke: "#C5B8A7" }, outerPolygon: { strokeWidth: 0 }, dataPolygon: { color: "#858480", stroke: "#C09E85" }, smileys: { colors: { 1: "#C09E85", 2: "#DCB482", 3: "#DFCA99", 4: "#E0CFC3", 5: "#B9B99D" } }, dataLabel: { color: "#606C5A" } }, legend: { backgroundColor: "#fbfafa", color: "#99AA99" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, table: { th: { backgroundColor: "#fbfafa", color: "#8F837A" }, td: { backgroundColor: "#fbfafa", color: "#8F837A" } } }, Le = { style: { chart: { backgroundColor: "#f6f6fb", color: "#50606C", layout: { grid: { stroke: "#61747E" }, outerPolygon: { stroke: "#50606C" }, dataPolygon: { color: "#A3C4BE", stroke: "#92B0B5" }, smileys: { colors: { 1: "#5C6B5B", 2: "#4A6A75", 3: "#6C94A0", 4: "#7DA9B5", 5: "#8EBFCA" } }, dataLabel: { color: "#50606C" } }, legend: { backgroundColor: "#f6f6fb", color: "#61747E" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, table: { th: { backgroundColor: "#f6f6fb", color: "#50606C" }, td: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Se = {
   default: {},
@@ -49,7 +49,7 @@ const Me = { style: { chart: { backgroundColor: "#1A1A1A", color: "#CCCCCC", lay
     }
   },
   setup(Ie, { expose: Re }) {
-    const M = T(() => import("./BaseIcon-r3_sTK1A.js")), je = T(() => import("./vue-ui-accordion-B6BX2vhq.js")), Ve = T(() => import("./DataTable-DNeCys3I.js")), ze = T(() => import("./PenAndPaper-CsqBamFZ.js")), Ue = T(() => import("./UserOptions-B-2A_KRb.js")), We = T(() => import("./PackageVersion-BpArR90N.js")), Ge = T(() => import("./BaseDraggableDialog-C167SnU0.js")), { vue_ui_mood_radar: He } = Tt(), { isThemeValid: Xe, warnInvalidTheme: Ke } = Nt(), w = Ie, m = i(kt()), F = i(null), f = i(null), le = i(null), qe = i(0), Ye = i(0), ae = i(0), ne = i(null), re = i(null), E = i(null), z = i(null), se = i(null), ue = i(!1), N = i(null), X = i(null), ie = v(() => !!w.dataset && Object.keys(w.dataset).length), e = i(J()), { loading: K, FINAL_DATASET: P } = Mt({
+    const M = T(() => import("./BaseIcon-4i3dd7Ty.js")), je = T(() => import("./vue-ui-accordion-tQNKwbVi.js")), Ve = T(() => import("./DataTable-WrXCJkfE.js")), ze = T(() => import("./PenAndPaper-DxIUvoQ8.js")), Ue = T(() => import("./UserOptions-CzJWRC4s.js")), We = T(() => import("./PackageVersion-D3cMhAlf.js")), Ge = T(() => import("./BaseDraggableDialog-CAJxIF6g.js")), { vue_ui_mood_radar: He } = Tt(), { isThemeValid: Xe, warnInvalidTheme: Ke } = Nt(), w = Ie, m = i(kt()), F = i(null), f = i(null), le = i(null), qe = i(0), Ye = i(0), ae = i(0), ne = i(null), re = i(null), E = i(null), z = i(null), se = i(null), ue = i(!1), N = i(null), X = i(null), ie = v(() => !!w.dataset && Object.keys(w.dataset).length), e = i(J()), { loading: K, FINAL_DATASET: P } = Mt({
       ...gt(w),
       FINAL_CONFIG: e,
       prepareConfig: J,