vue-data-ui 3.1.17 → 3.1.19-next.0

package/dist/useNestedProp-DpwLJMsW.js

@@ -1,13 +0,0 @@
-import { t as o, A as n } from "./index-Lg17rmB1.js";
-function c({ defaultConfig: e, userConfig: t }) {
-  if (!Object.keys(t || {}).length)
-    return e;
-  const r = o({
-    defaultConfig: e,
-    userConfig: t
-  });
-  return n(r);
-}
-export {
-  c as u
-};

package/dist/vue-data-ui-lki09wwK.js

@@ -1,325 +0,0 @@
-import { toRefs as re, defineAsyncComponent as t, computed as c, ref as o, onMounted as le, watch as Z, shallowReactive as ue, createElementBlock as se, createBlock as d, openBlock as g, normalizeStyle as ce, createElementVNode as ge, createTextVNode as pe, createCommentVNode as q, toDisplayString as me, resolveDynamicComponent as de, mergeProps as Ve, toHandlers as Ue, createSlots as fe, renderList as ve, withCtx as ke, renderSlot as Se, normalizeProps as he, guardReactiveProps as be } from "vue";
-import K from "./BaseIcon-7s-tCFcQ.js";
-const ye = { style: { width: "36px" } }, Ae = {
-  __name: "vue-data-ui",
-  props: {
-    component: { type: String },
-    dataset: { type: [Object, Array, Number, String] },
-    config: { type: Object }
-  },
-  emits: [
-    "selectLegend",
-    "selectDatapoint",
-    "toggleOpenState",
-    "saveAnnotations",
-    "selectRoot",
-    "selectBranch",
-    "selectNut",
-    "change",
-    "selectPlot",
-    "selectSide",
-    "rate",
-    "postImage",
-    "hoverIndex",
-    "selectX",
-    "toggleLock",
-    "toggleTooltip",
-    "start",
-    "play",
-    "pause",
-    "reset",
-    "restart",
-    "lap",
-    "toggleAnnotator",
-    "selectGroup",
-    "selectRibbon",
-    "toggleTable",
-    "resetZoom"
-  ],
-  setup(Y, { expose: J, emit: R }) {
-    const a = Y, { component: Ce, dataset: w, config: ee } = re(a), p = {
-      VueUi3dBar: t(() => import("./vue-ui-3d-bar-8b3VZcUI.js")),
-      VueUiAgePyramid: t(() => import("./vue-ui-age-pyramid-Cr_dhyTO.js")),
-      VueUiAnnotator: t(() => import("./vue-ui-annotator-ttaqcMTz.js")),
-      VueUiCandlestick: t(() => import("./vue-ui-candlestick-B5NqFTXr.js")),
-      VueUiChestnut: t(() => import("./vue-ui-chestnut-Cby7Wcbu.js")),
-      VueUiDashboard: t(() => import("./vue-ui-dashboard-CaUM9n5b.js")),
-      VueUiDigits: t(() => import("./vue-ui-digits-DsoHRv9p.js")),
-      VueUiDonut: t(() => import("./vue-ui-donut-Dxsq1gpz.js")),
-      VueUiDonutEvolution: t(() => import("./vue-ui-donut-evolution-CFu9WNVV.js")),
-      VueUiGalaxy: t(() => import("./vue-ui-galaxy-CVJb9_hA.js")),
-      VueUiGauge: t(() => import("./vue-ui-gauge-ofpIH29X.js")),
-      VueUiHeatmap: t(() => import("./vue-ui-heatmap-BK_jorrw.js")),
-      VueUiKpi: t(() => import("./vue-ui-kpi-DAHT9q6j.js")),
-      VueUiMiniLoader: t(() => import("./vue-ui-mini-loader-CuilTrcI.js")),
-      VueUiMolecule: t(() => import("./vue-ui-molecule-C6suewK-.js")),
-      VueUiMoodRadar: t(() => import("./vue-ui-mood-radar-DPvGhgPI.js")),
-      VueUiNestedDonuts: t(() => import("./vue-ui-nested-donuts-BvPWp9Du.js")),
-      VueUiOnion: t(() => import("./vue-ui-onion-BZ0tfRV_.js")),
-      VueUiQuadrant: t(() => import("./vue-ui-quadrant-Cg5e73ny.js")),
-      VueUiRadar: t(() => import("./vue-ui-radar-DYcoGzSu.js")),
-      VueUiRating: t(() => import("./vue-ui-rating-1eguB-TH.js")),
-      VueUiRelationCircle: t(() => import("./vue-ui-relation-circle-BeWuQDkk.js")),
-      VueUiRings: t(() => import("./vue-ui-rings-2eedFGuC.js")),
-      VueUiScatter: t(() => import("./vue-ui-scatter-CNtgNP5j.js")),
-      VueUiSkeleton: t(() => import("./vue-ui-skeleton-fqG3bKSz.js")),
-      VueUiSmiley: t(() => import("./vue-ui-smiley-D4bvSF9S.js")),
-      VueUiSparkbar: t(() => import("./vue-ui-sparkbar-D1FXZyQE.js")),
-      VueUiSparkgauge: t(() => import("./vue-ui-sparkgauge-CHbbxg13.js")),
-      VueUiSparkHistogram: t(() => import("./vue-ui-sparkhistogram-BxYes64D.js")),
-      VueUiSparkline: t(() => import("./vue-ui-sparkline-CS3F5TFN.js")),
-      VueUiSparkStackbar: t(() => import("./vue-ui-sparkstackbar-CUSBwkUS.js")),
-      VueUiTable: t(() => import("./vue-ui-table-COT59wVb.js")),
-      VueUiTableSparkline: t(() => import("./vue-ui-table-sparkline-DnSLwUNN.js")),
-      VueUiThermometer: t(() => import("./vue-ui-thermometer-ByiRARW0.js")),
-      VueUiTiremarks: t(() => import("./vue-ui-tiremarks-BFXeJQNZ.js")),
-      VueUiTreemap: t(() => import("./vue-ui-treemap-s_O9rQUT.js")),
-      VueUiVerticalBar: t(() => import("./vue-ui-vertical-bar-Bn-m5GKU.js")),
-      // delete in v4
-      VueUiHorizontalBar: t(() => import("./vue-ui-vertical-bar-Bn-m5GKU.js")),
-      // v3 renaming
-      VueUiWaffle: t(() => import("./vue-ui-waffle-DmxaWHSw.js")),
-      VueUiWheel: t(() => import("./vue-ui-wheel-zJ5U-h_D.js")),
-      VueUiXy: t(() => import("./vue-ui-xy-Uqdl2nk-.js")),
-      VueUiTableHeatmap: t(() => import("./vue-ui-table-heatmap--e8yw5yS.js")),
-      VueUiAccordion: t(() => import("./vue-ui-accordion-BJG-ogQj.js")),
-      VueUiQuickChart: t(() => import("./vue-ui-quick-chart-sABlk5nb.js")),
-      VueUiCursor: t(() => import("./vue-ui-cursor-D6MvR7jD.js")),
-      VueUiSparkTrend: t(() => import("./vue-ui-spark-trend-GML5JJxY.js")),
-      VueUiStripPlot: t(() => import("./vue-ui-strip-plot-D6MFuKnN.js")),
-      VueUiDumbbell: t(() => import("./vue-ui-dumbbell-Cgb7ijQS.js")),
-      VueUiWordCloud: t(() => import("./vue-ui-word-cloud-BEnkOZdv.js")),
-      VueUiXyCanvas: t(() => import("./vue-ui-xy-canvas-cIU8Y1sD.js")),
-      VueUiFlow: t(() => import("./vue-ui-flow-Ucb9PdWP.js")),
-      VueUiParallelCoordinatePlot: t(() => import("./vue-ui-parallel-coordinate-plot-DqFj8hbo.js")),
-      VueUiTimer: t(() => import("./vue-ui-timer-DOQVdVN2.js")),
-      VueUiCarouselTable: t(() => import("./vue-ui-carousel-table-B0bpCRFh.js")),
-      VueUiGizmo: t(() => import("./vue-ui-gizmo-Ci9kN9VQ.js")),
-      VueUiStackbar: t(() => import("./vue-ui-stackbar-CDihyp-i.js")),
-      VueUiBullet: t(() => import("./vue-ui-bullet-DXvTj07g.js")),
-      VueUiFunnel: t(() => import("./vue-ui-funnel-CV29tksj.js")),
-      VueUiHistoryPlot: t(() => import("./vue-ui-history-plot-Ce8BB4Tn.js")),
-      VueUiCirclePack: t(() => import("./vue-ui-circle-pack-Cc5e6dE3.js")),
-      VueUiWorld: t(() => import("./vue-ui-world-CkqoTL4V.js")),
-      VueUiRidgeline: t(() => import("./vue-ui-ridgeline-CG7FefqU.js")),
-      VueUiChord: t(() => import("./vue-ui-chord-Cxg8nwzZ.js"))
-    }, te = {
-      VueUi3dBar: ["config", "dataset"],
-      VueUiAgePyramid: ["config", "dataset"],
-      VueUiAnnotator: ["config", "dataset"],
-      VueUiCandlestick: ["config", "dataset"],
-      VueUiChestnut: ["config", "dataset"],
-      VueUiDashboard: ["config", "dataset"],
-      VueUiDigits: ["config", "dataset"],
-      VueUiDonut: ["config", "dataset"],
-      VueUiDonutEvolution: ["config", "dataset"],
-      VueUiGalaxy: ["config", "dataset"],
-      VueUiGauge: ["config", "dataset"],
-      VueUiHeatmap: ["config", "dataset"],
-      VueUiKpi: ["config", "dataset"],
-      VueUiMiniLoader: ["config"],
-      VueUiMolecule: ["config", "dataset"],
-      VueUiMoodRadar: ["config", "dataset"],
-      VueUiNestedDonuts: ["config", "dataset"],
-      VueUiOnion: ["config", "dataset"],
-      VueUiQuadrant: ["config", "dataset"],
-      VueUiRadar: ["config", "dataset"],
-      VueUiRating: ["config", "dataset"],
-      VueUiRelationCircle: ["config", "dataset"],
-      VueUiRings: ["config", "dataset"],
-      VueUiScatter: ["config", "dataset"],
-      VueUiSkeleton: ["config"],
-      VueUiSmiley: ["config", "dataset"],
-      VueUiSparkbar: ["config", "dataset"],
-      VueUiSparkgauge: ["config", "dataset"],
-      VueUiSparkHistogram: ["config", "dataset"],
-      VueUiSparkline: ["config", "dataset"],
-      VueUiSparkStackbar: ["config", "dataset"],
-      VueUiTable: ["config", "dataset"],
-      VueUiTableSparkline: ["config", "dataset"],
-      VueUiThermometer: ["config", "dataset"],
-      VueUiTiremarks: ["config", "dataset"],
-      VueUiTreemap: ["config", "dataset"],
-      VueUiVerticalBar: ["config", "dataset"],
-      // delete in v4
-      VueUiHorizontalBar: ["config", "dataset"],
-      // v3 renaming
-      VueUiWaffle: ["config", "dataset"],
-      VueUiWheel: ["config", "dataset"],
-      VueUiXy: ["config", "dataset"],
-      VueUiTableHeatmap: ["config", "dataset"],
-      VueUiAccordion: ["config"],
-      VueUiQuickChart: ["config", "dataset"],
-      VueUiCursor: ["config"],
-      VueUiSparkTrend: ["config", "dataset"],
-      VueUiStripPlot: ["config", "dataset"],
-      VueUiDumbbell: ["config", "dataset"],
-      VueUiWordCloud: ["config", "dataset"],
-      VueUiXyCanvas: ["config", "dataset"],
-      VueUiFlow: ["config", "dataset"],
-      VueUiParallelCoordinatePlot: ["config", "dataset"],
-      VueUiTimer: ["config"],
-      VueUiCarouselTable: ["config", "dataset"],
-      VueUiGizmo: ["config", "dataset"],
-      VueUiStackbar: ["config", "dataset"],
-      VueUiBullet: ["config", "dataset"],
-      VueUiFunnel: ["config", "dataset"],
-      VueUiHistoryPlot: ["config", "dataset"],
-      VueUiCirclePack: ["config", "dataset"],
-      VueUiWorld: ["config", "dataset"],
-      VueUiRidgeline: ["config", "dataset"],
-      VueUiChord: ["config", "dataset"]
-    }, oe = R, V = c(() => !p[a.component]), ie = c(() => p[a.component] || null), r = o(null), ae = c(() => {
-      const e = te[a.component] || [], i = {};
-      return e.includes("config") && (i.config = ee.value), e.includes("dataset") && (i.dataset = w.value), i;
-    }), U = o(() => null), f = o(() => null), v = o(() => null), k = o(() => null), S = o(() => null), h = o(() => null), b = o(() => null), y = o(() => null), C = o(() => null), T = o(() => null), P = o(() => null), A = o(() => null), D = o(() => null), I = o(() => null), H = o(() => null), x = o(() => null), B = o(() => null), F = o(() => null), L = o(() => null), N = o(() => null), E = o(() => null), G = o(() => null), z = o(() => null), O = o(() => null), _ = o(() => null), $ = o(() => null), M = o(() => null), W = o(() => null), X = o(() => null);
-    le(() => {
-      V.value && console.error(`
-
-Vue Data UI exception:
-The provided component "${a.component}" does not exist. Check the spelling.
-
-Available components:
-
-${Object.keys(p).map((e) => `. ${e}
-`).join("")}`);
-    }), Z(r, async (e) => {
-      e && (e.generatePdf && (U.value = e.generatePdf), e.generateImage && (v.value = e.generateImage), e.generateCsv && (f.value = e.generateCsv), e.getItemsPositions && (k.value = e.getItemsPositions), e.toggleReadonly && (S.value = e.toggleReadonly), e.shoot && (h.value = e.shoot), e.close && (b.value = e.close), e.restoreOrder && (y.value = e.restoreOrder), e.recalculateHeight && (C.value = e.recalculateHeight), e.toggleLock && (T.value = e.toggleLock), e.toggleTable && (P.value = e.toggleTable), e.toggleLabels && (A.value = e.toggleLabels), e.toggleSort && (D.value = e.toggleSort), e.toggleStack && (I.value = e.toggleStack), e.toggleTooltip && (H.value = e.toggleTooltip), e.start && (x.value = e.start), e.pause && (B.value = e.pause), e.reset && (F.value = e.reset), e.restart && (L.value = e.restart), e.lap && (N.value = e.lap), e.toggleAnimation && (E.value = e.toggleAnimation), e.pauseAnimation && (G.value = e.pauseAnimation), e.resumeAnimation && (z.value = e.resumeAnimation), e.toggleAnnotator && (O.value = e.toggleAnnotator), e.selectNode && (_.value = e.selectNode), e.selectGroup && ($.value = e.selectGroup), e.selectRibbon && (M.value = e.selectRibbon), e.autoSize && (W.value = e.autoSize), e.resetZoom && (X.value = e.resetZoom));
-    });
-    const ne = () => {
-      const e = [
-        "selectLegend",
-        "selectDatapoint",
-        "toggleOpenState",
-        "saveAnnotations",
-        "selectRoot",
-        "selectBranch",
-        "selectNut",
-        "change",
-        "selectPlot",
-        "selectSide",
-        "rate",
-        "postImage",
-        "hoverIndex",
-        "selectX",
-        "toggleLock",
-        "toggleTooltip",
-        "start",
-        "pause",
-        "reset",
-        "restart",
-        "lap",
-        "toggleAnimation",
-        "pauseAnimation",
-        "resumeAnimation",
-        "toggleAnnotator",
-        "selectNode",
-        "selectGroup",
-        "selectRibbon",
-        "autoSize",
-        "toggleTable",
-        "resetZoom"
-      ], i = {};
-      return e.forEach((l) => {
-        i[l] = (...n) => oe(l, ...n);
-      }), i;
-    }, m = ue([]);
-    function j(e, i) {
-      return new Promise((l, n) => {
-        m.push({ method: e, args: i, resolve: l, reject: n });
-      });
-    }
-    Z(r, (e) => {
-      if (e)
-        for (; m.length; ) {
-          const { method: i, args: l, resolve: n, reject: s } = m.shift(), Q = e[i];
-          typeof Q == "function" ? Promise.resolve().then(() => Q(...l)).then(n).catch(s) : s(new Error(`Method ${i} not found on ${a.component}`));
-        }
-    }), J({
-      getData(...e) {
-        return r.value?.getData ? r.value.getData(...e) : j("getData", e);
-      },
-      getImage(e = {}) {
-        const { scale: i = 2 } = e;
-        return r.value?.getImage ? r.value.getImage({ scale: i }) : j("getImage", [{ scale: i }]);
-      },
-      autoSize: W,
-      generatePdf: U,
-      generateCsv: f,
-      generateImage: v,
-      getItemsPositions: k,
-      toggleReadonly: S,
-      shoot: h,
-      close: b,
-      restoreOrder: y,
-      recalculateHeight: C,
-      toggleLock: T,
-      toggleTable: P,
-      toggleLabels: A,
-      toggleSort: D,
-      toggleStack: I,
-      toggleTooltip: H,
-      start: x,
-      pause: B,
-      reset: F,
-      restart: L,
-      lap: N,
-      pauseAnimation: G,
-      resumeAnimation: z,
-      toggleAnimation: E,
-      toggleAnnotator: O,
-      selectNode: _,
-      selectGroup: $,
-      selectRibbon: M,
-      resetZoom: X
-    });
-    const u = c(() => {
-      let e = `The provided component ${a.component} does not exist.`;
-      return ["VueUiIcon", "VueUiPattern", "Arrow"].includes(a.component) ? (e = `${a.component} is not supported by the VueDataUi universal component. You must import it individually.`, console.warn(e), {
-        status: "notSupported",
-        message: e
-      }) : (console.warn(e), {
-        status: "unknown",
-        message: e
-      });
-    });
-    return (e, i) => V.value ? (g(), se("div", {
-      key: 0,
-      style: ce({
-        width: "100%",
-        display: "flex",
-        gap: "6px",
-        alignItems: "center",
-        color: u.value.status === "notSupported" ? "#FF9000" : "#FF0000"
-      })
-    }, [
-      ge("div", ye, [
-        u.value.status === "unknown" ? (g(), d(K, {
-          key: 0,
-          name: "moodFlat",
-          stroke: "#FF0000"
-        })) : q("", !0),
-        u.value.status === "notSupported" ? (g(), d(K, {
-          key: 1,
-          name: "circleExclamation",
-          stroke: "#FF9000"
-        })) : q("", !0)
-      ]),
-      pe(" " + me(u.value.message), 1)
-    ], 4)) : (g(), d(de(ie.value), Ve({
-      key: 1,
-      ref_key: "currentComponentRef",
-      ref: r
-    }, ae.value, Ue(ne())), fe({ _: 2 }, [
-      ve(e.$slots, (l, n) => ({
-        name: n,
-        fn: ke((s) => [
-          Se(e.$slots, n, he(be(s)))
-        ])
-      }))
-    ]), 1040));
-  }
-};
-export {
-  Ae as default
-};

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

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