vue-data-ui 3.17.3 → 3.17.4

package/dist/{vue-ui-sparkstackbar-8dpxOXr_.js → vue-ui-sparkstackbar-BLFjfklb.js}

@@ -1,13 +1,13 @@
 import { defineAsyncComponent as ge, useSlots as Ye, onMounted as he, ref as d, computed as C, toRefs as Ge, watch as ye, openBlock as r, createElementBlock as i, normalizeStyle as b, createElementVNode as f, toDisplayString as K, createBlock as te, createCommentVNode as m, unref as p, createVNode as me, Fragment as L, renderList as R, normalizeClass as Y, renderSlot as N, normalizeProps as G, guardReactiveProps as W, withCtx as le } from "vue";
-import { j as be, t as ke, m as We, p as c, s as z, n as qe, o as Xe, q as we, r as Je, l as q, k as oe, X as Qe, u as _e, v as xe, T as Ze } from "./lib-DBptbyyI.js";
-import { u as et } from "./useConfig-C40HvGpD.js";
-import { u as tt, B as lt } from "./BaseScanner-BhhkKVoj.js";
-import { u as ae } from "./useNestedProp-Bf5XFbs8.js";
-import { u as ot } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as at } from "./useChartAccessibility-9icAAmYg.js";
+import { j as be, t as ke, m as We, p as c, s as z, n as qe, o as Xe, q as we, r as Je, l as q, k as oe, X as Qe, u as _e, v as xe, T as Ze } from "./lib-DMzrGQHK.js";
+import { u as et } from "./useConfig-DTHxOX6V.js";
+import { u as tt, B as lt } from "./BaseScanner-BON3d_Sx.js";
+import { u as ae } from "./useNestedProp-DH0BEVVS.js";
+import { u as ot } from "./useThemeCheck-C9Ccl7U9.js";
+import { u as at } from "./useChartAccessibility-cp6XQtqi.js";
 import st from "./vue_ui_sparkstackbar-BSexvOuM.js";
