vue-data-ui 2.3.28 → 2.3.30

package/dist/{vue-ui-sparkstackbar-MMGRG9eS.js → vue-ui-sparkstackbar-DFgeRAbQ.js}

@@ -1,12 +1,12 @@
-import { computed as p, ref as m, onMounted as T, openBlock as n, createElementBlock as r, normalizeStyle as g, createElementVNode as u, toDisplayString as k, createCommentVNode as h, unref as _, Fragment as D, renderList as z, normalizeClass as A, createBlock as q } from "vue";
-import { u as H, c as j, t as X, a as J, p as d, b as K, d as P, o as Q, e as E, g as R, f as U, X as W, s as Y, r as Z } from "./index-BhCM2QF1.js";
-import { u as I } from "./useNestedProp-CH3PVhvc.js";
-import ee from "./vue-ui-skeleton-_VMQ594N.js";
-import { _ as te } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-color"], ne = ["stop-color"], re = {
+import { computed as p, ref as m, onMounted as T, openBlock as n, createElementBlock as r, normalizeStyle as g, createElementVNode as u, toDisplayString as k, createCommentVNode as h, unref as b, Fragment as D, renderList as z, normalizeClass as A, createBlock as q } from "vue";
+import { u as H, c as j, t as X, a as J, p as d, b as K, d as P, o as Q, e as E, g as R, f as I, X as W, s as Y, v as Z, i as ee } from "./index-BlXzlBwZ.js";
+import { u as U } from "./useNestedProp-BoNl5H_z.js";
+import te from "./vue-ui-skeleton-CJ2R5R6u.js";
+import { _ as le } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ae = ["xmlns", "viewBox"], oe = ["id"], se = ["stop-color"], ne = ["stop-color"], re = ["stop-color"], ue = {
   id: "stackPill",
   clipPathUnits: "objectBoundingBox"
-}, ue = ["fill"], ie = { "clip-path": "url(#stackPill)" }, ce = ["height", "width", "fill"], de = ["onClick", "x", "width", "height", "fill", "stroke"], ve = ["onClick"], ge = { style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "4px", "justify-content": "center" } }, pe = ["height", "width"], he = ["fill"], ye = {
+}, ie = ["fill"], ce = { "clip-path": "url(#stackPill)" }, de = ["height", "width", "fill"], ve = ["onClick", "x", "width", "height", "fill", "stroke"], ge = ["onClick"], pe = { style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "4px", "justify-content": "center" } }, he = ["height", "width"], ye = ["fill"], fe = {
   __name: "vue-ui-sparkstackbar",
   props: {
     config: {
@@ -24,13 +24,13 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
   },
   emits: ["selectDatapoint"],
   setup(O, { emit: V }) {
-    const i = O, { vue_ui_sparkstackbar: G } = H(), N = p(() => !!i.dataset && i.dataset.length), B = m(j()), e = p(() => {
-      const t = I({
+    const i = O, { vue_ui_sparkstackbar: G } = H(), L = p(() => !!i.dataset && i.dataset.length), N = m(j()), e = p(() => {
+      const t = U({
         userConfig: i.config,
         defaultConfig: G
       });
       return t.theme ? {
-        ...I({
+        ...U({
           userConfig: X.vue_ui_sparkstackbar[t.theme] || i.config,
           defaultConfig: t
         }),
@@ -40,7 +40,7 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
       ...t,
       value: e.value.style.animation.show ? 0 : t.value || 0,
       color: t.color ? P(t.color) : x.value[a] || d[a] || d[a % d.length]
-    }))), b = m(!0);
+    }))), _ = m(!0);
     T(() => {
       if (Q(i.dataset) ? E({
         componentName: "VueUiSparkStackbar",
@@ -63,7 +63,7 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
             ...s,
             value: s.value += a[c],
             color: s.color ? P(s.color) : x.value[c] || d[c] || d[c % d.length]
-          })), requestAnimationFrame(S)) : (b.value = !1, y.value = i.dataset.map((s, c) => ({
+          })), requestAnimationFrame(S)) : (_.value = !1, y.value = i.dataset.map((s, c) => ({
             ...s,
             value: s.value || 0,
             color: s.color ? P(s.color) : x.value[c] || d[c] || d[c % d.length],
@@ -72,23 +72,23 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
         };
         const t = e.value.style.animation.animationFrames, a = i.dataset.map((s, c) => s.value / t), l = i.dataset.map((s) => s.value || 0).reduce((s, c) => s + c, 0);
         let o = 0;
-        b.value = !0, S();
+        _.value = !0, S();
       }
     });
     const f = m({
       width: 500,
       height: 16
-    }), v = m([]), w = p(() => i.dataset.map((t) => t.value || 0).filter((t, a) => !v.value.includes(a)).reduce((t, a) => t + a, 0)), L = p(() => y.value.map((t, a) => ({
+    }), v = m([]), w = p(() => i.dataset.map((t) => t.value || 0).filter((t, a) => !v.value.includes(a)).reduce((t, a) => t + a, 0)), B = p(() => y.value.map((t, a) => ({
       ...t,
       value: t.value || 0,
       proportion: (t.value || 0) / w.value,
       width: (t.value || 0) / w.value * f.value.width,
-      proportionLabel: U({
+      proportionLabel: I({
         v: (t.value || 0) / w.value * 100,
         s: "%",
         r: e.value.style.legend.percentage.rounding
       })
-    }))), $ = p(() => L.value.filter((t, a) => !v.value.includes(a)));
+    }))), $ = p(() => B.value.filter((t, a) => !v.value.includes(a)));
     function M(t) {
       v.value.includes(t) ? v.value = v.value.filter((a) => a !== t) : v.value.length < y.value.length - 1 && v.value.push(t);
     }
@@ -120,9 +120,9 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
           style: g(`font-size:${e.value.style.title.subtitle.fontSize}px;color:${e.value.style.title.subtitle.color};font-weight:${e.value.style.title.subtitle.bold ? "bold" : "normal"}`)
         }, k(e.value.style.title.subtitle.text), 5)) : h("", !0)
       ], 4)) : h("", !0),
