vue-data-ui 3.1.16 → 3.1.18

package/dist/{vue-ui-sparkbar-DRsv3ulD.js → vue-ui-sparkbar-C-evQIq2.js}

@@ -1,8 +1,8 @@
-import { defineAsyncComponent as Z, useSlots as ee, onMounted as B, ref as x, toRefs as te, computed as w, watch as E, nextTick as le, createElementBlock as i, openBlock as n, normalizeStyle as d, unref as o, renderSlot as D, createCommentVNode as c, createBlock as ae, normalizeProps as oe, mergeProps as M, createElementVNode as v, toDisplayString as y, Fragment as P, renderList as se, createVNode as ne } from "vue";
-import { u as ue, c as ie, t as re, a as ve, p as C, b as de, d as ce, o as pe, f as V, g as fe, e as ye, s as I, k as _, i as A, X as ge, x as me } from "./index-D6OjIQeq.js";
-import { u as O } from "./useNestedProp-QUe0ze7N.js";
+import { defineAsyncComponent as Z, useSlots as ee, onMounted as F, ref as x, toRefs as te, computed as w, watch as B, nextTick as le, createElementBlock as i, openBlock as n, normalizeStyle as d, unref as a, renderSlot as $, createCommentVNode as p, createBlock as ae, normalizeProps as oe, mergeProps as E, createElementVNode as v, toDisplayString as y, Fragment as M, renderList as se, createVNode as ne } from "vue";
+import { u as ue, c as ie, t as re, a as ve, p as _, b as ce, d as de, o as pe, f as P, g as fe, e as ye, s as D, k as C, i as A, X as ge, x as me } from "./index-smzxfsyV.js";
+import { u as V } from "./useNestedProp-DeKmJzsE.js";
 import { u as he, B as xe } from "./BaseScanner-BgWxam9d.js";
-const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["xmlns", "viewBox"], Ce = ["id"], _e = ["stop-color"], Ae = ["stop-color"], Se = ["height", "width", "fill", "rx"], $e = ["height", "width", "fill", "rx"], De = ["height", "width", "fill", "rx"], Ie = {
+const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["xmlns", "viewBox"], _e = ["id"], Ce = ["stop-color"], Ae = ["stop-color"], Se = ["height", "width", "fill", "rx"], $e = ["height", "width", "fill", "rx"], De = ["height", "width", "fill", "rx"], Ie = {
   key: 2,
   ref: "source",
   dir: "auto"
@@ -30,15 +30,15 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
     }
   },
   emits: ["selectDatapoint"],
