vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-horizontal-bar-C1gYSz7t.js → vue-ui-horizontal-bar-CRScV3rx.js}

@@ -1,23 +1,23 @@
 import { useCssVars as Na, defineAsyncComponent as se, useSlots as Ia, computed as h, ref as v, toRefs as Va, watch as re, onBeforeUnmount as Oa, onMounted as qe, openBlock as n, createElementBlock as r, unref as i, normalizeStyle as b, normalizeClass as te, createElementVNode as s, toDisplayString as k, createBlock as H, createCommentVNode as f, withCtx as p, renderSlot as y, normalizeProps as N, guardReactiveProps as I, createSlots as Le, createVNode as ie, Fragment as D, renderList as B, mergeProps as Ot, resolveDynamicComponent as Fa, withKeys as Ma, createTextVNode as Ft, nextTick as Se } from "vue";
-import { j as Da, t as Mt, m as Ba, p as ae, $ as Ze, n as Ea, q as ye, o as Je, K as V, s as Qe, k as ge, l as M, X as Ra, u as et, v as Xa, Z as tt, aq as Ha, a0 as Ua, a1 as Wa, T as Ga, U as Ka, a3 as ja } from "./lib-DBptbyyI.js";
+import { j as Da, t as Mt, m as Ba, p as ae, $ as Ze, n as Ea, q as ye, o as Je, K as V, s as Qe, k as ge, l as M, X as Ra, u as et, v as Xa, Z as tt, aq as Ha, a0 as Ua, a1 as Wa, T as Ga, U as Ka, a3 as ja } from "./lib-DMzrGQHK.js";
 import { t as Ya, u as qa } from "./useResponsive-DfdjqQps.js";
-import { u as Za } from "./useConfig-C40HvGpD.js";
-import { u as Ja, B as Qa } from "./BaseScanner-BhhkKVoj.js";
-import { u as el } from "./usePrinter-CEpYU3r5.js";
-import { u as tl } from "./useSvgExport-ByUukOZt.js";
-import { u as at } from "./useNestedProp-Bf5XFbs8.js";
-import { u as al } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ll } from "./useTableResponsive-Cbx-ACcP.js";
-import { u as ol } from "./useUserOptionState-BIvW1Kz7.js";
-import { u as nl } from "./useChartAccessibility-9icAAmYg.js";
-import ul from "./img-LXxMLmCg.js";
-import { _ as Dt } from "./Shape-BKRUOeKk.js";
-import sl from "./Title-BeMKE1cj.js";
+import { u as Za } from "./useConfig-DTHxOX6V.js";
+import { u as Ja, B as Qa } from "./BaseScanner-BON3d_Sx.js";
+import { u as el } from "./usePrinter-C4t8DdQ-.js";
+import { u as tl } from "./useSvgExport-BTG4hVPO.js";
+import { u as at } from "./useNestedProp-DH0BEVVS.js";
+import { u as al } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as ll } from "./useTableResponsive-BpfiEtzR.js";
+import { u as ol } from "./useUserOptionState-B7Ej974k.js";
+import { u as nl } from "./useChartAccessibility-cp6XQtqi.js";
+import ul from "./img-CjTQXS0U.js";
+import { _ as Dt } from "./Shape-CxJ5_Rre.js";
+import sl from "./Title-BbKoiBk2.js";
 import rl from "./vue_ui_horizontal_bar-BEagrV0T.js";
