vue-data-ui 3.15.2 → 3.15.3

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

@@ -0,0 +1,1285 @@
+import { ref as S, onMounted as He, onBeforeUnmount as Be, computed as b, watch as G, nextTick as K, createElementBlock as A, createCommentVNode as N, openBlock as g, Fragment as Le, renderList as Fe, createElementVNode as M, defineAsyncComponent as rt, toRefs as Bt, shallowRef as ut, watchEffect as Rt, normalizeStyle as ae, renderSlot as pe, createBlock as Ne, normalizeProps as st, guardReactiveProps as it, toDisplayString as _e, unref as p, createVNode as Dt, withCtx as zt, createTextVNode as Ot } from "vue";
+import { c as qt, t as ct, aB as qe, o as dt, g as vt, l as Vt, h as Te, n as Wt, ap as Gt, A as Ve, C as ht, X as jt, s as Ie, Q as ft, a as We, d as Ge, aC as Yt } from "./lib-BLeQNY56.js";
+import { t as Xt, u as Ut } from "./useResponsive-DfdjqQps.js";
+import { u as Kt, a as je } from "./useNestedProp-VrHe63vz.js";
+import { u as Ht, B as Zt } from "./BaseScanner-BMpwQAfz.js";
+import { u as Jt } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Qt } from "./useTimeLabels-C-A2uZKi.js";
+import { u as ea } from "./useChartAccessibility-9icAAmYg.js";
+import { _ as ta } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+function aa() {
+  const e = S(!1);
+  return He(() => {
+    const t = window.matchMedia("(prefers-reduced-motion: reduce)"), l = () => {
+      e.value = t.matches;
+    };
+    l(), t.addEventListener("change", l), Be(() => {
+      t.removeEventListener("change", l);
+    });
+  }), e;
+}
+const kt = { style: { line: { color: "#2A2929" }, area: { color: "#65698E" }, bar: { color: "#2A2929" } } }, At = { 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" } } }, wt = { 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 } } }, Ct = { 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" } } }, xt = { 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" } } }, Lt = { 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" } } }, Mt = { 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" } } }, St = { 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" } } }, $t = {
+  default: {},
+  minimal: kt,
+  minimalDark: At,
+  dark: wt,
+  celebration: Ct,
+  celebrationNight: xt,
+  hack: Lt,
+  zen: Mt,
+  concrete: St
+}, fl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  celebration: Ct,
+  celebrationNight: xt,
+  concrete: St,
+  dark: wt,
+  default: $t,
+  hack: Lt,
+  minimal: kt,
+  minimalDark: At,
+  zen: Mt
+}, Symbol.toStringTag, { value: "Module" })), la = {
+  key: 0,
+  style: { "pointer-events": "none" }
+}, na = ["r", "fill", "filter"], oa = ["begin", "dur", "repeatCount", "fill", "calcMode", "keySplines", "keyTimes", "keyPoints"], ra = ["href"], ua = ["dur", "repeatCount", "fill", "values"], sa = ["r", "fill"], ia = ["begin", "dur", "repeatCount", "calcMode", "keySplines", "keyTimes", "keyPoints"], ca = ["href"], da = ["dur", "repeatCount"], va = {
+  __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(e) {
+    const t = e, l = b(() => Math.min(t.pulseTrailLength, 45)), u = b(() => !!t.pulse?.show && !t.isBar && !t.prefersReducedMotion && !t.loading && Number(t.pulsePathLength) > 0);
+    function o() {
+      const i = t.svgRef?.value;
+      i && (typeof i.pauseAnimations == "function" && i.pauseAnimations(), typeof i.setCurrentTime == "function" && i.setCurrentTime(0), typeof i.unpauseAnimations == "function" && i.unpauseAnimations());
+    }
+    function c(i, w) {
+      if (typeof i != "string") return i;
+      const h = i.trim().match(/^([\d.]+)\s*(ms|s)$/);
+      if (!h) return i;
+      const y = Number(h[1]), $ = h[2];
+      return Number.isNaN(y) ? i : `${y + w}${$}`;
+    }
+    function d(i) {
+      return (l.value - i) / l.value * t.pulse.radius;
+    }
+    function f(i) {
+      const w = t.pulse.trail.opacity, h = (l.value - i) / l.value, y = i === 0 ? 1 : h * w;
+      return `0;${y};${y};0`;
+    }
+    return G(
+      () => t.loading,
+      async (i) => {
+        if (i) {
+          o();
+          return;
+        }
+        await K(), o();
+      }
+    ), G(
+      () => t.pulsePathId,
+      async () => {
+        await K(), o();
+      }
+    ), Be(() => {
+      o();
+    }), (i, w) => u.value ? (g(), A("g", la, [
+      (g(!0), A(Le, null, Fe(l.value, (h, y) => (g(), A(Le, null, [
+        y % 3 === 0 ? (g(), A("circle", {
+          key: `sparkline_dot_${y}_${e.pulsePathId}`,
+          r: d(y),
+          fill: e.pulse.color,
+          filter: `url(#sparkline_pulse_glow_${e.uid})`,
+          opacity: "0"
+        }, [
+          M("animateMotion", {
+            begin: c(e.pulseBegin, y * 10),
+            dur: e.pulseDur,
+            repeatCount: e.pulseRepeatCount,
+            fill: e.pulseFillMode,
+            calcMode: e.pulseMotion.calcMode,
+            keySplines: e.pulseMotion.keySplines || void 0,
+            keyTimes: e.pulseMotion.keyTimes || void 0,
+            keyPoints: e.pulseKeyPoints,
+            rotate: "auto"
+          }, [
+            M("mpath", {
+              href: `#${e.pulsePathId}`
+            }, null, 8, ra)
+          ], 8, oa),
+          M("animate", {
+            attributeName: "opacity",
+            dur: e.pulseDur,
+            repeatCount: e.pulseRepeatCount,
+            fill: e.pulseFillMode,
+            values: f(y),
+            keyTimes: "0;0.1;0.9;1"
+          }, null, 8, ua)
+        ], 8, na)) : N("", !0)
+      ], 64))), 256)),
+      (g(), A("circle", {
+        key: `sparkline_halo_${e.pulsePathId}`,
+        r: Math.max(e.pulse.radius * 1.3),
+        fill: e.pulse.color,
+        opacity: "0"
+      }, [
+        M("animateMotion", {
+          begin: e.pulseBegin,
+          dur: e.pulseDur,
+          repeatCount: e.pulseRepeatCount,
+          calcMode: e.pulseMotion.calcMode,
+          keySplines: e.pulseMotion.keySplines || void 0,
+          keyTimes: e.pulseMotion.keyTimes || void 0,
+          keyPoints: e.pulseKeyPoints,
+          rotate: "auto"
+        }, [
+          M("mpath", {
+            href: `#${e.pulsePathId}`
+          }, null, 8, ca)
+        ], 8, ia),
+        M("animate", {
+          attributeName: "opacity",
+          values: "0;0.35;0.35;0",
+          keyTimes: "0;0.15;0.85;1",
+          dur: e.pulseDur,
+          repeatCount: e.pulseRepeatCount
+        }, null, 8, da)
+      ], 8, sa))
+    ])) : N("", !0);
+  }
+}, Ee = {
+  canvas: null,
+  ctx: null
+};
+function ha() {
+  if (typeof document > "u")
+    throw new Error("color-utils: document is not available (browser-only).");
+  if (!Ee.canvas) {
+    const e = document.createElement("canvas");
+    e.width = 1, e.height = 1;
+    const t = e.getContext("2d", { willReadFrequently: !0 });
+    if (!t)
+      throw new Error("color-utils: unable to get 2D canvas context.");
+    Ee.canvas = e, Ee.ctx = t;
+  }
+  return Ee.ctx;
+}
+function fa(e) {
+  return e < 0 ? 0 : e > 255 ? 255 : Math.round(e);
+}
+function Je(e) {
+  return e < 0 ? 0 : e > 1 ? 1 : e;
+}
+function pa(e, t = null) {
+  if (typeof e != "string" || e.trim().length === 0)
+    throw new Error("colorToRgba: inputColor must be a non-empty string.");
+  const l = e.trim();
+  if (l.toLowerCase() === "transparent")
+    return { red: 0, green: 0, blue: 0, alpha: 0 };
+  const u = ga(l, t), o = ha();
+  o.clearRect(0, 0, 1, 1), o.fillStyle = "#000";
+  const c = o.fillStyle;
+  if (o.fillStyle = u, o.fillStyle === c && !ya(u))
+    throw new Error(`colorToRgba: unsupported or invalid color "${e}".`);
+  o.fillRect(0, 0, 1, 1);
+  const f = o.getImageData(0, 0, 1, 1).data;
+  return {
+    red: f[0],
+    green: f[1],
+    blue: f[2],
+    alpha: f[3] / 255
+  };
+}
+function pt(e, t = null) {
+  if (!Array.isArray(e) || e.length === 0)
+    throw new Error("colorsToRgba: colors must be a non-empty array.");
+  const l = new Array(e.length);
+  for (let u = 0; u < e.length; u += 1)
+    l[u] = pa(e[u], t);
+  return l;
+}
+function ga(e, t = null) {
+  return e !== "currentColor" || typeof window > "u" || !t ? e : window.getComputedStyle(t).color || e;
+}
+function ya(e) {
+  const t = e.trim().toLowerCase();
+  return t === "black" || t === "#000" || t === "#000000" || t === "rgb(0, 0, 0)" || t === "rgba(0, 0, 0, 1)" || t === "rgba(0, 0, 0, 0)";
+}
+function ge(e) {
+  const t = Je(e / 255);
+  return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
+}
+function Ye(e) {
+  const t = Je(e);
+  let l;
+  return t <= 31308e-7 ? l = t * 12.92 : l = 1.055 * Math.pow(t, 1 / 2.4) - 0.055, fa(l * 255);
+}
+function gt(e, t, l, u) {
+  const o = Je(l);
+  if (u === "linearRGB") {
+    const c = ge(e.red), d = ge(e.green), f = ge(e.blue), i = ge(t.red), w = ge(t.green), h = ge(t.blue), y = c + (i - c) * o, $ = d + (w - d) * o, _ = f + (h - f) * o;
+    return {
+      red: Ye(y),
+      green: Ye($),
+      blue: Ye(_),
+      alpha: e.alpha + (t.alpha - e.alpha) * o
+    };
+  }
+  return {
+    red: e.red + (t.red - e.red) * o,
+    green: e.green + (t.green - e.green) * o,
+    blue: e.blue + (t.blue - e.blue) * o,
+    alpha: e.alpha + (t.alpha - e.alpha) * o
+  };
+}
+function q(e, t, l) {
+  let u = e;
+  return u < t && (u = t), u > l && (u = l), u;
+}
+function H(e, t) {
+  const l = Math.pow(10, t);
+  return Math.round(e * l) / l;
+}
+function le(e) {
+  return Number.isFinite(e) ? e.toString() : "0";
+}
+function Xe(e) {
+  const l = q(e, 0, 255).toString(16);
+  return l.length === 1 ? "0" + l : l;
+}
+function ma(e) {
+  if (typeof e != "string") return;
+  const t = Number.parseFloat(e);
+  return Number.isFinite(t) ? t : void 0;
+}
+function ba(e, t, l, u = !0) {
+  const o = l - t;
+  if (o === 0) return 0;
+  const c = (e - t) / o;
+  return u ? q(c, 0, 1) : c;
+}
+const yt = "http://www.w3.org/2000/svg";
+function ka(e) {
+  if (typeof document > "u")
+    throw new Error("SvgPathGradientAsync: document is not available (browser-only implementation).");
+  const t = document.createElementNS(yt, "svg");
+  t.setAttribute("width", "0"), t.setAttribute("height", "0"), t.setAttribute("viewBox", "0 0 0 0"), t.style.position = "absolute", t.style.left = "-10000px", t.style.top = "-10000px", t.style.visibility = "hidden", t.style.pointerEvents = "none";
+  const l = document.createElementNS(yt, "path");
+  return e === "M " && (e = "M 0,0"), l.setAttribute("d", e), t.appendChild(l), document.body.appendChild(t), { svgElement: t, pathElement: l };
+}
+function Ue(e) {
+  if (e)
+    try {
+      e.svgElement?.remove?.();
+    } catch {
+    }
+}
+function Aa(e, t, l) {
+  if (typeof l == "number" && l > 0)
+    return l;
+  let u = t * 0.75;
+  u < 0.5 && (u = 0.5), u > 8 && (u = 8);
+  const o = e / 2;
+  return u > o && o > 0 && (u = o), u <= 0 && (u = 1), u;
+}
+function wa(e, t, l) {
+  if (typeof t == "number" && t >= 1)
+    return Math.floor(t);
+  const u = typeof l == "number" && l > 0 ? l : 2, o = Math.ceil(e / u);
+  return o < 1 ? 1 : o;
+}
+function Ca(e, t, l, u, o, c) {
+  const d = l - t;
+  let f = Math.ceil(d / u) + 1;
+  f < 2 && (f = 2), f > c && (f = c);
+  const i = f > 1 ? d / (f - 1) : 0, w = e.getPointAtLength(t);
+  let h = `M ${le(H(w.x, o))} ${le(
+    H(w.y, o)
+  )}`;
+  for (let y = 1; y < f; y += 1) {
+    const $ = t + y * i, _ = e.getPointAtLength($);
+    h += ` L ${le(H(_.x, o))} ${le(
+      H(_.y, o)
+    )}`;
+  }
+  return h;
+}
+function xa(e, t, l, u, o, c) {
+  const d = l - t;
+  let f = Math.ceil(d / u) + 1;
+  f < 2 && (f = 2), f > c && (f = c);
+  const i = f > 1 ? d / (f - 1) : 0, w = e.getPointAtLength(t);
+  let h = w.x, y = w.x, $ = w.y, _ = w.y, a = `M ${le(H(w.x, o))} ${le(
+    H(w.y, o)
+  )}`;
+  for (let z = 1; z < f; z += 1) {
+    const ne = t + z * i, k = e.getPointAtLength(ne);
+    k.x < h && (h = k.x), k.x > y && (y = k.x), k.y < $ && ($ = k.y), k.y > _ && (_ = k.y), a += ` L ${le(H(k.x, o))} ${le(
+      H(k.y, o)
+    )}`;
+  }
+  return {
+    pathData: a,
+    bounds: { minX: h, maxX: y, minY: $, maxY: _ }
+  };
+}
+function La(e) {
+  if (e.length === 1) return [{ position: 0, rgba: e[0] }];
+  const t = new Array(e.length), l = e.length - 1;
+  for (let u = 0; u < e.length; u += 1)
+    t[u] = { position: u / l, rgba: e[u] };
+  return t;
+}
+function Ma(e, t, l, u) {
+  const o = q(t, 0, 1);
+  let c = u;
+  for (c < 0 && (c = 0), c > e.length - 2 && (c = e.length - 2); c > 0 && o < e[c].position; ) c -= 1;
+  for (; c < e.length - 2 && o > e[c + 1].position; ) c += 1;
+  const d = e[c], f = e[c + 1], i = f.position - d.position, w = i > 0 ? (o - d.position) / i : 0, h = Sa(d.rgba, f.rgba, w, l);
+  return Ze(h);
+}
+function Sa(e, t, l, u) {
+  const o = q(l, 0, 1);
+  if (u === "linearRGB") {
+    const c = ye(e.red), d = ye(e.green), f = ye(e.blue), i = ye(t.red), w = ye(t.green), h = ye(t.blue), y = c + (i - c) * o, $ = d + (w - d) * o, _ = f + (h - f) * o;
+    return {
+      red: Ke(y),
+      green: Ke($),
+      blue: Ke(_),
+      alpha: e.alpha + (t.alpha - e.alpha) * o
+    };
+  }
+  return {
+    red: e.red + (t.red - e.red) * o,
+    green: e.green + (t.green - e.green) * o,
+    blue: e.blue + (t.blue - e.blue) * o,
+    alpha: e.alpha + (t.alpha - e.alpha) * o
+  };
+}
+function ye(e) {
+  const t = q(e / 255, 0, 1);
+  return t <= 0.04045 ? t / 12.92 : Math.pow((t + 0.055) / 1.055, 2.4);
+}
+function Ke(e) {
+  const t = q(e, 0, 1);
+  let l;
+  t <= 31308e-7 ? l = t * 12.92 : l = 1.055 * Math.pow(t, 1 / 2.4) - 0.055;
+  const u = Math.round(l * 255);
+  return q(u, 0, 255);
+}
+function Ze(e) {
+  const t = q(e.alpha, 0, 1), l = q(Math.round(e.red), 0, 255), u = q(Math.round(e.green), 0, 255), o = q(Math.round(e.blue), 0, 255);
+  if (t >= 1)
+    return `#${Xe(l)}${Xe(u)}${Xe(o)}`;
+  const c = H(t, 4).toString();
+  return `rgba(${l}, ${u}, ${o}, ${c})`;
+}
+function $a(e) {
+  const t = e.fill ?? "none";
+  let l = `fill="${Z(t)}"`;
+  const u = Object.keys(e);
+  for (let o = 0; o < u.length; o += 1) {
+    const c = u[o];
+    if (c === "stroke" || c === "d") continue;
+    const d = e[c];
+    l += ` ${c}="${Z(d)}"`;
+  }
+  return l;
+}
+function mt(e, t, l) {
+  return `<path d="${Z(e)}" stroke="${Z(t)}" ${l} />`;
+}
+function Pa(e) {
+  const t = [], l = e.segmentAttributeMap.fill ?? "none";
+  t.push(`fill="${Z(l)}"`), t.push(`stroke="${Z(e.stroke)}"`);
+  for (const u of Object.keys(e.segmentAttributeMap)) {
+    if (u === "stroke" || u === "d") continue;
+    const o = e.segmentAttributeMap[u];
+    t.push(`${u}="${Z(o)}"`);
+  }
+  return `<path d="${Z(e.pathData)}" ${t.join(" ")} />`;
+}
+function bt(e, t) {
+  const l = [];
+  for (const o of Object.keys(t))
+    l.push(`${o}="${Z(t[o])}"`);
+  return `<g data-svg-path-gradient="true"${l.length ? " " + l.join(" ") : ""}>${e.join("")}</g>`;
+}
+function Z(e) {
+  return String(e).replaceAll("&", "&amp;").replaceAll('"', "&quot;").replaceAll("<", "&lt;").replaceAll(">", "&gt;");
+}
+function Na(e, t = null, l = {}) {
+  return new Promise((u, o) => {
+    let c = null;
+    try {
+      if (!e || typeof e != "string")
+        throw new Error("SvgPathGradientAsync: pathData must be a non-empty string.");
+      const d = l.temperatureMode ?? null;
+      if (d === null && (!Array.isArray(t) || t.length === 0))
+        throw new Error("SvgPathGradientAsync: colors must be a non-empty array when temperatureMode is not enabled.");
+      if ((l.returnMode ?? "string") !== "string")
+        throw new Error('SvgPathGradientAsync: only returnMode="string" is supported for the async version.');
+      const i = typeof l.decimalPlaces == "number" ? l.decimalPlaces : 3, w = typeof l.flattenTolerance == "number" && l.flattenTolerance > 0 ? l.flattenTolerance : 0.25, h = l.attrs ? { ...l.attrs } : {}, y = l.groupAttrs ? { ...l.groupAttrs } : {}, $ = ma(h["stroke-width"]), _ = typeof l.strokeWidth == "number" && l.strokeWidth > 0 ? l.strokeWidth : typeof $ == "number" && $ > 0 ? $ : 1;
+      c = ka(e);
+      const a = c.pathElement, z = a.getTotalLength(), ne = d === null ? pt(t, l.colorReferenceElement) : [];
+      if (d === null && (!(z > 0) || ne.length === 1)) {
+        const P = Ze(ne[0]), I = bt(
+          [
+            Pa({
+              pathData: e,
+              stroke: P,
+              segmentAttributeMap: h
+            })
+          ],
+          y
+        );
+        Ue(c), u(I);
+        return;
+      }
+      const k = l.colorSpace ?? "linearRGB";
+      if (d !== null) {
+        const P = l.temperatureColors;
+        if (!Array.isArray(P) || P.length !== 2)
+          throw new Error("SvgPathGradientAsync: temperatureColors must be a tuple of exactly 2 colors when temperatureMode is enabled.");
+      }
+      const J = d !== null ? pt(l.temperatureColors, l.colorReferenceElement) : null, oe = d === null ? (() => {
+        const P = La(ne), I = new Array(P.length);
+        for (let X = 0; X < P.length; X += 1)
+          I[X] = { position: P[X].position, rgba: P[X].rgba };
+        return I;
+      })() : [], ie = Aa(z, _, l.maxSegmentLength), Q = wa(z, l.segments, ie), T = z / Q;
+      let ce = typeof l.overlap == "number" && l.overlap >= 0 ? l.overlap : _ * 0.5;
+      const re = T * 0.45;
+      ce > re && (ce = re);
+      const Me = typeof l.samplePointLimitPerSegment == "number" && l.samplePointLimitPerSegment > 10 ? l.samplePointLimitPerSegment : 250, Se = $a(h), de = [], $e = d !== null ? [] : null, ue = d !== null ? [] : null;
+      let ee = 0;
+      const me = d === null ? oe.length - 2 : 0;
+      let Y = 0;
+      const be = () => {
+        const P = performance.now(), I = typeof l.frameBudgetMs == "number" ? l.frameBudgetMs : 8;
+        for (; Y < Q && performance.now() - P < I; ) {
+          const D = Y * T, O = (Y + 1) * T;
+          let E = D, F = O;
+          if (Y !== 0 && (E = D - ce), Y !== Q - 1 && (F = O + ce), E = q(E, 0, z), F = q(F, 0, z), F > E)
+            if (d !== null) {
+              const B = xa(
+                a,
+                E,
+                F,
+                w,
+                i,
+                Me
+              );
+              $e.push(B.pathData), ue.push(B.bounds);
+            } else {
+              const R = (E + F) * 0.5 / z;
+              for (; ee < me && R > oe[ee + 1].position; )
+                ee += 1;
+              const j = Ma(
+                oe,
+                R,
+                k,
+                ee
+              ), V = Ca(
+                a,
+                E,
+                F,
+                w,
+                i,
+                Me
+              );
+              de.push(
+                mt(V, j, Se)
+              );
+            }
+          Y += 1;
+        }
+        if (Y < Q) {
+          requestAnimationFrame(be);
+          return;
+        }
+        if (d !== null) {
+          let D = Number.POSITIVE_INFINITY, O = Number.NEGATIVE_INFINITY;
+          for (let B = 0; B < ue.length; B += 1) {
+            const R = ue[B], j = d === "vertical" ? R.minY : R.minX, V = d === "vertical" ? R.maxY : R.maxX;
+            j < D && (D = j), V > O && (O = V);
+          }
+          const E = J[0], F = J[1];
+          de.length = 0;
+          for (let B = 0; B < ue.length; B += 1) {
+            const R = ue[B], j = d === "vertical" ? R.minY : R.minX, V = d === "vertical" ? R.maxY : R.maxX, ke = (j + V) * 0.5, Ae = ba(ke, D, O, !0), se = d === "vertical" ? gt(E, F, Ae, k) : gt(F, E, Ae, k), we = Ze(se), Pe = $e[B];
+            de.push(
+              mt(Pe, we, Se)
+            );
+          }
+        }
+        const X = bt(de, y);
+        Ue(c), u(X);
+      };
+      requestAnimationFrame(be);
+    } catch (d) {
+      Ue(c), o(d);
+    }
+  });
+}
+const _a = ["innerHTML"], Ta = {
+  __name: "SparklineGradientPath",
+  props: {
+    svgPathData: { type: String, required: !0 },
+    enabled: { type: Boolean, required: !0 },
+    strokeWidth: { type: Number, required: !0 },
+    highColor: { type: String, required: !0 },
+    lowColor: { type: String, required: !0 },
+    segments: { type: Number, required: !0 }
+  },
+  setup(e) {
+    const t = e, l = S("");
+    let u = 0;
+    return G(
+      () => [
+        t.enabled,
+        t.svgPathData,
+        t.strokeWidth,
+        t.highColor,
+        t.lowColor,
+        t.segments
+      ],
+      async ([o]) => {
+        const c = ++u;
+        if (!o) {
+          l.value = "";
+          return;
+        }
+        const d = await Na(t.svgPathData, null, {
+          segments: t.segments,
+          temperatureMode: "vertical",
+          temperatureColors: [t.highColor, t.lowColor],
+          attrs: {
+            "stroke-width": t.strokeWidth,
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round"
+          },
+          groupAttrs: { class: "vue-ui-sparkline-gradient" }
+        });
+        c === u && (l.value = d);
+      },
+      { immediate: !0 }
+    ), (o, c) => (g(), A("g", { innerHTML: l.value }, null, 8, _a));
+  }
+}, Ia = ["id"], Ea = ["xmlns", "viewBox"], Fa = ["width", "height"], Ba = ["id"], Ra = ["stop-color"], Da = ["stop-color"], za = ["id"], Oa = ["stop-color"], qa = ["stop-color"], Va = ["id"], Wa = ["stop-color"], Ga = ["stop-color"], ja = ["id"], Ya = { key: 1 }, Xa = ["d", "fill"], Ua = ["d", "fill"], Ka = ["id", "d", "stroke", "stroke-width"], Ha = ["id", "d", "stroke", "stroke-width"], Za = ["x", "y", "width", "height", "fill", "rx"], Ja = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], Qa = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], el = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], tl = ["x", "y", "font-size", "font-weight", "fill"], al = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], ll = {
+  __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(e, { emit: t }) {
+    const l = rt(() => import("./PackageVersion-D4g_IquI.js")), u = rt(() => import("./SparkTooltip-BYr36r63.js")), { vue_ui_sparkline: o } = Kt(), { isThemeValid: c, warnInvalidTheme: d } = Jt(), f = aa(), i = e, w = b(() => Array.isArray(i.dataset) && i.dataset.length > 0), h = S(qt()), y = S(null), $ = S(null), _ = S(null), a = S(Q());
+    function z(n) {
+      return i.config?.skeletonDataset && Array.isArray(i.config.skeletonDataset) ? i.config.skeletonDataset.map((r) => ({ period: "-", value: r })) : Yt(n).map((r) => ({ period: "-", value: r }));
+    }
+    const ne = b(() => ct({
+      defaultConfig: {
+        gradientPath: { show: !1 },
+        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: a.value.skeletonConfig ?? {}
+    })), { loading: k, FINAL_DATASET: J, manualLoading: oe } = Ht({
+      ...Bt(i),
+      FINAL_CONFIG: a,
+      prepareConfig: Q,
+      callback: () => {
+        Promise.resolve().then(async () => {
+          await K(), ke();
+        });
+      },
+      skeletonDataset: z(12),
+      skeletonConfig: ct({
+        defaultConfig: a.value,
+        userConfig: ne.value
+      })
+    }), { svgRef: ie } = ea({ config: a.value.style.title });
+    function Q() {
+      const n = je({
+        userConfig: i.config,
+        defaultConfig: o
+      });
+      let r = {};
+      const s = n.theme;
+      if (s)
+        if (!c.value(n))
+          d(n), r = n;
+        else {
+          const v = je({
+            userConfig: $t[s] || i.config,
+            defaultConfig: n
+          });
+          r = {
+            ...je({
+              userConfig: i.config,
+              defaultConfig: v
+            })
+          };
+        }
+      else
+        r = n;
+      return r;
+    }
+    const T = b(() => a.value?.style?.line.pulse || {}), ce = b(() => `${Math.max(200, Number(T.value.durationMs) || 4e3) / 1e3}s`), re = S(0), Me = b(() => T.value?.begin || "0ms"), Se = S("0;1"), de = b(() => T.value?.loop === !1 ? "1" : "indefinite"), $e = b(() => T.value?.loop === !1 ? "freeze" : void 0), ue = b(() => T.value.trail.show && be.value.lengthPx || 1), ee = b(() => !!T.value?.show && !U.value && !f.value && !k.value && (C.value?.length || 0) > 1);
+    function me() {
+      if (!ee.value) {
+        re.value = 0;
+        return;
+      }
+      const n = ie.value;
+      if (!n) return;
+      const r = `#${se.value}`, s = n.querySelector?.(r);
+      if (s && typeof s.getTotalLength == "function") {
+        const v = s.getTotalLength();
+        Number.isFinite(v) && v > 0 && (re.value = v);
+        return;
+      }
+      requestAnimationFrame(() => {
+        const v = n.querySelector?.(r);
+        if (v && typeof v.getTotalLength == "function") {
+          const W = v.getTotalLength();
+          Number.isFinite(W) && W > 0 && (re.value = W);
+        }
+      });
+    }
+    const Y = b(() => {
+      const n = T.value?.easing || "ease-in-out", r = {
+        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 n === "linear" ? {
+        calcMode: "linear",
+        keySplines: null,
+        keyTimes: "0;1"
+      } : n === "steps" ? {
+        calcMode: "discrete",
+        keySplines: null,
+        keyTimes: "0;1"
+      } : {
+        calcMode: "spline",
+        keySplines: (n === "cubic-bezier" ? Array.isArray(T.value?.cubicBezier) && T.value.cubicBezier.length === 4 ? T.value.cubicBezier : [0.4, 0, 0.2, 1] : r[n] || r["ease-in-out"]).join(" "),
+        keyTimes: "0;1"
+      };
+    }), be = b(() => {
+      const n = T.value?.trail || {}, r = a.value.style.line.strokeWidth || 1;
+      return {
+        show: n.show !== !1,
+        lengthPx: n.length,
+        width: Math.max(1, Number(n.strokeWidth) || r * 2.2),
+        opacity: Math.min(1, Math.max(0, Number(n.opacity) ?? 0.6)),
+        fadeIn: 0.5,
+        fadeOut: 0.2
+      };
+    }), P = b(() => qe({
+      data: J.value,
+      threshold: a.value.downsample.threshold
+    }));
+    G(() => i.config, (n) => {
+      k.value || (a.value = Q()), et(), m.value.chartWidth = a.value.style.chartWidth;
+    }, { deep: !0 }), G(() => i.dataset, (n) => {
+      Array.isArray(n) && n.length > 0 && (oe.value = !1), I.value = qe({
+        data: J.value.map((r) => ({
+          ...r,
+          value: [void 0].includes(r.value) ? null : r.value
+        })),
+        threshold: a.value.downsample.threshold
+      });
+    }, { deep: !0 });
+    const I = S(X());
+    function X() {
+      return qe({
+        data: J.value.map((n) => a.value.style.animation.show && J.value.length > 1 ? {
+          ...n,
+          value: null
+        } : {
+          ...n,
+          value: [void 0].includes(n.value) ? null : n.value
+        }),
+        threshold: a.value.downsample.threshold
+      });
+    }
+    const D = ut(null), O = ut(null), E = S(!1), F = S(0), B = S([]), R = S(""), j = b(() => {
+      const r = (P.value || []).map((W) => `${W.period}::${Number.isFinite(W.value) ? W.value : 0}`).join("|"), s = a.value?.style?.animation || {}, v = !!a.value?.gradientPath?.show;
+      return `${r}#${!!s.show}#${s.animationFrames || 0}#${v}`;
+    });
+    function V() {
+      F.value && (cancelAnimationFrame(F.value), F.value = 0), B.value.forEach((n) => clearTimeout(n)), B.value = [], E.value = !1;
+    }
+    function ke() {
+      const n = a.value?.style?.animation || {}, r = P.value || [], s = j.value, v = !!a.value.gradientPath.show;
+      if (s && s === R.value && (E.value || I.value.length === r.length))
+        return;
+      if (V(), v || !n.show || k.value || r.length <= 1) {
+        I.value = r, R.value = s;
+        return;
+      }
+      E.value = !0, R.value = s, I.value = [];
+      const W = Math.max(1, Number(n.animationFrames) || 1), Et = Math.max(1, Math.floor(W / r.length));
+      let Oe = 0;
+      const ot = () => {
+        if (s !== j.value) {
+          V();
+          return;
+        }
+        if (Oe < r.length) {
+          I.value.push(r[Oe]);
+          const Ft = setTimeout(() => {
+            F.value = requestAnimationFrame(ot);
+          }, Et);
+          B.value.push(Ft), Oe += 1;
+        } else
+          I.value = r, V();
+      };
+      F.value = requestAnimationFrame(ot);
+    }
+    G(j, () => {
+      ke();
+    }), He(() => {
+      et(), ke();
+    }), Be(() => {
+      V();
+    });
+    const Ae = S(0);
+    G(
+      () => k.value,
+      async (n) => {
+        n || (await K(), Ae.value += 1);
+      }
+    ), G(
+      () => E.value,
+      async (n) => {
+        n || k.value || (await K(), Ae.value += 1);
+      }
+    );
+    const se = b(() => `sparkline_line_path_${h.value}`), we = S(!0);
+    async function Pe() {
+      we.value = !1, await K(), we.value = !0, await K(), me();
+    }
+    const Qe = b(() => !!a.value.debug);
+    function et() {
+      if (dt(i.dataset) ? (vt({
+        componentName: "VueUiSparkline",
+        type: "dataset",
+        debug: Qe.value
+      }), oe.value = !0) : i.dataset.forEach((n, r) => {
+        Vt({
+          datasetObject: n,
+          requiredAttributes: ["period", "value"]
+        }).forEach((s) => {
+          vt({
+            componentName: "VueUiSparkline",
+            type: "datasetSerieAttribute",
+            property: s,
+            index: r,
+            debug: Qe.value
+          });
+        });
+      }), dt(i.dataset) || (oe.value = a.value.loading), a.value.responsive) {
+        const n = Xt(() => {
+          const { width: r, height: s } = Ut({
+            chart: y.value,
+            title: a.value.style.title.show && i.showInfo ? $.value : null,
+            source: _.value
+          });
+          requestAnimationFrame(() => {
+            m.value.width = r, m.value.height = s, m.value.chartWidth = a.value.style.chartWidth / 500 * r, m.value.padding = i.forcedPadding / 500 * r;
+          });
+        });
+        D.value && (O.value && D.value.unobserve(O.value), D.value.disconnect()), D.value = new ResizeObserver(n), O.value = y.value.parentNode, D.value.observe(O.value);
+      }
+    }
+    Be(() => {
+      D.value && (O.value && D.value.unobserve(O.value), D.value.disconnect());
+    });
+    const m = S({
+      height: 80 * i.heightRatio,
+      width: 500,
+      chartWidth: a.value.style.chartWidth,
+      padding: i.forcedPadding
+    }), Re = t, x = b(() => {
+      const { top: n, right: r, bottom: s, left: v } = a.value.style.padding;
+      return {
+        top: n,
+        left: v,
+        right: m.value.width - r,
+        bottom: m.value.height - s,
+        start: i.showInfo && a.value.style.dataLabel.show && a.value.style.dataLabel.position === "left" ? m.value.width - m.value.chartWidth + v : m.value.padding + v,
+        width: i.showInfo && a.value.style.dataLabel.show ? m.value.chartWidth - v - r : m.value.width - m.value.padding - v - r,
+        height: m.value.height - n - s
+      };
+    }), De = b(() => [null, void 0].includes(a.value.style.scaleMin) ? Math.min(...I.value.map((n) => isNaN(n.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(n.value) ? 0 : n.value || 0)) : a.value.style.scaleMin), Pt = b(() => [null, void 0].includes(a.value.style.scaleMax) ? Math.max(...I.value.map((n) => isNaN(n.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(n.value) ? 0 : n.value || 0)) : a.value.style.scaleMax), Ce = b(() => {
+      const n = De.value >= 0 ? 0 : De.value;
+      return Math.abs(n);
+    }), tt = b(() => Pt.value + Ce.value), ve = b(() => x.value.bottom - x.value.height * ze(Ce.value));
+    function ze(n) {
+      return isNaN(n / tt.value) ? 0 : n / tt.value;
+    }
+    const he = b(() => P.value.length - 1 || 1), xe = S([]);
+    let at = 0;
+    Rt(() => {
+      const n = ++at;
+      (async () => {
+        const r = await Qt({
+          values: P.value.map((s) => s.period),
+          maxDatapoints: P.value.length,
+          formatter: a.value.style.dataLabel.datetimeFormatter,
+          start: 0,
+          end: P.value.length
+        });
+        n === at && (xe.value = r);
+      })();
+    });
+    const C = b(() => I.value.map((n, r) => {
+      const s = isNaN(n.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(n.value) ? 0 : n.value || 0, v = x.value.width / he.value;
+      return {
+        absoluteValue: s,
+        period: xe.value && xe.value[r] && xe.value[r].text ? xe.value[r].text : n.period,
+        plotValue: s + Ce.value,
+        toMax: ze(s + Ce.value),
+        x: x.value.start + r * v,
+        y: x.value.bottom - x.value.height * ze(s + Ce.value),
+        id: `plot_${h.value}_${r}`,
+        color: U.value ? a.value.style.bar.color : a.value.style.area.useGradient ? Te(a.value.style.line.color, 0.05 * (1 - r / he.value)) : a.value.style.line.color,
+        width: v
+      };
+    })), Nt = b(() => {
+      const n = { x: C.value[0].x || 0, y: (m.value.height || 0) - 6 }, r = { x: C.value[C.value.length - 1].x || 0, y: (m.value.height || 0) - 6 }, s = [];
+      return C.value.forEach((v) => {
+        s.push(`${v.x || 0},${v.y || 0} `);
+      }), [n.x, n.y, ...s, r.x, r.y].toString();
+    }), L = S(void 0), fe = S(void 0);
+    function _t(n, r) {
+      a.value.events.datapointEnter && a.value.events.datapointEnter({ datapoint: n, seriesIndex: r }), L.value = n, fe.value || (fe.value = n), Re("hoverIndex", { index: r });
+    }
+    function Tt(n, r) {
+      a.value.events.datapointLeave && a.value.events.datapointLeave({ datapoint: n, seriesIndex: r }), fe.value = L.value, L.value = void 0, Re("hoverIndex", { index: void 0 });
+    }
+    const te = b(() => {
+      if (w.value) {
+        const n = C.value.map((s) => s.absoluteValue), r = n.reduce((s, v) => s + v, 0);
+        return {
+          latest: C.value[C.value.length - 1] ? C.value[C.value.length - 1].absoluteValue : 0,
+          sum: r,
+          average: r / C.value.length,
+          median: Gt(n),
+          trend: Wt(C.value.map(({ x: s, y: v, absoluteValue: W }) => ({
+            x: s,
+            y: v,
+            value: W
+          }))).trend
+        };
+      } else
+        return {
+          latest: null,
+          sum: null,
+          average: null,
+          median: null,
+          trend: null
+        };
+    }), lt = b(() => w.value ? a.value.style.dataLabel.valueType === "latest" ? te.value.latest : a.value.style.dataLabel.valueType === "sum" ? te.value.sum : a.value.style.dataLabel.valueType === "average" ? te.value.average : 0 : 0), U = b(() => a.value.type && a.value.type === "bar");
+    function It(n, r) {
+      a.value.events.datapointClick && a.value.events.datapointClick({ datapoint: n, seriesIndex: r }), Re("selectDatapoint", { datapoint: n, index: r });
+    }
+    const nt = b(() => U.value || !a.value.gradientPath.show ? "" : `M ${(a.value.style.line.smooth ? Ve(C.value) : ht(C.value)) || "0,0"}`);
+    return G(
+      () => [
+        ee.value,
+        se.value,
+        C.value.length,
+        m.value.width,
+        m.value.height,
+        a.value?.style?.line?.smooth
+      ],
+      async () => {
+        await K(), me();
+      },
+      { immediate: !0 }
+    ), He(async () => {
+      await K(), me();
+    }), G(
+      () => k.value,
+      async (n) => {
+        n || await Pe();
+      }
+    ), G(
+      () => E.value,
+      async (n) => {
+        n || k.value || await Pe();
+      }
+    ), (n, r) => (g(), A("div", {
+      ref_key: "sparklineChart",
+      ref: y,
+      class: "vue-data-ui-component vue-ui-sparkline",
+      id: h.value,
+      style: ae(`width:100%;font-family:${a.value.style.fontFamily};`)
+    }, [
+      pe(n.$slots, "before", st(it({
+        selected: L.value,
+        latest: te.value.latest,
+        sum: te.value.sum,
+        average: te.value.average,
+        median: te.value.median,
+        trend: te.value.trend
+      })), void 0, !0),
+      a.value.style.title.show && e.showInfo ? (g(), A("div", {
+        key: 0,
+        ref_key: "chartTitle",
+        ref: $,
+        class: "vue-ui-sparkline-title",
+        style: ae(`display:flex;align-items:center;width:100%;color:${a.value.style.title.color};background:${a.value.style.backgroundColor};justify-content:${a.value.style.title.textAlign === "left" ? "flex-start" : a.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${a.value.style.title.fontSize * 2}px;font-size:${a.value.style.title.fontSize}px;font-weight:${a.value.style.title.bold ? "bold" : "normal"};`)
+      }, [
+        M("span", {
+          style: ae(`padding:${a.value.style.title.textAlign === "left" ? "0 0 0 12px" : a.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
+        }, _e(L.value ? L.value.period : a.value.style.title.text), 5)
+      ], 4)) : N("", !0),
+      (g(), A("svg", {
+        ref_key: "svgRef",
+        ref: ie,
+        xmlns: p(jt),
+        viewBox: `0 0 ${m.value.width} ${m.value.height}`,
+        style: ae(`background:${a.value.style.backgroundColor};overflow:visible`),
+        onMouseleave: r[0] || (r[0] = (s) => fe.value = void 0)
+      }, [
+        Dt(p(l)),
+        n.$slots["chart-background"] ? (g(), A("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: m.value.width <= 0 ? 10 : m.value.width,
+          height: m.value.height <= 0 ? 10 : m.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          pe(n.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Fa)) : N("", !0),
+        M("defs", null, [
+          M("linearGradient", {
+            x1: "0%",
+            y1: "0%",
+            x2: "100%",
+            y2: "0%",
+            id: `sparkline_gradient_${h.value}`
+          }, [
+            M("stop", {
+              offset: "0%",
+              "stop-color": p(Ie)(p(Te)(a.value.style.area.color, 0.05), a.value.style.area.opacity)
+            }, null, 8, Ra),
+            M("stop", {
+              offset: "100%",
+              "stop-color": p(Ie)(a.value.style.area.color, a.value.style.area.opacity)
+            }, null, 8, Da)
+          ], 8, Ba),
+          M("linearGradient", {
+            x2: "0%",
+            y2: "100%",
+            id: `sparkline_bar_gradient_pos_${h.value}`
+          }, [
+            M("stop", {
+              offset: "0%",
+              "stop-color": a.value.style.bar.color
+            }, null, 8, Oa),
+            M("stop", {
+              offset: "100%",
+              "stop-color": p(Te)(a.value.style.bar.color, 0.05)
+            }, null, 8, qa)
+          ], 8, za),
+          M("linearGradient", {
+            x2: "0%",
+            y2: "100%",
+            id: `sparkline_bar_gradient_neg_${h.value}`
+          }, [
+            M("stop", {
+              offset: "0%",
+              "stop-color": p(Te)(a.value.style.bar.color, 0.05)
+            }, null, 8, Wa),
+            M("stop", {
+              offset: "100%",
+              "stop-color": a.value.style.bar.color
+            }, null, 8, Ga)
+          ], 8, Va),
+          M("filter", {
+            id: `sparkline_pulse_glow_${h.value}`,
+            filterUnits: "userSpaceOnUse",
+            x: "-50",
+            y: "-50",
+            width: "100",
+            height: "100"
+          }, [...r[1] || (r[1] = [
+            M("feGaussianBlur", {
+              in: "SourceGraphic",
+              stdDeviation: "3",
+              result: "blur"
+            }, null, -1),
+            M("feMerge", null, [
+              M("feMergeNode", { in: "blur" }),
+              M("feMergeNode", { in: "SourceGraphic" })
+            ], -1)
+          ])], 8, ja)
+        ]),
+        a.value.style.area.show && !U.value && C.value[0] && C.value.length > 1 ? (g(), A("g", Ya, [
+          a.value.style.line.smooth ? (g(), A("path", {
+            key: 0,
+            class: "vue-ui-sparkline-area",
+            d: `M ${C.value[0].x},${x.value.bottom} ${p(Ve)(C.value)} L ${C.value.at(-1).x},${x.value.bottom} Z`,
+            fill: a.value.style.area.useGradient ? `url(#sparkline_gradient_${h.value})` : p(Ie)(a.value.style.area.color, a.value.style.area.opacity),
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            style: ae({
+              transition: p(k) ? void 0 : "all 0.2s"
+            })
+          }, null, 12, Xa)) : (g(), A("path", {
+            key: 1,
+            class: "vue-ui-sparkline-area",
+            d: `M${Nt.value}Z`,
+            fill: a.value.style.area.useGradient ? `url(#sparkline_gradient_${h.value})` : p(Ie)(a.value.style.area.color, a.value.style.area.opacity),
+            "stroke-linecap": "round",
+            "stroke-linejoin": "round",
+            style: ae({
+              transition: p(k) ? void 0 : "all 0.2s"
+            })
+          }, null, 12, Ua))
+        ])) : N("", !0),
+        a.value.style.line.smooth && !U.value ? (g(), A("path", {
+          key: 2,
+          class: "vue-ui-sparkline-path",
+          id: se.value,
+          d: `M ${p(Ve)(C.value) || "0,0"}`,
+          stroke: a.value.style.line.color,
+          fill: "none",
+          "stroke-width": a.value.style.line.strokeWidth,
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          style: ae({
+            transition: p(k) ? void 0 : "all 0.2s"
+          })
+        }, null, 12, Ka)) : N("", !0),
+        !a.value.style.line.smooth && !U.value ? (g(), A("path", {
+          key: 3,
+          class: "vue-ui-sparkline-path",
+          id: se.value,
+          d: `M ${p(ht)(C.value) || "0,0"}`,
+          stroke: a.value.style.line.color,
+          fill: "none",
+          "stroke-width": a.value.style.line.strokeWidth,
+          "stroke-linecap": "round",
+          "stroke-linejoin": "round",
+          style: ae({
+            transition: p(k) ? void 0 : "all 0.2s"
+          })
+        }, null, 12, Ha)) : N("", !0),
+        nt.value ? (g(), Ne(Ta, {
+          key: 4,
+          svgPathData: nt.value,
+          enabled: a.value.gradientPath.show && !U.value,
+          strokeWidth: a.value.style.line.strokeWidth,
+          highColor: a.value.gradientPath.colors.high,
+          lowColor: a.value.gradientPath.colors.low,
+          segments: a.value.gradientPath.segments
+        }, null, 8, ["svgPathData", "enabled", "strokeWidth", "highColor", "lowColor", "segments"])) : N("", !0),
+        we.value && ee.value ? (g(), Ne(va, {
+          key: 5,
+          uid: h.value,
+          svgRef: p(ie),
+          pulsePathId: se.value,
+          pulsePathLength: re.value,
+          pulseDur: ce.value,
+          pulseBegin: Me.value,
+          pulseRepeatCount: de.value,
+          pulseFillMode: $e.value,
+          pulseKeyPoints: Se.value,
+          pulseMotion: Y.value,
+          pulse: T.value,
+          pulseTrail: be.value,
+          pulseTrailLength: ue.value,
+          prefersReducedMotion: p(f),
+          loading: p(k),
+          isBar: U.value
+        }, null, 8, ["uid", "svgRef", "pulsePathId", "pulsePathLength", "pulseDur", "pulseBegin", "pulseRepeatCount", "pulseFillMode", "pulseKeyPoints", "pulseMotion", "pulse", "pulseTrail", "pulseTrailLength", "prefersReducedMotion", "loading", "isBar"])) : N("", !0),
+        (g(!0), A(Le, null, Fe(C.value, (s, v) => (g(), A("g", null, [
+          U.value ? (g(), A("rect", {
+            key: 0,
+            x: s.x - s.width / 2,
+            y: isNaN(s.absoluteValue > 0 ? s.y : ve.value) ? 0 : s.absoluteValue > 0 ? s.y : ve.value,
+            width: s.width,
+            height: isNaN(Math.abs(s.y - ve.value)) ? 0 : Math.abs(s.y - ve.value),
+            fill: s.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${h.value})` : `url(#sparkline_bar_gradient_neg_${h.value})`,
+            rx: a.value.style.bar.borderRadius
+          }, null, 8, Za)) : N("", !0),
+          a.value.style.verticalIndicator.show && (L.value && s.id === L.value.id || e.selectedIndex === v) ? (g(), A("line", {
+            key: 1,
+            x1: s.x,
+            x2: s.x,
+            y1: x.value.top - 6,
+            y2: x.value.bottom,
+            stroke: a.value.style.verticalIndicator.color || s.color,
+            "stroke-width": a.value.style.verticalIndicator.strokeWidth,
+            "stroke-linecap": "round",
+            "stroke-dasharray": a.value.style.verticalIndicator.strokeDasharray || 0
+          }, null, 8, Ja)) : N("", !0)
+        ]))), 256)),
+        De.value < 0 ? (g(), A("line", {
+          key: 6,
+          x1: x.value.start,
+          x2: x.value.start + x.value.width,
+          y1: p(ft)(ve.value, x.value.bottom),
+          y2: p(ft)(ve.value, x.value.bottom),
+          stroke: a.value.style.zeroLine.color,
+          "stroke-dasharray": a.value.style.zeroLine.strokeWidth * 2,
+          "stroke-width": a.value.style.zeroLine.strokeWidth,
+          "stroke-linecap": "round"
+        }, null, 8, Qa)) : N("", !0),
+        a.value.style.plot.show ? (g(!0), A(Le, { key: 7 }, Fe(C.value, (s, v) => (g(), A("g", null, [
+          L.value && s.id === L.value.id || e.selectedIndex === v || p(J).length === 1 ? (g(), A("circle", {
+            key: 0,
+            cx: s.x,
+            cy: s.y,
+            r: a.value.style.plot.radius,
+            fill: s.color,
+            stroke: a.value.style.plot.stroke,
+            "stroke-width": a.value.style.plot.strokeWidth
+          }, null, 8, el)) : N("", !0)
+        ]))), 256)) : N("", !0),
+        e.showInfo && a.value.style.dataLabel.show ? (g(), A("text", {
+          key: 8,
+          x: a.value.style.dataLabel.position === "left" ? 12 + a.value.style.dataLabel.offsetX : x.value.width + 12 + a.value.style.dataLabel.offsetX,
+          y: m.value.height / 2 + a.value.style.dataLabel.fontSize / 2.5 + a.value.style.dataLabel.offsetY,
+          "font-size": a.value.style.dataLabel.fontSize,
+          "font-weight": a.value.style.dataLabel.bold ? "bold" : "normal",
+          fill: a.value.style.dataLabel.color
+        }, _e(L.value ? p(We)(
+          a.value.style.dataLabel.formatter,
+          L.value.absoluteValue,
+          p(Ge)({ p: a.value.style.dataLabel.prefix, v: L.value.absoluteValue, s: a.value.style.dataLabel.suffix, r: a.value.style.dataLabel.roundingValue }),
+          { datapoint: L.value }
+        ) : p(We)(
+          a.value.style.dataLabel.formatter,
+          lt.value,
+          p(Ge)({ p: a.value.style.dataLabel.prefix, v: lt.value, s: a.value.style.dataLabel.suffix, r: a.value.style.dataLabel.roundingValue })
+        )), 9, tl)) : N("", !0),
+        (g(!0), A(Le, null, Fe(C.value, (s, v) => (g(), A("rect", {
+          x: s.x - (x.value.width / (he.value + 1) > m.value.padding ? m.value.padding : x.value.width / (he.value + 1)) / 2,
+          y: x.value.top - 6,
+          height: x.value.height + 6,
+          width: x.value.width / (he.value + 1) > m.value.padding ? m.value.padding : x.value.width / (he.value + 1),
+          fill: "transparent",
+          onMouseenter: () => _t(s, v),
+          onMouseleave: () => Tt(s, v),
+          onClick: () => It(s, v)
+        }, null, 40, al))), 256)),
+        pe(n.$slots, "svg", { svg: m.value }, void 0, !0)
+      ], 44, Ea)),
+      L.value && a.value.style.tooltip.show ? (g(), Ne(p(u), {
+        key: 1,
+        x: L.value.x,
+        y: L.value.y,
+        prevX: fe.value.x,
+        prevY: fe.value.y,
+        offsetY: a.value.style.plot.radius * 3 + a.value.style.tooltip.offsetY,
+        svgRef: p(ie),
+        background: a.value.style.tooltip.backgroundColor,
+        color: a.value.style.tooltip.color,
+        fontSize: a.value.style.tooltip.fontSize,
+        borderWidth: a.value.style.tooltip.borderWidth,
+        borderColor: a.value.style.tooltip.borderColor,
+        borderRadius: a.value.style.tooltip.borderRadius,
+        backgroundOpacity: a.value.style.tooltip.backgroundOpacity
+      }, {
+        default: zt(() => [
+          pe(n.$slots, "tooltip", st(it({ ...L.value })), () => [
+            Ot(_e(L.value.period) + ": " + _e(p(We)(
+              a.value.style.dataLabel.formatter,
+              L.value.absoluteValue,
+              p(Ge)({
+                p: a.value.style.dataLabel.prefix,
+                v: L.value.absoluteValue,
+                s: a.value.style.dataLabel.suffix,
+                r: a.value.style.dataLabel.roundingValue
+              }),
+              { datapoint: L.value }
+            )), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["x", "y", "prevX", "prevY", "offsetY", "svgRef", "background", "color", "fontSize", "borderWidth", "borderColor", "borderRadius", "backgroundOpacity"])) : N("", !0),
+      n.$slots.source ? (g(), A("div", {
+        key: 2,
+        ref_key: "source",
+        ref: _,
+        dir: "auto"
+      }, [
+        pe(n.$slots, "source", {}, void 0, !0)
+      ], 512)) : N("", !0),
+      pe(n.$slots, "skeleton", {}, () => [
+        p(k) ? (g(), Ne(Zt, { key: 0 })) : N("", !0)
+      ], !0)
+    ], 12, Ia));
+  }
+}, nl = /* @__PURE__ */ ta(ll, [["__scopeId", "data-v-f8230890"]]), pl = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+  __proto__: null,
+  default: nl
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  fl as a,
+  pl as b,
+  nl as v
+};