-import { B as nt } from "./BaseLegendToggle-BQVIawmA.js";
-import { A as rt } from "./A11yDataTable-KcVAX2cP.js";
+import { B as nt } from "./BaseLegendToggle-cMP8M2u0.js";
+import { A as rt } from "./A11yDataTable-BpmuNomI.js";
 import { _ as ut } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "viewBox", "aria-describedby"], dt = ["id"], ft = ["stop-color"], pt = ["stop-color"], gt = ["stop-color"], ht = {
   id: "stackPill",
@@ -42,9 +42,13 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
   },
   emits: ["selectDatapoint"],
   setup(Ce, { expose: $e, emit: Se }) {
-    const Ae = ge(() => import("./PackageVersion-DP_kfXUM.js")), Ie = ge(() => import("./Tooltip-C8KGyqQk.js")), { vue_ui_sparkstackbar: Fe } = et(), { isThemeValid: Te, warnInvalidTheme: Pe } = ot(), $ = Ce, De = Ye();
+    const Ae = ge(
+      () => import("./PackageVersion-DVvvyQXB.js")
+    ), Ie = ge(() => import("./Tooltip-Cvt7Fi0Q.js")), { vue_ui_sparkstackbar: Fe } = et(), { isThemeValid: Te, warnInvalidTheme: Pe } = ot(), $ = Ce, De = Ye();
     he(() => {
-      De["chart-background"] && console.warn("VueUiSparkStackbar does not support the #chart-background slot.");
+      De["chart-background"] && console.warn(
+        "VueUiSparkStackbar does not support the #chart-background slot."
+      );
     });
     const se = d(null), S = d(be()), A = d(!1), X = d(""), U = d(null), M = d(!1), k = d(null), ne = d({ x: 0, y: 0 }), I = d("pointer"), J = d(!1), w = d(null), Le = d([]), t = d(Q()), re = C(() => t.value.useCursorPointer), Be = C(() => ke({
       defaultConfig: {
@@ -71,7 +75,9 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
         defaultConfig: t.value,
         userConfig: Be.value
       })
-    }), { svgRef: V } = at({ config: t.value.style.title });
+    }), { svgRef: V } = at({
+      config: t.value.style.title
+    });
     function Q() {
       const e = ae({
         userConfig: $.config,
@@ -92,19 +98,29 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
         customPalette: a.customPalette.length ? a.customPalette : We[l] || c
       };
     }
-    ye(() => $.config, (e) => {
-      t.value = Q(), ce();
-    }, { deep: !0 }), ye(() => x.value, (e) => {
-      T.value = x.value.map((l, o) => ({
-        ...l,
-        color: l.color ? z(l.color) : B.value[o] || c[o] || c[o % c.length]
-      })), ue();
-    }, { deep: !0 });
-    const B = C(() => qe(t.value.customPalette)), T = d(x.value.map((e, l) => ({
-      ...e,
-      value: t.value.style.animation.show ? 0 : e.value || 0,
-      color: e.color ? z(e.color) : B.value[l] || c[l] || c[l % c.length]
-    }))), P = d(!0);
+    ye(
+      () => $.config,
+      (e) => {
+        t.value = Q(), ce();
+      },
+      { deep: !0 }
+    ), ye(
+      () => x.value,
+      (e) => {
+        T.value = x.value.map((l, o) => ({
+          ...l,
+          color: l.color ? z(l.color) : B.value[o] || c[o] || c[o % c.length]
+        })), ue();
+      },
+      { deep: !0 }
+    );
+    const B = C(() => qe(t.value.customPalette)), T = d(
+      x.value.map((e, l) => ({
+        ...e,
+        value: t.value.style.animation.show ? 0 : e.value || 0,
+        color: e.color ? z(e.color) : B.value[l] || c[l] || c[l % c.length]
+      }))
+    ), P = d(!0);
     function ue() {
       if (!t.value.style.animation.show) {
         P.value = !1;
@@ -162,7 +178,9 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
       const o = e.value || 0, a = o / ve.value, n = isNaN(a) ? 0 : a, _ = n * h.value.width;
       return {
         ...e,
-        color: z(x.value[l]?.color ? x.value[l]?.color : B.value[l] || c[l] || c[l % c.length]),
+        color: z(
+          x.value[l]?.color ? x.value[l]?.color : B.value[l] || c[l] || c[l % c.length]
+        ),
         value: o,
         proportion: n,
         width: _,
@@ -173,7 +191,9 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
           r: t.value.style.legend.percentage.rounding
         })
       };
-    })), Z = C(() => y.value.filter((e, l) => !v.value.includes(l)));
+    })), Z = C(() => y.value.filter(
+      (e, l) => !v.value.includes(l)
+    ));
     function Ee() {
       v.value.length ? v.value = [] : y.value.forEach((e, l) => {
         v.value.push(l);
@@ -186,7 +206,9 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
       if (!y.value.length)
         return t.value.debug && console.warn("VueUiSparkStackbar - There are no series to show."), null;
       const l = y.value.find((o) => o.name === e);
-      return l || (t.value.debug && console.warn(`VueUiSparkStackbar - Series name not found "${e}"`), null);
+      return l || (t.value.debug && console.warn(
+        `VueUiSparkStackbar - Series name not found "${e}"`
+      ), null);
     }
     function Ke(e) {
       const l = de(e);
@@ -207,15 +229,29 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
       return l;
     }), ze = Se;
     function j(e, l, o = !1) {
-      ze("selectDatapoint", { datapoint: e, index: l }), t.value.events.datapointClick && !o && t.value.events.datapointClick({ datapoint: e, seriesIndex: e.seriesIndex });
+      ze("selectDatapoint", { datapoint: e, index: l }), t.value.events.datapointClick && !o && t.value.events.datapointClick({
+        datapoint: e,
+        seriesIndex: e.seriesIndex
+      });
     }
     function Me({ datapoint: e, seriesIndex: l }) {
-      A.value = !1, w.value = null, k.value = null, I.value = "pointer", t.value.events.datapointLeave && t.value.events.datapointLeave({ datapoint: e, seriesIndex: e.seriesIndex });
+      A.value = !1, w.value = null, k.value = null, I.value = "pointer", t.value.events.datapointLeave && t.value.events.datapointLeave({
+        datapoint: e,
+        seriesIndex: e.seriesIndex
+      });
     }
     function fe({ datapoint: e, seriesIndex: l, triggerMode: o = "pointer" }) {
-      if (M.value = !1, t.value.events.datapointEnter && t.value.events.datapointEnter({ datapoint: e, seriesIndex: e.seriesIndex }), !t.value.style.tooltip.show)
+      if (M.value = !1, t.value.events.datapointEnter && t.value.events.datapointEnter({
+        datapoint: e,
+        seriesIndex: e.seriesIndex
+      }), !t.value.style.tooltip.show)
         return;
-      I.value = o, U.value = { datapoint: e, seriesIndex: l, config: t.value, series: y.value }, A.value = !0, w.value = l;
+      I.value = o, U.value = {
+        datapoint: e,
+        seriesIndex: l,
+        config: t.value,
+        series: y.value
+      }, A.value = !0, w.value = l;
       const a = t.value.style.tooltip.customFormat;
       if (Ze(a))
         try {
@@ -416,7 +452,10 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
               }, null, 8, ft),
               f("stop", {
                 offset: "50%",
-                "stop-color": p(_e)(p(xe)(o.color, 0.05), 100 - t.value.style.bar.gradient.intensity)
+                "stop-color": p(_e)(
+                  p(xe)(o.color, 0.05),
+                  100 - t.value.style.bar.gradient.intensity
+                )
               }, null, 8, pt),
               f("stop", {
                 offset: "100%",
@@ -488,7 +527,10 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
           }, null, 8, _t))
         ], 40, vt)),
         e.$slots.hint ? (r(), i("div", xt, [
-          N(e.$slots, "hint", G(W({ hint: t.value.a11y.translations.keyboardNavigation, isVisible: J.value })), void 0, !0)
+          N(e.$slots, "hint", G(W({
+            hint: t.value.a11y.translations.keyboardNavigation,
+            isVisible: J.value
+          })), void 0, !0)
         ])) : m("", !0)
       ]),
       t.value.style.legend.show ? (r(), i("div", {
@@ -513,7 +555,10 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
           "aria-pressed": v.value.includes(a),
           "aria-label": `${o.name}, ${v.value.includes(a) ? "hidden" : "visible"}, ${o.proportionLabel}`,
           style: b(`font-size:${t.value.style.legend.fontSize}px;cursor:${re.value ? "pointer" : "default"}`),
-          class: Y({ "vue-ui-sparkstackbar-legend-item": !0, "vue-ui-sparkstackbar-legend-item-unselected": v.value.includes(a) }),
+          class: Y({
+            "vue-ui-sparkstackbar-legend-item": !0,
+            "vue-ui-sparkstackbar-legend-item-unselected": v.value.includes(a)
+          }),
           onClick: (n) => {
             O(a), j(o, a, !0);
           },
@@ -533,7 +578,10 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
                 }, [
                   f("stop", {
                     offset: "0%",
-                    "stop-color": p(F) ? "#FFFFFF" : p(_e)(p(xe)(o.color, 0.05), 100 - t.value.style.bar.gradient.intensity)
+                    "stop-color": p(F) ? "#FFFFFF" : p(_e)(
+                      p(xe)(o.color, 0.05),
+                      100 - t.value.style.bar.gradient.intensity
+                    )
                   }, null, 8, It),
                   f("stop", {
                     offset: "100%",
@@ -618,7 +666,7 @@ const it = ["id"], ct = { style: { position: "relative" } }, vt = ["xmlns", "vie
       ], !0)
     ], 4));
   }
-}, jt = /* @__PURE__ */ ut(Dt, [["__scopeId", "data-v-85267d41"]]);
+}, jt = /* @__PURE__ */ ut(Dt, [["__scopeId", "data-v-f8245b51"]]);
 export {
   jt as default
 };