-import Bt from "./Legend-CS7Xo5LK.js";
-import il from "./vue-ui-accordion-DDuJT1xA.js";
-import { B as Et } from "./BaseLegendToggle-BQVIawmA.js";
-import { A as vl } from "./A11yDataTable-KcVAX2cP.js";
+import Bt from "./Legend-DGN5lY60.js";
+import il from "./vue-ui-accordion-BHmfmb_6.js";
+import { B as Et } from "./BaseLegendToggle-cMP8M2u0.js";
+import { A as vl } from "./A11yDataTable-BpmuNomI.js";
 import { _ as cl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "relative" } }, yl = ["xmlns", "viewBox", "aria-describedby"], gl = ["width", "height"], bl = ["id"], ml = ["stop-color"], kl = ["stop-color"], Cl = { key: 1 }, xl = ["y", "width", "height", "fill", "rx"], wl = ["x", "y", "width", "height", "fill", "rx"], $l = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], _l = ["x", "y", "width", "height", "fill", "rx", "stroke", "stroke-width"], Tl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Ll = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], Sl = { class: "vue-ui-horizontal-bar-parent-label" }, Pl = ["y", "height", "width", "fill"], Al = ["y", "font-size", "fill", "x", "font-weight", "innerHTML"], zl = ["y", "font-size", "fill", "x", "font-weight"], Nl = { class: "vue-ui-horizontal-bar-child-label" }, Il = ["x", "y", "font-size", "font-weight", "innerHTML"], Vl = { class: "vue-ui-horizontal-bar-child-label" }, Ol = ["x", "y", "font-size", "fill", "font-weight", "innerHTML"], Fl = { class: "vue-ui-horizontal-bar-child-label" }, Ml = ["x", "y", "text-anchor", "font-size", "fill", "font-weight"], Dl = ["y", "width", "height", "fill", "onMouseenter", "onMouseleave", "onClick"], Bl = {
   key: 0,
@@ -46,16 +46,26 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
   emits: ["selectLegend", "copyAlt", "selectDatapoint"],
   setup(Rt, { expose: Xt, emit: Ht }) {
     Na((t) => ({
-      v488a4464: t.tdo
+      v711faace: t.tdo
     }));
-    const Ut = se(() => import("./Tooltip-C8KGyqQk.js")), lt = se(() => import("./BaseIcon-Cb3zzG6s.js")), Wt = se(() => import("./PenAndPaper-Ct3qJ4lA.js")), Gt = se(() => import("./UserOptions-rW2fRf3V.js")), Kt = se(() => import("./PackageVersion-DP_kfXUM.js")), jt = se(() => import("./BaseDraggableDialog-CIb-iD9g.js")), { vue_ui_vertical_bar: Yt } = Za(), { isThemeValid: qt, warnInvalidTheme: Zt } = al(), Jt = Ia(), C = Rt, Pe = h({
+    const Ut = se(() => import("./Tooltip-Cvt7Fi0Q.js")), lt = se(() => import("./BaseIcon-DX0hTWa-.js")), Wt = se(
+      () => import("./PenAndPaper-CJDoB5H9.js")
+    ), Gt = se(
+      () => import("./UserOptions-DVduN6X7.js")
+    ), Kt = se(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), jt = se(
+      () => import("./BaseDraggableDialog-Di8Hlru3.js")
+    ), { vue_ui_vertical_bar: Yt } = Za(), { isThemeValid: qt, warnInvalidTheme: Zt } = al(), Jt = Ia(), C = Rt, Pe = h({
       get() {
         return !!C.dataset && C.dataset.length;
       },
       set(t) {
         return t;
       }
-    }), S = v(Da()), be = v(!1), Ae = v(""), me = v(null), ot = v(0), R = v(null), nt = v(null), ze = v(null), ut = v(null), st = v(null), rt = v(0), Ne = v(0), Qt = v(null), ve = v(null), Ie = v(null), ea = v(null), Ve = v(null), $ = v([]), ta = v({ none: 0, asc: 1, desc: 2 }), G = v(0), ke = v(!1), ce = v(0), le = v(0), Oe = v(null), Ce = v(!1), xe = v(!1), z = v(null), it = v({ x: 0, y: 0 }), Fe = v("pointer"), Me = Ht, e = v(Ee()), Y = h(() => e.value.userOptions.useCursorPointer), aa = h(() => {
+    }), S = v(Da()), be = v(!1), Ae = v(""), me = v(null), ot = v(0), R = v(null), nt = v(null), ze = v(null), ut = v(null), st = v(null), rt = v(0), Ne = v(0), Qt = v(null), ve = v(null), Ie = v(null), ea = v(null), Ve = v(null), $ = v([]), ta = v({ none: 0, asc: 1, desc: 2 }), G = v(0), ke = v(!1), ce = v(0), le = v(0), Oe = v(null), Ce = v(!1), xe = v(!1), z = v(null), it = v({ x: 0, y: 0 }), Fe = v("pointer"), Me = Ht, e = v(Ee()), Y = h(
+      () => e.value.userOptions.useCursorPointer
+    ), aa = h(() => {
       const t = [
         { name: "", value: 6, color: "#d9d9d9" },
         { name: "", value: 5, color: "#d9d9d9" },
@@ -78,7 +88,11 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                 offsetX: 110,
                 dataLabels: {
                   color: "transparent",
-                  value: { prefix: "", suffix: "", formatter: null }
+                  value: {
+                    prefix: "",
+                    suffix: "",
+                    formatter: null
+                  }
                 },
                 nameLabels: { color: "transparent" }
               },
@@ -130,7 +144,10 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             defaultConfig: t
           });
           l = {
-            ...at({ userConfig: C.config, defaultConfig: o }),
+            ...at({
+              userConfig: C.config,
+              defaultConfig: o
+            }),
             customPalette: t.customPalette.length ? t.customPalette : Ba[a] || ae
           };
         }
@@ -309,9 +326,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             ce.value = 0, le.value = 0;
             return;
           }
-          const t = Array.from(
-            Oe.value.querySelectorAll("text")
-          );
+          const t = Array.from(Oe.value.querySelectorAll("text"));
           if (!t.length) {
             ce.value = 0, le.value = 0;
             return;
@@ -321,7 +336,10 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
             const fe = Ye.getBBox(), ue = fe.x, ee = fe.x + fe.width;
             ue < l && (l = ue), ee > a && (a = ee);
           });
-          const o = 0, g = E.value, m = 24, u = Math.max(0, o - l + m), _ = Math.max(0, a - g + m);
+          const o = 0, g = E.value, m = 24, u = Math.max(0, o - l + m), _ = Math.max(
+            0,
+            a - g + m
+          );
           le.value = u, ce.value = _;
         });
       });