-      N.value ? (n(), r("svg", {
+      L.value ? (n(), r("svg", {
         key: 1,
-        xmlns: _(W),
+        xmlns: b(W),
         width: "100%",
         viewBox: `0 0 ${f.value.width} ${f.value.height}`
       }, [
@@ -130,22 +130,22 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
           (n(!0), r(D, null, z(C.value, (l, o) => (n(), r("linearGradient", {
             key: `stack_gradient_${o}`,
             gradientTransform: "rotate(90)",
-            id: `stack_gradient_${o}_${B.value}`
+            id: `stack_gradient_${o}_${N.value}`
           }, [
             u("stop", {
               offset: "0%",
               "stop-color": l.color
-            }, null, 8, oe),
+            }, null, 8, se),
             u("stop", {
               offset: "50%",
-              "stop-color": `${_(Y)(l.color, 0.05)}${_(Z)[100 - e.value.style.bar.gradient.intensity]}`
-            }, null, 8, se),
+              "stop-color": `${b(Y)(l.color, 0.05)}${b(Z)[100 - e.value.style.bar.gradient.intensity]}`
+            }, null, 8, ne),
             u("stop", {
               offset: "100%",
               "stop-color": l.color
-            }, null, 8, ne)
-          ], 8, ae))), 128)),
-          u("clipPath", re, [
+            }, null, 8, re)
+          ], 8, oe))), 128)),
+          u("clipPath", ue, [
             u("rect", {
               x: "0.005",
               y: "-2",
@@ -154,18 +154,18 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
               rx: "3",
               ry: "3",
               fill: e.value.style.backgroundColor
-            }, null, 8, ue)
+            }, null, 8, ie)
           ])
         ]),
