vue-data-ui 2.6.6 → 2.6.8

package/dist/{vue-ui-sparkgauge-nFFf8h-x.js → vue-ui-sparkgauge-Cc-l_NLU.js}

@@ -1,13 +1,14 @@
-import { computed as s, onMounted as N, ref as A, watch as M, createElementBlock as i, openBlock as n, normalizeStyle as m, createCommentVNode as r, createBlock as D, toDisplayString as y, unref as c, createVNode as G, createElementVNode as d, renderSlot as S, normalizeClass as I } from "vue";
-import { u as U, o as q, e as z, g as P, c as R, a as T, O as X, X as H, i as V, v as g, f as Y } from "./index-B9qF6XbP.js";
-import { u as O } from "./useNestedProp-g5oKzlVy.js";
-import J from "./vue-ui-skeleton-CHEZlRpn.js";
-import { _ as K } from "./PackageVersion-DqmHcoqz.js";
-const Q = ["xmlns", "viewBox"], W = ["width", "height"], Z = ["id"], ee = ["stop-color"], te = ["stop-color"], ae = ["d", "stroke", "stroke-linecap"], le = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], oe = ["x", "y", "font-size", "fill", "font-weight"], se = {
+import { computed as s, onMounted as A, ref as N, watch as M, createElementBlock as n, openBlock as i, normalizeStyle as m, createCommentVNode as r, createBlock as G, toDisplayString as y, unref as c, createVNode as I, createElementVNode as d, renderSlot as S, normalizeClass as R } from "vue";
+import { u as U, o as q, e as z, g as P, c as T, a as X, O as H, X as V, i as Y, v as g, f as J } from "./index-CZlI7PiS.js";
+import { u as O } from "./useNestedProp-Cg0NIwr6.js";
+import K from "./vue-ui-skeleton-D8r-yAkW.js";
+import { _ as Q } from "./PackageVersion-J_USnljf.js";
+import { u as W } from "./useChartAccessibility-BWojgys7.js";
+const Z = ["xmlns", "viewBox"], ee = ["width", "height"], te = ["id"], ae = ["stop-color"], le = ["stop-color"], oe = ["d", "stroke", "stroke-linecap"], se = ["d", "stroke", "stroke-linecap", "stroke-dashoffset"], ue = ["x", "y", "font-size", "fill", "font-weight"], ie = {
   key: 4,
   ref: "source",
   dir: "auto"
-}, ce = {
+}, me = {
   __name: "vue-ui-sparkgauge",
   props: {
     config: {
@@ -24,16 +25,16 @@ const Q = ["xmlns", "viewBox"], W = ["width", "height"], Z = ["id"], ee = ["stop
     }
   },
   setup(j) {
-    const { vue_ui_sparkgauge: E } = U(), l = j, p = s(() => !!l.dataset && Object.keys(l.dataset).length);
-    N(() => {
+    const { vue_ui_sparkgauge: E } = U(), a = j, p = s(() => !!a.dataset && Object.keys(a.dataset).length);
+    A(() => {
       h();
     });
     function h() {
-      q(l.dataset) ? z({
+      q(a.dataset) ? z({
         componentName: "VueUiSparkgauge",
         type: "dataset"
       }) : P({
-        datasetObject: l.dataset,
+        datasetObject: a.dataset,
         requiredAttributes: ["value", "min", "max"]
       }).forEach((t) => {
         z({
@@ -43,23 +44,23 @@ const Q = ["xmlns", "viewBox"], W = ["width", "height"], Z = ["id"], ee = ["stop
         });
       });
     }
-    const b = A(R()), e = s({
+    const b = N(T()), e = s({
       get: () => k(),
       set: (t) => t
-    });
+    }), { svgRef: F } = W({ config: { text: a.dataset.title } });
     function k() {
       const t = O({
-        userConfig: l.config,
+        userConfig: a.config,
         defaultConfig: E
       });
       return t.theme ? {
         ...O({
-          userConfig: T.vue_ui_sparkgauge[t.theme] || l.config,
+          userConfig: X.vue_ui_sparkgauge[t.theme] || a.config,
           defaultConfig: t
         })
       } : t;
     }
-    M(() => l.config, (t) => {
+    M(() => a.config, (t) => {
       e.value = k(), h();
     }, { deep: !0 });
     const u = s(() => ({
@@ -67,44 +68,46 @@ const Q = ["xmlns", "viewBox"], W = ["width", "height"], Z = ["id"], ee = ["stop
       width: 128,
       base: e.value.style.basePosition
     })), o = s(() => {
-      const t = l.dataset.min ?? 0, v = l.dataset.max ?? 0, B = v - t;
+      const t = a.dataset.min ?? 0, v = a.dataset.max ?? 0, D = v - t;
       return {
         min: t,
         max: v,
-        diff: B
+        diff: D
       };
-    }), a = A(e.value.style.animation.show ? o.value.min : l.dataset.value);
-    M(() => l.dataset.value, () => {
-      x(l.dataset.value || 0);
+    }), l = N(e.value.style.animation.show ? o.value.min : a.dataset.value);
+    M(() => a.dataset.value, () => {
+      x(a.dataset.value || 0);
     });
-    const _ = s(() => a.value > o.value.max ? o.value.max : a.value < o.value.min ? o.value.min : a.value), $ = s(() => o.value.diff / e.value.style.animation.speedMs);
-    N(() => {
-      x(l.dataset.value || 0);
+    const _ = s(() => l.value > o.value.max ? o.value.max : l.value < o.value.min ? o.value.min : l.value), $ = s(() => o.value.diff / e.value.style.animation.speedMs);
+    A(() => {
+      x(a.dataset.value || 0);
     });
     function x(t) {
       function v() {
-        a.value < t ? a.value = Math.min(a.value + $.value, t) : a.value > t && (a.value = Math.max(a.value - $.value, t)), a.value !== t && requestAnimationFrame(v);
+        l.value < t ? l.value = Math.min(l.value + $.value, t) : l.value > t && (l.value = Math.max(l.value - $.value, t)), l.value !== t && requestAnimationFrame(v);
       }
       v();
     }
-    const f = s(() => l.dataset.title ?? ""), w = s(() => a.value >= 0 ? (_.value - o.value.min) / o.value.diff : (Math.abs(o.value.min) - Math.abs(_.value)) / o.value.diff), C = s(() => X(e.value.style.colors.min, e.value.style.colors.max, o.value.min, o.value.max, a.value)), L = s(() => e.value.style.dataLabel.autoColor ? C.value : e.value.style.dataLabel.color), F = s(() => e.value.style.track.autoColor ? C.value : e.value.style.track.color);
-    return (t, v) => (n(), i("div", {
+    const f = s(() => a.dataset.title ?? ""), C = s(() => l.value >= 0 ? (_.value - o.value.min) / o.value.diff : (Math.abs(o.value.min) - Math.abs(_.value)) / o.value.diff), w = s(() => H(e.value.style.colors.min, e.value.style.colors.max, o.value.min, o.value.max, l.value)), L = s(() => e.value.style.dataLabel.autoColor ? w.value : e.value.style.dataLabel.color), B = s(() => e.value.style.track.autoColor ? w.value : e.value.style.track.color);
+    return (t, v) => (i(), n("div", {
       class: "vue-ui-sparkgauge",
       style: m(`font-family:${e.value.style.fontFamily};width: 100%; background:${e.value.style.background}`)
     }, [
-      e.value.style.title.show && f.value && e.value.style.title.position === "top" ? (n(), i("div", {
+      e.value.style.title.show && f.value && e.value.style.title.position === "top" ? (i(), n("div", {
         key: 0,
         class: "vue-data-ui-sparkgauge-label",
         style: m(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
       }, y(f.value), 5)) : r("", !0),
-      p.value ? (n(), i("svg", {
+      p.value ? (i(), n("svg", {
         key: 1,
-        xmlns: c(H),
+        ref_key: "svgRef",
+        ref: F,
+        xmlns: c(V),
         viewBox: `0 0 ${u.value.width} ${u.value.height}`,
         style: "overflow: visible; background:transparent; width:100%;"
       }, [
-        G(K),
-        t.$slots["chart-background"] ? (n(), i("foreignObject", {
+        I(Q),
+        t.$slots["chart-background"] ? (i(), n("foreignObject", {
           key: 0,
           x: 0,
           y: 0,
@@ -115,7 +118,7 @@ const Q = ["xmlns", "viewBox"], W = ["width", "height"], Z = ["id"], ee = ["stop
           }
         }, [
           S(t.$slots, "chart-background")
-        ], 8, W)) : r("", !0),
+        ], 8, ee)) : r("", !0),
         d("defs", null, [
           d("linearGradient", {
             id: `gradient_${b.value}`,
@@ -127,12 +130,12 @@ const Q = ["xmlns", "viewBox"], W = ["width", "height"], Z = ["id"], ee = ["stop
             d("stop", {
               offset: "0%",
               "stop-color": e.value.style.colors.min
-            }, null, 8, ee),
+            }, null, 8, ae),
             d("stop", {
               offset: "100%",
               "stop-color": e.value.style.colors.max
-            }, null, 8, te)
-          ], 8, Z)
+            }, null, 8, le)
+          ], 8, te)
         ]),
         d("path", {
           d: `M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,
@@ -140,19 +143,19 @@ const Q = ["xmlns", "viewBox"], W = ["width", "height"], Z = ["id"], ee = ["stop
           "stroke-width": 8,
           "stroke-linecap": e.value.style.gutter.strokeLinecap,
           fill: "none"
-        }, null, 8, ae),
-        w.value !== 0 ? (n(), i("path", {
+        }, null, 8, oe),
+        C.value !== 0 ? (i(), n("path", {
           key: 1,
           d: `M10 ${u.value.base} A 1 1 0 1 1 118 ${u.value.base}`,
-          stroke: e.value.style.colors.showGradient ? `url(#gradient_${b.value})` : F.value,
+          stroke: e.value.style.colors.showGradient ? `url(#gradient_${b.value})` : B.value,
           "stroke-width": 8,
           "stroke-linecap": e.value.style.track.strokeLinecap,
           fill: "none",
           "stroke-dasharray": 169.5,
-          "stroke-dashoffset": 169.5 - 169.5 * w.value,
-          class: I({ "vue-ui-sparkgauge-track": e.value.style.animation.show }),
+          "stroke-dashoffset": 169.5 - 169.5 * C.value,
+          class: R({ "vue-ui-sparkgauge-track": e.value.style.animation.show }),
           style: m(e.value.style.animation.show ? `animation: vue-ui-sparkgauge-animation ${e.value.style.animation.speedMs}ms ease-in;` : "")
-        }, null, 14, le)) : r("", !0),
+        }, null, 14, se)) : r("", !0),
         d("text", {
           "text-anchor": "middle",
           x: u.value.width / 2,
@@ -160,19 +163,19 @@ const Q = ["xmlns", "viewBox"], W = ["width", "height"], Z = ["id"], ee = ["stop
           "font-size": e.value.style.dataLabel.fontSize,
           fill: L.value,
           "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal"
-        }, y(c(V)(
+        }, y(c(Y)(
           e.value.style.dataLabel.formatter,
-          c(g)(a.value),
-          c(Y)({
+          c(g)(l.value),
+          c(J)({
             p: e.value.style.dataLabel.prefix,
-            v: c(g)(a.value),
+            v: c(g)(l.value),
             s: e.value.style.dataLabel.suffix,
             r: e.value.style.dataLabel.rounding
           }),
-          { datapoint: c(g)(a.value), color: L.value }
-        )), 9, oe)
-      ], 8, Q)) : r("", !0),
-      p.value ? r("", !0) : (n(), D(J, {
+          { datapoint: c(g)(l.value), color: L.value }
+        )), 9, ue)
+      ], 8, Z)) : r("", !0),
+      p.value ? r("", !0) : (i(), G(K, {
         key: 2,
         config: {
           type: "gauge",
@@ -184,17 +187,17 @@ const Q = ["xmlns", "viewBox"], W = ["width", "height"], Z = ["id"], ee = ["stop
           }
         }
       }, null, 8, ["config"])),
-      e.value.style.title.show && f.value && e.value.style.title.position === "bottom" ? (n(), i("div", {
+      e.value.style.title.show && f.value && e.value.style.title.position === "bottom" ? (i(), n("div", {
         key: 3,
         class: "vue-data-ui-sparkgauge-label",
         style: m(`font-size:${e.value.style.title.fontSize}px;text-align:${e.value.style.title.textAlign};font-weight:${e.value.style.title.bold ? "bold" : "normal"};font-weight:${e.value.style.title.bold ? "bold" : "normal"};color:${e.value.style.title.color}`)
       }, y(f.value), 5)) : r("", !0),
-      t.$slots.source ? (n(), i("div", se, [
+      t.$slots.source ? (i(), n("div", ie, [
         S(t.$slots, "source")
       ], 512)) : r("", !0)
     ], 4));
   }
 };
 export {
-  ce as default
+  me as default
 };

package/dist/{vue-ui-sparkhistogram-Bh6R737O.js → vue-ui-sparkhistogram-BysifQmq.js}

@@ -1,15 +1,16 @@
-import { useCssVars as Q, computed as _, onMounted as Z, ref as N, watch as ee, createElementBlock as s, openBlock as a, normalizeStyle as $, createCommentVNode as c, createBlock as D, createElementVNode as h, createTextVNode as te, toDisplayString as p, unref as n, createVNode as le, renderSlot as I, Fragment as f, renderList as g, normalizeClass as V } from "vue";
-import { u as ae, o as se, e as E, g as oe, c as ue, a as re, s as b, i as H, f as F, X as ie, w as z } from "./index-B9qF6XbP.js";
-import { u as O } from "./useNestedProp-g5oKzlVy.js";
-import { _ as ne } from "./Shape-C_qIhG3J.js";
-import ve from "./vue-ui-skeleton-CHEZlRpn.js";
-import { _ as de } from "./PackageVersion-DqmHcoqz.js";
-import { _ as ce } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width", "height"], pe = ["id"], be = ["stop-color"], me = ["stop-color"], _e = ["id"], xe = ["stop-color"], ke = ["stop-color"], we = ["id"], $e = ["stop-color"], Ce = ["stop-color"], Le = { key: 1 }, ze = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Se = { key: 2 }, Me = ["x", "y", "font-size", "font-weight", "fill"], Ae = ["x", "y", "font-size", "fill"], Ne = ["x", "y", "font-size", "fill"], De = ["height", "width", "x", "onMouseover", "stroke", "stroke-width", "rx", "stroke-dasharray", "onClick"], Ie = {
+import { useCssVars as Z, computed as _, onMounted as ee, ref as N, watch as te, createElementBlock as s, openBlock as a, normalizeStyle as $, createCommentVNode as c, createBlock as D, createElementVNode as h, createTextVNode as le, toDisplayString as p, unref as n, createVNode as ae, renderSlot as I, Fragment as f, renderList as g, normalizeClass as V } from "vue";
+import { u as se, o as oe, e as E, g as ue, c as ie, a as re, s as m, i as H, f as F, X as ne, w as z } from "./index-CZlI7PiS.js";
+import { u as O } from "./useNestedProp-Cg0NIwr6.js";
+import { _ as ve } from "./Shape-Dtm6toQp.js";
+import de from "./vue-ui-skeleton-D8r-yAkW.js";
+import { _ as ce } from "./PackageVersion-J_USnljf.js";
+import { u as ye } from "./useChartAccessibility-BWojgys7.js";
+import { _ as he } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const fe = { key: 0 }, ge = { key: 1 }, pe = ["xmlns", "viewBox"], me = ["width", "height"], be = ["id"], _e = ["stop-color"], xe = ["stop-color"], ke = ["id"], we = ["stop-color"], $e = ["stop-color"], Ce = ["id"], Le = ["stop-color"], ze = ["stop-color"], Se = { key: 1 }, Ae = ["x", "y", "height", "width", "fill", "stroke", "stroke-width", "rx"], Me = { key: 2 }, Ne = ["x", "y", "font-size", "font-weight", "fill"], De = ["x", "y", "font-size", "fill"], Ie = ["x", "y", "font-size", "fill"], Ve = ["height", "width", "x", "onMouseover", "stroke", "stroke-width", "rx", "stroke-dasharray", "onClick"], Ee = {
   key: 2,
   ref: "source",
   dir: "auto"
-}, Ve = {
+}, He = {
   __name: "vue-ui-sparkhistogram",
   props: {
     config: {
@@ -27,19 +28,19 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
   },
   emits: ["selectDatapoint"],
   setup(W, { emit: B }) {
-    Q((l) => ({
-      "3e0a0be8": q.value
+    Z((l) => ({
+      "40b52890": q.value
     }));
-    const { vue_ui_sparkhistogram: U } = ae(), d = W, S = _(() => !!d.dataset && d.dataset.length);
-    Z(() => {
-      M();
+    const { vue_ui_sparkhistogram: U } = se(), d = W, S = _(() => !!d.dataset && d.dataset.length);
+    ee(() => {
+      A();
     });
-    function M() {
-      se(d.dataset) ? E({
+    function A() {
+      oe(d.dataset) ? E({
         componentName: "VueUiSparkHistogram",
         type: "dataset"
-      }) : d.dataset.forEach((l, r) => {
-        oe({
+      }) : d.dataset.forEach((l, i) => {
+        ue({
           datasetObject: l,
           requiredAttributes: ["value"]
         }).forEach((t) => {
@@ -47,16 +48,16 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
             componentName: "VueUiSparkHistogram",
             type: "datasetSerieAttribute",
             property: t,
-            index: r
+            index: i
           });
         });
       });
     }
-    const m = N(ue()), e = _({
-      get: () => A(),
+    const b = N(ie()), e = _({
+      get: () => M(),
       set: (l) => l
-    });
-    function A() {
+    }), { svgRef: j } = ye({ config: e.value.style.title });
+    function M() {
       const l = O({
         userConfig: d.config,
         defaultConfig: U
@@ -68,11 +69,11 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
         })
       } : l;
     }
-    ee(() => d.config, (l) => {
-      e.value = A(), M();
+    te(() => d.config, (l) => {
+      e.value = M(), A();
     }, { deep: !0 });
     const v = _(() => {
-      const l = e.value.style.layout.height, r = e.value.style.layout.width, t = e.value.style.layout.padding.top, o = l - e.value.style.layout.padding.bottom, y = e.value.style.layout.padding.left, x = r - e.value.style.layout.padding.right, k = t + (l - t - e.value.style.layout.padding.bottom) / 2, C = l - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom, w = r - e.value.style.layout.padding.left - e.value.style.layout.padding.right;
+      const l = e.value.style.layout.height, i = e.value.style.layout.width, t = e.value.style.layout.padding.top, o = l - e.value.style.layout.padding.bottom, y = e.value.style.layout.padding.left, x = i - e.value.style.layout.padding.right, k = t + (l - t - e.value.style.layout.padding.bottom) / 2, C = l - e.value.style.layout.padding.top - e.value.style.layout.padding.bottom, w = i - e.value.style.layout.padding.left - e.value.style.layout.padding.right;
       return {
         bottom: o,
         centerY: k,
@@ -82,38 +83,38 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
         left: y,
         right: x,
         top: t,
-        width: r
+        width: i
       };
-    }), j = _(() => Math.max(...d.dataset.map((l) => Math.abs(l.value || 0))));
+    }), R = _(() => Math.max(...d.dataset.map((l) => Math.abs(l.value || 0))));
     function X(l) {
-      return Math.abs(l) / j.value;
+      return Math.abs(l) / R.value;
     }
-    const i = _(() => d.dataset.map((l, r) => {
-      const t = X(l.value || 0), o = v.value.drawingHeight * t, y = v.value.drawingWidth / d.dataset.length, x = y * (e.value.style.bars.gap / 100), k = y - x, C = v.value.centerY - o / 2, w = v.value.left + (x / 2 + r * y), R = v.value.left + r * y, L = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), T = l.color ? l.color : l.value >= 0 ? b(e.value.style.bars.colors.positive, L) : b(e.value.style.bars.colors.negative, L), P = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, J = l.color ? `url(#gradient_datapoint_${r}_${m.value})` : l.value >= 0 ? `url(#gradient_positive_${r}_${m.value})` : `url(#gradient_negative_${r}_${m.value})`, K = w + k / 2;
+    const r = _(() => d.dataset.map((l, i) => {
+      const t = X(l.value || 0), o = v.value.drawingHeight * t, y = v.value.drawingWidth / d.dataset.length, x = y * (e.value.style.bars.gap / 100), k = y - x, C = v.value.centerY - o / 2, w = v.value.left + (x / 2 + i * y), T = v.value.left + i * y, L = typeof l.intensity > "u" ? 100 : Math.round(l.intensity * 100), P = l.color ? l.color : l.value >= 0 ? m(e.value.style.bars.colors.positive, L) : m(e.value.style.bars.colors.negative, L), J = l.color ? l.color : l.value >= 0 ? e.value.style.bars.colors.positive : e.value.style.bars.colors.negative, K = l.color ? `url(#gradient_datapoint_${i}_${b.value})` : l.value >= 0 ? `url(#gradient_positive_${i}_${b.value})` : `url(#gradient_negative_${i}_${b.value})`, Q = w + k / 2;
       return {
         ...l,
-        color: T,
-        gradient: J,
+        color: P,
+        gradient: K,
         height: o,
         intensity: L,
         proportion: t,
-        stroke: P,
-        textAnchor: K,
-        trapX: R,
+        stroke: J,
+        textAnchor: Q,
+        trapX: T,
         unitWidth: y,
         width: k,
         x: w,
         y: C
       };
     })), u = N(null), G = B;
-    function Y(l, r) {
-      G("selectDatapoint", { datapoint: l, index: r });
+    function Y(l, i) {
+      G("selectDatapoint", { datapoint: l, index: i });
     }
     const q = _(() => `${e.value.style.animation.speedMs}ms`);
-    return (l, r) => (a(), s("div", {
+    return (l, i) => (a(), s("div", {
       class: "vue-ui-spark-histogram",
       style: $(`width:100%;background:${e.value.style.backgroundColor};font-family:${e.value.style.fontFamily}`),
-      onMouseleave: r[1] || (r[1] = (t) => u.value = null)
+      onMouseleave: i[1] || (i[1] = (t) => u.value = null)
     }, [
       e.value.style.title.text ? (a(), s("div", {
         key: 0,
@@ -122,19 +123,19 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
         h("div", {
           style: $(`font-size:${e.value.style.title.fontSize}px;color:${e.value.style.title.color};font-weight:${e.value.style.title.bold ? "bold" : "normal"}`)
         }, [
-          te(p(e.value.style.title.text) + " ", 1),
-          u.value !== null ? (a(), s("span", ye, "- " + p(i.value[u.value].timeLabel || "") + " " + p(n(H)(
+          le(p(e.value.style.title.text) + " ", 1),
+          u.value !== null ? (a(), s("span", fe, "- " + p(r.value[u.value].timeLabel || "") + " " + p(n(H)(
             e.value.style.labels.value.formatter,
-            i.value[u.value].value,
+            r.value[u.value].value,
             n(F)({
               p: e.value.style.labels.value.prefix,
-              v: i.value[u.value].value,
+              v: r.value[u.value].value,
               s: e.value.style.labels.value.suffix,
               r: e.value.style.labels.value.rounding
             }),
-            { datapoint: i.value[u.value], seriesIndex: u.value }
+            { datapoint: r.value[u.value], seriesIndex: u.value }
           )), 1)) : c("", !0),
-          ![void 0, null].includes(u.value) && ![null, void 0].includes(i.value[u.value].valueLabel) ? (a(), s("span", he, "(" + p(i.value[u.value].valueLabel || 0) + ")", 1)) : c("", !0)
+          ![void 0, null].includes(u.value) && ![null, void 0].includes(r.value[u.value].valueLabel) ? (a(), s("span", ge, "(" + p(r.value[u.value].valueLabel || 0) + ")", 1)) : c("", !0)
         ], 4),
         e.value.style.title.subtitle.text ? (a(), s("div", {
           key: 0,
@@ -143,11 +144,13 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
       ], 4)) : c("", !0),
       S.value ? (a(), s("svg", {
         key: 1,
-        xmlns: n(ie),
+        ref_key: "svgRef",
+        ref: j,
+        xmlns: n(ne),
         viewBox: `0 0 ${v.value.width} ${v.value.height}`,
         style: { overflow: "visible" }
       }, [
-        le(de),
+        ae(ce),
         l.$slots["chart-background"] ? (a(), s("foreignObject", {
           key: 0,
           x: 0,
@@ -159,10 +162,10 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
           }
         }, [
           I(l.$slots, "chart-background", {}, void 0, !0)
-        ], 8, ge)) : c("", !0),
+        ], 8, me)) : c("", !0),
         h("defs", null, [
-          (a(!0), s(f, null, g(i.value, (t, o) => (a(), s("radialGradient", {
-            id: `gradient_positive_${o}_${m.value}`,
+          (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("radialGradient", {
+            id: `gradient_positive_${o}_${b.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -171,15 +174,15 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
           }, [
             h("stop", {
               offset: "0%",
-              "stop-color": n(b)(n(z)(e.value.style.bars.colors.positive, 0.05), t.intensity)
-            }, null, 8, be),
+              "stop-color": n(m)(n(z)(e.value.style.bars.colors.positive, 0.05), t.intensity)
+            }, null, 8, _e),
             h("stop", {
               offset: "100%",
-              "stop-color": n(b)(e.value.style.bars.colors.positive, t.intensity)
-            }, null, 8, me)
-          ], 8, pe))), 256)),
-          (a(!0), s(f, null, g(i.value, (t, o) => (a(), s("radialGradient", {
-            id: `gradient_negative_${o}_${m.value}`,
+              "stop-color": n(m)(e.value.style.bars.colors.positive, t.intensity)
+            }, null, 8, xe)
+          ], 8, be))), 256)),
+          (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("radialGradient", {
+            id: `gradient_negative_${o}_${b.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -188,15 +191,15 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
           }, [
             h("stop", {
               offset: "0%",
-              "stop-color": n(b)(n(z)(e.value.style.bars.colors.negative, 0.05), t.intensity)
-            }, null, 8, xe),
+              "stop-color": n(m)(n(z)(e.value.style.bars.colors.negative, 0.05), t.intensity)
+            }, null, 8, we),
             h("stop", {
               offset: "100%",
-              "stop-color": n(b)(e.value.style.bars.colors.negative, t.intensity)
-            }, null, 8, ke)
-          ], 8, _e))), 256)),
-          (a(!0), s(f, null, g(i.value, (t, o) => (a(), s("radialGradient", {
-            id: `gradient_datapoint_${o}_${m.value}`,
+              "stop-color": n(m)(e.value.style.bars.colors.negative, t.intensity)
+            }, null, 8, $e)
+          ], 8, ke))), 256)),
+          (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("radialGradient", {
+            id: `gradient_datapoint_${o}_${b.value}`,
             cy: "50%",
             cx: "50%",
             r: "50%",
@@ -205,16 +208,16 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
           }, [
             h("stop", {
               offset: "0%",
-              "stop-color": n(b)(n(z)(t.color, 0.05), t.intensity)
-            }, null, 8, $e),
+              "stop-color": n(m)(n(z)(t.color, 0.05), t.intensity)
+            }, null, 8, Le),
             h("stop", {
               offset: "100%",
-              "stop-color": n(b)(t.color, t.intensity)
-            }, null, 8, Ce)
-          ], 8, we))), 256))
+              "stop-color": n(m)(t.color, t.intensity)
+            }, null, 8, ze)
+          ], 8, Ce))), 256))
         ]),
-        !e.value.style.bars.shape || e.value.style.bars.shape === "square" ? (a(), s("g", Le, [
-          (a(!0), s(f, null, g(i.value, (t, o) => (a(), s("rect", {
+        !e.value.style.bars.shape || e.value.style.bars.shape === "square" ? (a(), s("g", Se, [
+          (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("rect", {
             x: t.x,
             y: t.y,
             height: t.height,
@@ -224,9 +227,9 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
             "stroke-width": e.value.style.bars.strokeWidth,
             rx: `${e.value.style.bars.borderRadius * t.proportion / 12}%`,
             class: V({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
-          }, null, 10, ze))), 256))
-        ])) : (a(), s("g", Se, [
-          (a(!0), s(f, null, g(i.value, (t, o) => (a(), D(ne, {
+          }, null, 10, Ae))), 256))
+        ])) : (a(), s("g", Me, [
+          (a(!0), s(f, null, g(r.value, (t, o) => (a(), D(ve, {
             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,
@@ -234,7 +237,7 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
             class: V({ "vue-ui-sparkhistogram-shape": e.value.style.animation.show })
           }, null, 8, ["plot", "color", "shape", "radius", "class"]))), 256))
         ])),
-        (a(!0), s(f, null, g(i.value, (t, o) => (a(), s("text", {
+        (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("text", {
           "text-anchor": "middle",
           x: t.textAnchor,
           y: t.y - e.value.style.labels.value.fontSize / 3 + e.value.style.labels.value.offsetY,
@@ -250,9 +253,9 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
             s: e.value.style.labels.value.suffix,
             r: e.value.style.labels.value.rounding
           }),
-          { datapoint: i.value[u.value], seriesIndex: u.value }
-        )), 9, Me))), 256)),
-        (a(!0), s(f, null, g(i.value, (t, o) => (a(), s("g", null, [
+          { datapoint: r.value[u.value], seriesIndex: u.value }
+        )), 9, Ne))), 256)),
+        (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("g", null, [
           t.valueLabel ? (a(), s("text", {
             key: 0,
             x: t.textAnchor,
@@ -260,9 +263,9 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
             "font-size": e.value.style.labels.valueLabel.fontSize,
             "text-anchor": "middle",
             fill: e.value.style.labels.valueLabel.color
-          }, p(t.valueLabel), 9, Ae)) : c("", !0)
+          }, p(t.valueLabel), 9, De)) : c("", !0)
         ]))), 256)),
-        (a(!0), s(f, null, g(i.value, (t, o) => (a(), s("g", null, [
+        (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("g", null, [
           t.timeLabel ? (a(), s("text", {
             key: 0,
             x: t.textAnchor,
@@ -270,9 +273,9 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
             "font-size": e.value.style.labels.timeLabel.fontSize,
             fill: e.value.style.labels.timeLabel.color,
             "text-anchor": "middle"
-          }, p(t.timeLabel), 9, Ne)) : c("", !0)
+          }, p(t.timeLabel), 9, Ie)) : c("", !0)
         ]))), 256)),
-        (a(!0), s(f, null, g(i.value, (t, o) => (a(), s("g", null, [
+        (a(!0), s(f, null, g(r.value, (t, o) => (a(), s("g", null, [
           h("rect", {
             height: v.value.height,
             width: t.unitWidth,
@@ -280,19 +283,19 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
             x: t.trapX,
             y: 0,
             onMouseover: (y) => u.value = o,
-            onMouseleave: r[0] || (r[0] = (y) => u.value = null),
+            onMouseleave: i[0] || (i[0] = (y) => u.value = null),
             stroke: u.value !== null && u.value === o ? e.value.style.selector.stroke : "",
             "stroke-width": u.value !== null && u.value === o ? e.value.style.selector.strokeWidth : 0,
             rx: e.value.style.selector.borderRadius,
             "stroke-dasharray": e.value.style.selector.strokeDasharray,
             onClick: () => Y(t, o)
-          }, null, 40, De)
+          }, null, 40, Ve)
         ]))), 256))
-      ], 8, fe)) : c("", !0),
-      l.$slots.source ? (a(), s("div", Ie, [
+      ], 8, pe)) : c("", !0),
+      l.$slots.source ? (a(), s("div", Ee, [
         I(l.$slots, "source", {}, void 0, !0)
       ], 512)) : c("", !0),
-      S.value ? c("", !0) : (a(), D(ve, {
+      S.value ? c("", !0) : (a(), D(de, {
         key: 3,
         config: {
           type: "sparkHistogram",
@@ -306,7 +309,7 @@ const ye = { key: 0 }, he = { key: 1 }, fe = ["xmlns", "viewBox"], ge = ["width"
       }, null, 8, ["config"]))
     ], 36));
   }
-}, je = /* @__PURE__ */ ce(Ve, [["__scopeId", "data-v-1238cbeb"]]);
+}, Ge = /* @__PURE__ */ he(He, [["__scopeId", "data-v-c92ac914"]]);
 export {
-  je as default
+  Ge as default
 };

package/dist/vue-ui-sparkhistogram-CCbcvIJ1.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("vue"),a=require("./index-DD4PT0Pl.cjs"),_=require("./useNestedProp-DU7JFxpL.cjs"),M=require("./Shape-Cwx-wRaK.cjs"),O=require("./vue-ui-skeleton-Tk4j6G2D.cjs"),q=require("./PackageVersion-CCgJTyH9.cjs"),H=require("./useChartAccessibility-Cm7nkzTG.cjs"),I=require("./_plugin-vue_export-helper-BHFhmbuH.cjs"),U={key:0},W={key:1},j=["xmlns","viewBox"],P=["width","height"],R=["id"],G=["stop-color"],T=["stop-color"],X=["id"],Y=["stop-color"],J=["stop-color"],K=["id"],Q=["stop-color"],Z=["stop-color"],ee={key:1},te=["x","y","height","width","fill","stroke","stroke-width","rx"],le={key:2},oe=["x","y","font-size","font-weight","fill"],ae=["x","y","font-size","fill"],se=["x","y","font-size","fill"],ne=["height","width","x","onMouseover","stroke","stroke-width","rx","stroke-dasharray","onClick"],re={key:2,ref:"source",dir:"auto"},ie={__name:"vue-ui-sparkhistogram",props:{config:{type:Object,default(){return{}}},dataset:{type:Array,default(){return[]}}},emits:["selectDatapoint"],setup(B,{emit:x}){e.useCssVars(o=>({"40b52890":L.value}));const{vue_ui_sparkhistogram:E}=a.useConfig(),c=B,f=e.computed(()=>!!c.dataset&&c.dataset.length);e.onMounted(()=>{k()});function k(){a.objectIsEmpty(c.dataset)?a.error({componentName:"VueUiSparkHistogram",type:"dataset"}):c.dataset.forEach((o,r)=>{a.getMissingDatasetAttributes({datasetObject:o,requiredAttributes:["value"]}).forEach(l=>{a.error({componentName:"VueUiSparkHistogram",type:"datasetSerieAttribute",property:l,index:r})})})}const v=e.ref(a.createUid()),t=e.computed({get:()=>b(),set:o=>o}),{svgRef:w}=H.useChartAccessibility({config:t.value.style.title});function b(){const o=_.useNestedProp({userConfig:c.config,defaultConfig:E});return o.theme?{..._.useNestedProp({userConfig:a.themes.vue_ui_sparkhistogram[o.theme]||c.config,defaultConfig:o})}:o}e.watch(()=>c.config,o=>{t.value=b(),k()},{deep:!0});const u=e.computed(()=>{const o=t.value.style.layout.height,r=t.value.style.layout.width,l=t.value.style.layout.padding.top,s=o-t.value.style.layout.padding.bottom,d=t.value.style.layout.padding.left,y=r-t.value.style.layout.padding.right,p=l+(o-l-t.value.style.layout.padding.bottom)/2,g=o-t.value.style.layout.padding.top-t.value.style.layout.padding.bottom,m=r-t.value.style.layout.padding.left-t.value.style.layout.padding.right;return{bottom:s,centerY:p,drawingHeight:g,drawingWidth:m,height:o,left:d,right:y,top:l,width:r}}),C=e.computed(()=>Math.max(...c.dataset.map(o=>Math.abs(o.value||0))));function $(o){return Math.abs(o)/C.value}const i=e.computed(()=>c.dataset.map((o,r)=>{const l=$(o.value||0),s=u.value.drawingHeight*l,d=u.value.drawingWidth/c.dataset.length,y=d*(t.value.style.bars.gap/100),p=d-y,g=u.value.centerY-s/2,m=u.value.left+(y/2+r*d),V=u.value.left+r*d,h=typeof o.intensity>"u"?100:Math.round(o.intensity*100),z=o.color?o.color:o.value>=0?a.setOpacity(t.value.style.bars.colors.positive,h):a.setOpacity(t.value.style.bars.colors.negative,h),D=o.color?o.color:o.value>=0?t.value.style.bars.colors.positive:t.value.style.bars.colors.negative,A=o.color?`url(#gradient_datapoint_${r}_${v.value})`:o.value>=0?`url(#gradient_positive_${r}_${v.value})`:`url(#gradient_negative_${r}_${v.value})`,F=m+p/2;return{...o,color:z,gradient:A,height:s,intensity:h,proportion:l,stroke:D,textAnchor:F,trapX:V,unitWidth:d,width:p,x:m,y:g}})),n=e.ref(null),S=x;function N(o,r){S("selectDatapoint",{datapoint:o,index:r})}const L=e.computed(()=>`${t.value.style.animation.speedMs}ms`);return(o,r)=>(e.openBlock(),e.createElementBlock("div",{class:"vue-ui-spark-histogram",style:e.normalizeStyle(`width:100%;background:${t.value.style.backgroundColor};font-family:${t.value.style.fontFamily}`),onMouseleave:r[1]||(r[1]=l=>n.value=null)},[t.value.style.title.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`width:calc(100% - 12px);background:transparent;margin:0 auto;margin:${t.value.style.title.margin};padding: 0 6px;text-align:${t.value.style.title.textAlign}`)},[e.createElementVNode("div",{style:e.normalizeStyle(`font-size:${t.value.style.title.fontSize}px;color:${t.value.style.title.color};font-weight:${t.value.style.title.bold?"bold":"normal"}`)},[e.createTextVNode(e.toDisplayString(t.value.style.title.text)+" ",1),n.value!==null?(e.openBlock(),e.createElementBlock("span",U,"- "+e.toDisplayString(i.value[n.value].timeLabel||"")+" "+e.toDisplayString(e.unref(a.applyDataLabel)(t.value.style.labels.value.formatter,i.value[n.value].value,e.unref(a.dataLabel)({p:t.value.style.labels.value.prefix,v:i.value[n.value].value,s:t.value.style.labels.value.suffix,r:t.value.style.labels.value.rounding}),{datapoint:i.value[n.value],seriesIndex:n.value})),1)):e.createCommentVNode("",!0),![void 0,null].includes(n.value)&&![null,void 0].includes(i.value[n.value].valueLabel)?(e.openBlock(),e.createElementBlock("span",W,"("+e.toDisplayString(i.value[n.value].valueLabel||0)+")",1)):e.createCommentVNode("",!0)],4),t.value.style.title.subtitle.text?(e.openBlock(),e.createElementBlock("div",{key:0,style:e.normalizeStyle(`font-size:${t.value.style.title.subtitle.fontSize}px;color:${t.value.style.title.subtitle.color};font-weight:${t.value.style.title.subtitle.bold?"bold":"normal"}`)},e.toDisplayString(t.value.style.title.subtitle.text),5)):e.createCommentVNode("",!0)],4)):e.createCommentVNode("",!0),f.value?(e.openBlock(),e.createElementBlock("svg",{key:1,ref_key:"svgRef",ref:w,xmlns:e.unref(a.XMLNS),viewBox:`0 0 ${u.value.width} ${u.value.height}`,style:{overflow:"visible"}},[e.createVNode(q._sfc_main),o.$slots["chart-background"]?(e.openBlock(),e.createElementBlock("foreignObject",{key:0,x:0,y:0,width:u.value.width,height:u.value.height,style:{pointerEvents:"none"}},[e.renderSlot(o.$slots,"chart-background",{},void 0,!0)],8,P)):e.createCommentVNode("",!0),e.createElementVNode("defs",null,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,s)=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`gradient_positive_${s}_${v.value}`,cy:"50%",cx:"50%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(a.shiftHue)(t.value.style.bars.colors.positive,.05),l.intensity)},null,8,G),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(t.value.style.bars.colors.positive,l.intensity)},null,8,T)],8,R))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,s)=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`gradient_negative_${s}_${v.value}`,cy:"50%",cx:"50%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(a.shiftHue)(t.value.style.bars.colors.negative,.05),l.intensity)},null,8,Y),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(t.value.style.bars.colors.negative,l.intensity)},null,8,J)],8,X))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,s)=>(e.openBlock(),e.createElementBlock("radialGradient",{id:`gradient_datapoint_${s}_${v.value}`,cy:"50%",cx:"50%",r:"50%",fx:"50%",fy:"50%"},[e.createElementVNode("stop",{offset:"0%","stop-color":e.unref(a.setOpacity)(e.unref(a.shiftHue)(l.color,.05),l.intensity)},null,8,Q),e.createElementVNode("stop",{offset:"100%","stop-color":e.unref(a.setOpacity)(l.color,l.intensity)},null,8,Z)],8,K))),256))]),!t.value.style.bars.shape||t.value.style.bars.shape==="square"?(e.openBlock(),e.createElementBlock("g",ee,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,s)=>(e.openBlock(),e.createElementBlock("rect",{x:l.x,y:l.y,height:l.height,width:l.width,fill:t.value.style.bars.colors.gradient.show?l.gradient:l.color,stroke:l.stroke,"stroke-width":t.value.style.bars.strokeWidth,rx:`${t.value.style.bars.borderRadius*l.proportion/12}%`,class:e.normalizeClass({"vue-ui-sparkhistogram-shape":t.value.style.animation.show})},null,10,te))),256))])):(e.openBlock(),e.createElementBlock("g",le,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,s)=>(e.openBlock(),e.createBlock(M._sfc_main,{plot:{x:l.x+l.width/2,y:l.y+l.height/2},color:t.value.style.bars.colors.gradient.show?l.gradient:l.color,shape:t.value.style.bars.shape,radius:l.height*.4,class:e.normalizeClass({"vue-ui-sparkhistogram-shape":t.value.style.animation.show})},null,8,["plot","color","shape","radius","class"]))),256))])),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,s)=>(e.openBlock(),e.createElementBlock("text",{"text-anchor":"middle",x:l.textAnchor,y:l.y-t.value.style.labels.value.fontSize/3+t.value.style.labels.value.offsetY,"font-size":t.value.style.labels.value.fontSize,"font-weight":t.value.style.labels.value.bold?"bold":"normal",fill:t.value.style.labels.value.color},e.toDisplayString(e.unref(a.applyDataLabel)(t.value.style.labels.value.formatter,l.value,e.unref(a.dataLabel)({p:t.value.style.labels.value.prefix,v:l.value,s:t.value.style.labels.value.suffix,r:t.value.style.labels.value.rounding}),{datapoint:i.value[n.value],seriesIndex:n.value})),9,oe))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,s)=>(e.openBlock(),e.createElementBlock("g",null,[l.valueLabel?(e.openBlock(),e.createElementBlock("text",{key:0,x:l.textAnchor,y:l.y+l.height+t.value.style.labels.valueLabel.fontSize,"font-size":t.value.style.labels.valueLabel.fontSize,"text-anchor":"middle",fill:t.value.style.labels.valueLabel.color},e.toDisplayString(l.valueLabel),9,ae)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,s)=>(e.openBlock(),e.createElementBlock("g",null,[l.timeLabel?(e.openBlock(),e.createElementBlock("text",{key:0,x:l.textAnchor,y:u.value.height-t.value.style.labels.timeLabel.fontSize/2,"font-size":t.value.style.labels.timeLabel.fontSize,fill:t.value.style.labels.timeLabel.color,"text-anchor":"middle"},e.toDisplayString(l.timeLabel),9,se)):e.createCommentVNode("",!0)]))),256)),(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(i.value,(l,s)=>(e.openBlock(),e.createElementBlock("g",null,[e.createElementVNode("rect",{height:u.value.height,width:l.unitWidth,fill:"transparent",x:l.trapX,y:0,onMouseover:d=>n.value=s,onMouseleave:r[0]||(r[0]=d=>n.value=null),stroke:n.value!==null&&n.value===s?t.value.style.selector.stroke:"","stroke-width":n.value!==null&&n.value===s?t.value.style.selector.strokeWidth:0,rx:t.value.style.selector.borderRadius,"stroke-dasharray":t.value.style.selector.strokeDasharray,onClick:()=>N(l,s)},null,40,ne)]))),256))],8,j)):e.createCommentVNode("",!0),o.$slots.source?(e.openBlock(),e.createElementBlock("div",re,[e.renderSlot(o.$slots,"source",{},void 0,!0)],512)):e.createCommentVNode("",!0),f.value?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(O.default,{key:3,config:{type:"sparkHistogram",style:{backgroundColor:t.value.style.backgroundColor,sparkHistogram:{color:"#CCCCCC"}}}},null,8,["config"]))],36))}},ue=I._export_sfc(ie,[["__scopeId","data-v-c92ac914"]]);exports.default=ue;