@@ -332,7 +350,12 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       { deep: !0 }
     ), qe(() => de());
     const c = h(() => {
-      const t = He.value + Math.abs(e.value.style.chart.layout.bars.nameLabels.offsetX) + le.value + e.value.style.chart.layout.bars.offsetX, l = W.value.width - W.value.padding.right, a = Math.max(0, l - t - ce.value - le.value - e.value.style.chart.layout.bars.offsetX);
+      const t = He.value + Math.abs(
+        e.value.style.chart.layout.bars.nameLabels.offsetX
+      ) + le.value + e.value.style.chart.layout.bars.offsetX, l = W.value.width - W.value.padding.right, a = Math.max(
+        0,
+        l - t - ce.value - le.value - e.value.style.chart.layout.bars.offsetX
+      );
       return {
         top: W.value.padding.top,
         bottom: W.value.padding.top + W.value.height,
@@ -351,7 +374,8 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       if ($.value.includes(t))
         $.value = $.value.filter((l) => l !== t);
       else {
-        if ($.value.length === P.value.length - 1) return;
+        if ($.value.length === P.value.length - 1)
+          return;
         $.value.push(t);
       }
       Me("selectLegend", U.value), de();
@@ -360,7 +384,9 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       if (!P.value.length)
         return e.value.debug && console.warn("VueUiHorizontalBar - There are no series to show."), null;
       const l = P.value.find((a) => a.name === t);
-      return l || (e.value.debug && console.warn(`VueUiHorizontalBar - Series name not found "${t}"`), null);
+      return l || (e.value.debug && console.warn(
+        `VueUiHorizontalBar - Series name not found "${t}"`
+      ), null);
     }
     function ia(t) {
       const l = xt(t);
@@ -383,7 +409,9 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
     ));
     function O(t) {
       const l = t / ca.value;
-      return V(c.value.width / (J.value ? 2 : 1) * l);
+      return V(
+        c.value.width / (J.value ? 2 : 1) * l
+      );
     }
     function da(t) {
       return O(t) + c.value.left;
@@ -420,7 +448,10 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l }), me.value = null, be.value = !1, Ue.value = null, z.value === l && (z.value = null);
     }
     function Lt(t, l, a = "pointer") {
-      Fe.value = a, e.value.events.datapointEnter && e.value.events.datapointEnter({ datpoint: t, seriesIndex: l }), z.value = l, me.value = t, _e.value = {
+      Fe.value = a, e.value.events.datapointEnter && e.value.events.datapointEnter({
+        datpoint: t,
+        seriesIndex: l
+      }), z.value = l, me.value = t, _e.value = {
         datapoint: t,
         seriesIndex: l,
         series: P.value,
@@ -658,7 +689,14 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       try {
         if (t) {
           const { blob: l, url: a, text: o, dataUrl: g } = await $a();
-          await Promise.resolve(e.value.userOptions.callbacks.svg({ blob: l, url: a, text: o, dataUrl: g }));
+          await Promise.resolve(
+            e.value.userOptions.callbacks.svg({
+              blob: l,
+              url: a,
+              text: o,
+              dataUrl: g
+            })
+          );
         } else
           await Promise.resolve(wa());
       } finally {
@@ -677,20 +715,26 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       pt();
     }
     function Ta() {
-      console.warn("[autoSize]: this legacy method can be safely removed as it has no impact.");
+      console.warn(
+        "[autoSize]: this legacy method can be safely removed as it has no impact."
+      );
     }
     async function Vt() {
       if (Me("copyAlt", {
         config: e.value,
         dataset: U.value
       }), !e.value.userOptions.callbacks.altCopy) {
-        console.warn("Vue Data UI - A callback must be set for `altCopy` in userOptions.");
+        console.warn(
+          "Vue Data UI - A callback must be set for `altCopy` in userOptions."
+        );
         return;
       }
-      await Promise.resolve(e.value.userOptions.callbacks.altCopy({
-        config: e.value,
-        dataset: U.value
-      }));
+      await Promise.resolve(
+        e.value.userOptions.callbacks.altCopy({
+          config: e.value,
+          dataset: U.value
+        })
+      );
     }
     const je = v(!1);
     function La() {
@@ -710,7 +754,8 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
     function Aa(t) {
       if (!oe.value || he.value || document.activeElement !== oe.value) return;
       const l = t.key === "ArrowRight" || t.key === "ArrowDown", a = t.key === "ArrowLeft" || t.key === "ArrowUp", o = t.key === "Enter" || t.key === " ", g = t.key === "Escape";
-      if (!l && !a && !o && !g) return;
+      if (!l && !a && !o && !g)
+        return;
       const m = w.value.length;
       if (!m) return;
       if (t.preventDefault(), t.stopPropagation(), g) {
@@ -1235,7 +1280,9 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                 }, null, 8, Al)) : f("", !0),
                 a.isChild && a.childIndex === 0 && e.value.style.chart.layout.bars.parentLabels.show ? (n(), r("text", {
                   key: 2,
-                  y: ne(a, o).y + i(Ha)($t(a, o)) * e.value.style.chart.layout.bars.parentLabels.fontSize * 1.1,
+                  y: ne(a, o).y + i(Ha)(
+                    $t(a, o)
+                  ) * e.value.style.chart.layout.bars.parentLabels.fontSize * 1.1,
                   "font-size": e.value.style.chart.layout.bars.parentLabels.fontSize,
                   fill: e.value.style.chart.layout.bars.parentLabels.color,
                   x: e.value.style.chart.layout.bars.parentLabels.offsetX + e.value.style.chart.layout.bars.parentLabels.fontSize,
@@ -1252,8 +1299,12 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                 (a.isChild || !a.hasChildren) && e.value.style.chart.layout.bars.nameLabels.show ? (n(), r("text", {
                   key: 0,
                   "text-anchor": "start",
-                  x: Math.abs(e.value.style.chart.layout.bars.nameLabels.offsetX),
-                  y: i(V)(c.value.top + (x.value + d.value) * o + d.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2 + A.value[o] * L.value),
+                  x: Math.abs(
+                    e.value.style.chart.layout.bars.nameLabels.offsetX
+                  ),
+                  y: i(V)(
+                    c.value.top + (x.value + d.value) * o + d.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2 + A.value[o] * L.value
+                  ),
                   "font-size": e.value.style.chart.layout.bars.nameLabels.fontSize,
                   fill: "transparent",
                   "font-weight": e.value.style.chart.layout.bars.nameLabels.bold ? "bold" : "normal",
@@ -1262,8 +1313,12 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                     content: a.name,
                     fontSize: e.value.style.chart.layout.bars.nameLabels.fontSize,
                     fill: "transparent",
-                    x: Math.abs(e.value.style.chart.layout.bars.nameLabels.offsetX),
-                    y: i(V)(c.value.top + (x.value + d.value) * o + d.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2 + A.value[o] * L.value),
+                    x: Math.abs(
+                      e.value.style.chart.layout.bars.nameLabels.offsetX
+                    ),
+                    y: i(V)(
+                      c.value.top + (x.value + d.value) * o + d.value / 2 + e.value.style.chart.layout.bars.nameLabels.fontSize / 2 + A.value[o] * L.value
+                    ),
                     translateY: !0
                   })
                 }, null, 8, Il)) : f("", !0)
@@ -1305,7 +1360,12 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                   "font-size": e.value.style.chart.layout.bars.dataLabels.fontSize,
                   fill: e.value.style.chart.layout.bars.dataLabels.color,
                   "font-weight": e.value.style.chart.layout.bars.dataLabels.bold ? "bold" : "normal"
-                }, k(St(a.value, a, o, a.sign)), 9, Ml)
+                }, k(St(
+                  a.value,
+                  a,
+                  o,
+                  a.sign
+                )), 9, Ml)
               ]))), 256))
             ], 512),
             (n(!0), r(D, null, B(w.value, (a, o) => (n(), r("g", null, [
@@ -1319,8 +1379,14 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                   e.value.style.chart.layout.highlighter.opacity
                 ) : "transparent",
                 onMouseenter: (g) => Lt(a, o, "pointer"),
-                onMouseleave: (g) => Tt({ datapoint: a, seriesIndex: o }),
-                onClick: (g) => _t({ datapoint: a, seriesIndex: o })
+                onMouseleave: (g) => Tt({
+                  datapoint: a,
+                  seriesIndex: o
+                }),
+                onClick: (g) => _t({
+                  datapoint: a,
+                  seriesIndex: o
+                })
               }, null, 40, Dl)
             ]))), 256)),
             y(t.$slots, "svg", {
@@ -1333,11 +1399,16 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
           ], 512)
         ], 46, yl)),
         t.$slots.hint ? (n(), r("div", Bl, [
-          y(t.$slots, "hint", N(I({ hint: e.value.a11y.translations.keyboardNavigation, isVisible: je.value })), void 0, !0)
+          y(t.$slots, "hint", N(I({
+            hint: e.value.a11y.translations.keyboardNavigation,
+            isVisible: je.value
+          })), void 0, !0)
         ])) : f("", !0)
       ]),
       t.$slots.watermark ? (n(), r("div", El, [
-        y(t.$slots, "watermark", N(I({ isPrinting: i(Re) || i(Xe) || Ce.value || xe.value })), void 0, !0)
+        y(t.$slots, "watermark", N(I({
+          isPrinting: i(Re) || i(Xe) || Ce.value || xe.value
+        })), void 0, !0)
       ])) : f("", !0),
       e.value.style.chart.legend.show && e.value.style.chart.legend.position === "bottom" ? (n(), r("div", {
         key: 7,
@@ -1499,7 +1570,9 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                       }, null, 4),
                       s("th", {
                         style: b(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)
-                      }, " ∑ " + k(e.value.table.td.prefix) + k(isNaN(X.value) ? "" : X.value.toFixed(e.value.table.td.roundingValue)) + k(e.value.table.td.suffix), 5),
+                      }, " ∑ " + k(e.value.table.td.prefix) + k(isNaN(X.value) ? "" : X.value.toFixed(
+                        e.value.table.td.roundingValue
+                      )) + k(e.value.table.td.suffix), 5),
                       s("th", {
                         style: b(`background:${e.value.table.th.backgroundColor};color:${e.value.table.th.color};outline:${e.value.table.th.outline};text-align:right;padding-right:5px;font-weight:bold`)
                       }, " 100% ", 4),
