vue-data-ui 3.15.2 → 3.15.3

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

@@ -1,856 +0,0 @@
-import { ref as g, onMounted as Le, onBeforeUnmount as le, computed as i, watch as x, nextTick as M, createElementBlock as c, createCommentVNode as m, openBlock as d, Fragment as K, renderList as te, createElementVNode as p, defineAsyncComponent as De, toRefs as pt, shallowRef as Be, watchEffect as yt, normalizeStyle as N, renderSlot as z, createBlock as ke, normalizeProps as Re, guardReactiveProps as Ee, toDisplayString as Q, unref as r, createVNode as gt, withCtx as bt, createTextVNode as mt } from "vue";
-import { c as kt, t as ze, aA as Ce, o as Oe, g as Ve, l as Ct, h as J, n as At, ap as wt, X as xt, s as ee, A as qe, C as Lt, Q as je, a as Ae, d as we, aB as Mt } from "./lib-swBj76n5.js";
-import { t as _t, u as $t } from "./useResponsive-DfdjqQps.js";
-import { u as Nt, a as xe } from "./useNestedProp-C4DkSVBD.js";
-import { u as It, B as St } from "./BaseScanner-BMpwQAfz.js";
-import { u as Ft } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as Tt } from "./useTimeLabels-C-A2uZKi.js";
-import { u as Pt } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as Dt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const We = { style: { line: { color: "#2A2929" }, area: { color: "#65698E" }, bar: { color: "#2A2929" } } }, Ge = { 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" } } }, Ke = { 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" } } }, Ze = { 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" } } }, He = { 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" } } }, Qe = {
-  default: {},
-  minimal: We,
-  minimalDark: Ge,
-  dark: Ke,
-  celebration: Ue,
-  celebrationNight: Xe,
-  hack: Ye,
-  zen: Ze,
-  concrete: He
-}, $l = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  celebration: Ue,
-  celebrationNight: Xe,
-  concrete: He,
-  dark: Ke,
-  default: Qe,
-  hack: Ye,
-  minimal: We,
-  minimalDark: Ge,
-  zen: Ze
-}, Symbol.toStringTag, { value: "Module" }));
-function Bt() {
-  const n = g(!1);
-  return Le(() => {
-    const b = window.matchMedia("(prefers-reduced-motion: reduce)"), w = () => {
-      n.value = b.matches;
-    };
-    w(), b.addEventListener("change", w), le(() => {
-      b.removeEventListener("change", w);
-    });
-  }), n;
-}
-const Rt = {
-  key: 0,
-  style: { "pointer-events": "none" }
-}, Et = ["r", "fill", "filter"], zt = ["begin", "dur", "repeatCount", "fill", "calcMode", "keySplines", "keyTimes", "keyPoints"], Ot = ["href"], Vt = ["dur", "repeatCount", "fill", "values"], qt = ["r", "fill"], jt = ["begin", "dur", "repeatCount", "calcMode", "keySplines", "keyTimes", "keyPoints"], Wt = ["href"], Gt = ["dur", "repeatCount"], Kt = {
-  __name: "SparklinePulse",
-  props: {
-    uid: { type: String, required: !0 },
-    svgRef: { type: Object, default: null },
-    pulsePathId: { type: String, required: !0 },
-    pulsePathLength: { type: Number, required: !0 },
-    pulseDur: { type: String, required: !0 },
-    pulseBegin: { type: String, required: !0 },
-    pulseRepeatCount: { type: String, required: !0 },
-    pulseFillMode: { type: String, default: void 0 },
-    pulseKeyPoints: { type: String, required: !0 },
-    pulseMotion: { type: Object, required: !0 },
-    pulse: { type: Object, required: !0 },
-    pulseTrail: { type: Object, required: !0 },
-    pulseTrailLength: { type: Number, required: !0 },
-    prefersReducedMotion: { type: Boolean, required: !0 },
-    loading: { type: Boolean, required: !0 },
-    isBar: { type: Boolean, required: !0 }
-  },
-  setup(n) {
-    const b = n, w = i(() => Math.min(b.pulseTrailLength, 45)), ae = i(() => !!b.pulse?.show && !b.isBar && !b.prefersReducedMotion && !b.loading && Number(b.pulsePathLength) > 0);
-    function T() {
-      const o = b.svgRef?.value;
-      o && (typeof o.pauseAnimations == "function" && o.pauseAnimations(), typeof o.setCurrentTime == "function" && o.setCurrentTime(0), typeof o.unpauseAnimations == "function" && o.unpauseAnimations());
-    }
-    function oe(o, I) {
-      if (typeof o != "string") return o;
-      const y = o.trim().match(/^([\d.]+)\s*(ms|s)$/);
-      if (!y) return o;
-      const k = Number(y[1]), X = y[2];
-      return Number.isNaN(k) ? o : `${k + I}${X}`;
-    }
-    function ue(o) {
-      return (w.value - o) / w.value * b.pulse.radius;
-    }
-    function U(o) {
-      const I = b.pulse.trail.opacity, y = (w.value - o) / w.value, k = o === 0 ? 1 : y * I;
-      return `0;${k};${k};0`;
-    }
-    return x(
-      () => b.loading,
-      async (o) => {
-        if (o) {
-          T();
-          return;
-        }
-        await M(), T();
-      }
-    ), x(
-      () => b.pulsePathId,
-      async () => {
-        await M(), T();
-      }
-    ), le(() => {
-      T();
-    }), (o, I) => ae.value ? (d(), c("g", Rt, [
-      (d(!0), c(K, null, te(w.value, (y, k) => (d(), c(K, null, [
-        k % 3 === 0 ? (d(), c("circle", {
-          key: `sparkline_dot_${k}_${n.pulsePathId}`,
-          r: ue(k),
-          fill: n.pulse.color,
-          filter: `url(#sparkline_pulse_glow_${n.uid})`,
-          opacity: "0"
-        }, [
-          p("animateMotion", {
-            begin: oe(n.pulseBegin, k * 10),
-            dur: n.pulseDur,
-            repeatCount: n.pulseRepeatCount,
-            fill: n.pulseFillMode,
-            calcMode: n.pulseMotion.calcMode,
-            keySplines: n.pulseMotion.keySplines || void 0,
-            keyTimes: n.pulseMotion.keyTimes || void 0,
-            keyPoints: n.pulseKeyPoints,
-            rotate: "auto"
-          }, [
-            p("mpath", {
-              href: `#${n.pulsePathId}`
-            }, null, 8, Ot)
-          ], 8, zt),
-          p("animate", {
-            attributeName: "opacity",
-            dur: n.pulseDur,
-            repeatCount: n.pulseRepeatCount,
-            fill: n.pulseFillMode,
-            values: U(k),
-            keyTimes: "0;0.1;0.9;1"
-          }, null, 8, Vt)
-        ], 8, Et)) : m("", !0)
-      ], 64))), 256)),
-      (d(), c("circle", {
-        key: `sparkline_halo_${n.pulsePathId}`,
-        r: Math.max(n.pulse.radius * 1.3),
-        fill: n.pulse.color,
-        opacity: "0"
-      }, [
-        p("animateMotion", {
-          begin: n.pulseBegin,
-          dur: n.pulseDur,
-          repeatCount: n.pulseRepeatCount,
-          calcMode: n.pulseMotion.calcMode,
-          keySplines: n.pulseMotion.keySplines || void 0,
-          keyTimes: n.pulseMotion.keyTimes || void 0,
-          keyPoints: n.pulseKeyPoints,
-          rotate: "auto"
-        }, [
-          p("mpath", {
-            href: `#${n.pulsePathId}`
-          }, null, 8, Wt)
-        ], 8, jt),
-        p("animate", {
-          attributeName: "opacity",
-          values: "0;0.35;0.35;0",
-          keyTimes: "0;0.15;0.85;1",
-          dur: n.pulseDur,
-          repeatCount: n.pulseRepeatCount
-        }, null, 8, Gt)
-      ], 8, qt))
-    ])) : m("", !0);
-  }
-}, Ut = ["id"], Xt = ["xmlns", "viewBox"], Yt = ["width", "height"], Zt = ["id"], Ht = ["stop-color"], Qt = ["stop-color"], Jt = ["id"], el = ["stop-color"], tl = ["stop-color"], ll = ["id"], al = ["stop-color"], ol = ["stop-color"], ul = ["id"], nl = { key: 1 }, rl = ["d", "fill"], sl = ["d", "fill"], il = ["id", "d", "stroke", "stroke-width"], dl = ["id", "d", "stroke", "stroke-width"], cl = ["x", "y", "width", "height", "fill", "rx"], vl = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], fl = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], hl = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], pl = ["x", "y", "font-size", "font-weight", "fill"], yl = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], gl = {
-  __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(n, { emit: b }) {
-    const w = De(() => import("./PackageVersion-B6IEJQ5U.js")), ae = De(() => import("./SparkTooltip-0RaBXTYZ.js")), { vue_ui_sparkline: T } = Nt(), { isThemeValid: oe, warnInvalidTheme: ue } = Ft(), U = Bt(), o = n, I = i(() => Array.isArray(o.dataset) && o.dataset.length > 0), y = g(kt()), k = g(null), X = g(null), ne = g(null), e = g(se());
-    function Je(t) {
-      return o.config?.skeletonDataset && Array.isArray(o.config.skeletonDataset) ? o.config.skeletonDataset.map((l) => ({ period: "-", value: l })) : Mt(t).map((l) => ({ period: "-", value: l }));
-    }
-    const et = i(() => ze({
-      defaultConfig: {
-        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 }
-        }
-      },
-      userConfig: e.value.skeletonConfig ?? {}
-    })), { loading: C, FINAL_DATASET: O, manualLoading: re } = It({
-      ...pt(o),
-      FINAL_CONFIG: e,
-      prepareConfig: se,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await M(), he();
-        });
-      },
-      skeletonDataset: Je(12),
-      skeletonConfig: ze({
-        defaultConfig: e.value,
-        userConfig: et.value
-      })
-    }), { svgRef: Y } = Pt({ config: e.value.style.title });
-    function se() {
-      const t = xe({
-        userConfig: o.config,
-        defaultConfig: T
-      });
-      let l = {};
-      const a = t.theme;
-      if (a)
-        if (!oe.value(t))
-          ue(t), l = t;
-        else {
-          const u = xe({
-            userConfig: Qe[a] || o.config,
-            defaultConfig: t
-          });
-          l = {
-            ...xe({
-              userConfig: o.config,
-              defaultConfig: u
-            })
-          };
-        }
-      else
-        l = t;
-      return l;
-    }
-    const A = i(() => e.value?.style?.line.pulse || {}), tt = i(() => `${Math.max(200, Number(A.value.durationMs) || 4e3) / 1e3}s`), Z = g(0), lt = i(() => A.value?.begin || "0ms"), at = g("0;1"), ot = i(() => A.value?.loop === !1 ? "1" : "indefinite"), ut = i(() => A.value?.loop === !1 ? "freeze" : void 0), nt = i(() => A.value.trail.show && Me.value.lengthPx || 1), ie = i(() => !!A.value?.show && !S.value && !U.value && !C.value && (v.value?.length || 0) > 1);
-    function de() {
-      if (!ie.value) {
-        Z.value = 0;
-        return;
-      }
-      const t = Y.value;
-      if (!t) return;
-      const l = `#${j.value}`, a = t.querySelector?.(l);
-      if (a && typeof a.getTotalLength == "function") {
-        const u = a.getTotalLength();
-        Number.isFinite(u) && u > 0 && (Z.value = u);
-        return;
-      }
-      requestAnimationFrame(() => {
-        const u = t.querySelector?.(l);
-        if (u && typeof u.getTotalLength == "function") {
-          const F = u.getTotalLength();
-          Number.isFinite(F) && F > 0 && (Z.value = F);
-        }
-      });
-    }
-    const rt = i(() => {
-      const t = A.value?.easing || "ease-in-out", l = {
-        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(A.value?.cubicBezier) && A.value.cubicBezier.length === 4 ? A.value.cubicBezier : [0.4, 0, 0.2, 1] : l[t] || l["ease-in-out"]).join(" "),
-        keyTimes: "0;1"
-      };
-    }), Me = i(() => {
-      const t = A.value?.trail || {}, l = e.value.style.line.strokeWidth || 1;
-      return {
-        show: t.show !== !1,
-        lengthPx: t.length,
-        width: Math.max(1, Number(t.strokeWidth) || l * 2.2),
-        opacity: Math.min(1, Math.max(0, Number(t.opacity) ?? 0.6)),
-        fadeIn: 0.5,
-        fadeOut: 0.2
-      };
-    }), P = i(() => Ce({
-      data: O.value,
-      threshold: e.value.downsample.threshold
-    }));
-    x(() => o.config, (t) => {
-      C.value || (e.value = se()), Ie(), s.value.chartWidth = e.value.style.chartWidth;
-    }, { deep: !0 }), x(() => o.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (re.value = !1), L.value = Ce({
-        data: O.value.map((l) => ({
-          ...l,
-          value: [void 0].includes(l.value) ? null : l.value
-        })),
-        threshold: e.value.downsample.threshold
-      });
-    }, { deep: !0 });
-    const L = g(st());
-    function st() {
-      return Ce({
-        data: O.value.map((t) => e.value.style.animation.show && O.value.length > 1 ? {
-          ...t,
-          value: null
-        } : {
-          ...t,
-          value: [void 0].includes(t.value) ? null : t.value
-        }),
-        threshold: e.value.downsample.threshold
-      });
-    }
-    const _ = Be(null), D = Be(null), V = g(!1), q = g(0), ce = g([]), ve = g(""), fe = i(() => {
-      const l = (P.value || []).map((u) => `${u.period}::${Number.isFinite(u.value) ? u.value : 0}`).join("|"), a = e.value?.style?.animation || {};
-      return `${l}#${!!a.show}#${a.animationFrames || 0}`;
-    });
-    function H() {
-      q.value && (cancelAnimationFrame(q.value), q.value = 0), ce.value.forEach((t) => clearTimeout(t)), ce.value = [], V.value = !1;
-    }
-    function he() {
-      const t = e.value?.style?.animation || {}, l = P.value || [], a = fe.value;
-      if (a && a === ve.value && (V.value || L.value.length === l.length))
-        return;
-      if (H(), !t.show || C.value || l.length <= 1) {
-        L.value = l, ve.value = a;
-        return;
-      }
-      V.value = !0, ve.value = a, L.value = [];
-      const u = Math.max(1, Number(t.animationFrames) || 1), F = Math.max(1, Math.floor(u / l.length));
-      let me = 0;
-      const Pe = () => {
-        if (a !== fe.value) {
-          H();
-          return;
-        }
-        if (me < l.length) {
-          L.value.push(l[me]);
-          const ht = setTimeout(() => {
-            q.value = requestAnimationFrame(Pe);
-          }, F);
-          ce.value.push(ht), me += 1;
-        } else
-          L.value = l, H();
-      };
-      q.value = requestAnimationFrame(Pe);
-    }
-    x(fe, () => {
-      he();
-    }), Le(() => {
-      Ie(), he();
-    }), le(() => {
-      H();
-    });
-    const _e = g(0);
-    x(
-      () => C.value,
-      async (t) => {
-        t || (await M(), _e.value += 1);
-      }
-    ), x(
-      () => V.value,
-      async (t) => {
-        t || C.value || (await M(), _e.value += 1);
-      }
-    );
-    const j = i(() => `sparkline_line_path_${y.value}`), pe = g(!0);
-    async function $e() {
-      pe.value = !1, await M(), pe.value = !0, await M(), de();
-    }
-    const Ne = i(() => !!e.value.debug);
-    function Ie() {
-      if (Oe(o.dataset) ? (Ve({
-        componentName: "VueUiSparkline",
-        type: "dataset",
-        debug: Ne.value
-      }), re.value = !0) : o.dataset.forEach((t, l) => {
-        Ct({
-          datasetObject: t,
-          requiredAttributes: ["period", "value"]
-        }).forEach((a) => {
-          Ve({
-            componentName: "VueUiSparkline",
-            type: "datasetSerieAttribute",
-            property: a,
-            index: l,
-            debug: Ne.value
-          });
-        });
-      }), Oe(o.dataset) || (re.value = e.value.loading), e.value.responsive) {
-        const t = _t(() => {
-          const { width: l, height: a } = $t({
-            chart: k.value,
-            title: e.value.style.title.show && o.showInfo ? X.value : null,
-            source: ne.value
-          });
-          requestAnimationFrame(() => {
-            s.value.width = l, s.value.height = a, s.value.chartWidth = e.value.style.chartWidth / 500 * l, s.value.padding = o.forcedPadding / 500 * l;
-          });
-        });
-        _.value && (D.value && _.value.unobserve(D.value), _.value.disconnect()), _.value = new ResizeObserver(t), D.value = k.value.parentNode, _.value.observe(D.value);
-      }
-    }
-    le(() => {
-      _.value && (D.value && _.value.unobserve(D.value), _.value.disconnect());
-    });
-    const s = g({
-      height: 80 * o.heightRatio,
-      width: 500,
-      chartWidth: e.value.style.chartWidth,
-      padding: o.forcedPadding
-    }), ye = b, f = i(() => {
-      const { top: t, right: l, bottom: a, left: u } = e.value.style.padding;
-      return {
-        top: t,
-        left: u,
-        right: s.value.width - l,
-        bottom: s.value.height - a,
-        start: o.showInfo && e.value.style.dataLabel.show && e.value.style.dataLabel.position === "left" ? s.value.width - s.value.chartWidth + u : s.value.padding + u,
-        width: o.showInfo && e.value.style.dataLabel.show ? s.value.chartWidth - u - l : s.value.width - s.value.padding - u - l,
-        height: s.value.height - t - a
-      };
-    }), ge = i(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...L.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), it = i(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...L.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), W = i(() => {
-      const t = ge.value >= 0 ? 0 : ge.value;
-      return Math.abs(t);
-    }), Se = i(() => it.value + W.value), B = i(() => f.value.bottom - f.value.height * be(W.value));
-    function be(t) {
-      return isNaN(t / Se.value) ? 0 : t / Se.value;
-    }
-    const R = i(() => P.value.length - 1 || 1), G = g([]);
-    let Fe = 0;
-    yt(() => {
-      const t = ++Fe;
-      (async () => {
-        const l = await Tt({
-          values: P.value.map((a) => a.period),
-          maxDatapoints: P.value.length,
-          formatter: e.value.style.dataLabel.datetimeFormatter,
-          start: 0,
-          end: P.value.length
-        });
-        t === Fe && (G.value = l);
-      })();
-    });
-    const v = i(() => L.value.map((t, l) => {
-      const a = isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0, u = f.value.width / R.value;
-      return {
-        absoluteValue: a,
-        period: G.value && G.value[l] && G.value[l].text ? G.value[l].text : t.period,
-        plotValue: a + W.value,
-        toMax: be(a + W.value),
-        x: f.value.start + l * u,
-        y: f.value.bottom - f.value.height * be(a + W.value),
-        id: `plot_${y.value}_${l}`,
-        color: S.value ? e.value.style.bar.color : e.value.style.area.useGradient ? J(e.value.style.line.color, 0.05 * (1 - l / R.value)) : e.value.style.line.color,
-        width: u
-      };
-    })), dt = i(() => {
-      const t = { x: v.value[0].x || 0, y: (s.value.height || 0) - 6 }, l = { x: v.value[v.value.length - 1].x || 0, y: (s.value.height || 0) - 6 }, a = [];
-      return v.value.forEach((u) => {
-        a.push(`${u.x || 0},${u.y || 0} `);
-      }), [t.x, t.y, ...a, l.x, l.y].toString();
-    }), h = g(void 0), E = g(void 0);
-    function ct(t, l) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), h.value = t, E.value || (E.value = t), ye("hoverIndex", { index: l });
-    }
-    function vt(t, l) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l }), E.value = h.value, h.value = void 0, ye("hoverIndex", { index: void 0 });
-    }
-    const $ = i(() => {
-      if (I.value) {
-        const t = v.value.map((a) => a.absoluteValue), l = t.reduce((a, u) => a + u, 0);
-        return {
-          latest: v.value[v.value.length - 1] ? v.value[v.value.length - 1].absoluteValue : 0,
-          sum: l,
-          average: l / v.value.length,
-          median: wt(t),
-          trend: At(v.value.map(({ x: a, y: u, absoluteValue: F }) => ({
-            x: a,
-            y: u,
-            value: F
-          }))).trend
-        };
-      } else
-        return {
-          latest: null,
-          sum: null,
-          average: null,
-          median: null,
-          trend: null
-        };
-    }), Te = i(() => I.value ? e.value.style.dataLabel.valueType === "latest" ? $.value.latest : e.value.style.dataLabel.valueType === "sum" ? $.value.sum : e.value.style.dataLabel.valueType === "average" ? $.value.average : 0 : 0), S = i(() => e.value.type && e.value.type === "bar");
-    function ft(t, l) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l }), ye("selectDatapoint", { datapoint: t, index: l });
-    }
-    return x(
-      () => [
-        ie.value,
-        j.value,
-        v.value.length,
-        s.value.width,
-        s.value.height,
-        e.value?.style?.line?.smooth
-      ],
-      async () => {
-        await M(), de();
-      },
-      { immediate: !0 }
-    ), Le(async () => {
-      await M(), de();
-    }), x(
-      () => C.value,
-      async (t) => {
-        t || await $e();
-      }
-    ), x(
-      () => V.value,
-      async (t) => {
-        t || C.value || await $e();
-      }
-    ), (t, l) => (d(), c("div", {
-      ref_key: "sparklineChart",
-      ref: k,
-      class: "vue-data-ui-component vue-ui-sparkline",
-      id: y.value,
-      style: N(`width:100%;font-family:${e.value.style.fontFamily};`)
-    }, [
-      z(t.$slots, "before", Re(Ee({
-        selected: h.value,
-        latest: $.value.latest,
-        sum: $.value.sum,
-        average: $.value.average,
-        median: $.value.median,
-        trend: $.value.trend
-      })), void 0, !0),
-      e.value.style.title.show && n.showInfo ? (d(), c("div", {
-        key: 0,
-        ref_key: "chartTitle",
-        ref: X,
-        class: "vue-ui-sparkline-title",
-        style: N(`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"};`)
-      }, [
-        p("span", {
-          style: N(`padding:${e.value.style.title.textAlign === "left" ? "0 0 0 12px" : e.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
-        }, Q(h.value ? h.value.period : e.value.style.title.text), 5)
-      ], 4)) : m("", !0),
-      (d(), c("svg", {
-        ref_key: "svgRef",
-        ref: Y,
-        xmlns: r(xt),
-        viewBox: `0 0 ${s.value.width} ${s.value.height}`,
-        style: N(`background:${e.value.style.backgroundColor};overflow:visible`),
-        onMouseleave: l[0] || (l[0] = (a) => E.value = void 0)
-      }, [
-        gt(r(w)),
-        t.$slots["chart-background"] ? (d(), c("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: s.value.width <= 0 ? 10 : s.value.width,
-          height: s.value.height <= 0 ? 10 : s.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          z(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, Yt)) : m("", !0),
-        p("defs", null, [
-          p("linearGradient", {
-            x1: "0%",
-            y1: "0%",
-            x2: "100%",
-            y2: "0%",
-            id: `sparkline_gradient_${y.value}`
-          }, [
-            p("stop", {
-              offset: "0%",
-              "stop-color": r(ee)(r(J)(e.value.style.area.color, 0.05), e.value.style.area.opacity)
-            }, null, 8, Ht),
-            p("stop", {
-              offset: "100%",
-              "stop-color": r(ee)(e.value.style.area.color, e.value.style.area.opacity)
-            }, null, 8, Qt)
-          ], 8, Zt),
-          p("linearGradient", {
-            x2: "0%",
-            y2: "100%",
-            id: `sparkline_bar_gradient_pos_${y.value}`
-          }, [
-            p("stop", {
-              offset: "0%",
-              "stop-color": e.value.style.bar.color
-            }, null, 8, el),
-            p("stop", {
-              offset: "100%",
-              "stop-color": r(J)(e.value.style.bar.color, 0.05)
-            }, null, 8, tl)
-          ], 8, Jt),
-          p("linearGradient", {
-            x2: "0%",
-            y2: "100%",
-            id: `sparkline_bar_gradient_neg_${y.value}`
-          }, [
-            p("stop", {
-              offset: "0%",
-              "stop-color": r(J)(e.value.style.bar.color, 0.05)
-            }, null, 8, al),
-            p("stop", {
-              offset: "100%",
-              "stop-color": e.value.style.bar.color
-            }, null, 8, ol)
-          ], 8, ll),
-          p("filter", {
-            id: `sparkline_pulse_glow_${y.value}`,
-            filterUnits: "userSpaceOnUse",
-            x: "-50",
-            y: "-50",
-            width: "100",
-            height: "100"
-          }, [...l[1] || (l[1] = [
-            p("feGaussianBlur", {
-              in: "SourceGraphic",
-              stdDeviation: "3",
-              result: "blur"
-            }, null, -1),
-            p("feMerge", null, [
-              p("feMergeNode", { in: "blur" }),
-              p("feMergeNode", { in: "SourceGraphic" })
-            ], -1)
-          ])], 8, ul)
-        ]),
-        e.value.style.area.show && !S.value && v.value[0] && v.value.length > 1 ? (d(), c("g", nl, [
-          e.value.style.line.smooth ? (d(), c("path", {
-            key: 0,
-            class: "vue-ui-sparkline-area",
-            d: `M ${v.value[0].x},${f.value.bottom} ${r(qe)(v.value)} L ${v.value.at(-1).x},${f.value.bottom} Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${y.value})` : r(ee)(e.value.style.area.color, e.value.style.area.opacity),
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            style: N({
-              transition: r(C) ? void 0 : "all 0.2s"
-            })
-          }, null, 12, rl)) : (d(), c("path", {
-            key: 1,
-            class: "vue-ui-sparkline-area",
-            d: `M${dt.value}Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${y.value})` : r(ee)(e.value.style.area.color, e.value.style.area.opacity),
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round",
-            style: N({
-              transition: r(C) ? void 0 : "all 0.2s"
-            })
-          }, null, 12, sl))
-        ])) : m("", !0),
-        e.value.style.line.smooth && !S.value ? (d(), c("path", {
-          key: 2,
-          class: "vue-ui-sparkline-path",
-          id: j.value,
-          d: `M ${r(qe)(v.value) || "0,0"}`,
-          stroke: e.value.style.line.color,
-          fill: "none",
-          "stroke-width": e.value.style.line.strokeWidth,
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round",
-          style: N({
-            transition: r(C) ? void 0 : "all 0.2s"
-          })
-        }, null, 12, il)) : m("", !0),
-        !e.value.style.line.smooth && !S.value ? (d(), c("path", {
-          key: 3,
-          class: "vue-ui-sparkline-path",
-          id: j.value,
-          d: `M ${r(Lt)(v.value) || "0,0"}`,
-          stroke: e.value.style.line.color,
-          fill: "none",
-          "stroke-width": e.value.style.line.strokeWidth,
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round",
-          style: N({
-            transition: r(C) ? void 0 : "all 0.2s"
-          })
-        }, null, 12, dl)) : m("", !0),
-        pe.value && ie.value ? (d(), ke(Kt, {
-          key: 4,
-          uid: y.value,
-          svgRef: r(Y),
-          pulsePathId: j.value,
-          pulsePathLength: Z.value,
-          pulseDur: tt.value,
-          pulseBegin: lt.value,
-          pulseRepeatCount: ot.value,
-          pulseFillMode: ut.value,
-          pulseKeyPoints: at.value,
-          pulseMotion: rt.value,
-          pulse: A.value,
-          pulseTrail: Me.value,
-          pulseTrailLength: nt.value,
-          prefersReducedMotion: r(U),
-          loading: r(C),
-          isBar: S.value
-        }, null, 8, ["uid", "svgRef", "pulsePathId", "pulsePathLength", "pulseDur", "pulseBegin", "pulseRepeatCount", "pulseFillMode", "pulseKeyPoints", "pulseMotion", "pulse", "pulseTrail", "pulseTrailLength", "prefersReducedMotion", "loading", "isBar"])) : m("", !0),
-        (d(!0), c(K, null, te(v.value, (a, u) => (d(), c("g", null, [
-          S.value ? (d(), c("rect", {
-            key: 0,
-            x: a.x - a.width / 2,
-            y: isNaN(a.absoluteValue > 0 ? a.y : B.value) ? 0 : a.absoluteValue > 0 ? a.y : B.value,
-            width: a.width,
-            height: isNaN(Math.abs(a.y - B.value)) ? 0 : Math.abs(a.y - B.value),
-            fill: a.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${y.value})` : `url(#sparkline_bar_gradient_neg_${y.value})`,
-            rx: e.value.style.bar.borderRadius
-          }, null, 8, cl)) : m("", !0),
-          e.value.style.verticalIndicator.show && (h.value && a.id === h.value.id || n.selectedIndex === u) ? (d(), c("line", {
-            key: 1,
-            x1: a.x,
-            x2: a.x,
-            y1: f.value.top - 6,
-            y2: f.value.bottom,
-            stroke: e.value.style.verticalIndicator.color || a.color,
-            "stroke-width": e.value.style.verticalIndicator.strokeWidth,
-            "stroke-linecap": "round",
-            "stroke-dasharray": e.value.style.verticalIndicator.strokeDasharray || 0
-          }, null, 8, vl)) : m("", !0)
-        ]))), 256)),
-        ge.value < 0 ? (d(), c("line", {
-          key: 5,
-          x1: f.value.start,
-          x2: f.value.start + f.value.width,
-          y1: r(je)(B.value, f.value.bottom),
-          y2: r(je)(B.value, f.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, fl)) : m("", !0),
-        e.value.style.plot.show ? (d(!0), c(K, { key: 6 }, te(v.value, (a, u) => (d(), c("g", null, [
-          h.value && a.id === h.value.id || n.selectedIndex === u || r(O).length === 1 ? (d(), c("circle", {
-            key: 0,
-            cx: a.x,
-            cy: a.y,
-            r: e.value.style.plot.radius,
-            fill: a.color,
-            stroke: e.value.style.plot.stroke,
-            "stroke-width": e.value.style.plot.strokeWidth
-          }, null, 8, hl)) : m("", !0)
-        ]))), 256)) : m("", !0),
-        n.showInfo && e.value.style.dataLabel.show ? (d(), c("text", {
-          key: 7,
-          x: e.value.style.dataLabel.position === "left" ? 12 + e.value.style.dataLabel.offsetX : f.value.width + 12 + e.value.style.dataLabel.offsetX,
-          y: s.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
-        }, Q(h.value ? r(Ae)(
-          e.value.style.dataLabel.formatter,
-          h.value.absoluteValue,
-          r(we)({ 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(Ae)(
-          e.value.style.dataLabel.formatter,
-          Te.value,
-          r(we)({ p: e.value.style.dataLabel.prefix, v: Te.value, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue })
-        )), 9, pl)) : m("", !0),
-        (d(!0), c(K, null, te(v.value, (a, u) => (d(), c("rect", {
-          x: a.x - (f.value.width / (R.value + 1) > s.value.padding ? s.value.padding : f.value.width / (R.value + 1)) / 2,
-          y: f.value.top - 6,
-          height: f.value.height + 6,
-          width: f.value.width / (R.value + 1) > s.value.padding ? s.value.padding : f.value.width / (R.value + 1),
-          fill: "transparent",
-          onMouseenter: () => ct(a, u),
-          onMouseleave: () => vt(a, u),
-          onClick: () => ft(a, u)
-        }, null, 40, yl))), 256)),
-        z(t.$slots, "svg", { svg: s.value }, void 0, !0)
-      ], 44, Xt)),
-      h.value && e.value.style.tooltip.show ? (d(), ke(r(ae), {
-        key: 1,
-        x: h.value.x,
-        y: h.value.y,
-        prevX: E.value.x,
-        prevY: E.value.y,
-        offsetY: e.value.style.plot.radius * 3 + e.value.style.tooltip.offsetY,
-        svgRef: r(Y),
-        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: bt(() => [
-          z(t.$slots, "tooltip", Re(Ee({ ...h.value })), () => [
-            mt(Q(h.value.period) + ": " + Q(r(Ae)(
-              e.value.style.dataLabel.formatter,
-              h.value.absoluteValue,
-              r(we)({
-                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"])) : m("", !0),
-      t.$slots.source ? (d(), c("div", {
-        key: 2,
-        ref_key: "source",
-        ref: ne,
-        dir: "auto"
-      }, [
-        z(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : m("", !0),
-      z(t.$slots, "skeleton", {}, () => [
-        r(C) ? (d(), ke(St, { key: 0 })) : m("", !0)
-      ], !0)
-    ], 12, Ut));
-  }
-}, bl = /* @__PURE__ */ Dt(gl, [["__scopeId", "data-v-fe99dd90"]]), Nl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: bl
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  $l as a,
-  Nl as b,
-  bl as v
-};