vue-data-ui 3.16.2 → 3.16.3

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

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