@@ -1544,7 +1617,11 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                         style: b(`outline:${e.value.table.td.outline}`),
                         "data-cell": F.value.head[1] ?? ""
                       }, [
-                        s("div", Yl, k(e.value.table.td.prefix) + k(["", NaN, void 0].includes(a.parentValue) ? "" : a.parentValue.toFixed(
+                        s("div", Yl, k(e.value.table.td.prefix) + k([
+                          "",
+                          NaN,
+                          void 0
+                        ].includes(a.parentValue) ? "" : a.parentValue.toFixed(
                           e.value.table.td.roundingValue
                         )) + k(e.value.table.td.suffix), 1)
                       ], 12, jl),
@@ -1553,7 +1630,13 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                         style: b(`outline:${e.value.table.td.outline}`),
                         "data-cell": F.value.head[2] ?? ""
                       }, [
-                        s("div", Zl, k(["", NaN, void 0].includes(a.percentageToTotal) ? "" : `${(a.percentageToTotal * 100).toFixed(
+                        s("div", Zl, k([
+                          "",
+                          NaN,
+                          void 0
+                        ].includes(
+                          a.percentageToTotal
+                        ) ? "" : `${(a.percentageToTotal * 100).toFixed(
                           e.value.table.td.roundingPercentage
                         )}%`), 1)
                       ], 12, ql),
@@ -1569,7 +1652,11 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                         style: b(`outline:${e.value.table.td.outline}`),
                         "data-cell": F.value.head[4] ?? ""
                       }, [
-                        s("div", to, k(e.value.table.td.prefix) + k(["", NaN, void 0].includes(a.childValue) ? "" : a.childValue.toFixed(
+                        s("div", to, k(e.value.table.td.prefix) + k([
+                          "",
+                          NaN,
+                          void 0
+                        ].includes(a.childValue) ? "" : a.childValue.toFixed(
                           e.value.table.td.roundingValue
                         )) + k(e.value.table.td.suffix), 1)
                       ], 12, eo),
@@ -1578,7 +1665,11 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                         style: b(`outline:${e.value.table.td.outline}`),
                         "data-cell": F.value.head[5] ?? ""
                       }, [
-                        s("div", lo, k(["", NaN, void 0].includes(
+                        s("div", lo, k([
+                          "",
+                          NaN,
+                          void 0
+                        ].includes(
                           a.childPercentageToParent
                         ) ? "" : `${(a.childPercentageToParent * 100).toFixed(
                           e.value.table.td.roundingPercentage
@@ -1589,7 +1680,11 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
                         style: b(`outline:${e.value.table.td.outline}`),
                         "data-cell": F.value.head[6] ?? ""
                       }, [
-                        s("div", no, k(["", NaN, void 0].includes(
+                        s("div", no, k([
+                          "",
+                          NaN,
+                          void 0
+                        ].includes(
                           a.childPercentageToTotal
                         ) ? "" : `${(a.childPercentageToTotal * 100).toFixed(
                           e.value.table.td.roundingPercentage
@@ -1634,7 +1729,7 @@ const dl = ["id"], hl = ["id"], pl = ["onClick"], fl = { style: { position: "rel
       ], !0)
     ], 46, dl));
   }
-}, Po = /* @__PURE__ */ cl(uo, [["__scopeId", "data-v-f72565c5"]]);
+}, Po = /* @__PURE__ */ cl(uo, [["__scopeId", "data-v-459a4539"]]);
 export {
   Po as default
 };

package/dist/{vue-ui-kpi-B0sOyO7s.js → vue-ui-kpi-CEx3P3Do.js}

@@ -1,8 +1,8 @@
 import { defineAsyncComponent as M, computed as y, useSlots as w, ref as r, onMounted as $, watch as h, openBlock as u, createElementBlock as i, normalizeStyle as n, normalizeClass as v, renderSlot as s, createTextVNode as F, toDisplayString as N, createCommentVNode as R, createElementVNode as B, createVNode as L, unref as d, Fragment as V } from "vue";
-import { u as _ } from "./useNestedProp-Bf5XFbs8.js";
-import { j as E, k as I, l as O } from "./lib-DBptbyyI.js";
-import { u as T } from "./useConfig-C40HvGpD.js";
-import { u as U } from "./usePrefersMotion-CUKm8_t8.js";
+import { u as _ } from "./useNestedProp-DH0BEVVS.js";
+import { j as E, k as I, l as O } from "./lib-DMzrGQHK.js";
+import { u as T } from "./useConfig-DTHxOX6V.js";
+import { u as U } from "./usePrefersMotion-Co0nj1eS.js";
 const j = ["aria-labelledby"], G = ["id"], P = ["aria-label"], W = {
   __name: "vue-ui-kpi",
   props: {
@@ -18,7 +18,7 @@ const j = ["aria-labelledby"], G = ["id"], P = ["aria-label"], W = {
     }
   },
   setup(o) {
-    const D = M(() => import("./vue-ui-digits-D2wQOhMt.js")), { vue_ui_kpi: S } = T(), c = U(), l = o, e = y({
+    const D = M(() => import("./vue-ui-digits-D16SQQ4M.js")), { vue_ui_kpi: S } = T(), c = U(), l = o, e = y({
       get: () => f(),
       set: (a) => a
     }), A = w(), x = y(() => e.value.debug), m = r(E());
@@ -31,13 +31,27 @@ const j = ["aria-labelledby"], G = ["id"], P = ["aria-label"], W = {
         defaultConfig: S
       });
     }
-    h(() => l.config, (a) => {
-      e.value = f(), g();
-    }, { deep: !0 });
-    const z = r((typeof l.dataset == "number", l.dataset)), t = r(e.value.useAnimation ? e.value.animationValueStart : z.value), p = (a) => {
+    h(
+      () => l.config,
+      (a) => {
+        e.value = f(), g();
+      },
+      { deep: !0 }
+    );
+    const z = r(
+      (typeof l.dataset == "number", l.dataset)
+    ), t = r(
+      e.value.useAnimation ? e.value.animationValueStart : z.value
+    ), p = (a) => {
       const b = e.value.animationFrames, C = Math.abs(a - t.value) / b;
       function k() {
-        t.value < a ? t.value = Math.min(t.value + C, a) : t.value > a && (t.value = Math.max(t.value - C, a)), t.value !== a && requestAnimationFrame(k);
+        t.value < a ? t.value = Math.min(
+          t.value + C,
+          a
+        ) : t.value > a && (t.value = Math.max(
+          t.value - C,
+          a
+        )), t.value !== a && requestAnimationFrame(k);
       }
       k();
     };
@@ -47,9 +61,12 @@ const j = ["aria-labelledby"], G = ["id"], P = ["aria-label"], W = {
     function g() {
       e.value.useAnimation && !c.value ? (t.value = e.value.animationValueStart, p(l.dataset)) : t.value = l.dataset;
     }
-    return h(() => l.dataset, (a) => {
-      e.value.useAnimation && !c.value ? p(a) : t.value = a;
-    }), (a, b) => (u(), i("div", {
+    return h(
+      () => l.dataset,
+      (a) => {
+        e.value.useAnimation && !c.value ? p(a) : t.value = a;
+      }
+    ), (a, b) => (u(), i("div", {
       class: v(`vue-data-ui-component vue-ui-kpi ${e.value.layoutClass}`),
       style: n(`background:${e.value.backgroundColor}; ${e.value.layoutCss}`),
       "aria-labelledby": `kpi-title-${m.value}`
@@ -78,7 +95,11 @@ const j = ["aria-labelledby"], G = ["id"], P = ["aria-label"], W = {
           style: n({ height: e.value.analogDigits.height + "px" })
         }, [
           L(d(D), {
-            dataset: Number(t.value.toFixed(e.value.valueRounding)),
+            dataset: Number(
+              t.value.toFixed(
+                e.value.valueRounding
+              )
+            ),
             config: {
               backgroundColor: e.value.backgroundColor,
               digits: {

package/dist/{vue-ui-mini-loader-DrROXJIX.js → vue-ui-mini-loader-CyDOoarO.js}

@@ -1,9 +1,9 @@
 import { useCssVars as h, computed as o, ref as f, openBlock as n, createElementBlock as u, unref as M, createElementVNode as t, normalizeStyle as l, createCommentVNode as a } from "vue";
-import { u as m } from "./useNestedProp-Bf5XFbs8.js";
-import { X as y } from "./lib-DBptbyyI.js";
-import { u as L } from "./useConfig-C40HvGpD.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 = {
+import { u as m } from "./useNestedProp-DH0BEVVS.js";
+import { X as y } from "./lib-DMzrGQHK.js";
+import { u as L } from "./useConfig-DTHxOX6V.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",
   props: {
     config: {
@@ -15,9 +15,9 @@ const B = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"],
   },
   setup(c) {
     h((_) => ({
-      v0567c4bc: v.value,
-      v3b89a9aa: C.value,
-      v4f67cf2c: g.value
+      v52026c5d: v.value,
+      v571acde0: C.value,
+      v222cd9e5: g.value
     }));
     const { vue_ui_mini_loader: d } = L(), p = c, e = o(() => m({
       userConfig: p.config,
@@ -35,7 +35,13 @@ const B = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"],
     })), r = o(() => ({
       gutter: `stroke:${e.value.onion.gutterColor};opacity:${e.value.onion.gutterOpacity};`,
       gutterBlur: `filter:blur(${e.value.onion.gutterBlur}px);`
-    })), v = o(() => `blur(${e.value.onion.trackBlur}px) hue-rotate(${e.value.onion.trackHueRotate}deg)`), C = o(() => `blur(${e.value.line.trackBlur}px) hue-rotate(${e.value.line.trackHueRotate}deg)`), g = o(() => `blur(${e.value.bar.trackBlur}px) hue-rotate(${e.value.bar.trackHueRotate}deg)`);
+    })), v = o(
+      () => `blur(${e.value.onion.trackBlur}px) hue-rotate(${e.value.onion.trackHueRotate}deg)`
+    ), C = o(
+      () => `blur(${e.value.line.trackBlur}px) hue-rotate(${e.value.line.trackHueRotate}deg)`
+    ), g = o(
+      () => `blur(${e.value.bar.trackBlur}px) hue-rotate(${e.value.bar.trackHueRotate}deg)`
+    );
     return (_, E) => (n(), u("svg", {
       class: "vue-data-ui-component vue-ui-mini-loader",
       xmlns: M(y),
@@ -124,9 +130,9 @@ const B = ["xmlns", "viewBox"], x = { key: 0 }, $ = ["stroke"], w = ["stroke"],
           class: "bar-animated"
         }, null, 8, F)
       ])) : a("", !0)
-    ], 8, B));
+    ], 8, b));
   }
-}, X = /* @__PURE__ */ b(I, [["__scopeId", "data-v-0a1977bc"]]);
+}, X = /* @__PURE__ */ B(I, [["__scopeId", "data-v-9dd280d2"]]);
 export {
   X as default
 };