vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-sparkhistogram-fb8hGuCn.js → vue-ui-sparkhistogram-CIfYUXVZ.js}

@@ -1,31 +1,35 @@
-import { useCssVars as Le, computed as k, defineAsyncComponent as $e, ref as h, toRefs as Se, onMounted as X, watch as G, nextTick as P, createElementBlock as o, openBlock as a, normalizeStyle as F, createCommentVNode as d, createBlock as q, createElementVNode as f, createTextVNode as ze, toDisplayString as g, unref as r, createVNode as Fe, renderSlot as Y, Fragment as y, renderList as b, normalizeClass as J } from "vue";
-import { c as De, t as Be, o as Ee, g as K, l as Me, s as p, a as Q, d as Z, X as Te, h as N } from "./lib-2iaAPQ_c.js";
-import { t as Ie, u as Ne } from "./useResponsive-DfdjqQps.js";
-import { u as He, a as H } from "./useNestedProp-BCt4DMkT.js";
-import { u as Oe, B as Ve } from "./BaseScanner-BMpwQAfz.js";
-import { u as We } from "./useFitSvgText-2crs6Fv5.js";
-import { u as je } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Re } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as Ue } from "./Shape-12_eh8zD.js";
-import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CCCCCC" }, valueLabel: { color: "#CCCCCC" }, timeLabel: { color: "#CCCCCC" } }, selector: { stroke: "#5A5A5A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, te = { style: { backgroundColor: "#FFF8E1", bars: { colors: { positive: "#D32F2F", negative: "#F57C00" } }, labels: { value: { color: "#424242" }, valueLabel: { color: "#424242" }, timeLabel: { color: "#757575" } }, selector: { stroke: "#D32F2F" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, le = { style: { backgroundColor: "#1E1E1E", bars: { colors: { positive: "#D32F2F", negative: "#F57C00" } }, labels: { value: { color: "#BDBDBD" }, valueLabel: { color: "#BDBDBD" }, timeLabel: { color: "#BDBDBD" } }, selector: { stroke: "#D32F2F" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, ae = { style: { backgroundColor: "#1A1A1A", bars: { colors: { positive: "#66CC66" } }, labels: { value: { color: "#AACCAA" }, valueLabel: { color: "#99CC99" }, timeLabel: { color: "#99AA99" } }, selector: { stroke: "#00FF00" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, oe = { style: { backgroundColor: "#fbfafa", bars: { colors: { positive: "#B9B99D", negative: "#C09E85" } }, labels: { value: { color: "#A0AC94" }, valueLabel: { color: "#A0AC94" }, timeLabel: { color: "#8A9892" } }, selector: { stroke: "#BBC4D3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, se = { style: { backgroundColor: "#f6f6fb", bars: { colors: { positive: "#4A6A75" } }, labels: { value: { color: "#61747E" }, valueLabel: { color: "#8A9892" }, timeLabel: { color: "#50606C" } }, selector: { stroke: "#404C4D" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, ie = {
+import { useCssVars as Se, computed as A, defineAsyncComponent as ze, ref as h, toRefs as Fe, onMounted as X, watch as G, nextTick as P, createElementBlock as o, openBlock as a, normalizeStyle as F, createCommentVNode as d, createBlock as q, createElementVNode as f, createTextVNode as De, toDisplayString as g, unref as r, createVNode as Be, renderSlot as Y, Fragment as y, renderList as b, normalizeClass as J } from "vue";
+import { c as Ee, t as Me, o as Te, g as K, l as Ie, s as p, a as Q, d as Z, X as Ne, h as N } from "./lib-CVHM9FhP.js";
+import { t as He, u as Oe } from "./useResponsive-DfdjqQps.js";
+import { u as Ve, a as H } from "./useNestedProp-Ckf_2P_V.js";
+import { u as We, B as je } from "./BaseScanner-BMpwQAfz.js";
+import { u as Re } from "./useFitSvgText-2crs6Fv5.js";
+import { u as Ue } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Xe } from "./useChartAccessibility-9icAAmYg.js";
+import { _ as Ge } from "./Shape-PzdCMGsP.js";
+import { _ as Pe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ee = {}, te = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CCCCCC" }, valueLabel: { color: "#CCCCCC" }, timeLabel: { color: "#CCCCCC" } }, selector: { stroke: "#5A5A5A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, le = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CCCCCC" }, valueLabel: { color: "#CCCCCC" }, timeLabel: { color: "#CCCCCC" } }, selector: { stroke: "#5A5A5A" }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } } } }, ae = { style: { backgroundColor: "#FFF8E1", bars: { colors: { positive: "#D32F2F", negative: "#F57C00" } }, labels: { value: { color: "#424242" }, valueLabel: { color: "#424242" }, timeLabel: { color: "#757575" } }, selector: { stroke: "#D32F2F" }, title: { color: "#424242", subtitle: { color: "#757575" } } } }, oe = { style: { backgroundColor: "#1E1E1E", bars: { colors: { positive: "#D32F2F", negative: "#F57C00" } }, labels: { value: { color: "#BDBDBD" }, valueLabel: { color: "#BDBDBD" }, timeLabel: { color: "#BDBDBD" } }, selector: { stroke: "#D32F2F" }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } } } }, se = { style: { backgroundColor: "#1A1A1A", bars: { colors: { positive: "#66CC66" } }, labels: { value: { color: "#AACCAA" }, valueLabel: { color: "#99CC99" }, timeLabel: { color: "#99AA99" } }, selector: { stroke: "#00FF00" }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, ie = { style: { backgroundColor: "#fbfafa", bars: { colors: { positive: "#B9B99D", negative: "#C09E85" } }, labels: { value: { color: "#A0AC94" }, valueLabel: { color: "#A0AC94" }, timeLabel: { color: "#8A9892" } }, selector: { stroke: "#BBC4D3" }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, ue = { style: { backgroundColor: "#f6f6fb", bars: { colors: { positive: "#4A6A75" } }, labels: { value: { color: "#61747E" }, valueLabel: { color: "#8A9892" }, timeLabel: { color: "#50606C" } }, selector: { stroke: "#404C4D" }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, re = {
   default: {},
-  dark: ee,
-  celebration: te,
-  celebrationNight: le,
-  hack: ae,
-  zen: oe,
-  concrete: se
-}, wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: ee,
+  minimalDark: te,
+  dark: le,
+  celebration: ae,
+  celebrationNight: oe,
+  hack: se,
+  zen: ie,
+  concrete: ue
+}, $t = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: te,
-  celebrationNight: le,
-  concrete: se,
-  dark: ee,
-  default: ie,
-  hack: ae,
-  zen: oe
-}, Symbol.toStringTag, { value: "Module" })), Ge = { key: 0 }, Pe = { key: 1 }, qe = ["xmlns", "viewBox"], Ye = ["width", "height"], Je = ["id"], Ke = ["stop-color"], Qe = ["stop-color"], Ze = ["id"], et = ["stop-color"], tt = ["stop-color"], lt = ["id"], at = ["stop-color"], ot = ["stop-color"], st = ["height", "width", "fill", "x", "stroke", "stroke-width", "rx", "stroke-dasharray"], it = { key: 1 }, ut = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], rt = { key: 2 }, nt = ["x", "y", "font-size", "font-weight", "fill"], vt = ["x", "y", "font-size", "fill"], ct = ["x", "y", "font-size", "fill"], dt = ["height", "width", "x", "onMouseover", "onMouseleave", "onClick"], yt = {
+  celebration: ae,
+  celebrationNight: oe,
+  concrete: ue,
+  dark: le,
+  default: re,
+  hack: se,
+  minimal: ee,
+  minimalDark: te,
+  zen: ie
+}, Symbol.toStringTag, { value: "Module" })), qe = { key: 0 }, Ye = { key: 1 }, Je = ["xmlns", "viewBox"], Ke = ["width", "height"], Qe = ["id"], Ze = ["stop-color"], et = ["stop-color"], tt = ["id"], lt = ["stop-color"], at = ["stop-color"], ot = ["id"], st = ["stop-color"], it = ["stop-color"], ut = ["height", "width", "fill", "x", "stroke", "stroke-width", "rx", "stroke-dasharray"], rt = { key: 1 }, nt = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], vt = { key: 2 }, ct = ["x", "y", "font-size", "font-weight", "fill"], dt = ["x", "y", "font-size", "fill"], yt = ["x", "y", "font-size", "fill"], ht = ["height", "width", "x", "onMouseover", "onMouseleave", "onClick"], bt = {
   __name: "vue-ui-sparkhistogram",
   props: {
     config: {
@@ -42,12 +46,12 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
     }
   },
   emits: ["selectDatapoint"],
-  setup(ue, { emit: re }) {
-    Le((l) => ({
-      v47f58673: Ce.value
+  setup(ne, { emit: ve }) {
+    Se((l) => ({
+      v47f58673: Ae.value
     }));
-    const ne = $e(() => import("./PackageVersion-C-JOGZBL.js")), { vue_ui_sparkhistogram: ve } = He(), { isThemeValid: ce, warnInvalidTheme: de } = je(), m = ue, C = h(De()), O = h(null), V = h(null), D = h(null), A = h(null), L = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = Oe({
-      ...Se(m),
+    const ce = ze(() => import("./PackageVersion-CQxJyGQr.js")), { vue_ui_sparkhistogram: de } = Ve(), { isThemeValid: ye, warnInvalidTheme: he } = Ue(), C = ne, m = h(Ee()), O = h(null), V = h(null), D = h(null), k = h(null), w = h(null), e = h(M()), { loading: W, FINAL_DATASET: x } = We({
+      ...Fe(C),
       FINAL_CONFIG: e,
       prepareConfig: M,
       skeletonDataset: [
@@ -65,7 +69,7 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
         { value: 2, intensity: 0.3, color: "#CACACA" },
         { value: 1, intensity: 0.2, color: "#CACACA" }
       ],
-      skeletonConfig: Be({
+      skeletonConfig: Me({
         defaultConfig: e.value,
         userConfig: {
           style: {
@@ -74,35 +78,35 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
           }
         }
       })
-    }), B = h(e.value.style.layout.width), E = h(e.value.style.layout.height), { svgRef: j } = Re({ config: e.value.style.title });
+    }), B = h(e.value.style.layout.width), E = h(e.value.style.layout.height), { svgRef: j } = Xe({ config: e.value.style.title });
     function M() {
       const l = H({
-        userConfig: m.config,
-        defaultConfig: ve
+        userConfig: C.config,
+        defaultConfig: de
       }), s = l.theme;
       if (!s) return l;
-      if (!ce.value(l))
-        return de(l), l;
+      if (!ye.value(l))
+        return he(l), l;
       const t = H({
-        userConfig: ie[s] || m.config,
+        userConfig: re[s] || C.config,
         defaultConfig: l
       });
       return H({
-        userConfig: m.config,
+        userConfig: C.config,
         defaultConfig: t
       });
     }
     X(() => {
       U();
     });
-    const R = k(() => !!e.value.debug);
+    const R = A(() => !!e.value.debug);
     function U() {
-      if (Ee(m.dataset) ? K({
+      if (Te(C.dataset) ? K({
         componentName: "VueUiSparkHistogram",
         type: "dataset",
         debug: R.value
-      }) : m.dataset.forEach((l, s) => {
-        Me({
+      }) : C.dataset.forEach((l, s) => {
+        Ie({
           datasetObject: l,
           requiredAttributes: ["value"]
         }).forEach((t) => {
@@ -115,8 +119,8 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
           });
         });
       }), e.value.responsive) {
-        const l = Ie(() => {
-          const { width: s, height: t } = Ne({
+        const l = He(() => {
+          const { width: s, height: t } = Oe({
             chart: D.value,
             title: e.value.style.title.text ? V.value : null,
             source: O.value
@@ -125,40 +129,40 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
             B.value = Math.max(10, s), E.value = Math.max(10, t - 12 - i - c);
           });
         });
-        A.value && (L.value && A.value.unobserve(L.value), A.value.disconnect()), A.value = new ResizeObserver(l), L.value = D.value.parentNode, A.value.observe(L.value);
+        k.value && (w.value && k.value.unobserve(w.value), k.value.disconnect()), k.value = new ResizeObserver(l), w.value = D.value.parentNode, k.value.observe(w.value);
       }
     }
-    G(() => m.config, (l) => {
+    G(() => C.config, (l) => {
       e.value = M(), U();
     }, { deep: !0 });
-    const v = k(() => {
-      const l = e.value.style.labels.timeLabel.show ? e.value.style.labels.timeLabel.fontSize * 2 : 0, s = e.value.style.labels.valueLabel.show ? e.value.style.labels.valueLabel.fontSize * 2 : 0, t = E.value + l + s, i = B.value, c = e.value.style.layout.padding.top, $ = t - e.value.style.layout.padding.bottom, S = e.value.style.layout.padding.left, T = i - e.value.style.layout.padding.right, z = c + (t - c - e.value.style.layout.padding.bottom) / 2, I = t - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - l - s, w = i - e.value.style.layout.padding.left - e.value.style.layout.padding.right;
+    const v = A(() => {
+      const l = e.value.style.labels.timeLabel.show ? e.value.style.labels.timeLabel.fontSize * 2 : 0, s = e.value.style.labels.valueLabel.show ? e.value.style.labels.valueLabel.fontSize * 2 : 0, t = E.value + l + s, i = B.value, c = e.value.style.layout.padding.top, $ = t - e.value.style.layout.padding.bottom, S = e.value.style.layout.padding.left, T = i - e.value.style.layout.padding.right, z = c + (t - c - e.value.style.layout.padding.bottom) / 2, I = t - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom - l - s, L = i - e.value.style.layout.padding.left - e.value.style.layout.padding.right;
       return {
         bottom: $,
         centerY: z,
         drawingHeight: I,
-        drawingWidth: w,
+        drawingWidth: L,
         height: t,
         left: S,
         right: T,
         top: c,
         width: i
       };
-    }), ye = k(() => Math.max(...x.value.map((l) => Math.abs(l.value || 0))));
-    function he(l) {
-      return Math.abs(l) / ye.value;
+    }), be = A(() => Math.max(...x.value.map((l) => Math.abs(l.value || 0))));
+    function fe(l) {
+      return Math.abs(l) / be.value;
     }
-    const u = k(() => x.value.map((l, s) => {
-      const t = he(l.value || 0), i = v.value.drawingHeight * t, c = v.value.drawingWidth / x.value.length, $ = c * (e.value.style.bars.gap / 100), S = c - $, T = v.value.centerY - i / 2, z = v.value.left + ($ / 2 + s * c), I = v.value.left + s * c, w = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), ke = l.color ? l.color : l.value >= 0 ? p(e.value.style.bars.colors.positive, w) : p(e.value.style.bars.colors.negative, w), Ae = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, xe = l.color ? `url(#gradient_datapoint_${s}_${C.value})` : l.value >= 0 ? `url(#gradient_positive_${s}_${C.value})` : `url(#gradient_negative_${s}_${C.value})`, we = z + S / 2;
+    const u = A(() => x.value.map((l, s) => {
+      const t = fe(l.value || 0), i = v.value.drawingHeight * t, c = v.value.drawingWidth / x.value.length, $ = c * (e.value.style.bars.gap / 100), S = c - $, T = v.value.centerY - i / 2, z = v.value.left + ($ / 2 + s * c), I = v.value.left + s * c, L = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), xe = l.color ? l.color : l.value >= 0 ? p(e.value.style.bars.colors.positive, L) : p(e.value.style.bars.colors.negative, L), Le = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, we = l.color ? `url(#gradient_datapoint_${s}_${m.value})` : l.value >= 0 ? `url(#gradient_positive_${s}_${m.value})` : `url(#gradient_negative_${s}_${m.value})`, $e = z + S / 2;
       return {
         ...l,
-        color: ke,
-        gradient: xe,
+        color: xe,
+        gradient: we,
         height: i,
-        intensity: w,
+        intensity: L,
         proportion: t,
-        stroke: Ae,
-        textAnchor: we,
+        stroke: Le,
+        textAnchor: $e,
         trapX: I,
         unitWidth: c,
         width: S,
@@ -166,7 +170,7 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
         y: T
       };
     }));
-    function be(l, s) {
+    function ge(l, s) {
       return Q(
         e.value.style.labels.value.formatter,
         l.value,
@@ -179,19 +183,19 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
         { datapoint: l, seriesIndex: s }
       );
     }
-    const n = h(null), fe = re;
-    function ge(l, s) {
-      fe("selectDatapoint", { datapoint: l, index: s }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
+    const n = h(null), pe = ve;
+    function Ce(l, s) {
+      pe("selectDatapoint", { datapoint: l, index: s }), e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: l, seriesIndex: s });
     }
-    function pe(l, s) {
+    function me(l, s) {
       n.value = s, e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: l, seriesIndex: s });
     }
-    function me(l, s) {
+    function _e(l, s) {
       n.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: l, seriesIndex: s });
     }
-    const Ce = k(() => `${e.value.style.animation.speedMs}ms`), _e = k(() => v.value.drawingWidth / x.value.length * 0.9), { fitText: _ } = We({
+    const Ae = A(() => `${e.value.style.animation.speedMs}ms`), ke = A(() => v.value.drawingWidth / x.value.length * 0.9), { fitText: _ } = Re({
       svgRef: j,
-      unitWidth: _e
+      unitWidth: ke
     });
     return X(async () => {
       await P(), _(".vue-ui-sparkhistogram-top-label", e.value.style.labels.value.minFontSize), _(".vue-ui-sparkhistogram-bottom-label", e.value.style.labels.valueLabel.minFontSize), _(".vue-ui-sparkhistogram-time-label", e.value.style.labels.timeLabel.minFontSize);
@@ -213,8 +217,8 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
         f("div", {
           style: F(`font-size:${e.value.style.title.fontSize}px;color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"}`)
         }, [
-          ze(g(e.value.style.title.text) + " ", 1),
-          n.value !== null ? (a(), o("span", Ge, "- " + g(u.value[n.value].timeLabel || "") + " " + g(r(Q)(
+          De(g(e.value.style.title.text) + " ", 1),
+          n.value !== null ? (a(), o("span", qe, "- " + g(u.value[n.value].timeLabel || "") + " " + g(r(Q)(
             e.value.style.labels.value.formatter,
             u.value[n.value].value,
             r(Z)({
@@ -225,7 +229,7 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
             }),
             { datapoint: u.value[n.value], seriesIndex: n.value }
           )), 1)) : d("", !0),
-          ![void 0, null].includes(n.value) && ![null, void 0].includes(u.value[n.value].valueLabel) ? (a(), o("span", Pe, g(` (${u.value[n.value].valueLabel || 0})`), 1)) : d("", !0)
+          ![void 0, null].includes(n.value) && ![null, void 0].includes(u.value[n.value].valueLabel) ? (a(), o("span", Ye, g(` (${u.value[n.value].valueLabel || 0})`), 1)) : d("", !0)
         ], 4),
         e.value.style.title.subtitle.text ? (a(), o("div", {
           key: 0,
@@ -235,11 +239,11 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
       (a(), o("svg", {
         ref_key: "svgRef",
         ref: j,
-        xmlns: r(Te),
+        xmlns: r(Ne),
         viewBox: `0 0 ${v.value.width} ${v.value.height}`,
         style: { overflow: "visible" }
       }, [
-        Fe(r(ne)),
+        Be(r(ce)),
         l.$slots["chart-background"] ? (a(), o("foreignObject", {
           key: 0,
           x: 0,
@@ -251,10 +255,10 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
           }
         }, [
           Y(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Ye)) : d("", !0),
+        ], 8, Ke)) : d("", !0),
         f("defs", null, [
           (a(!0), o(y, null, b(u.value, (t, i) => (a(), o("radialGradient", {
-            id: `gradient_positive_${i}_${C.value}`,
+            id: `gradient_positive_${i}_${m.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -264,14 +268,14 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
             f("stop", {
               offset: "0%",
               "stop-color": r(p)(r(N)(e.value.style.bars.colors.positive, 0.05), t.intensity)
-            }, null, 8, Ke),
+            }, null, 8, Ze),
             f("stop", {
               offset: "100%",
               "stop-color": r(p)(e.value.style.bars.colors.positive, t.intensity)
-            }, null, 8, Qe)
-          ], 8, Je))), 256)),
+            }, null, 8, et)
+          ], 8, Qe))), 256)),
           (a(!0), o(y, null, b(u.value, (t, i) => (a(), o("radialGradient", {
-            id: `gradient_negative_${i}_${C.value}`,
+            id: `gradient_negative_${i}_${m.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -281,14 +285,14 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
             f("stop", {
               offset: "0%",
               "stop-color": r(p)(r(N)(e.value.style.bars.colors.negative, 0.05), t.intensity)
-            }, null, 8, et),
+            }, null, 8, lt),
             f("stop", {
               offset: "100%",
               "stop-color": r(p)(e.value.style.bars.colors.negative, t.intensity)
-            }, null, 8, tt)
-          ], 8, Ze))), 256)),
+            }, null, 8, at)
+          ], 8, tt))), 256)),
           (a(!0), o(y, null, b(u.value, (t, i) => (a(), o("radialGradient", {
-            id: `gradient_datapoint_${i}_${C.value}`,
+            id: `gradient_datapoint_${i}_${m.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -298,12 +302,12 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
             f("stop", {
               offset: "0%",
               "stop-color": r(p)(r(N)(t.color, 0.05), t.intensity)
-            }, null, 8, at),
+            }, null, 8, st),
             f("stop", {
               offset: "100%",
               "stop-color": r(p)(t.color, t.intensity)
-            }, null, 8, ot)
-          ], 8, lt))), 256))
+            }, null, 8, it)
+          ], 8, ot))), 256))
         ]),
         (a(!0), o(y, null, b(u.value, (t, i) => (a(), o("g", null, [
           n.value !== null && n.value === i ? (a(), o("rect", {
@@ -317,9 +321,9 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
             "stroke-width": e.value.style.selector.strokeWidth,
             rx: e.value.style.selector.borderRadius,
             "stroke-dasharray": e.value.style.selector.strokeDasharray
-          }, null, 8, st)) : d("", !0)
+          }, null, 8, ut)) : d("", !0)
         ]))), 256)),
-        !e.value.style.bars.shape || e.value.style.bars.shape === "square" ? (a(), o("g", it, [
+        !e.value.style.bars.shape || e.value.style.bars.shape === "square" ? (a(), o("g", rt, [
           (a(!0), o(y, null, b(u.value, (t, i) => (a(), o("rect", {
             x: t.x,
             y: t.y,
@@ -330,9 +334,9 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
             "stroke-width": e.value.style.bars.strokeWidth,
             rx: `${e.value.style.bars.borderRadius * t.proportion / 12}%`,
             class: J({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
-          }, null, 10, ut))), 256))
-        ])) : (a(), o("g", rt, [
-          (a(!0), o(y, null, b(u.value, (t, i) => (a(), q(Ue, {
+          }, null, 10, nt))), 256))
+        ])) : (a(), o("g", vt, [
+          (a(!0), o(y, null, b(u.value, (t, i) => (a(), q(Ge, {
             plot: { x: t.x + t.width / 2, y: t.y + t.height / 2 },
             color: e.value.style.bars.colors.gradient.show ? t.gradient : t.color,
             shape: e.value.style.bars.shape,
@@ -351,7 +355,7 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
               "font-size": e.value.style.labels.value.fontSize,
               "font-weight": e.value.style.labels.value.bold ? "bold" : "normal",
               fill: e.value.style.labels.value.color
-            }, g(be(t, i)), 9, nt)) : d("", !0)
+            }, g(ge(t, i)), 9, ct)) : d("", !0)
           ]))), 256)),
           (a(!0), o(y, null, b(u.value, (t, i) => (a(), o("g", null, [
             t.valueLabel && e.value.style.labels.valueLabel.show ? (a(), o("text", {
@@ -362,7 +366,7 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
               "font-size": e.value.style.labels.valueLabel.fontSize,
               "text-anchor": "middle",
               fill: e.value.style.labels.valueLabel.color
-            }, g(t.valueLabel), 9, vt)) : d("", !0)
+            }, g(t.valueLabel), 9, dt)) : d("", !0)
           ]))), 256)),
           (a(!0), o(y, null, b(u.value, (t, i) => (a(), o("g", null, [
             t.timeLabel && e.value.style.labels.timeLabel.show ? (a(), o("text", {
@@ -373,7 +377,7 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
               "font-size": e.value.style.labels.timeLabel.fontSize,
               fill: e.value.style.labels.timeLabel.color,
               "text-anchor": "middle"
-            }, g(t.timeLabel), 9, ct)) : d("", !0)
+            }, g(t.timeLabel), 9, yt)) : d("", !0)
           ]))), 256))
         ], 64)),
         (a(!0), o(y, null, b(u.value, (t, i) => (a(), o("g", null, [
@@ -383,12 +387,12 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
             fill: "transparent",
             x: t.trapX,
             y: 0,
-            onMouseover: (c) => pe(t, i),
-            onMouseleave: (c) => me(t, i),
-            onClick: () => ge(t, i)
-          }, null, 40, dt)
+            onMouseover: (c) => me(t, i),
+            onMouseleave: (c) => _e(t, i),
+            onClick: () => Ce(t, i)
+          }, null, 40, ht)
         ]))), 256))
-      ], 8, qe)),
+      ], 8, Je)),
       l.$slots.source ? (a(), o("div", {
         key: 1,
         ref_key: "source",
@@ -397,15 +401,15 @@ const ee = { style: { backgroundColor: "#1A1A1A", labels: { value: { color: "#CC
       }, [
         Y(l.$slots, "source", {}, void 0, !0)
       ], 512)) : d("", !0),
-      r(W) ? (a(), q(Ve, { key: 2 })) : d("", !0)
+      r(W) ? (a(), q(je, { key: 2 })) : d("", !0)
     ], 36));
   }
-}, ht = /* @__PURE__ */ Xe(yt, [["__scopeId", "data-v-3b5d52bb"]]), Lt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, ft = /* @__PURE__ */ Pe(bt, [["__scopeId", "data-v-3b5d52bb"]]), St = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ht
+  default: ft
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  wt as a,
-  Lt as b,
-  ht as v
+  $t as a,
+  St as b,
+  ft as v
 };