-  setup(S, { emit: j }) {
-    const U = Z(() => import("./PackageVersion-BSXHahdf.js")), { vue_ui_sparkbar: R } = ue(), f = S, W = ee();
-    B(() => {
+  setup(O, { emit: j }) {
+    const U = Z(() => import("./PackageVersion-BzGzkGiC.js")), { vue_ui_sparkbar: R } = ue(), f = O, W = ee();
+    F(() => {
       W["chart-background"] && console.warn("VueUiSparkbar does not support the #chart-background slot.");
     });
-    const L = x(ie()), e = x($()), { loading: k, FINAL_DATASET: p } = he({
+    const I = x(ie()), e = x(S()), { loading: k, FINAL_DATASET: c } = he({
       ...te(f),
       FINAL_CONFIG: e,
-      prepareConfig: $,
+      prepareConfig: S,
       skeletonDataset: [
         { name: "_", value: 21, target: 25, color: "#808080" },
         { name: "_", value: 13, target: 25, color: "#ADADAD" },
@@ -63,109 +63,109 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
           }
         }
       })
-    }), T = w(() => !!e.value.debug);
-    function $() {
-      const t = O({
+    }), L = w(() => !!e.value.debug);
+    function S() {
+      const t = V({
         userConfig: f.config,
         defaultConfig: R
       });
       return t.theme ? {
-        ...O({
-          userConfig: de.vue_ui_sparkbar[t.theme] || f.config,
+        ...V({
+          userConfig: ce.vue_ui_sparkbar[t.theme] || f.config,
           defaultConfig: t
         }),
-        customPalette: ve[t.theme] || C
+        customPalette: ve[t.theme] || _
       } : t;
     }
-    E(() => f.config, (t) => {
-      e.value = $();
+    B(() => f.config, (t) => {
+      e.value = S();
     }, { deep: !0 });
-    const G = w(() => ce(e.value.customPalette)), g = x(p.value.map((t) => ({
+    const G = w(() => de(e.value.customPalette)), g = x(c.value.map((t) => ({
       ...t,
       value: e.value.style.animation.show ? 0 : t.value || 0,
       formatter: t.formatter || null
-    }))), z = x(null);
-    B(async () => {
-      pe(f.dataset) && V({
+    }))), T = x(null);
+    F(async () => {
+      pe(f.dataset) && P({
         componentName: "VueUiSparkbar",
         type: "dataset",
-        debug: T.value
-      }), N();
+        debug: L.value
+      }), z();
     });
-    function N() {
+    function z() {
       if (e.value.style.animation.show) {
         let h = function() {
           s += l / t, s < l ? (g.value = g.value.map((u, b) => ({
             ...u,
-            value: u.value += a[b]
-          })), z.value = requestAnimationFrame(h)) : g.value = p.value.map((u) => ({
+            value: u.value += o[b]
+          })), T.value = requestAnimationFrame(h)) : g.value = c.value.map((u) => ({
             ...u,
             value: u.value || 0,
             formatter: u.formatter || null
           }));
         };
-        const t = e.value.style.animation.animationFrames, a = p.value.map((u, b) => u.value / t), l = p.value.map((u) => u.value || 0).reduce((u, b) => u + b, 0);
+        const t = e.value.style.animation.animationFrames, o = c.value.map((u, b) => u.value / t), l = c.value.map((u) => u.value || 0).reduce((u, b) => u + b, 0);
         let s = 0;
         h();
       }
     }
-    E(() => p.value, async (t) => {
-      cancelAnimationFrame(z.value), g.value = p.value.map((a) => ({
-        ...a,
-        value: e.value.style.animation.show ? 0 : a.value || 0,
-        formatter: a.formatter || null
-      })), le(N);
+    B(() => c.value, async (t) => {
+      cancelAnimationFrame(T.value), g.value = c.value.map((o) => ({
+        ...o,
+        value: e.value.style.animation.show ? 0 : o.value || 0,
+        formatter: o.formatter || null
+      })), le(z);
     }, { deep: !0 });
     const r = x({
       width: 500,
       height: 16
-    }), q = w(() => Math.max(...p.value.map((t) => t.value))), H = w(() => (p.value.forEach((t, a) => {
+    }), q = w(() => Math.max(...c.value.map((t) => t.value))), H = w(() => (c.value.forEach((t, o) => {
       fe({
         datasetObject: t,
         requiredAttributes: ["name", "value"]
       }).forEach((l) => {
-        V({
+        P({
           componentName: "VueUiSparkbar",
           type: "datasetSerieAttribute",
           property: l,
-          index: a,
-          debug: T.value
+          index: o,
+          debug: L.value
         });
       });
-    }), g.value.map((t, a) => ({
+    }), g.value.map((t, o) => ({
       ...t,
       value: t.value || 0,
-      color: ye(t.color) || G.value[a] || C[a] || C[a % C.length]
+      color: ye(t.color) || G.value[o] || _[o] || _[o % _.length]
     }))));
     function X(t) {
       return t / q.value;
     }
-    function F(t) {
+    function N(t) {
       return e.value.style.layout.independant ? t.target ? t.value / t.target : e.value.style.layout.percentage ? t.value > 100 ? 1 : t.value / 100 : e.value.style.layout.target === 0 ? 1 : t.value / e.value.style.layout.target : X(t.value);
     }
     function m(t) {
       return e.value.style.layout.independant && t.target || e.value.style.layout.target;
     }
     const J = j;
-    function K(t, a) {
-      J("selectDatapoint", { datapoint: t, index: a }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a });
+    function K(t, o) {
+      J("selectDatapoint", { datapoint: t, index: o }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: o });
     }
-    function Q(t, a) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a });
+    function Q(t, o) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: o });
     }
-    function Y(t, a) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a });
+    function Y(t, o) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: o });
     }
-    return (t, a) => (n(), i("div", {
+    return (t, o) => (n(), i("div", {
       class: "vue-ui-sparkbar",
       style: d({
         width: "100%",
         position: "relative",
         fontFamily: e.value.style.fontFamily,
-        background: f.backgroundOpacity !== null ? o(I)(e.value.style.backgroundColor, f.backgroundOpacity) : e.value.style.backgroundColor
+        background: f.backgroundOpacity !== null ? a(D)(e.value.style.backgroundColor, f.backgroundOpacity) : e.value.style.backgroundColor
       })
     }, [
-      t.$slots.title ? D(t.$slots, "title", oe(M({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : c("", !0),
+      t.$slots.title ? $(t.$slots, "title", oe(E({ key: 0 }, { title: { ...t.title, title: e.value.style.title.text, subtitle: e.value.style.title.subtitle.text } }))) : p("", !0),
       !t.$slots.title && e.value.style.title.text ? (n(), i("div", {
         key: 1,
         class: "vue-ui-sparkbar-title-container",
@@ -191,24 +191,24 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             color: e.value.style.title.subtitle.color,
             fontWeight: e.value.style.title.subtitle.bold ? "bold" : "normal"
           })
-        }, y(e.value.style.title.subtitle.text), 5)) : c("", !0)
-      ], 4)) : c("", !0),
-      (n(!0), i(P, null, se(H.value, (l, s) => (n(), i("div", {
-        style: d(`display:flex !important;${["left", "right"].includes(e.value.style.labels.name.position) ? `flex-direction: ${e.value.style.labels.name.position === "right" ? "row-reverse" : "row"} !important` : "flex-direction:column !important"};gap:${e.value.style.gap}px !important;align-items:center;${S.dataset.length > 0 && s !== S.dataset.length - 1 ? "margin-bottom:6px" : ""}`),
+        }, y(e.value.style.title.subtitle.text), 5)) : p("", !0)
+      ], 4)) : p("", !0),
+      (n(!0), i(M, null, se(H.value, (l, s) => (n(), i("div", {
+        style: d(`display:flex !important;${["left", "right"].includes(e.value.style.labels.name.position) ? `flex-direction: ${e.value.style.labels.name.position === "right" ? "row-reverse" : "row"} !important` : "flex-direction:column !important"};gap:${e.value.style.gap}px !important;align-items:center;${a(c).length > 0 && s !== a(c).length - 1 ? "margin-bottom:6px" : ""}`),
         onClick: (h) => K(l, s),
         onMouseenter: (h) => Q(l, s),
         onMouseleave: (h) => Y(l, s)
       }, [
-        o(k) ? c("", !0) : D(t.$slots, "data-label", M({
+        a(k) ? p("", !0) : $(t.$slots, "data-label", E({
           key: 0,
           ref_for: !0
         }, { bar: {
           ...l,
           target: m(l),
-          valueLabel: o(_)(
+          valueLabel: a(C)(
             l.formatter,
             l.value,
-            o(A)({
+            a(A)({
               p: l.prefix || "",
               v: l.value,
               s: l.suffix || "",
@@ -216,10 +216,10 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             }),
             { datapoint: l, seriesIndex: s }
           ),
-          targetLabel: o(_)(
+          targetLabel: a(C)(
             l.formatter,
             m(l),
-            o(A)({
+            a(A)({
               p: l.prefix || "",
               v: m(l),
               s: l.suffix || "",
@@ -228,7 +228,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             { datapoint: l, seriesIndex: s }
           )
         } })),
-        !t.$slots["data-label"] || o(k) ? (n(), i("div", {
+        !t.$slots["data-label"] || a(k) ? (n(), i("div", {
           key: 1,
           style: d({
             display: "flex",
@@ -241,7 +241,7 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             flexWrap: "wrap"
           })
         }, [
-          o(k) ? (n(), i("div", {
+          a(k) ? (n(), i("div", {
             key: 0,
             class: "vue-ui-sparkbar-skeleton-name",
             style: d({
@@ -260,70 +260,70 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
             v("div", {
               style: d({ height: "100%", width: "15px", borderRadius: e.value.style.labels.fontSize / 4 + "px", backgroundColor: "#6A6A6A80" })
             }, null, 4)
-          ], 4)) : (n(), i(P, { key: 1 }, [
+          ], 4)) : (n(), i(M, { key: 1 }, [
             v("span", null, y(l.name), 1),
             e.value.style.labels.value.show ? (n(), i("span", {
               key: 0,
               style: d(`font-weight:${e.value.style.labels.value.bold ? "bold" : "normal"}`)
-            }, ": " + y(o(_)(
+            }, ": " + y(a(C)(
               l.formatter,
               l.value,
-              o(A)({
+              a(A)({
                 p: l.prefix || "",
                 v: l.value,
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
               { datapoint: l, seriesIndex: s }
-            )), 5)) : c("", !0),
-            e.value.style.layout.showTargetValue ? (n(), i("span", be, y(" " + e.value.style.layout.targetValueText) + " " + y(o(_)(
+            )), 5)) : p("", !0),
+            e.value.style.layout.showTargetValue ? (n(), i("span", be, y(" " + e.value.style.layout.targetValueText) + " " + y(a(C)(
               l.formatter,
               m(l),
-              o(A)({
+              a(A)({
                 p: l.prefix || "",
                 v: m(l),
                 s: l.suffix || "",
                 r: l.rounding || 0
               }),
               { datapoint: l, seriesIndex: s }
-            )), 1)) : c("", !0)
+            )), 1)) : p("", !0)
           ], 64))
-        ], 4)) : c("", !0),
+        ], 4)) : p("", !0),
         (n(), i("svg", {
-          xmlns: o(ge),
+          xmlns: a(ge),
           viewBox: `0 0 ${r.value.width} ${r.value.height}`,
           width: "100%"
         }, [
-          ne(o(U)),
+          ne(a(U)),
           v("defs", null, [
             v("linearGradient", {
               x1: "0%",
               y1: "0%",
               x2: "100%",
               y2: "0%",
-              id: `sparkbar_gradient_${s}_${L.value}`
+              id: `sparkbar_gradient_${s}_${I.value}`
             }, [
               v("stop", {
                 offset: "0%",
-                "stop-color": o(I)(o(me)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
-              }, null, 8, _e),
+                "stop-color": a(D)(a(me)(l.color, 0.03), 100 - e.value.style.bar.gradient.intensity)
+              }, null, 8, Ce),
               v("stop", {
                 offset: "100%",
                 "stop-color": l.color
               }, null, 8, Ae)
-            ], 8, Ce)
+            ], 8, _e)
           ]),
           v("rect", {
             height: r.value.height,
             width: r.value.width,
             x: 0,
             y: 0,
-            fill: o(I)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
+            fill: a(D)(e.value.style.gutter.backgroundColor, e.value.style.gutter.opacity),
             rx: r.value.height / 2
           }, null, 8, Se),
           v("rect", {
             height: r.value.height,
-            width: r.value.width * F(l),
+            width: r.value.width * N(l),
             x: 0,
             y: 0,
             fill: e.value.style.bar.gradient.underlayerColor,
@@ -331,18 +331,18 @@ const ke = ["onClick", "onMouseenter", "onMouseleave"], be = { key: 1 }, we = ["
           }, null, 8, $e),
           v("rect", {
             height: r.value.height,
-            width: r.value.width * F(l),
+            width: r.value.width * N(l),
             x: 0,
             y: 0,
-            fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${s}_${L.value})` : l.color,
+            fill: e.value.style.bar.gradient.show ? `url(#sparkbar_gradient_${s}_${I.value})` : l.color,
             rx: r.value.height / 2
           }, null, 8, De)
         ], 8, we))
       ], 44, ke))), 256)),
       t.$slots.source ? (n(), i("div", Ie, [
-        D(t.$slots, "source")
-      ], 512)) : c("", !0),
-      o(k) ? (n(), ae(xe, { key: 3 })) : c("", !0)
+        $(t.$slots, "source")
+      ], 512)) : p("", !0),
+      a(k) ? (n(), ae(xe, { key: 3 })) : p("", !0)
     ], 4));
   }
 };

package/dist/{vue-ui-sparkgauge-BfoO71Ji.js → vue-ui-sparkgauge-DycVSHAs.js}

@@ -1,6 +1,6 @@
 import { defineAsyncComponent as P, ref as b, toRefs as T, onMounted as N, computed as s, watch as M, createElementBlock as r, openBlock as u, normalizeStyle as g, createCommentVNode as d, createBlock as U, toDisplayString as k, unref as i, createVNode as q, createElementVNode as y, renderSlot as F, normalizeClass as V } from "vue";
-import { u as B } from "./useNestedProp-QUe0ze7N.js";
-import { u as X, c as Y, t as H, b as J, o as K, f as E, g as Q, P as W, X as Z, k as ee, h as x, i as te } from "./index-D6OjIQeq.js";
+import { u as B } from "./useNestedProp-DeKmJzsE.js";
+import { u as X, c as Y, t as H, b as J, o as K, f as E, g as Q, P as W, X as Z, k as ee, h as x, i as te } from "./index-smzxfsyV.js";
 import { u as ae, B as le } from "./BaseScanner-BgWxam9d.js";
 import { u as oe } from "./useChartAccessibility-9icAAmYg.js";
 const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["stop-color"], re = ["stop-color"], ve = ["d", "stroke", "stroke-linecap"], ce = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], de = ["x", "y", "width", "height"], fe = ["x", "y", "font-size", "fill", "font-weight"], ye = {
@@ -24,7 +24,7 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
     }
   },
   setup(D) {
-    const O = P(() => import("./PackageVersion-BSXHahdf.js")), { vue_ui_sparkgauge: j } = X(), c = D, _ = b(Y()), e = b(p()), { loading: h, FINAL_DATASET: v } = ae({
+    const O = P(() => import("./PackageVersion-BzGzkGiC.js")), { vue_ui_sparkgauge: j } = X(), c = D, _ = b(Y()), e = b(p()), { loading: h, FINAL_DATASET: v } = ae({
       ...T(c),
       FINAL_CONFIG: e,
       prepareConfig: p,
@@ -53,7 +53,7 @@ const se = ["xmlns", "viewBox"], ue = ["width", "height"], ie = ["id"], ne = ["s
           }
         }
       })
-    }), { svgRef: I } = oe({ config: { text: c.dataset.title } });
+    }), { svgRef: I } = oe({ config: { text: c.dataset?.title || "" } });
     function p() {
       const t = B({
         userConfig: c.config,

package/dist/{vue-ui-sparkhistogram-DJtyI7Bl.js → vue-ui-sparkhistogram-CZLnlSUD.js}

@@ -1,11 +1,11 @@
 import { useCssVars as pe, computed as k, defineAsyncComponent as me, ref as y, toRefs as be, onMounted as U, watch as X, nextTick as j, createElementBlock as s, openBlock as a, normalizeStyle as S, createCommentVNode as c, createBlock as G, createElementVNode as g, createTextVNode as _e, toDisplayString as p, unref as n, createVNode as xe, renderSlot as q, Fragment as d, renderList as h, normalizeClass as Y } from "vue";
-import { u as ke, c as Ce, t as Ae, b as we, o as $e, f as P, g as Le, s as m, k as J, i as K, X as ze, x as D } from "./index-D6OjIQeq.js";
+import { u as ke, c as Ce, t as Ae, b as we, o as $e, f as P, g as Le, s as m, k as J, i as K, X as ze, x as D } from "./index-smzxfsyV.js";
 import { t as Se, u as Me } from "./useResponsive-DfdjqQps.js";
 import { u as Fe, B as Ie } from "./BaseScanner-BgWxam9d.js";
 import { u as Te } from "./useFitSvgText-2crs6Fv5.js";
-import { u as Q } from "./useNestedProp-QUe0ze7N.js";
+import { u as Q } from "./useNestedProp-DeKmJzsE.js";
 import { u as Ee } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as Ne } from "./Shape-B5nsWKct.js";
+import { _ as Ne } from "./Shape-sVxD_SDm.js";
 import { _ as De } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width", "height"], Re = ["id"], Be = ["stop-color"], Ue = ["stop-color"], Xe = ["id"], je = ["stop-color"], Ge = ["stop-color"], qe = ["id"], Ye = ["stop-color"], Pe = ["stop-color"], Je = ["height", "width", "fill", "x", "stroke", "stroke-width", "rx", "stroke-dasharray"], Ke = { key: 1 }, Qe = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Ze = { key: 2 }, et = ["x", "y", "font-size", "font-weight", "fill"], tt = ["x", "y", "font-size", "fill"], lt = ["x", "y", "font-size", "fill"], at = ["height", "width", "x", "onMouseover", "onMouseleave", "onClick"], st = {
   __name: "vue-ui-sparkhistogram",
@@ -28,7 +28,7 @@ const We = { key: 0 }, Ve = { key: 1 }, He = ["xmlns", "viewBox"], Oe = ["width"
     pe((l) => ({
       c8e2d1ee: ve.value
     }));
-    const te = me(() => import("./PackageVersion-BSXHahdf.js")), { vue_ui_sparkhistogram: le } = ke(), b = Z, _ = y(Ce()), W = y(null), V = y(null), M = y(null), C = y(null), w = y(null), e = y(T()), { loading: H, FINAL_DATASET: A } = Fe({
+    const te = me(() => import("./PackageVersion-BzGzkGiC.js")), { vue_ui_sparkhistogram: le } = ke(), b = Z, _ = y(Ce()), W = y(null), V = y(null), M = y(null), C = y(null), w = y(null), e = y(T()), { loading: H, FINAL_DATASET: A } = Fe({
       ...be(b),
       FINAL_CONFIG: e,
       prepareConfig: T,