vue-data-ui 3.17.13 → 3.18.1

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

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