vue-data-ui 3.15.12 → 3.16.1

package/dist/{vue-ui-skeleton-CbqNz9IE.js → vue-ui-skeleton-D6kTb9aO.js}

@@ -1,8 +1,8 @@
 import { ref as w, computed as g, openBlock as e, createElementBlock as o, normalizeStyle as n, normalizeClass as N, unref as s, createVNode as d, createElementVNode as t, Fragment as k, renderList as h, createCommentVNode as a, createStaticVNode as $ } from "vue";
-import { A as B, X as c, u as v, z as F } from "./lib-GwPnJSrY.js";
-import { u as O } from "./useNestedProp-BBT0mbHh.js";
-import { u as V } from "./useConfig-CIgyKZ6R.js";
-import y from "./PackageVersion-DN9d0ME5.js";
+import { A as B, X as c, u as v, z as F } from "./lib-DBptbyyI.js";
+import { u as O } from "./useNestedProp-Bf5XFbs8.js";
+import { u as V } from "./useConfig-DO94Aj5s.js";
+import y from "./PackageVersion-DPO-OOVI.js";
 import { _ as X } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const G = ["id"], R = ["xmlns"], T = { transform: "translate(300, 300)" }, U = ["d", "fill", "stroke"], Y = ["xmlns"], D = ["id"], J = ["stop-color"], K = ["stop-color"], l1 = ["stop-color"], t1 = ["stop-color"], e1 = ["fill", "stroke"], o1 = ["fill", "stroke"], s1 = ["fill", "stroke"], r1 = ["fill", "stroke"], i1 = ["fill", "stroke"], n1 = ["xmlns"], a1 = ["stroke"], c1 = ["stroke"], u1 = ["stroke"], d1 = ["fill", "stroke"], y1 = ["fill"], k1 = ["fill", "stroke"], h1 = ["fill"], v1 = ["fill", "stroke"], _1 = ["fill"], x1 = ["fill", "stroke"], p1 = ["fill"], g1 = ["fill", "stroke"], f1 = ["fill"], w1 = ["fill", "stroke"], C1 = ["fill"], m1 = ["xmlns"], b1 = ["stroke"], M1 = ["stroke"], L1 = ["stroke"], A1 = ["stroke"], $1 = ["stroke"], B1 = ["stroke"], P1 = ["stroke"], W1 = ["stroke"], j1 = ["stroke"], z1 = ["xmlns"], Z1 = ["stroke", "fill"], q1 = ["xmlns"], H1 = ["stroke", "fill"], Q1 = ["xmlns"], E1 = ["fill"], S1 = ["fill"], I1 = ["fill"], N1 = ["fill"], F1 = ["xmlns"], O1 = ["stroke"], V1 = ["fill"], X1 = ["stroke", "fill"], G1 = ["stroke", "fill"], R1 = ["fill"], T1 = ["stroke", "fill"], U1 = ["stroke", "fill"], Y1 = ["fill"], D1 = ["stroke", "fill"], J1 = ["stroke", "fill"], K1 = ["fill"], ll = ["stroke", "fill"], tl = ["stroke", "fill"], el = ["fill"], ol = ["stroke", "fill"], sl = ["stroke", "fill"], rl = ["xmlns"], il = ["stroke"], nl = ["stroke"], al = ["stroke", "fill"], cl = ["stroke", "fill"], ul = ["stroke", "fill"], dl = ["stroke", "fill"], yl = ["stroke", "fill"], kl = ["stroke", "fill"], hl = ["stroke", "fill"], vl = ["stroke", "fill"], _l = ["stroke", "fill"], xl = ["stroke", "fill"], pl = ["stroke", "fill"], gl = ["stroke", "fill"], fl = ["stroke", "fill"], wl = ["stroke", "fill"], Cl = ["stroke", "fill"], ml = ["stroke", "fill"], bl = ["stroke", "fill"], Ml = ["stroke", "fill"], Ll = ["stroke", "fill"], Al = ["stroke", "fill"], $l = ["stroke", "fill"], Bl = ["stroke", "fill"], Pl = ["stroke", "fill"], Wl = ["xmlns"], jl = ["stroke"], zl = ["xmlns"], Zl = ["stroke"], ql = ["xmlns"], Hl = ["stroke"], Ql = ["xmlns"], El = ["fill"], Sl = ["fill"], Il = ["fill"], Nl = ["fill"], Fl = ["fill"], Ol = ["fill"], Vl = ["fill"], Xl = ["fill"], Gl = ["fill"], Rl = ["fill"], Tl = ["fill"], Ul = ["fill"], Yl = ["xmlns"], Dl = ["stroke"], Jl = ["stroke"], Kl = ["stroke"], l0 = ["stroke"], t0 = ["stroke"], e0 = ["stroke"], o0 = ["xmlns"], s0 = ["stroke"], r0 = ["stroke"], i0 = ["stroke"], n0 = ["stroke"], a0 = ["stroke"], c0 = ["stroke"], u0 = ["stroke"], d0 = ["stroke"], y0 = ["stroke"], k0 = ["xmlns"], h0 = ["stroke"], v0 = ["xmlns"], _0 = ["stroke"], x0 = ["stroke"], p0 = ["stroke"], g0 = ["stroke"], f0 = ["stroke"], w0 = ["stroke"], C0 = ["stroke"], m0 = ["stroke"], b0 = ["stroke"], M0 = ["xmlns"], L0 = ["x1", "x2", "stroke"], A0 = ["xmlns"], $0 = ["x", "y", "width", "height", "fill"], B0 = ["y", "width", "height", "fill"], P0 = ["xmlns"], W0 = ["fill"], j0 = ["fill"], z0 = ["fill"], Z0 = ["xmlns"], q0 = ["x1", "x2", "y1", "y2", "stroke"], H0 = ["stroke"], Q0 = ["fill"], E0 = ["xmlns"], S0 = ["fill"], I0 = ["fill"], N0 = ["x1", "y1", "x2", "y2", "stroke-width", "stroke"], F0 = ["xmlns"], O0 = { key: 0 }, V0 = ["stroke", "stroke-width"], X0 = ["stroke", "stroke-width"], G0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], R0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], T0 = ["x1", "x2", "y1", "y2", "stroke", "stroke-width"], U0 = ["x", "y", "height", "width", "fill"], Y0 = ["xmlns", "viewBox"], D0 = ["x", "y", "stroke", "fill"], J0 = ["xmlns"], K0 = ["d", "stroke"], lt = ["cx", "cy", "r", "fill", "stroke"], tt = ["cx", "cy", "r", "fill", "stroke"], et = ["x", "y", "width", "fill"], ot = ["cx", "cy", "fill"], st = ["cx", "cy", "fill"], rt = ["stroke"], it = ["xmlns"], nt = ["stroke", "stroke-width"], at = ["stroke", "stroke-width"], ct = ["stroke", "stroke-width"], ut = ["fill"], dt = ["fill"], yt = ["fill"], kt = ["fill"], ht = ["fill"], vt = ["fill"], _t = ["xmlns"], xt = { key: 0 }, pt = ["stroke", "stroke-width"], gt = ["stroke", "stroke-width"], ft = ["stroke", "stroke-width"], wt = { key: 1 }, Ct = ["r", "fill"], mt = ["r", "fill"], bt = ["xmlns"], Mt = { key: 0 }, Lt = ["stroke", "stroke-width"], At = ["stroke", "stroke-width"], $t = ["fill", "rx", "x", "y", "width", "height"], Bt = ["xmlns"], Pt = ["stroke-width", "stroke"], Wt = ["stroke-width", "stroke"], jt = ["stroke-width", "stroke"], zt = ["xmlns"], Zt = ["stroke"], qt = ["stroke"], Ht = ["stroke"], Qt = ["stroke"], Et = ["fill"], St = ["stroke"], It = ["xmlns"], Nt = ["stroke", "stroke-width"], Ft = ["stroke", "stroke-width"], Ot = ["fill", "r"], Vt = ["fill", "r"], Xt = ["fill", "r"], Gt = ["fill", "r"], Rt = ["fill", "r"], Tt = ["fill", "r"], Ut = ["fill", "r"], Yt = ["fill", "r"], Dt = ["fill", "r"], Jt = ["xmlns"], Kt = ["d", "stroke", "stroke-width"], le = ["d", "stroke", "stroke-width"], te = ["d", "stroke", "stroke-width"], ee = ["d", "stroke", "stroke-width"], oe = ["stroke", "stroke-width"], se = ["stroke", "stroke-width"], re = ["stroke", "stroke-width"], ie = ["fill"], ne = ["fill"], ae = ["xmlns"], ce = ["x", "y", "fill"], ue = ["x", "y", "fill"], de = ["x", "y", "fill"], ye = ["xmlns"], ke = ["fill"], he = ["fill"], ve = ["y1", "y2", "stroke", "stroke-width"], _e = ["x1", "x2", "stroke", "stroke-width"], xe = ["xmlns", "stroke"], pe = ["fill"], ge = ["xmlns", "stroke"], fe = ["xmlns", "stroke"], we = ["fill"], Ce = ["xmlns", "stroke"], me = ["xmlns", "stroke"], be = ["fill"], Me = ["xmlns", "stroke"], Le = ["xmlns", "stroke"], Ae = ["fill"], $e = ["xmlns", "stroke"], Be = ["xmlns", "stroke"], Pe = ["fill"], We = ["xmlns", "stroke"], je = ["xmlns"], ze = ["points", "fill", "stroke", "stroke-width"], Ze = ["xmlns"], qe = { key: 0 }, He = ["stroke", "stroke-width"], Qe = ["y", "width", "fill", "rx"], Ee = {
   __name: "vue-ui-skeleton",

package/dist/{vue-ui-smiley-BK5EKp9u.js → vue-ui-smiley-CzVaLlpB.js}

@@ -1,7 +1,7 @@
 import { openBlock as i, createElementBlock as s, withKeys as K, normalizeStyle as r, normalizeClass as T, createElementVNode as a, toDisplayString as v, renderSlot as $, createCommentVNode as f, unref as M, useSlots as q, ref as x, onMounted as N, computed as w, watch as V, Fragment as H, renderList as J, createVNode as Q, withCtx as z, createTextVNode as W } from "vue";
-import { X as j, v as U, k as Z, l as _, o as ee, q as te } from "./lib-GwPnJSrY.js";
-import { u as le } from "./useNestedProp-BBT0mbHh.js";
-import { u as ae } from "./useConfig-CIgyKZ6R.js";
+import { X as j, v as U, k as Z, l as _, o as ee, q as te } from "./lib-DBptbyyI.js";
+import { u as le } from "./useNestedProp-Bf5XFbs8.js";
+import { u as ae } from "./useConfig-DO94Aj5s.js";
 import { _ as oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
 const ne = ["xmlns", "stroke"], ie = ["id"], se = ["stop-color"], re = ["stop-color"], ue = ["stroke"], ce = ["xmlns", "viewBox", "stroke"], de = ["id"], ye = ["stop-color"], fe = ["stop-color"], ve = ["viewBox", "stroke"], ge = {
   __name: "BaseSmilingUnit",

package/dist/vue-ui-spark-trend-D8Mf2A1w.js

@@ -0,0 +1,378 @@
+import { defineAsyncComponent as _e, ref as c, computed as s, toRefs as $e, watch as P, nextTick as le, onMounted as we, openBlock as o, createElementBlock as r, normalizeStyle as xe, createElementVNode as N, toDisplayString as Z, unref as i, createVNode as Le, renderSlot as H, createCommentVNode as y, createBlock as Ce } from "vue";
+import { j as Te, t as ae, H as ne, o as W, q as Ae, K as L, an as Ne, l as I, k as ue, X as Se, u as q, c as se } from "./lib-DBptbyyI.js";
+import { t as ze, u as Fe } from "./useResponsive-DfdjqQps.js";
+import { u as Me } from "./useConfig-DO94Aj5s.js";
+import { u as Ie, B as Ve } from "./BaseScanner-BhhkKVoj.js";
+import { u as je } from "./useFitSvgText-2crs6Fv5.js";
+import { u as U } from "./useNestedProp-Bf5XFbs8.js";
+import { u as De } from "./useThemeCheck-D1ZYXUwG.js";
+import { u as Ee } from "./usePrefersMotion-CUKm8_t8.js";
+import Be from "./vue_ui_spark_trend-3BjrSprO.js";
+import { _ as Oe } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+const Re = ["id", "aria-describedby"], Ge = ["id"], Pe = ["xmlns", "viewBox"], Ze = ["width", "height"], He = ["id"], We = ["stop-color"], qe = ["stop-color"], Ue = { key: 1 }, Ke = ["d", "fill"], Xe = ["d", "fill"], Je = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Qe = ["d", "stroke", "stroke-width", "stroke-linecap", "stroke-linejoin"], Ye = ["d"], et = ["fill", "d"], tt = ["x", "y", "width", "height"], lt = ["x", "y", "fill", "font-size", "font-weight"], at = ["stroke", "cx", "cy", "fill"], nt = ["x", "y", "font-size", "fill", "font-weight"], ut = {
+  __name: "vue-ui-spark-trend",
+  props: {
+    config: {
+      type: Object,
+      default() {
+        return {};
+      }
+    },
+    dataset: {
+      type: Array,
+      default() {
+        return [];
+      }
+    }
+  },
+  setup(oe) {
+    const re = _e(() => import("./PackageVersion-DPO-OOVI.js")), { vue_ui_spark_trend: ie } = Me(), { isThemeValid: ve, warnInvalidTheme: de } = De(), S = Ee(), h = oe, V = c(null), K = c(null), X = c(null), C = c(null), z = c(null), T = c(!1), p = c(null), $ = c(Te()), e = c(E()), fe = s(() => ae({
+      defaultConfig: {
+        style: {
+          animation: { show: !1 },
+          backgroundColor: "#99999930",
+          line: {
+            stroke: "#6A6A6A",
+            useColorTrend: !1
+          },
+          dataLabel: { show: !1, useColorTrend: !1, color: "#6A6A6A" }
+        }
+      },
+      userConfig: e.value.skeletonConfig ?? {}
+    })), { loading: k, FINAL_DATASET: j, manualLoading: D } = Ie({
+      ...$e(h),
+      FINAL_CONFIG: e,
+      prepareConfig: E,
+      skeletonDataset: h.config?.skeletonDataset ?? [1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233],
+      skeletonConfig: ae({
+        defaultConfig: e.value,
+        userConfig: fe.value
+      })
+    });
+    function E() {
+      const t = U({
+        userConfig: h.config,
+        defaultConfig: ie
+      }), l = t.theme;
+      if (!l) return t;
+      if (!ve.value(t))
+        return de(t), t;
+      const n = U({
+        userConfig: Be[l] || h.config,
+        defaultConfig: t
+      });
+      return U({
+        userConfig: h.config,
+        defaultConfig: n
+      });
+    }
+    const g = s(() => ne({
+      data: j.value,
+      threshold: e.value.downsample.threshold
+    }));
+    P(() => h.config, (t) => {
+      e.value = E(), R.value = e.value.style.width, w.value = e.value.style.height, J();
+    }, { deep: !0 });
+    function B(t) {
+      return t.map((l) => L(l));
+    }
+    const _ = c(ne({
+      data: j.value,
+      threshold: e.value.downsample.threshold
+    }).map((t) => e.value.style.animation.show && !S.value || [void 0, 1 / 0, -1 / 0, null, NaN].includes(t) ? null : t));
+    P(g, (t) => {
+      p.value && (cancelAnimationFrame(p.value), p.value = null), e.value.style.animation.show && !S.value ? _.value = Array(t.length).fill(null) : _.value = t.map(
+        (l) => ![void 0, 1 / 0, -1 / 0, null].includes(l) && !Number.isNaN(l) ? l : null
+      ), O(), le(() => M(".vue-ui-sparktrend-progress-label", 6));
+    }, { deep: !0, immediate: !0 }), P(
+      () => JSON.stringify(h.dataset),
+      () => {
+        p.value && (cancelAnimationFrame(p.value), p.value = null), D.value = W(h.dataset);
+        const t = g.value;
+        _.value = e.value.style.animation.show && !S.value ? Array(t.length).fill(null) : t.map((l) => Number.isFinite(l) ? l : null), O(), le(() => M(".vue-ui-sparktrend-progress-label", 6));
+      },
+      { deep: !1, immediate: !0 }
+    );
+    function O() {
+      let l = 1e3 / e.value.style.animation.animationFrames, n = performance.now();
+      if (!k.value && e.value.style.animation.show && !S.value && e.value.style.animation.animationFrames && j.value.length > 1) {
+        let b = function() {
+          T.value = !0;
+          let ee = performance.now(), te = ee - n;
+          te > l ? (n = ee - te % l, v < g.value.length ? (_.value.push(g.value[v]), v += 1, p.value = requestAnimationFrame(b)) : (cancelAnimationFrame(p.value), _.value = B(g.value), T.value = !1, M(".vue-ui-sparktrend-progress-label", 6))) : p.value = requestAnimationFrame(b);
+        };
+        _.value = [];
+        let v = 0;
+        b();
+      }
+    }
+    we(() => {
+      J();
+    });
+    const ce = s(() => e.value.debug);
+    function J() {
+      if (W(h.dataset) && (Ae({
+        componentName: "VueUiSparkTrend",
+        type: "dataset",
+        debug: ce.value
+      }), D.value = !0), W(h.dataset) || (D.value = !1), e.value.responsive) {
+        const t = ze(() => {
+          const { width: l, height: n } = Fe({
+            chart: V.value,
+            source: X.value
+          });
+          requestAnimationFrame(() => {
+            R.value = l, w.value = n;
+          });
+        });
+        C.value && (z.value && C.value.unobserve(z.value), C.value.disconnect()), C.value = new ResizeObserver(t), z.value = V.value.parentNode, C.value.observe(z.value);
+      }
+      O(), M(".vue-ui-sparktrend-progress-label", 6);
+    }
+    const R = c(e.value.style.width), w = c(e.value.style.height), d = s(() => ({
+      height: w.value,
+      width: R.value
+    })), u = s(() => ({
+      top: e.value.style.padding.top,
+      left: e.value.style.padding.left,
+      right: d.value.width - e.value.style.padding.right,
+      bottom: d.value.height - e.value.style.padding.bottom,
+      height: d.value.height - (e.value.style.padding.top + e.value.style.padding.bottom) - (e.value.style.dataLabel.show ? e.value.style.dataLabel.fontSize : 0),
+      width: d.value.width - (e.value.style.padding.left + e.value.style.padding.right)
+    })), G = s(() => {
+      const t = B(g.value).filter(Number.isFinite);
+      if (!t.length) return { max: 0, min: 0 };
+      let l = t[0], n = t[0];
+      for (let v = 1; v < t.length; v++) {
+        const b = t[v];
+        b > l && (l = b), b < n && (n = b);
+      }
+      return { max: l, min: n };
+    }), he = s(() => {
+      const t = g.value, l = t.length ? t[t.length - 1] : "x";
+      return [
+        $.value,
+        t.length,
+        Number.isFinite(l) ? l : "x",
+        e.value.downsample.threshold,
+        e.value.style.line.smooth ? "s" : "l"
+      ].join("-");
+    }), F = s(() => {
+      const t = G.value.min >= 0 ? 0 : G.value.min;
+      return Math.abs(t);
+    }), ye = s(() => G.value.max + F.value);
+    function Q(t) {
+      return t / ye.value;
+    }
+    const pe = s(() => g.value.length), a = s(() => _.value.map((t, l) => {
+      const n = isNaN(t) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t) ? 0 : t || 0;
+      return {
+        value: L(t),
+        absoluteValue: L(n),
+        plotValue: L(n + F.value),
+        toMax: Q(n + F.value),
+        x: u.value.left + L(l * (u.value.width / (pe.value - 1))) - e.value.style.padding.right,
+        y: u.value.bottom - L(u.value.height * Q(n + F.value))
+      };
+    })), x = s(() => {
+      const t = B(g.value);
+      return e.value.style.trendLabel.trendType === "global" ? Ne(t) : e.value.style.trendLabel.trendType === "n-1" && t.length > 1 ? (t.at(-1) / t.at(-2) - 1) * 100 : e.value.style.trendLabel.trendType === "lastToFirst" ? (t.at(-1) / t[0] - 1) * 100 : 0;
+    }), A = s(() => T.value || x.value === 0 ? "neutral" : x.value > 0 ? "positive" : "negative"), m = s(() => e.value.style.arrow.colors[A.value]), ge = s(() => {
+      const t = { x: a.value[0].x, y: d.value.height - 6 }, l = { x: a.value[a.value.length - 1].x, y: d.value.height - 6 }, n = [];
+      return a.value.forEach((v) => {
+        n.push(`${v.x},${v.y} `);
+      }), [t.x, t.y, ...n, l.x, l.y].toString();
+    }), me = s(() => {
+      let t = [];
+      return a.value.forEach((l) => {
+        t.push(`${l.x},${l.y} `);
+      }), `M ${t.toString()}`;
+    }), f = s(() => w.value / 2 - e.value.style.trendLabel.fontSize), be = s(() => u.value.left * 0.8), { fitText: M } = je({
+      svgRef: K,
+      unitWidth: be,
+      fontSize: e.value.style.trendLabel.fontSize
+    }), ke = s(() => {
+      if (k.value || T.value)
+        return "Trend chart loading";
+      const t = a.value?.at(-1), l = t?.value, n = I({
+        p: x.value > 0 ? "+" : "",
+        v: x.value,
+        s: "%",
+        r: e.value.style.trendLabel.rounding
+      }), v = l == null ? "not available" : ue(
+        e.value.style.dataLabel.formatter,
+        l,
+        I({
+          p: e.value.style.dataLabel.prefix,
+          v: l,
+          s: e.value.style.dataLabel.suffix,
+          r: e.value.style.dataLabel.rounding
+        }),
+        { datapoint: t }
+      );
+      return `Progression ${A.value === "positive" ? `up ${n}` : A.value === "negative" ? `down ${n}` : `stable at ${n}`}. Last value ${v}.`;
+    }), Y = s(() => `sparktrend-a11y-${$.value}`);
+    return (t, l) => (o(), r("div", {
+      ref_key: "sparkTrendChart",
+      ref: V,
+      class: "vue-data-ui-component vue-ui-spark-trend",
+      id: $.value,
+      style: xe(`width:100%;font-family:${e.value.style.fontFamily};background:${e.value.style.backgroundColor}`),
+      role: "img",
+      "aria-describedby": Y.value
+    }, [
+      N("p", {
+        id: Y.value,
+        class: "sr-only",
+        "aria-live": "polite"
+      }, Z(ke.value), 9, Ge),
+      (o(), r("svg", {
+        key: he.value,
+        ref_key: "svgRef",
+        ref: K,
+        xmlns: i(Se),
+        viewBox: `0 0 ${d.value.width} ${d.value.height}`,
+        style: "width:100%;background:transparent;overflow:visible",
+        "aria-hidden": "true"
+      }, [
+        Le(i(re)),
+        t.$slots["chart-background"] ? (o(), r("foreignObject", {
+          key: 0,
+          x: 0,
+          y: 0,
+          width: d.value.width <= 0 ? 10 : d.value.width,
+          height: d.value.height <= 0 ? 10 : d.value.height,
+          style: {
+            pointerEvents: "none"
+          }
+        }, [
+          H(t.$slots, "chart-background", {}, void 0, !0)
+        ], 8, Ze)) : y("", !0),
+        N("defs", null, [
+          N("linearGradient", {
+            x1: "0%",
+            y1: "0%",
+            x2: "0%",
+            y2: "100%",
+            id: `pill_gradient_${$.value}`
+          }, [
+            N("stop", {
+              offset: "0%",
+              "stop-color": i(q)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity)
+            }, null, 8, We),
+            N("stop", {
+              offset: "100%",
+              "stop-color": e.value.style.backgroundColor
+            }, null, 8, qe)
+          ], 8, He)
+        ]),
+        e.value.style.area.show && a.value[0] ? (o(), r("g", Ue, [
+          e.value.style.line.smooth ? (o(), r("path", {
+            key: 0,
+            d: `M ${a.value[0].x},${u.value.bottom} ${i(se)(a.value)} L ${a.value.at(-1).x},${u.value.bottom} Z`,
+            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${$.value})` : i(q)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
+            stroke: "none"
+          }, null, 8, Ke)) : (o(), r("path", {
+            key: 1,
+            d: `M${ge.value}Z`,
+            fill: e.value.style.area.useGradient ? `url(#pill_gradient_${$.value})` : i(q)(e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke, e.value.style.area.opacity),
+            stroke: "none"
+          }, null, 8, Xe))
+        ])) : y("", !0),
+        e.value.style.line.smooth && a.value.length ? (o(), r("path", {
+          key: 2,
+          d: `M ${i(se)(a.value)}`,
+          stroke: e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke,
+          fill: "none",
+          "stroke-width": e.value.style.line.strokeWidth,
+          "stroke-linecap": e.value.style.line.strokeLinecap,
+          "stroke-linejoin": e.value.style.line.strokeLinejoin
+        }, null, 8, Je)) : y("", !0),
+        !e.value.style.line.smooth && a.value.length ? (o(), r("path", {
+          key: 3,
+          d: me.value,
+          stroke: e.value.style.line.useColorTrend ? m.value : e.value.style.line.stroke,
+          fill: "none",
+          "stroke-width": e.value.style.line.strokeWidth,
+          "stroke-linecap": e.value.style.line.strokeLinecap,
+          "stroke-linejoin": e.value.style.line.strokeLinejoin
+        }, null, 8, Qe)) : y("", !0),
+        i(k) ? (o(), r("path", {
+          key: 4,
+          fill: "#6A6A6A",
+          d: `M ${u.value.left / 2 + 6}, ${f.value + 7} ${u.value.left / 2 - 7}, ${f.value} ${u.value.left / 2 - 7}, ${f.value + 14} Z`
+        }, null, 8, Ye)) : (o(), r("path", {
+          key: 5,
+          fill: m.value,
+          d: A.value === "positive" ? `M ${u.value.left / 2}, ${f.value} ${u.value.left / 2 - 7}, ${f.value + 12} ${u.value.left / 2 + 7}, ${f.value + 12} Z` : A.value === "negative" ? `M ${u.value.left / 2}, ${f.value + 12} ${u.value.left / 2 - 7}, ${f.value} ${u.value.left / 2 + 7}, ${f.value} Z` : `M ${u.value.left / 2 + 6}, ${f.value + 7} ${u.value.left / 2 - 7}, ${f.value} ${u.value.left / 2 - 7}, ${f.value + 14} Z`
+        }, null, 8, et)),
+        i(k) ? (o(), r("rect", {
+          key: 6,
+          x: u.value.left / 2 - e.value.style.trendLabel.fontSize - 2,
+          y: w.value / 2 + e.value.style.trendLabel.fontSize - 2,
+          width: e.value.style.trendLabel.fontSize * 2,
+          height: e.value.style.trendLabel.fontSize,
+          fill: "#6A6A6A80",
+          rx: "3"
+        }, null, 8, tt)) : y("", !0),
+        !T.value && !i(k) ? (o(), r("text", {
+          key: 7,
+          class: "vue-ui-sparktrend-progress-label",
+          x: u.value.left / 2,
+          y: w.value / 2 + e.value.style.trendLabel.fontSize * 2,
+          "text-anchor": "middle",
+          fill: e.value.style.trendLabel.useColorTrend ? m.value : e.value.style.trendLabel.color,
+          "font-size": e.value.style.trendLabel.fontSize,
+          "font-weight": e.value.style.trendLabel.bold ? "bold" : "normal"
+        }, Z(i(I)({
+          p: x.value > 0 ? "+" : "",
+          v: x.value,
+          s: "%",
+          r: e.value.style.trendLabel.rounding
+        })), 9, lt)) : y("", !0),
+        a.value.length && a.value.at(-1).x !== void 0 ? (o(), r("circle", {
+          key: 8,
+          stroke: e.value.style.backgroundColor,
+          "stroke-width": 2,
+          cx: a.value.at(-1).x,
+          cy: a.value.at(-1).y,
+          r: 4,
+          fill: i(k) ? "#6A6A6A" : m.value
+        }, null, 8, at)) : y("", !0),
+        a.value.length && a.value.at(-1).x !== void 0 && e.value.style.dataLabel.show ? (o(), r("text", {
+          key: 9,
+          "text-anchor": "middle",
+          x: a.value.at(-1).x,
+          y: a.value.at(-1).y - e.value.style.dataLabel.fontSize / 1.5,
+          "font-size": e.value.style.dataLabel.fontSize,
+          fill: e.value.style.dataLabel.useColorTrend ? m.value : e.value.style.dataLabel.color,
+          "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal"
+        }, Z(i(ue)(
+          e.value.style.dataLabel.formatter,
+          a.value.at(-1).value,
+          i(I)({
+            p: e.value.style.dataLabel.prefix,
+            v: a.value.at(-1).value,
+            s: e.value.style.dataLabel.suffix,
+            r: e.value.style.dataLabel.rounding
+          }),
+          { datapoint: a.value.at(-1) }
+        )), 9, nt)) : y("", !0)
+      ], 8, Pe)),
+      t.$slots.source ? (o(), r("div", {
+        key: 0,
+        ref_key: "source",
+        ref: X,
+        dir: "auto"
+      }, [
+        H(t.$slots, "source", {}, void 0, !0)
+      ], 512)) : y("", !0),
+      H(t.$slots, "skeleton", {}, () => [
+        i(k) ? (o(), Ce(Ve, { key: 0 })) : y("", !0)
+      ], !0)
+    ], 12, Re));
+  }
+}, gt = /* @__PURE__ */ Oe(ut, [["__scopeId", "data-v-53283176"]]);
+export {
+  gt as default
+};