vue-data-ui 3.10.0 → 3.10.2

package/dist/{vue-ui-sparkstackbar-DbbdPqIp.js → vue-ui-sparkstackbar-CCnnfsqG.js}

@@ -1,38 +1,42 @@
-import { defineAsyncComponent as Q, useSlots as Ee, onMounted as Z, ref as v, toRefs as Ie, watch as ee, computed as F, createElementBlock as s, openBlock as r, normalizeStyle as g, createCommentVNode as h, createVNode as te, createBlock as Pe, createElementVNode as d, toDisplayString as S, unref as c, Fragment as _, renderList as D, normalizeClass as z, withCtx as oe, renderSlot as U, normalizeProps as le, guardReactiveProps as ae } from "vue";
-import { c as re, t as ze, i as Oe, j as i, m as B, k as Le, o as Ne, g as se, l as je, d as R, X as Ve, s as ne, h as ue, a as ie, y as Me } from "./lib-2iaAPQ_c.js";
-import { u as Ue, a as G } from "./useNestedProp-BCt4DMkT.js";
-import { u as Re, B as Ge } from "./BaseScanner-BMpwQAfz.js";
-import { u as We } from "./useThemeCheck-DGJ31Vi5.js";
-import { u as Ye } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as qe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerColor: "#FFFFFF" } }, legend: { name: { color: "#CCCCCC" }, value: { color: "#CCCCCC" }, percentage: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, de = { style: { backgroundColor: "#FFF8E1", bar: { gradient: { underlayerColor: "#FFF8E1" } }, legend: { name: { color: "#424242" }, value: { color: "#424242" }, percentage: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, ve = { style: { backgroundColor: "#1E1E1E", bar: { gradient: { underlayerColor: "#FFF8E1" } }, legend: { name: { color: "#BDBDBD" }, value: { color: "#BDBDBD" }, percentage: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, pe = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerColor: "#1A1A1A" } }, legend: { name: { color: "#99AA99" }, value: { color: "#AACCAA" }, percentage: { color: "#99CC99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, ge = { style: { backgroundColor: "#fbfafa", bar: { gradient: { underlayerColor: "#fbfafa" } }, legend: { name: { color: "#8A9892" }, value: { color: "#A0AC94" }, percentage: { color: "#8A9892" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, fe = { style: { backgroundColor: "#f6f6fb", bar: { gradient: { underlayerColor: "#f6f6fb" } }, legend: { name: { color: "#50606C" }, value: { color: "#8A9892" }, percentage: { color: "#61747E" } }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, he = {
+import { defineAsyncComponent as Q, useSlots as Pe, onMounted as Z, ref as v, toRefs as ze, watch as ee, computed as F, createElementBlock as s, openBlock as r, normalizeStyle as g, createCommentVNode as h, createVNode as te, createBlock as Oe, createElementVNode as d, toDisplayString as S, unref as c, Fragment as _, renderList as D, normalizeClass as z, withCtx as oe, renderSlot as U, normalizeProps as le, guardReactiveProps as ae } from "vue";
+import { c as re, t as Le, i as Ne, j as i, m as B, k as je, o as Ve, g as se, l as Me, d as R, X as Ue, s as ne, h as ue, a as ie, y as Re } from "./lib-CVHM9FhP.js";
+import { u as Ge, a as G } from "./useNestedProp-Ckf_2P_V.js";
+import { u as We, B as Ye } from "./BaseScanner-BMpwQAfz.js";
+import { u as qe } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as He } from "./useChartAccessibility-9icAAmYg.js";
+import { _ as Xe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const ce = { style: { legend: { show: !1 } } }, de = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerColor: "#FFFFFF" } }, legend: { show: !1, name: { color: "#CCCCCC" }, value: { color: "#CCCCCC" }, percentage: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, ve = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerColor: "#FFFFFF" } }, legend: { name: { color: "#CCCCCC" }, value: { color: "#CCCCCC" }, percentage: { color: "#CCCCCC" } }, title: { color: "#CCCCCC", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#5A5A5A" } } }, pe = { style: { backgroundColor: "#FFF8E1", bar: { gradient: { underlayerColor: "#FFF8E1" } }, legend: { name: { color: "#424242" }, value: { color: "#424242" }, percentage: { color: "#424242" } }, title: { color: "#424242", subtitle: { color: "#757575" } }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, ge = { style: { backgroundColor: "#1E1E1E", bar: { gradient: { underlayerColor: "#FFF8E1" } }, legend: { name: { color: "#BDBDBD" }, value: { color: "#BDBDBD" }, percentage: { color: "#BDBDBD" } }, title: { color: "#FFF8E1", subtitle: { color: "#BDBDBD" } }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, fe = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerColor: "#1A1A1A" } }, legend: { name: { color: "#99AA99" }, value: { color: "#AACCAA" }, percentage: { color: "#99CC99" } }, title: { color: "#66CC66", subtitle: { color: "#99AA99" } } } }, he = { style: { backgroundColor: "#fbfafa", bar: { gradient: { underlayerColor: "#fbfafa" } }, legend: { name: { color: "#8A9892" }, value: { color: "#A0AC94" }, percentage: { color: "#8A9892" } }, title: { color: "#8A9892", subtitle: { color: "#99AA99" } } } }, ye = { style: { backgroundColor: "#f6f6fb", bar: { gradient: { underlayerColor: "#f6f6fb" } }, legend: { name: { color: "#50606C" }, value: { color: "#8A9892" }, percentage: { color: "#61747E" } }, title: { color: "#50606C", subtitle: { color: "#718890" } } } }, Ce = {
   default: {},
-  dark: ce,
-  celebration: de,
-  celebrationNight: ve,
-  hack: pe,
-  zen: ge,
-  concrete: fe
-}, xt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  minimal: ce,
+  minimalDark: de,
+  dark: ve,
+  celebration: pe,
+  celebrationNight: ge,
+  hack: fe,
+  zen: he,
+  concrete: ye
+}, At = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  celebration: de,
-  celebrationNight: ve,
-  concrete: fe,
-  dark: ce,
-  default: he,
-  hack: pe,
-  zen: ge
-}, Symbol.toStringTag, { value: "Module" })), He = ["xmlns", "viewBox"], Xe = ["id"], Je = ["stop-color"], Ke = ["stop-color"], Qe = ["stop-color"], Ze = {
+  celebration: pe,
+  celebrationNight: ge,
+  concrete: ye,
+  dark: ve,
+  default: Ce,
+  hack: fe,
+  minimal: ce,
+  minimalDark: de,
+  zen: he
+}, Symbol.toStringTag, { value: "Module" })), Je = ["xmlns", "viewBox"], Ke = ["id"], Qe = ["stop-color"], Ze = ["stop-color"], et = ["stop-color"], tt = {
   id: "stackPill",
   clipPathUnits: "objectBoundingBox"
-}, et = ["fill"], tt = {
+}, ot = ["fill"], lt = {
   key: 0,
   "clip-path": "url(#stackPill)"
-}, ot = ["x", "width", "height", "fill"], lt = ["x", "width", "height", "fill", "stroke"], at = ["x", "width", "height", "onClick", "onMouseenter", "onMouseleave"], rt = ["width", "height", "rx"], st = ["onClick"], nt = { style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "4px", "justify-content": "center" } }, ut = ["height", "width"], it = ["id"], ct = ["stop-color"], dt = ["stop-color"], vt = ["fill"], pt = {
+}, at = ["x", "width", "height", "fill"], rt = ["x", "width", "height", "fill", "stroke"], st = ["x", "width", "height", "onClick", "onMouseenter", "onMouseleave"], nt = ["width", "height", "rx"], ut = ["onClick"], it = { style: { display: "flex", "flex-direction": "row", "align-items": "center", gap: "4px", "justify-content": "center" } }, ct = ["height", "width"], dt = ["id"], vt = ["stop-color"], pt = ["stop-color"], gt = ["fill"], ft = {
   key: 2,
   ref: "source",
   dir: "auto"
-}, gt = {
+}, ht = {
   __name: "vue-ui-sparkstackbar",
   props: {
     config: {
@@ -49,13 +53,13 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
     }
   },
   emits: ["selectDatapoint"],
-  setup(ye, { expose: me, emit: be }) {
-    const Ce = Q(() => import("./PackageVersion-C-JOGZBL.js")), ke = Q(() => import("./Tooltip-DpfUZbt7.js")), { vue_ui_sparkstackbar: _e } = Ue(), { isThemeValid: xe, warnInvalidTheme: we } = We(), m = ye, Ae = Ee();
+  setup(me, { expose: be, emit: ke }) {
+    const _e = Q(() => import("./PackageVersion-CQxJyGQr.js")), xe = Q(() => import("./Tooltip-B6qvABDL.js")), { vue_ui_sparkstackbar: we } = Ge(), { isThemeValid: Ae, warnInvalidTheme: Fe } = qe(), C = me, $e = Pe();
     Z(() => {
-      Ae["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
+      $e["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
     });
-    const W = v(null), T = v(re()), O = v(!1), L = v(""), e = v(N()), { loading: x, FINAL_DATASET: b } = Re({
-      ...Ie(m),
+    const W = v(null), T = v(re()), O = v(!1), L = v(""), e = v(N()), { loading: x, FINAL_DATASET: m } = We({
+      ...ze(C),
       FINAL_CONFIG: e,
       prepareConfig: N,
       skeletonDataset: [
@@ -63,7 +67,7 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
         { name: "_", value: 5, color: "#ADADAD" },
         { name: "_", value: 3, color: "#DBDBDB" }
       ],
-      skeletonConfig: ze({
+      skeletonConfig: Le({
         defaultConfig: e.value,
         userConfig: {
           style: {
@@ -76,36 +80,36 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
           }
         }
       })
-    }), { svgRef: Fe } = Ye({ config: e.value.style.title });
+    }), { svgRef: Se } = He({ config: e.value.style.title });
     function N() {
       const t = G({
-        userConfig: m.config,
-        defaultConfig: _e
+        userConfig: C.config,
+        defaultConfig: we
       }), l = t.theme;
       if (!l) return t;
-      if (!xe.value(t))
-        return we(t), t;
+      if (!Ae.value(t))
+        return Fe(t), t;
       const o = G({
-        userConfig: he[l] || m.config,
+        userConfig: Ce[l] || C.config,
         defaultConfig: t
       }), a = G({
-        userConfig: m.config,
+        userConfig: C.config,
         defaultConfig: o
       });
       return {
         ...a,
-        customPalette: a.customPalette.length ? a.customPalette : Oe[l] || i
+        customPalette: a.customPalette.length ? a.customPalette : Ne[l] || i
       };
     }
-    ee(() => m.config, (t) => {
+    ee(() => C.config, (t) => {
       e.value = N(), H();
-    }, { deep: !0 }), ee(() => b.value, (t) => {
-      C.value = b.value.map((l, o) => ({
+    }, { deep: !0 }), ee(() => m.value, (t) => {
+      b.value = m.value.map((l, o) => ({
         ...l,
         color: l.color ? B(l.color) : $.value[o] || i[o] || i[o % i.length]
       })), Y();
     }, { deep: !0 });
-    const $ = F(() => Le(e.value.customPalette)), C = v(b.value.map((t, l) => ({
+    const $ = F(() => je(e.value.customPalette)), b = v(m.value.map((t, l) => ({
       ...t,
       value: e.value.style.animation.show ? 0 : t.value || 0,
       color: t.color ? B(t.color) : $.value[l] || i[l] || i[l % i.length]
@@ -115,19 +119,19 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
         k.value = !1;
         return;
       }
-      const t = e.value.style.animation.animationFrames, l = b.value.map((n) => n.value || 0), o = l.map((n) => n / t), a = l.reduce((n, u) => n + u, 0);
+      const t = e.value.style.animation.animationFrames, l = m.value.map((n) => n.value || 0), o = l.map((n) => n / t), a = l.reduce((n, u) => n + u, 0);
       let y = 0;
-      k.value = !0, C.value = b.value.map((n, u) => ({
+      k.value = !0, b.value = m.value.map((n, u) => ({
         ...n,
         value: 0,
         color: n.color ? B(n.color) : $.value[u] || i[u] || i[u % i.length]
       }));
       function P() {
-        y += a / t, y < a ? (C.value = C.value.map((n, u) => ({
+        y += a / t, y < a ? (b.value = b.value.map((n, u) => ({
           ...n,
           value: Math.min(n.value + o[u], l[u]),
           color: n.color ? B(n.color) : $.value[u] || i[u] || i[u % i.length]
-        })), requestAnimationFrame(P)) : (k.value = !1, C.value = b.value.map((n, u) => ({
+        })), requestAnimationFrame(P)) : (k.value = !1, b.value = m.value.map((n, u) => ({
           ...n,
           value: l[u],
           color: n.color ? B(n.color) : $.value[u] || i[u] || i[u % i.length],
@@ -141,12 +145,12 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
     });
     const q = F(() => e.value.debug);
     function H() {
-      Ne(m.dataset) ? se({
+      Ve(C.dataset) ? se({
         componentName: "VueUiSparkStackbar",
         type: "dataset",
         debug: q.value
-      }) : m.dataset.forEach((t, l) => {
-        je({
+      }) : C.dataset.forEach((t, l) => {
+        Me({
           datasetObject: t,
           requiredAttributes: ["name", "value"]
         }).forEach((o) => {
@@ -163,7 +167,7 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
     const f = v({
       width: 500,
       height: 16
-    }), p = v([]), X = F(() => b.value.map((t) => t.value || 0).filter((t, l) => !p.value.includes(l)).reduce((t, l) => t + l, 0)), w = F(() => C.value.map((t, l) => {
+    }), p = v([]), X = F(() => m.value.map((t) => t.value || 0).filter((t, l) => !p.value.includes(l)).reduce((t, l) => t + l, 0)), w = F(() => b.value.map((t, l) => {
       const o = t.value || 0, a = o / X.value, y = isNaN(a) ? 0 : a, P = y * f.value.width;
       return {
         ...t,
@@ -179,7 +183,7 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
       };
     })), j = F(() => w.value.filter((t, l) => !p.value.includes(l)));
     function V(t) {
-      p.value.includes(t) ? p.value = p.value.filter((l) => l !== t) : p.value.length < C.value.length - 1 && p.value.push(t);
+      p.value.includes(t) ? p.value = p.value.filter((l) => l !== t) : p.value.length < b.value.length - 1 && p.value.push(t);
     }
     function J(t) {
       if (!w.value.length)
@@ -187,11 +191,11 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
       const l = w.value.find((o) => o.name === t);
       return l || (e.value.debug && console.warn(`VueUiSparkStackbar - Series name not found "${t}"`), null);
     }
-    function $e(t) {
+    function De(t) {
       const l = J(t);
       l !== null && p.value.includes(l.id) && V(l.seriesIndex);
     }
-    function Se(t) {
+    function Be(t) {
       const l = J(t);
       l !== null && (p.value.includes(l.id) || V(l.seriesIndex));
     }
@@ -204,20 +208,20 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
           start: t
         }), t += j.value[o].width;
       return l;
-    }), De = be;
+    }), Te = ke;
     function K(t, l, o = !1) {
-      De("selectDatapoint", { datapoint: t, index: l }), e.value.events.datapointClick && !o && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.seriesIndex });
+      Te("selectDatapoint", { datapoint: t, index: l }), e.value.events.datapointClick && !o && e.value.events.datapointClick({ datapoint: t, seriesIndex: t.seriesIndex });
     }
     const M = v(null), I = v(!1), A = v(null);
-    function Be({ datapoint: t, seriesIndex: l }) {
+    function Ee({ datapoint: t, seriesIndex: l }) {
       O.value = !1, A.value = null, e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: t.seriesIndex });
     }
-    function Te({ datapoint: t, seriesIndex: l }) {
+    function Ie({ datapoint: t, seriesIndex: l }) {
       if (e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: t.seriesIndex }), !e.value.style.tooltip.show)
         return;
       M.value = { datapoint: t, seriesIndex: l, config: e.value, series: w.value }, O.value = !0, A.value = l;
       const o = e.value.style.tooltip.customFormat;
-      if (Me(o))
+      if (Re(o))
         try {
           const a = o({
             seriesIndex: t.seriesIndex,
@@ -247,9 +251,9 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
         )})</span>`, L.value = `<div>${a}</div>`;
       }
     }
-    return me({
-      hideSeries: Se,
-      showSeries: $e
+    return be({
+      hideSeries: Be,
+      showSeries: De
     }), (t, l) => (r(), s("div", {
       class: "vue-data-ui-component vue-ui-spark-stackbar",
       ref_key: "sparkstackbarChart",
@@ -272,12 +276,12 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
       ], 4)) : h("", !0),
       (r(), s("svg", {
         ref_key: "svgRef",
-        ref: Fe,
-        xmlns: c(Ve),
+        ref: Se,
+        xmlns: c(Ue),
         width: "100%",
         viewBox: `0 0 ${f.value.width} ${f.value.height}`
       }, [
-        te(c(Ce)),
+        te(c(_e)),
         d("defs", null, [
           (r(!0), s(_, null, D(E.value, (o, a) => (r(), s("linearGradient", {
             key: `stack_gradient_${a}`,
@@ -287,17 +291,17 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
             d("stop", {
               offset: "0%",
               "stop-color": o.color
-            }, null, 8, Je),
+            }, null, 8, Qe),
             d("stop", {
               offset: "50%",
               "stop-color": c(ne)(c(ue)(o.color, 0.05), 100 - e.value.style.bar.gradient.intensity)
-            }, null, 8, Ke),
+            }, null, 8, Ze),
             d("stop", {
               offset: "100%",
               "stop-color": o.color
-            }, null, 8, Qe)
-          ], 8, Xe))), 128)),
-          d("clipPath", Ze, [
+            }, null, 8, et)
+          ], 8, Ke))), 128)),
+          d("clipPath", tt, [
             d("rect", {
               x: "0.005",
               y: "-2",
@@ -306,10 +310,10 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
               rx: "3",
               ry: "3",
               fill: e.value.style.backgroundColor
-            }, null, 8, et)
+            }, null, 8, ot)
           ])
         ]),
-        X.value > 0 ? (r(), s("g", tt, [
+        X.value > 0 ? (r(), s("g", lt, [
           (r(!0), s(_, null, D(E.value, (o, a) => (r(), s("rect", {
             key: `stack_underlayer_${a}`,
             x: o.start,
@@ -321,7 +325,7 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
             style: g({
               opacity: A.value !== null && e.value.style.tooltip.show ? A.value === a ? 1 : 0.5 : 1
             })
-          }, null, 14, ot))), 128)),
+          }, null, 14, at))), 128)),
           (r(!0), s(_, null, D(E.value, (o, a) => (r(), s("rect", {
             key: `stack_${a}`,
             x: o.start,
@@ -335,7 +339,7 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
             style: g({
               opacity: A.value !== null && e.value.style.tooltip.show ? A.value === a ? 1 : 0.5 : 1
             })
-          }, null, 14, lt))), 128)),
+          }, null, 14, rt))), 128)),
           (r(!0), s(_, null, D(E.value, (o, a) => (r(), s("rect", {
             key: `stack_trap_${a}`,
             x: o.start,
@@ -346,9 +350,9 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
             stroke: "none",
             class: z({ animated: !k.value && !c(x) }),
             onClick: () => K(o, a),
-            onMouseenter: () => Te({ datapoint: o, seriesIndex: a }),
-            onMouseleave: (y) => Be({ datapoint: o, seriesIndex: a })
-          }, null, 42, at))), 128))
+            onMouseenter: () => Ie({ datapoint: o, seriesIndex: a }),
+            onMouseleave: (y) => Ee({ datapoint: o, seriesIndex: a })
+          }, null, 42, st))), 128))
         ])) : (r(), s("rect", {
           key: 1,
           x: 2,
@@ -359,8 +363,8 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
           "stroke-width": "2",
           fill: "transparent",
           rx: (f.value.height - 4) / 2
-        }, null, 8, rt))
-      ], 8, He)),
+        }, null, 8, nt))
+      ], 8, Je)),
       e.value.style.legend.show ? (r(), s("div", {
         key: 1,
         style: g(`background:transparent;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"}`),
@@ -373,7 +377,7 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
             V(a), K(o, a, !0);
           }
         }, [
-          d("div", nt, [
+          d("div", it, [
             (r(), s("svg", {
               height: `${e.value.style.legend.fontSize}px`,
               width: `${e.value.style.legend.fontSize}px`,
@@ -386,20 +390,20 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
                   d("stop", {
                     offset: "0%",
                     "stop-color": c(x) ? "#FFFFFF" : c(ne)(c(ue)(o.color, 0.05), 100 - e.value.style.bar.gradient.intensity)
-                  }, null, 8, ct),
+                  }, null, 8, vt),
                   d("stop", {
                     offset: "100%",
                     "stop-color": o.color
-                  }, null, 8, dt)
-                ], 8, it)
+                  }, null, 8, pt)
+                ], 8, dt)
               ]),
               d("circle", {
                 cx: 5,
                 cy: 5,
                 r: 5,
                 fill: e.value.style.bar.gradient.show ? `url(#legend_grad_${a}-${T.value})` : o.color
-              }, null, 8, vt)
-            ], 8, ut)),
+              }, null, 8, gt)
+            ], 8, ct)),
             c(x) ? h("", !0) : (r(), s(_, { key: 0 }, [
               d("span", {
                 style: g(`color:${e.value.style.legend.name.color}; font-weight:${e.value.style.legend.name.bold ? "bold" : "normal"}`)
@@ -426,9 +430,9 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
               ], 64))
             ], 64))
           ])
-        ], 14, st))), 256))
+        ], 14, ut))), 256))
       ], 4)) : h("", !0),
-      te(c(ke), {
+      te(c(xe), {
         teleportTo: e.value.style.tooltip.teleportTo,
         show: O.value && e.value.style.tooltip.show,
         parent: W.value,
@@ -457,18 +461,18 @@ const ce = { style: { backgroundColor: "#1A1A1A", bar: { gradient: { underlayerC
         ]),
         _: 3
       }, 8, ["teleportTo", "show", "parent", "backgroundColor", "color", "fontSize", "borderRadius", "borderColor", "borderWidth", "backgroundOpacity", "position", "content", "isCustom", "offsetY", "smooth", "backdropFilter", "smoothForce", "smoothSnapThreshold"]),
-      t.$slots.source ? (r(), s("div", pt, [
+      t.$slots.source ? (r(), s("div", ft, [
         U(t.$slots, "source", {}, void 0, !0)
       ], 512)) : h("", !0),
-      c(x) ? (r(), Pe(Ge, { key: 3 })) : h("", !0)
+      c(x) ? (r(), Oe(Ye, { key: 3 })) : h("", !0)
     ], 4));
   }
-}, ft = /* @__PURE__ */ qe(gt, [["__scopeId", "data-v-aab967dc"]]), wt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+}, yt = /* @__PURE__ */ Xe(ht, [["__scopeId", "data-v-aab967dc"]]), Ft = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  default: ft
+  default: yt
 }, Symbol.toStringTag, { value: "Module" }));
 export {
-  xt as a,
-  wt as b,
-  ft as v
+  At as a,
+  Ft as b,
+  yt as v
 };