vue-data-ui 3.13.0 → 3.13.2

package/dist/vue-ui-sparkline-Drbps9xL.js

@@ -0,0 +1,739 @@
+import { ref as g, onMounted as me, onBeforeUnmount as ke, defineAsyncComponent as Te, computed as i, toRefs as it, watch as U, shallowRef as ze, nextTick as ve, createElementBlock as v, openBlock as d, normalizeStyle as X, renderSlot as V, createCommentVNode as p, createBlock as De, normalizeProps as Ee, guardReactiveProps as Be, createElementVNode as n, toDisplayString as Y, unref as r, createVNode as dt, Fragment as ce, renderList as he, withCtx as vt, createTextVNode as ct } from "vue";
+import { c as ht, t as ft, av as fe, o as Pe, g as Re, l as yt, h as q, n as pt, an as gt, X as bt, s as K, A as ye, C as Ve, Q as Oe, a as pe, d as ge, aw as mt } from "./lib-BrVUf7jz.js";
+import { t as kt, u as Ct } from "./useResponsive-DfdjqQps.js";
+import { u as _t, a as be } from "./useNestedProp-Bamwa7TH.js";
+import { u as At, B as xt } from "./BaseScanner-BMpwQAfz.js";
+import { u as wt } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Lt } from "./useTimeLabels-DKoynYae.js";
+import { u as Mt } from "./useChartAccessibility-9icAAmYg.js";
+import { _ as $t } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const We = { style: { line: { color: "#2A2929" }, area: { color: "#65698E" }, bar: { color: "#2A2929" } } }, je = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, line: { color: "#65698E" }, area: { color: "#8D99AE" }, bar: { color: "#65698E" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, Ge = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { color: "#CCCCCC", backgroundColor: "#1A1A1A", borderColor: "#5A5A5A", backgroundOpacity: 70 } } }, Ue = { style: { backgroundColor: "#FFF8E1", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#FFF8E1" }, verticalIndicator: { color: "#FF9800" }, dataLabel: { color: "#424242" }, title: { color: "#424242" }, area: { color: "#E64A19" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, Xe = { style: { backgroundColor: "#1E1E1E", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#1E1E1E" }, verticalIndicator: { color: "#B71C1C" }, dataLabel: { color: "#BDBDBD" }, title: { color: "#BDBDBD" }, area: { color: "#E64A19" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, Ye = { style: { backgroundColor: "#1A1A1A", line: { color: "#66CC66" }, bar: { color: "#66CC66", borderRadius: 0 }, zeroLine: { color: "#5F6A5F" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, title: { color: "#66CC66" }, area: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, qe = { style: { backgroundColor: "#fbfafa", line: { color: "#B9B99D", smooth: !0 }, bar: { color: "#B9B99D", borderRadius: 3 }, zeroLine: { strokeWidth: 0 }, plot: { stroke: "#fbfafa" }, verticalIndicator: { color: "#B9B99D" }, dataLabel: { color: "#A0AC94" }, title: { color: "#8A9892" }, area: { color: "#B9B99D" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, Ke = { style: { backgroundColor: "#f6f6fb", line: { color: "#4A6A75" }, bar: { color: "#4A6A75", borderRadius: 0 }, zeroLine: { color: "#9FA9BE" }, plot: { stroke: "#f6f6fb" }, verticalIndicator: { color: "#4A6A75" }, dataLabel: { color: "#61747E" }, title: { color: "#50606C" }, area: { color: "#4A6A75" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Ze = {
+  default: {},
+  minimal: We,
+  minimalDark: je,
+  dark: Ge,
+  celebration: Ue,
+  celebrationNight: Xe,
+  hack: Ye,
+  zen: qe,
+  concrete: Ke
+}, xa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  celebration: Ue,
+  celebrationNight: Xe,
+  concrete: Ke,
+  dark: Ge,
+  default: Ze,
+  hack: Ye,
+  minimal: We,
+  minimalDark: je,
+  zen: qe
+}, Symbol.toStringTag, { value: "Module" }));
+function Nt() {
+  const _ = g(!1);
+  return me(() => {
+    const T = window.matchMedia("(prefers-reduced-motion: reduce)"), z = () => {
+      _.value = T.matches;
+    };
+    z(), T.addEventListener("change", z), ke(() => {
+      T.removeEventListener("change", z);
+    });
+  }), _;
+}
+const Ft = ["id"], It = ["xmlns", "viewBox"], St = ["width", "height"], Tt = ["id"], zt = ["stop-color"], Dt = ["stop-color"], Et = ["id"], Bt = ["stop-color"], Pt = ["stop-color"], Rt = ["id"], Vt = ["stop-color"], Ot = ["stop-color"], Wt = ["id"], jt = { key: 1 }, Gt = ["d", "fill"], Ut = ["d", "fill"], Xt = ["id", "d", "stroke", "stroke-width"], Yt = ["id", "d", "stroke", "stroke-width"], qt = {
+  key: 4,
+  style: { "pointer-events": "none" }
+}, Kt = ["d", "stroke", "stroke-width", "stroke-dasharray"], Zt = ["begin", "dur", "repeatCount", "fill", "calcMode", "keySplines", "keyTimes", "from", "to"], Qt = ["begin", "dur", "repeatCount", "fill", "values", "keyTimes"], Ht = {
+  key: 5,
+  style: { "pointer-events": "none" }
+}, Jt = ["r", "fill", "filter"], ea = ["begin", "dur", "repeatCount", "fill", "calcMode", "keySplines", "keyTimes", "keyPoints"], ta = ["href"], aa = ["dur", "repeatCount", "fill"], la = ["r", "fill"], oa = ["begin", "dur", "repeatCount", "calcMode", "keySplines", "keyTimes", "keyPoints"], ua = ["href"], ra = ["dur", "repeatCount"], na = ["x", "y", "width", "height", "fill", "rx"], sa = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], ia = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], da = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], va = ["x", "y", "font-size", "font-weight", "fill"], ca = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], ha = {
+  __name: "vue-ui-sparkline",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    },
+    showInfo: {
+      type: Boolean,
+      default: !0
+    },
+    selectedIndex: {
+      type: Number,
+      default: void 0
+    },
+    heightRatio: {
+      type: Number,
+      default: 1
+    },
+    forcedPadding: {
+      type: Number,
+      default: 30
+    }
+  },
+  emits: ["hoverIndex", "selectDatapoint"],
+  setup(_, { emit: T }) {
+    const z = Te(() => import("./PackageVersion-CdPbb2sr.js")), Qe = Te(() => import("./SparkTooltip-DObYB3vB.js")), { vue_ui_sparkline: He } = _t(), { isThemeValid: Je, warnInvalidTheme: et } = wt(), Ce = Nt(), f = _, _e = i(() => Array.isArray(f.dataset) && f.dataset.length > 0), b = g(ht()), Z = g(null), Ae = g(null), xe = g(null), e = g(ee());
+    function tt(t) {
+      return mt(t).map((a) => ({ period: "-", value: a }));
+    }
+    const { loading: Q, FINAL_DATASET: D, manualLoading: H } = At({
+      ...it(f),
+      FINAL_CONFIG: e,
+      prepareConfig: ee,
+      callback: () => {
+        Promise.resolve().then(async () => {
+          await ve(), ue();
+        });
+      },
+      skeletonDataset: tt(12),
+      skeletonConfig: ft({
+        defaultConfig: e.value,
+        userConfig: {
+          style: {
+            backgroundColor: "#99999930",
+            scaleMin: 0,
+            scaleMax: null,
+            animation: { show: !1 },
+            line: { color: "#AAAAAA", pulse: { show: !1 } },
+            bar: { color: "#AAAAAA" },
+            area: { color: "#CACACA" },
+            zeroLine: { color: "#6A6A6A" },
+            dataLabel: { show: !1 },
+            tooltip: { show: !1 }
+          }
+        }
+      })
+    }), { svgRef: J } = Mt({ config: e.value.style.title });
+    function ee() {
+      const t = be({
+        userConfig: f.config,
+        defaultConfig: He
+      });
+      let a = {};
+      const l = t.theme;
+      if (l)
+        if (!Je.value(t))
+          et(t), a = t;
+        else {
+          const o = be({
+            userConfig: Ze[l] || f.config,
+            defaultConfig: t
+          });
+          a = {
+            ...be({
+              userConfig: f.config,
+              defaultConfig: o
+            })
+          };
+        }
+      else
+        a = t;
+      return a;
+    }
+    const y = i(() => e.value?.style?.line.pulse || {}), E = i(() => `sparkline_line_path_${b.value}`), L = i(() => `${Math.max(200, Number(y.value.durationMs) || 4e3) / 1e3}s`), B = g(0), O = i(() => y.value?.begin || "0s"), we = g("0;1"), M = i(() => y.value?.loop === !1 ? "1" : "indefinite"), W = i(() => y.value?.loop === !1 ? "freeze" : void 0), Le = i(() => {
+      const t = Math.max(2, (m.value.width || 0) * 0.75);
+      return (m.value.lengthPx || 0) + t;
+    });
+    function Me() {
+      const t = J.value?.querySelector?.(`#${E.value}`);
+      if (t && typeof t.getTotalLength == "function") {
+        const a = t.getTotalLength();
+        B.value = Number.isFinite(a) ? a : 0;
+      } else
+        B.value = 0;
+    }
+    const k = i(() => {
+      const t = y.value?.easing || "ease-in-out", a = {
+        ease: [0.25, 0.1, 0.25, 1],
+        "ease-in": [0.42, 0, 1, 1],
+        "ease-out": [0, 0, 0.58, 1],
+        "ease-in-out": [0.42, 0, 0.58, 1]
+      };
+      return t === "linear" ? {
+        calcMode: "linear",
+        keySplines: null,
+        keyTimes: "0;1"
+      } : t === "steps" ? {
+        calcMode: "discrete",
+        keySplines: null,
+        keyTimes: "0;1"
+      } : {
+        calcMode: "spline",
+        keySplines: (t === "cubic-bezier" ? Array.isArray(y.value?.cubicBezier) && y.value.cubicBezier.length === 4 ? y.value.cubicBezier : [0.4, 0, 0.2, 1] : a[t] || a["ease-in-out"]).join(" "),
+        keyTimes: "0;1"
+      };
+    }), m = i(() => {
+      const t = y.value?.trail || {}, a = e.value.style.line.strokeWidth || 1;
+      return {
+        show: t.show !== !1,
+        lengthPx: Math.max(8, Number(t.length) || 32),
+        width: Math.max(1, Number(t.strokeWidth) || a * 2.2),
+        opacity: Math.min(1, Math.max(0, Number(t.opacity) ?? 0.6)),
+        fadeIn: 0.5,
+        fadeOut: 0.2
+      };
+    }), $ = i(() => fe({
+      data: D.value,
+      threshold: e.value.downsample.threshold
+    }));
+    U(() => f.config, (t) => {
+      Q.value || (e.value = ee()), Ne(), u.value.chartWidth = e.value.style.chartWidth;
+    }, { deep: !0 }), U(() => f.dataset, (t) => {
+      Array.isArray(t) && t.length > 0 && (H.value = !1), C.value = fe({
+        data: D.value.map((a) => ({
+          ...a,
+          value: [void 0].includes(a.value) ? null : a.value
+        })),
+        threshold: e.value.downsample.threshold
+      });
+    }, { deep: !0 });
+    const C = g(at());
+    function at() {
+      return fe({
+        data: D.value.map((t) => e.value.style.animation.show && D.value.length > 1 ? {
+          ...t,
+          value: null
+        } : {
+          ...t,
+          value: [void 0].includes(t.value) ? null : t.value
+        }),
+        threshold: e.value.downsample.threshold
+      });
+    }
+    const A = ze(null), N = ze(null), te = g(!1), P = g(0), ae = g([]), le = g(""), oe = i(() => {
+      const a = ($.value || []).map((o) => `${o.period}::${Number.isFinite(o.value) ? o.value : 0}`).join("|"), l = e.value?.style?.animation || {};
+      return `${a}#${!!l.show}#${l.animationFrames || 0}`;
+    });
+    function j() {
+      P.value && (cancelAnimationFrame(P.value), P.value = 0), ae.value.forEach((t) => clearTimeout(t)), ae.value = [], te.value = !1;
+    }
+    function ue() {
+      const t = e.value?.style?.animation || {}, a = $.value || [], l = oe.value;
+      if (l && l === le.value && (te.value || C.value.length === a.length))
+        return;
+      if (j(), !t.show || Q.value || a.length <= 1) {
+        C.value = a, le.value = l;
+        return;
+      }
+      te.value = !0, le.value = l, C.value = [];
+      const o = Math.max(1, Number(t.animationFrames) || 1), ie = Math.max(1, Math.floor(o / a.length));
+      let de = 0;
+      const Se = () => {
+        if (l !== oe.value) {
+          j();
+          return;
+        }
+        if (de < a.length) {
+          C.value.push(a[de]);
+          const st = setTimeout(() => {
+            P.value = requestAnimationFrame(Se);
+          }, ie);
+          ae.value.push(st), de += 1;
+        } else
+          C.value = a, j();
+      };
+      P.value = requestAnimationFrame(Se);
+    }
+    U(oe, () => {
+      ue();
+    }), me(() => {
+      Ne(), ue();
+    }), ke(() => {
+      j();
+    });
+    const $e = i(() => !!e.value.debug);
+    function Ne() {
+      if (Pe(f.dataset) ? (Re({
+        componentName: "VueUiSparkline",
+        type: "dataset",
+        debug: $e.value
+      }), H.value = !0) : f.dataset.forEach((t, a) => {
+        yt({
+          datasetObject: t,
+          requiredAttributes: ["period", "value"]
+        }).forEach((l) => {
+          Re({
+            componentName: "VueUiSparkline",
+            type: "datasetSerieAttribute",
+            property: l,
+            index: a,
+            debug: $e.value
+          });
+        });
+      }), Pe(f.dataset) || (H.value = e.value.loading), e.value.responsive) {
+        const t = kt(() => {
+          const { width: a, height: l } = Ct({
+            chart: Z.value,
+            title: e.value.style.title.show && f.showInfo ? Ae.value : null,
+            source: xe.value
+          });
+          requestAnimationFrame(() => {
+            u.value.width = a, u.value.height = l, u.value.chartWidth = e.value.style.chartWidth / 500 * a, u.value.padding = f.forcedPadding / 500 * a;
+          });
+        });
+        A.value && (N.value && A.value.unobserve(N.value), A.value.disconnect()), A.value = new ResizeObserver(t), N.value = Z.value.parentNode, A.value.observe(N.value);
+      }
+    }
+    ke(() => {
+      A.value && (N.value && A.value.unobserve(N.value), A.value.disconnect());
+    });
+    const u = g({
+      height: 80 * f.heightRatio,
+      width: 500,
+      chartWidth: e.value.style.chartWidth,
+      padding: f.forcedPadding
+    }), re = T, c = i(() => {
+      const { top: t, right: a, bottom: l, left: o } = e.value.style.padding;
+      return {
+        top: t,
+        left: o,
+        right: u.value.width - a,
+        bottom: u.value.height - l,
+        start: f.showInfo && e.value.style.dataLabel.show && e.value.style.dataLabel.position === "left" ? u.value.width - u.value.chartWidth + o : u.value.padding + o,
+        width: f.showInfo && e.value.style.dataLabel.show ? u.value.chartWidth - o - a : u.value.width - u.value.padding - o - a,
+        height: u.value.height - t - l
+      };
+    }), ne = i(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...C.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMin), lt = i(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...C.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMax), R = i(() => {
+      const t = ne.value >= 0 ? 0 : ne.value;
+      return Math.abs(t);
+    }), Fe = i(() => lt.value + R.value), F = i(() => c.value.bottom - c.value.height * se(R.value));
+    function se(t) {
+      return isNaN(t / Fe.value) ? 0 : t / Fe.value;
+    }
+    const I = i(() => $.value.length - 1 || 1), G = i(() => Lt({
+      values: $.value.map((t) => t.period),
+      maxDatapoints: $.value.length,
+      formatter: e.value.style.dataLabel.datetimeFormatter,
+      start: 0,
+      end: $.value.length
+    })), s = i(() => C.value.map((t, a) => {
+      const l = isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0, o = c.value.width / I.value;
+      return {
+        absoluteValue: l,
+        period: G.value && G.value[a] && G.value[a].text ? G.value[a].text : t.period,
+        plotValue: l + R.value,
+        toMax: se(l + R.value),
+        x: c.value.start + a * o,
+        y: c.value.bottom - c.value.height * se(l + R.value),
+        id: `plot_${b.value}_${a}`,
+        color: w.value ? e.value.style.bar.color : e.value.style.area.useGradient ? q(e.value.style.line.color, 0.05 * (1 - a / I.value)) : e.value.style.line.color,
+        width: o
+      };
+    })), ot = i(() => {
+      const t = { x: s.value[0].x || 0, y: (u.value.height || 0) - 6 }, a = { x: s.value[s.value.length - 1].x || 0, y: (u.value.height || 0) - 6 }, l = [];
+      return s.value.forEach((o) => {
+        l.push(`${o.x || 0},${o.y || 0} `);
+      }), [t.x, t.y, ...l, a.x, a.y].toString();
+    }), h = g(void 0), S = g(void 0);
+    function ut(t, a) {
+      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: a }), h.value = t, S.value || (S.value = t), re("hoverIndex", { index: a });
+    }
+    function rt(t, a) {
+      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: a }), S.value = h.value, h.value = void 0, re("hoverIndex", { index: void 0 });
+    }
+    const x = i(() => {
+      if (_e.value) {
+        const t = s.value.map((l) => l.absoluteValue), a = t.reduce((l, o) => l + o, 0);
+        return {
+          latest: s.value[s.value.length - 1] ? s.value[s.value.length - 1].absoluteValue : 0,
+          sum: a,
+          average: a / s.value.length,
+          median: gt(t),
+          trend: pt(s.value.map(({ x: l, y: o, absoluteValue: ie }) => ({
+            x: l,
+            y: o,
+            value: ie
+          }))).trend
+        };
+      } else
+        return {
+          latest: null,
+          sum: null,
+          average: null,
+          median: null,
+          trend: null
+        };
+    }), Ie = i(() => _e.value ? e.value.style.dataLabel.valueType === "latest" ? x.value.latest : e.value.style.dataLabel.valueType === "sum" ? x.value.sum : e.value.style.dataLabel.valueType === "average" ? x.value.average : 0 : 0), w = i(() => e.value.type && e.value.type === "bar");
+    function nt(t, a) {
+      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: a }), re("selectDatapoint", { datapoint: t, index: a });
+    }
+    return U(
+      () => [s.value.length, u.value.width, u.value.height, e.value?.style?.line?.smooth],
+      async () => {
+        await ve(), Me();
+      },
+      { immediate: !0 }
+    ), me(async () => {
+      await ve(), Me();
+    }), (t, a) => (d(), v("div", {
+      ref_key: "sparklineChart",
+      ref: Z,
+      class: "vue-data-ui-component vue-ui-sparkline",
+      id: b.value,
+      style: X(`width:100%;font-family:${e.value.style.fontFamily};`)
+    }, [
+      V(t.$slots, "before", Ee(Be({
+        selected: h.value,
+        latest: x.value.latest,
+        sum: x.value.sum,
+        average: x.value.average,
+        median: x.value.median,
+        trend: x.value.trend
+      })), void 0, !0),
+      e.value.style.title.show && _.showInfo ? (d(), v("div", {
+        key: 0,
+        ref_key: "chartTitle",
+        ref: Ae,
+        class: "vue-ui-sparkline-title",
+        style: X(`display:flex;align-items:center;width:100%;color:${e.value.style.title.color};background:${e.value.style.backgroundColor};justify-content:${e.value.style.title.textAlign === "left" ? "flex-start" : e.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${e.value.style.title.fontSize * 2}px;font-size:${e.value.style.title.fontSize}px;font-weight:${e.value.style.title.bold ? "bold" : "normal"};`)
+      }, [
+        n("span", {
+          style: X(`padding:${e.value.style.title.textAlign === "left" ? "0 0 0 12px" : e.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
+        }, Y(h.value ? h.value.period : e.value.style.title.text), 5)
+      ], 4)) : p("", !0),
+      (d(), v("svg", {
+        ref_key: "svgRef",
+        ref: J,
+        xmlns: r(bt),
+        viewBox: `0 0 ${u.value.width} ${u.value.height}`,
+        style: X(`background:${e.value.style.backgroundColor};overflow:visible`),
+        onMouseleave: a[0] || (a[0] = (l) => S.value = void 0)
+      }, [
+        dt(r(z)),
+        t.$slots["chart-background"] ? (d(), v("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: u.value.width <= 0 ? 10 : u.value.width,
+          height: u.value.height <= 0 ? 10 : u.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          V(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, St)) : p("", !0),
+        n("defs", null, [
+          n("linearGradient", {
+            x1: "0%",
+            y1: "0%",
+            x2: "100%",
+            y2: "0%",
+            id: `sparkline_gradient_${b.value}`
+          }, [
+            n("stop", {
+              offset: "0%",
+              "stop-color": r(K)(r(q)(e.value.style.area.color, 0.05), e.value.style.area.opacity)
+            }, null, 8, zt),
+            n("stop", {
+              offset: "100%",
+              "stop-color": r(K)(e.value.style.area.color, e.value.style.area.opacity)
+            }, null, 8, Dt)
+          ], 8, Tt),
+          n("linearGradient", {
+            x2: "0%",
+            y2: "100%",
+            id: `sparkline_bar_gradient_pos_${b.value}`
+          }, [
+            n("stop", {
+              offset: "0%",
+              "stop-color": e.value.style.bar.color
+            }, null, 8, Bt),
+            n("stop", {
+              offset: "100%",
+              "stop-color": r(q)(e.value.style.bar.color, 0.05)
+            }, null, 8, Pt)
+          ], 8, Et),
+          n("linearGradient", {
+            x2: "0%",
+            y2: "100%",
+            id: `sparkline_bar_gradient_neg_${b.value}`
+          }, [
+            n("stop", {
+              offset: "0%",
+              "stop-color": r(q)(e.value.style.bar.color, 0.05)
+            }, null, 8, Vt),
+            n("stop", {
+              offset: "100%",
+              "stop-color": e.value.style.bar.color
+            }, null, 8, Ot)
+          ], 8, Rt),
+          n("filter", {
+            id: `sparkline_pulse_glow_${b.value}`,
+            x: "-50%",
+            y: "-50%",
+            width: "200%",
+            height: "200%"
+          }, [...a[1] || (a[1] = [
+            n("feGaussianBlur", {
+              stdDeviation: "5",
+              result: "blur"
+            }, null, -1),
+            n("feMerge", null, [
+              n("feMergeNode", { in: "blur" }),
+              n("feMergeNode", { in: "SourceGraphic" })
+            ], -1)
+          ])], 8, Wt)
+        ]),
+        e.value.style.area.show && !w.value && s.value[0] && s.value.length > 1 ? (d(), v("g", jt, [
+          e.value.style.line.smooth ? (d(), v("path", {
+            key: 0,
+            d: `M ${s.value[0].x},${c.value.bottom} ${r(ye)(s.value)} L ${s.value.at(-1).x},${c.value.bottom} Z`,
+            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${b.value})` : r(K)(e.value.style.area.color, e.value.style.area.opacity),
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, null, 8, Gt)) : (d(), v("path", {
+            key: 1,
+            d: `M${ot.value}Z`,
+            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${b.value})` : r(K)(e.value.style.area.color, e.value.style.area.opacity),
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          }, null, 8, Ut))
+        ])) : p("", !0),
+        e.value.style.line.smooth && !w.value ? (d(), v("path", {
+          key: 2,
+          id: E.value,
+          d: `M ${r(ye)(s.value) || "0,0"}`,
+          stroke: e.value.style.line.color,
+          fill: "none",
+          "stroke-width": e.value.style.line.strokeWidth,
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, Xt)) : p("", !0),
+        !e.value.style.line.smooth && !w.value ? (d(), v("path", {
+          key: 3,
+          id: E.value,
+          d: `M ${r(Ve)(s.value) || "0,0"}`,
+          stroke: e.value.style.line.color,
+          fill: "none",
+          "stroke-width": e.value.style.line.strokeWidth,
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round"
+        }, null, 8, Yt)) : p("", !0),
+        y.value.show && m.value.show && !w.value && s.value.length > 1 && B.value > 0 && !r(Ce) ? (d(), v("g", qt, [
+          n("path", {
+            d: e.value.style.line.smooth ? `M ${r(ye)(s.value) || "0,0"}` : `M ${r(Ve)(s.value) || "0,0"}`,
+            stroke: y.value.color,
+            fill: "none",
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            "stroke-width": m.value.width,
+            opacity: "0",
+            "stroke-dasharray": `${m.value.lengthPx} ${Math.max(1, B.value - m.value.lengthPx)}`
+          }, [
+            n("animate", {
+              attributeName: "stroke-dashoffset",
+              begin: O.value,
+              dur: L.value,
+              repeatCount: M.value,
+              fill: W.value,
+              calcMode: k.value.calcMode,
+              keySplines: k.value.keySplines || void 0,
+              keyTimes: k.value.keyTimes || void 0,
+              from: B.value + Le.value,
+              to: Le.value
+            }, null, 8, Zt),
+            n("animate", {
+              attributeName: "opacity",
+              begin: O.value,
+              dur: L.value,
+              repeatCount: M.value,
+              fill: W.value,
+              values: `0;${m.value.opacity};${m.value.opacity};0`,
+              keyTimes: `0;${m.value.fadeIn};${1 - m.value.fadeOut};1`
+            }, null, 8, Qt)
+          ], 8, Kt)
+        ])) : p("", !0),
+        y.value.show && !w.value && s.value.length > 1 && !r(Ce) ? (d(), v("g", Ht, [
+          n("circle", {
+            r: y.value.radius,
+            fill: y.value.color,
+            filter: `url(#sparkline_pulse_glow_${b.value})`,
+            opacity: "0"
+          }, [
+            n("animateMotion", {
+              begin: O.value,
+              dur: L.value,
+              repeatCount: M.value,
+              fill: W.value,
+              calcMode: k.value.calcMode,
+              keySplines: k.value.keySplines || void 0,
+              keyTimes: k.value.keyTimes || void 0,
+              keyPoints: we.value,
+              rotate: "auto"
+            }, [
+              n("mpath", {
+                href: `#${E.value}`
+              }, null, 8, ta)
+            ], 8, ea),
+            n("animate", {
+              attributeName: "opacity",
+              dur: L.value,
+              repeatCount: M.value,
+              fill: W.value,
+              values: "0;1;1;0",
+              keyTimes: "0;0.1;0.9;1"
+            }, null, 8, aa)
+          ], 8, Jt),
+          n("circle", {
+            r: Math.max(y.value.radius * 1.3),
+            fill: y.value.color,
+            opacity: "0"
+          }, [
+            n("animateMotion", {
+              begin: O.value,
+              dur: L.value,
+              repeatCount: M.value,
+              calcMode: k.value.calcMode,
+              keySplines: k.value.keySplines || void 0,
+              keyTimes: k.value.keyTimes || void 0,
+              keyPoints: we.value,
+              keyPointsKeyTimes: "0;1",
+              rotate: "auto"
+            }, [
+              n("mpath", {
+                href: `#${E.value}`
+              }, null, 8, ua)
+            ], 8, oa),
+            n("animate", {
+              attributeName: "opacity",
+              values: "0;0.35;0.35;0",
+              keyTimes: "0;0.15;0.85;1",
+              dur: L.value,
+              repeatCount: M.value
+            }, null, 8, ra)
+          ], 8, la)
+        ])) : p("", !0),
+        (d(!0), v(ce, null, he(s.value, (l, o) => (d(), v("g", null, [
+          w.value ? (d(), v("rect", {
+            key: 0,
+            x: l.x - l.width / 2,
+            y: isNaN(l.absoluteValue > 0 ? l.y : F.value) ? 0 : l.absoluteValue > 0 ? l.y : F.value,
+            width: l.width,
+            height: isNaN(Math.abs(l.y - F.value)) ? 0 : Math.abs(l.y - F.value),
+            fill: l.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${b.value})` : `url(#sparkline_bar_gradient_neg_${b.value})`,
+            rx: e.value.style.bar.borderRadius
+          }, null, 8, na)) : p("", !0),
+          e.value.style.verticalIndicator.show && (h.value && l.id === h.value.id || _.selectedIndex === o) ? (d(), v("line", {
+            key: 1,
+            x1: l.x,
+            x2: l.x,
+            y1: c.value.top - 6,
+            y2: c.value.bottom,
+            stroke: e.value.style.verticalIndicator.color || l.color,
+            "stroke-width": e.value.style.verticalIndicator.strokeWidth,
+            "stroke-linecap": "round",
+            "stroke-dasharray": e.value.style.verticalIndicator.strokeDasharray || 0
+          }, null, 8, sa)) : p("", !0)
+        ]))), 256)),
+        ne.value < 0 ? (d(), v("line", {
+          key: 6,
+          x1: c.value.start,
+          x2: c.value.start + c.value.width,
+          y1: r(Oe)(F.value, c.value.bottom),
+          y2: r(Oe)(F.value, c.value.bottom),
+          stroke: e.value.style.zeroLine.color,
+          "stroke-dasharray": e.value.style.zeroLine.strokeWidth * 2,
+          "stroke-width": e.value.style.zeroLine.strokeWidth,
+          "stroke-linecap": "round"
+        }, null, 8, ia)) : p("", !0),
+        e.value.style.plot.show ? (d(!0), v(ce, { key: 7 }, he(s.value, (l, o) => (d(), v("g", null, [
+          h.value && l.id === h.value.id || _.selectedIndex === o || r(D).length === 1 ? (d(), v("circle", {
+            key: 0,
+            cx: l.x,
+            cy: l.y,
+            r: e.value.style.plot.radius,
+            fill: l.color,
+            stroke: e.value.style.plot.stroke,
+            "stroke-width": e.value.style.plot.strokeWidth
+          }, null, 8, da)) : p("", !0)
+        ]))), 256)) : p("", !0),
+        _.showInfo && e.value.style.dataLabel.show ? (d(), v("text", {
+          key: 8,
+          x: e.value.style.dataLabel.position === "left" ? 12 + e.value.style.dataLabel.offsetX : c.value.width + 12 + e.value.style.dataLabel.offsetX,
+          y: u.value.height / 2 + e.value.style.dataLabel.fontSize / 2.5 + e.value.style.dataLabel.offsetY,
+          "font-size": e.value.style.dataLabel.fontSize,
+          "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal",
+          fill: e.value.style.dataLabel.color
+        }, Y(h.value ? r(pe)(
+          e.value.style.dataLabel.formatter,
+          h.value.absoluteValue,
+          r(ge)({ p: e.value.style.dataLabel.prefix, v: h.value.absoluteValue, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue }),
+          { datapoint: h.value }
+        ) : r(pe)(
+          e.value.style.dataLabel.formatter,
+          Ie.value,
+          r(ge)({ p: e.value.style.dataLabel.prefix, v: Ie.value, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue })
+        )), 9, va)) : p("", !0),
+        (d(!0), v(ce, null, he(s.value, (l, o) => (d(), v("rect", {
+          x: l.x - (c.value.width / (I.value + 1) > u.value.padding ? u.value.padding : c.value.width / (I.value + 1)) / 2,
+          y: c.value.top - 6,
+          height: c.value.height + 6,
+          width: c.value.width / (I.value + 1) > u.value.padding ? u.value.padding : c.value.width / (I.value + 1),
+          fill: "transparent",
+          onMouseenter: () => ut(l, o),
+          onMouseleave: () => rt(l, o),
+          onClick: () => nt(l, o)
+        }, null, 40, ca))), 256)),
+        V(t.$slots, "svg", { svg: u.value }, void 0, !0)
+      ], 44, It)),
+      h.value && e.value.style.tooltip.show ? (d(), De(r(Qe), {
+        key: 1,
+        x: h.value.x,
+        y: h.value.y,
+        prevX: S.value.x,
+        prevY: S.value.y,
+        offsetY: e.value.style.plot.radius * 3 + e.value.style.tooltip.offsetY,
+        svgRef: r(J),
+        background: e.value.style.tooltip.backgroundColor,
+        color: e.value.style.tooltip.color,
+        fontSize: e.value.style.tooltip.fontSize,
+        borderWidth: e.value.style.tooltip.borderWidth,
+        borderColor: e.value.style.tooltip.borderColor,
+        borderRadius: e.value.style.tooltip.borderRadius,
+        backgroundOpacity: e.value.style.tooltip.backgroundOpacity
+      }, {
+        default: vt(() => [
+          V(t.$slots, "tooltip", Ee(Be({ ...h.value })), () => [
+            ct(Y(h.value.period) + ": " + Y(r(pe)(
+              e.value.style.dataLabel.formatter,
+              h.value.absoluteValue,
+              r(ge)({
+                p: e.value.style.dataLabel.prefix,
+                v: h.value.absoluteValue,
+                s: e.value.style.dataLabel.suffix,
+                r: e.value.style.dataLabel.roundingValue
+              }),
+              { datapoint: h.value }
+            )), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["x", "y", "prevX", "prevY", "offsetY", "svgRef", "background", "color", "fontSize", "borderWidth", "borderColor", "borderRadius", "backgroundOpacity"])) : p("", !0),
+      t.$slots.source ? (d(), v("div", {
+        key: 2,
+        ref_key: "source",
+        ref: xe,
+        dir: "auto"
+      }, [
+        V(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : p("", !0),
+      r(Q) ? (d(), De(xt, { key: 3 })) : p("", !0)
+    ], 12, Ft));
+  }
+}, fa = /* @__PURE__ */ $t(ha, [["__scopeId", "data-v-df366775"]]), wa = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: fa
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  xa as a,
+  wa as b,
+  fa as v
+};