-        u("g", ie, [
+        u("g", ce, [
           u("rect", {
             x: 0,
             y: 0,
             height: f.value.height,
             width: C.value.map((l) => l.width).reduce((l, o) => l + o, 0),
             fill: e.value.style.bar.gradient.underlayerColor,
-            class: A({ animated: !b.value })
-          }, null, 10, ce),
+            class: A({ animated: !_.value })
+          }, null, 10, de),
           (n(!0), r(D, null, z(C.value, (l, o) => (n(), r("rect", {
             key: `stack_${o}`,
             onClick: () => F(l, o),
@@ -173,14 +173,14 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
             y: 0,
             width: l.width,
             height: f.value.height,
-            fill: e.value.style.bar.gradient.show ? `url(#stack_gradient_${o}_${B.value})` : l.color,
+            fill: e.value.style.bar.gradient.show ? `url(#stack_gradient_${o}_${N.value})` : l.color,
             stroke: e.value.style.backgroundColor,
             "stroke-linecap": "round",
-            class: A({ animated: !b.value })
-          }, null, 10, de))), 128))
+            class: A({ animated: !_.value })
+          }, null, 10, ve))), 128))
         ])
-      ], 8, le)) : h("", !0),
-      N.value ? h("", !0) : (n(), q(ee, {
+      ], 8, ae)) : h("", !0),
+      L.value ? h("", !0) : (n(), q(te, {
         key: 2,
         config: {
           type: "sparkStackbar",
@@ -197,14 +197,14 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
         style: g(`background:${e.value.style.backgroundColor};margin:0 auto;margin:${e.value.style.legend.margin};justify-content:${e.value.style.legend.textAlign === "left" ? "flex-start" : e.value.style.legend.textAlign === "right" ? "flex-end" : "center"}`),
         class: "vue-ui-sparkstackbar-legend"
       }, [
-        (n(!0), r(D, null, z(L.value, (l, o) => (n(), r("div", {
+        (n(!0), r(D, null, z(B.value, (l, o) => (n(), r("div", {
           style: g(`font-size:${e.value.style.legend.fontSize}px;`),
           class: A({ "vue-ui-sparkstackbar-legend-item": !0, "vue-ui-sparkstackbar-legend-item-unselected": v.value.includes(o) }),
           onClick: (S) => {
             M(o), F(l, o);
           }
         }, [
-          u("div", ge, [
+          u("div", pe, [
             (n(), r("svg", {
               height: `${e.value.style.legend.fontSize}px`,
               width: `${e.value.style.legend.fontSize}px`,
@@ -215,8 +215,8 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
                 cy: 5,
                 r: 5,
                 fill: l.color
-              }, null, 8, he)
-            ], 8, pe)),
+              }, null, 8, ye)
+            ], 8, he)),
             u("span", {
               style: g(`color:${e.value.style.legend.name.color}; font-weight:${e.value.style.legend.name.bold ? "bold" : "normal"}`)
             }, k(l.name), 5),
@@ -227,18 +227,23 @@ const le = ["xmlns", "viewBox"], ae = ["id"], oe = ["stop-color"], se = ["stop-c
             e.value.style.legend.value.show ? (n(), r("span", {
               key: 1,
               style: g(`font-weight:${e.value.style.legend.value.bold ? "bold" : "normal"};color:${e.value.style.legend.value.color}`)
-            }, " (" + k(_(U)({
-              p: e.value.style.legend.value.prefix,
-              v: l.value,
-              s: e.value.style.legend.value.suffix,
-              r: e.value.style.legend.value.rounding
-            })) + ") ", 5)) : h("", !0)
+            }, " (" + k(b(ee)(
+              e.value.style.legend.value.formatter,
+              l.value,
+              b(I)({
+                p: e.value.style.legend.value.prefix,
+                v: l.value,
+                s: e.value.style.legend.value.suffix,
+                r: e.value.style.legend.value.rounding
+              }),
+              { datapoint: l, seriesIndex: o }
+            )) + ") ", 5)) : h("", !0)
           ])
-        ], 14, ve))), 256))
+        ], 14, ge))), 256))
       ], 4)) : h("", !0)
     ], 4));
   }
-}, xe = /* @__PURE__ */ te(ye, [["__scopeId", "data-v-2006741b"]]);
+}, we = /* @__PURE__ */ le(fe, [["__scopeId", "data-v-86f11bbc"]]);
 export {
-  xe as default
+  we as default
 };