vue-data-ui 3.13.0 → 3.13.2

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

@@ -1,559 +0,0 @@
-import { defineAsyncComponent as he, computed as f, ref as y, toRefs as Ye, watch as Q, shallowRef as ye, onMounted as qe, onBeforeUnmount as pe, createElementBlock as v, openBlock as s, normalizeStyle as S, renderSlot as D, createCommentVNode as h, createBlock as be, normalizeProps as ge, guardReactiveProps as me, createElementVNode as p, toDisplayString as z, unref as u, createVNode as Ze, Fragment as J, renderList as ee, withCtx as Ke, createTextVNode as He, nextTick as Qe } from "vue";
-import { c as Je, t as et, an as te, o as ke, g as Ae, l as tt, h as B, n as at, ao as lt, X as ot, s as V, A as Ce, C as rt, Q as _e, a as ae, d as le, ap as ut } from "./lib-CVHM9FhP.js";
-import { t as st, u as nt } from "./useResponsive-DfdjqQps.js";
-import { u as it, a as oe } from "./useNestedProp-DBDAPWcu.js";
-import { u as dt, B as vt } from "./BaseScanner-BMpwQAfz.js";
-import { u as ct } from "./useThemeCheck-D1ZYXUwG.js";
-import { u as ft } from "./useTimeLabels-DKoynYae.js";
-import { u as ht } from "./useChartAccessibility-9icAAmYg.js";
-import { _ as yt } from "./_plugin-vue_export-helper-CHgC5LLL.js";
-const xe = { style: { line: { color: "#2A2929" }, area: { color: "#65698E" }, bar: { color: "#2A2929" } } }, we = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, line: { color: "#65698E" }, area: { color: "#8D99AE" }, bar: { color: "#65698E" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { backgroundColor: "#1A1A1A", backgroundOpacity: 70, color: "#CCCCCC", borderColor: "#3A3A3A" } } }, Le = { style: { backgroundColor: "#1A1A1A", zeroLine: { color: "#5A5A5A" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#8A8A8A" }, dataLabel: { color: "#CCCCCC" }, title: { color: "#CCCCCC" }, tooltip: { color: "#CCCCCC", backgroundColor: "#1A1A1A", borderColor: "#5A5A5A", backgroundOpacity: 70 } } }, $e = { style: { backgroundColor: "#FFF8E1", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#FFF8E1" }, verticalIndicator: { color: "#FF9800" }, dataLabel: { color: "#424242" }, title: { color: "#424242" }, area: { color: "#E64A19" }, tooltip: { backgroundColor: "#FFECB3", backgroundOpacity: 30, color: "#424242", borderColor: "#FF8A65" } } }, Fe = { style: { backgroundColor: "#1E1E1E", line: { color: "#D32F2F" }, bar: { color: "#D32F2F", borderRadius: 0 }, zeroLine: { color: "#5D4037" }, plot: { stroke: "#1E1E1E" }, verticalIndicator: { color: "#B71C1C" }, dataLabel: { color: "#BDBDBD" }, title: { color: "#BDBDBD" }, area: { color: "#E64A19" }, tooltip: { backgroundColor: "#1E1E1E", backgroundOpacity: 30, color: "#FFF8E1", borderColor: "#FF8A65" } } }, Ne = { style: { backgroundColor: "#1A1A1A", line: { color: "#66CC66" }, bar: { color: "#66CC66", borderRadius: 0 }, zeroLine: { color: "#5F6A5F" }, plot: { stroke: "#1A1A1A" }, verticalIndicator: { color: "#66CC66" }, dataLabel: { color: "#AACCAA" }, title: { color: "#66CC66" }, area: { color: "#66CC66" }, tooltip: { backgroundColor: "#2A2F2A", color: "#AACCAA", borderColor: "#66CC66" } } }, Ie = { style: { backgroundColor: "#fbfafa", line: { color: "#B9B99D", smooth: !0 }, bar: { color: "#B9B99D", borderRadius: 3 }, zeroLine: { strokeWidth: 0 }, plot: { stroke: "#fbfafa" }, verticalIndicator: { color: "#B9B99D" }, dataLabel: { color: "#A0AC94" }, title: { color: "#8A9892" }, area: { color: "#B9B99D" }, tooltip: { backgroundColor: "#fbfafa", color: "#8A9892" } } }, De = { style: { backgroundColor: "#f6f6fb", line: { color: "#4A6A75" }, bar: { color: "#4A6A75", borderRadius: 0 }, zeroLine: { color: "#9FA9BE" }, plot: { stroke: "#f6f6fb" }, verticalIndicator: { color: "#4A6A75" }, dataLabel: { color: "#61747E" }, title: { color: "#50606C" }, area: { color: "#4A6A75" }, tooltip: { backgroundColor: "#f6f6fb", color: "#50606C" } } }, Ee = {
-  default: {},
-  minimal: xe,
-  minimalDark: we,
-  dark: Le,
-  celebration: $e,
-  celebrationNight: Fe,
-  hack: Ne,
-  zen: Ie,
-  concrete: De
-}, Kt = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  celebration: $e,
-  celebrationNight: Fe,
-  concrete: De,
-  dark: Le,
-  default: Ee,
-  hack: Ne,
-  minimal: xe,
-  minimalDark: we,
-  zen: Ie
-}, Symbol.toStringTag, { value: "Module" })), pt = ["id"], bt = ["xmlns", "viewBox"], gt = ["width", "height"], mt = ["id"], kt = ["stop-color"], At = ["stop-color"], Ct = ["id"], _t = ["stop-color"], xt = ["stop-color"], wt = ["id"], Lt = ["stop-color"], $t = ["stop-color"], Ft = { key: 1 }, Nt = ["d", "fill"], It = ["d", "fill"], Dt = ["d", "stroke", "stroke-width"], Et = ["d", "stroke", "stroke-width"], Mt = ["x", "y", "width", "height", "fill", "rx"], St = ["x1", "x2", "y1", "y2", "stroke", "stroke-width", "stroke-dasharray"], zt = ["x1", "x2", "y1", "y2", "stroke", "stroke-dasharray", "stroke-width"], Bt = ["cx", "cy", "r", "fill", "stroke", "stroke-width"], Vt = ["x", "y", "font-size", "font-weight", "fill"], Tt = ["x", "y", "height", "width", "onMouseenter", "onMouseleave", "onClick"], Rt = {
-  __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(L, { emit: Me }) {
-    const Se = he(() => import("./PackageVersion-BUiZH7T6.js")), ze = he(() => import("./SparkTooltip-BLTVhvm2.js")), { vue_ui_sparkline: Be } = it(), { isThemeValid: Ve, warnInvalidTheme: Te } = ct(), c = L, re = f(() => Array.isArray(c.dataset) && c.dataset.length > 0), b = y(Je()), T = y(null), ue = y(null), se = y(null), e = y(W());
-    function Re(t) {
-      return ut(t).map((l) => ({ period: "-", value: l }));
-    }
-    const { loading: R, FINAL_DATASET: $, manualLoading: O } = dt({
-      ...Ye(c),
-      FINAL_CONFIG: e,
-      prepareConfig: W,
-      callback: () => {
-        Promise.resolve().then(async () => {
-          await Qe(), X();
-        });
-      },
-      skeletonDataset: Re(12),
-      skeletonConfig: et({
-        defaultConfig: e.value,
-        userConfig: {
-          style: {
-            backgroundColor: "#99999930",
-            scaleMin: 0,
-            scaleMax: null,
-            animation: { show: !1 },
-            line: { color: "#AAAAAA" },
-            bar: { color: "#AAAAAA" },
-            area: { color: "#CACACA" },
-            zeroLine: { color: "#6A6A6A" },
-            dataLabel: { show: !1 },
-            tooltip: { show: !1 }
-          }
-        }
-      })
-    }), { svgRef: ne } = ht({ config: e.value.style.title });
-    function W() {
-      const t = oe({
-        userConfig: c.config,
-        defaultConfig: Be
-      });
-      let l = {};
-      const a = t.theme;
-      if (a)
-        if (!Ve.value(t))
-          Te(t), l = t;
-        else {
-          const o = oe({
-            userConfig: Ee[a] || c.config,
-            defaultConfig: t
-          });
-          l = {
-            ...oe({
-              userConfig: c.config,
-              defaultConfig: o
-            })
-          };
-        }
-      else
-        l = t;
-      return l;
-    }
-    const A = f(() => te({
-      data: $.value,
-      threshold: e.value.downsample.threshold
-    }));
-    Q(() => c.config, (t) => {
-      R.value || (e.value = W()), de(), r.value.chartWidth = e.value.style.chartWidth;
-    }, { deep: !0 }), Q(() => c.dataset, (t) => {
-      Array.isArray(t) && t.length > 0 && (O.value = !1), g.value = te({
-        data: $.value.map((l) => ({
-          ...l,
-          value: [void 0].includes(l.value) ? null : l.value
-        })),
-        threshold: e.value.downsample.threshold
-      });
-    }, { deep: !0 });
-    const g = y(Oe());
-    function Oe() {
-      return te({
-        data: $.value.map((t) => e.value.style.animation.show && $.value.length > 1 ? {
-          ...t,
-          value: null
-        } : {
-          ...t,
-          value: [void 0].includes(t.value) ? null : t.value
-        }),
-        threshold: e.value.downsample.threshold
-      });
-    }
-    const m = ye(null), C = ye(null), P = y(!1), F = y(0), j = y([]), G = y(""), U = f(() => {
-      const l = (A.value || []).map((o) => `${o.period}::${Number.isFinite(o.value) ? o.value : 0}`).join("|"), a = e.value?.style?.animation || {};
-      return `${l}#${!!a.show}#${a.animationFrames || 0}`;
-    });
-    function E() {
-      F.value && (cancelAnimationFrame(F.value), F.value = 0), j.value.forEach((t) => clearTimeout(t)), j.value = [], P.value = !1;
-    }
-    function X() {
-      const t = e.value?.style?.animation || {}, l = A.value || [], a = U.value;
-      if (a && a === G.value && (P.value || g.value.length === l.length))
-        return;
-      if (E(), !t.show || R.value || l.length <= 1) {
-        g.value = l, G.value = a;
-        return;
-      }
-      P.value = !0, G.value = a, g.value = [];
-      const o = Math.max(1, Number(t.animationFrames) || 1), K = Math.max(1, Math.floor(o / l.length));
-      let H = 0;
-      const fe = () => {
-        if (a !== U.value) {
-          E();
-          return;
-        }
-        if (H < l.length) {
-          g.value.push(l[H]);
-          const Xe = setTimeout(() => {
-            F.value = requestAnimationFrame(fe);
-          }, K);
-          j.value.push(Xe), H += 1;
-        } else
-          g.value = l, E();
-      };
-      F.value = requestAnimationFrame(fe);
-    }
-    Q(U, () => {
-      X();
-    }), qe(() => {
-      de(), X();
-    }), pe(() => {
-      E();
-    });
-    const ie = f(() => !!e.value.debug);
-    function de() {
-      if (ke(c.dataset) ? (Ae({
-        componentName: "VueUiSparkline",
-        type: "dataset",
-        debug: ie.value
-      }), O.value = !0) : c.dataset.forEach((t, l) => {
-        tt({
-          datasetObject: t,
-          requiredAttributes: ["period", "value"]
-        }).forEach((a) => {
-          Ae({
-            componentName: "VueUiSparkline",
-            type: "datasetSerieAttribute",
-            property: a,
-            index: l,
-            debug: ie.value
-          });
-        });
-      }), ke(c.dataset) || (O.value = e.value.loading), e.value.responsive) {
-        const t = st(() => {
-          const { width: l, height: a } = nt({
-            chart: T.value,
-            title: e.value.style.title.show && c.showInfo ? ue.value : null,
-            source: se.value
-          });
-          requestAnimationFrame(() => {
-            r.value.width = l, r.value.height = a, r.value.chartWidth = e.value.style.chartWidth / 500 * l, r.value.padding = c.forcedPadding / 500 * l;
-          });
-        });
-        m.value && (C.value && m.value.unobserve(C.value), m.value.disconnect()), m.value = new ResizeObserver(t), C.value = T.value.parentNode, m.value.observe(C.value);
-      }
-    }
-    pe(() => {
-      m.value && (C.value && m.value.unobserve(C.value), m.value.disconnect());
-    });
-    const r = y({
-      height: 80 * c.heightRatio,
-      width: 500,
-      chartWidth: e.value.style.chartWidth,
-      padding: c.forcedPadding
-    }), Y = Me, n = f(() => {
-      const { top: t, right: l, bottom: a, left: o } = e.value.style.padding;
-      return {
-        top: t,
-        left: o,
-        right: r.value.width - l,
-        bottom: r.value.height - a,
-        start: c.showInfo && e.value.style.dataLabel.show && e.value.style.dataLabel.position === "left" ? r.value.width - r.value.chartWidth + o : r.value.padding + o,
-        width: c.showInfo && e.value.style.dataLabel.show ? r.value.chartWidth - o - l : r.value.width - r.value.padding - o - l,
-        height: r.value.height - t - a
-      };
-    }), q = f(() => [null, void 0].includes(e.value.style.scaleMin) ? Math.min(...g.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMin), We = f(() => [null, void 0].includes(e.value.style.scaleMax) ? Math.max(...g.value.map((t) => isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0)) : e.value.style.scaleMax), N = f(() => {
-      const t = q.value >= 0 ? 0 : q.value;
-      return Math.abs(t);
-    }), ve = f(() => We.value + N.value), _ = f(() => n.value.bottom - n.value.height * Z(N.value));
-    function Z(t) {
-      return isNaN(t / ve.value) ? 0 : t / ve.value;
-    }
-    const x = f(() => A.value.length - 1 || 1), M = f(() => ft({
-      values: A.value.map((t) => t.period),
-      maxDatapoints: A.value.length,
-      formatter: e.value.style.dataLabel.datetimeFormatter,
-      start: 0,
-      end: A.value.length
-    })), d = f(() => g.value.map((t, l) => {
-      const a = isNaN(t.value) || [void 0, null, "NaN", NaN, 1 / 0, -1 / 0].includes(t.value) ? 0 : t.value || 0, o = n.value.width / x.value;
-      return {
-        absoluteValue: a,
-        period: M.value && M.value[l] && M.value[l].text ? M.value[l].text : t.period,
-        plotValue: a + N.value,
-        toMax: Z(a + N.value),
-        x: n.value.start + l * o,
-        y: n.value.bottom - n.value.height * Z(a + N.value),
-        id: `plot_${b.value}_${l}`,
-        color: I.value ? e.value.style.bar.color : e.value.style.area.useGradient ? B(e.value.style.line.color, 0.05 * (1 - l / x.value)) : e.value.style.line.color,
-        width: o
-      };
-    })), Pe = f(() => {
-      const t = { x: d.value[0].x || 0, y: (r.value.height || 0) - 6 }, l = { x: d.value[d.value.length - 1].x || 0, y: (r.value.height || 0) - 6 }, a = [];
-      return d.value.forEach((o) => {
-        a.push(`${o.x || 0},${o.y || 0} `);
-      }), [t.x, t.y, ...a, l.x, l.y].toString();
-    }), i = y(void 0), w = y(void 0);
-    function je(t, l) {
-      e.value.events.datapointEnter && e.value.events.datapointEnter({ datapoint: t, seriesIndex: l }), i.value = t, w.value || (w.value = t), Y("hoverIndex", { index: l });
-    }
-    function Ge(t, l) {
-      e.value.events.datapointLeave && e.value.events.datapointLeave({ datapoint: t, seriesIndex: l }), w.value = i.value, i.value = void 0, Y("hoverIndex", { index: void 0 });
-    }
-    const k = f(() => {
-      if (re.value) {
-        const t = d.value.map((a) => a.absoluteValue), l = t.reduce((a, o) => a + o, 0);
-        return {
-          latest: d.value[d.value.length - 1] ? d.value[d.value.length - 1].absoluteValue : 0,
-          sum: l,
-          average: l / d.value.length,
-          median: lt(t),
-          trend: at(d.value.map(({ x: a, y: o, absoluteValue: K }) => ({
-            x: a,
-            y: o,
-            value: K
-          }))).trend
-        };
-      } else
-        return {
-          latest: null,
-          sum: null,
-          average: null,
-          median: null,
-          trend: null
-        };
-    }), ce = f(() => re.value ? e.value.style.dataLabel.valueType === "latest" ? k.value.latest : e.value.style.dataLabel.valueType === "sum" ? k.value.sum : e.value.style.dataLabel.valueType === "average" ? k.value.average : 0 : 0), I = f(() => e.value.type && e.value.type === "bar");
-    function Ue(t, l) {
-      e.value.events.datapointClick && e.value.events.datapointClick({ datapoint: t, seriesIndex: l }), Y("selectDatapoint", { datapoint: t, index: l });
-    }
-    return (t, l) => (s(), v("div", {
-      ref_key: "sparklineChart",
-      ref: T,
-      class: "vue-data-ui-component vue-ui-sparkline",
-      id: b.value,
-      style: S(`width:100%;font-family:${e.value.style.fontFamily};`)
-    }, [
-      D(t.$slots, "before", ge(me({
-        selected: i.value,
-        latest: k.value.latest,
-        sum: k.value.sum,
-        average: k.value.average,
-        median: k.value.median,
-        trend: k.value.trend
-      })), void 0, !0),
-      e.value.style.title.show && L.showInfo ? (s(), v("div", {
-        key: 0,
-        ref_key: "chartTitle",
-        ref: ue,
-        class: "vue-ui-sparkline-title",
-        style: S(`display:flex;align-items:center;width:100%;color:${e.value.style.title.color};background:${e.value.style.backgroundColor};justify-content:${e.value.style.title.textAlign === "left" ? "flex-start" : e.value.style.title.textAlign === "right" ? "flex-end" : "center"};height:${e.value.style.title.fontSize * 2}px;font-size:${e.value.style.title.fontSize}px;font-weight:${e.value.style.title.bold ? "bold" : "normal"};`)
-      }, [
-        p("span", {
-          style: S(`padding:${e.value.style.title.textAlign === "left" ? "0 0 0 12px" : e.value.style.title.textAlign === "right" ? "0 12px 0 0" : "0"}`)
-        }, z(i.value ? i.value.period : e.value.style.title.text), 5)
-      ], 4)) : h("", !0),
-      (s(), v("svg", {
-        ref_key: "svgRef",
-        ref: ne,
-        xmlns: u(ot),
-        viewBox: `0 0 ${r.value.width} ${r.value.height}`,
-        style: S(`background:${e.value.style.backgroundColor};overflow:visible`),
-        onMouseleave: l[0] || (l[0] = (a) => w.value = void 0)
-      }, [
-        Ze(u(Se)),
-        t.$slots["chart-background"] ? (s(), v("foreignObject", {
-          key: 0,
-          x: 0,
-          y: 0,
-          width: r.value.width <= 0 ? 10 : r.value.width,
-          height: r.value.height <= 0 ? 10 : r.value.height,
-          style: {
-            pointerEvents: "none"
-          }
-        }, [
-          D(t.$slots, "chart-background", {}, void 0, !0)
-        ], 8, gt)) : h("", !0),
-        p("defs", null, [
-          p("linearGradient", {
-            x1: "0%",
-            y1: "0%",
-            x2: "100%",
-            y2: "0%",
-            id: `sparkline_gradient_${b.value}`
-          }, [
-            p("stop", {
-              offset: "0%",
-              "stop-color": u(V)(u(B)(e.value.style.area.color, 0.05), e.value.style.area.opacity)
-            }, null, 8, kt),
-            p("stop", {
-              offset: "100%",
-              "stop-color": u(V)(e.value.style.area.color, e.value.style.area.opacity)
-            }, null, 8, At)
-          ], 8, mt),
-          p("linearGradient", {
-            x2: "0%",
-            y2: "100%",
-            id: `sparkline_bar_gradient_pos_${b.value}`
-          }, [
-            p("stop", {
-              offset: "0%",
-              "stop-color": e.value.style.bar.color
-            }, null, 8, _t),
-            p("stop", {
-              offset: "100%",
-              "stop-color": u(B)(e.value.style.bar.color, 0.05)
-            }, null, 8, xt)
-          ], 8, Ct),
-          p("linearGradient", {
-            x2: "0%",
-            y2: "100%",
-            id: `sparkline_bar_gradient_neg_${b.value}`
-          }, [
-            p("stop", {
-              offset: "0%",
-              "stop-color": u(B)(e.value.style.bar.color, 0.05)
-            }, null, 8, Lt),
-            p("stop", {
-              offset: "100%",
-              "stop-color": e.value.style.bar.color
-            }, null, 8, $t)
-          ], 8, wt)
-        ]),
-        e.value.style.area.show && !I.value && d.value[0] && d.value.length > 1 ? (s(), v("g", Ft, [
-          e.value.style.line.smooth ? (s(), v("path", {
-            key: 0,
-            d: `M ${d.value[0].x},${n.value.bottom} ${u(Ce)(d.value)} L ${d.value.at(-1).x},${n.value.bottom} Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${b.value})` : u(V)(e.value.style.area.color, e.value.style.area.opacity),
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          }, null, 8, Nt)) : (s(), v("path", {
-            key: 1,
-            d: `M${Pe.value}Z`,
-            fill: e.value.style.area.useGradient ? `url(#sparkline_gradient_${b.value})` : u(V)(e.value.style.area.color, e.value.style.area.opacity),
-            "stroke-linecap": "round",
-            "stroke-linejoin": "round"
-          }, null, 8, It))
-        ])) : h("", !0),
-        e.value.style.line.smooth && !I.value ? (s(), v("path", {
-          key: 2,
-          d: `M ${u(Ce)(d.value) || "0,0"}`,
-          stroke: e.value.style.line.color,
-          fill: "none",
-          "stroke-width": e.value.style.line.strokeWidth,
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }, null, 8, Dt)) : h("", !0),
-        !e.value.style.line.smooth && !I.value ? (s(), v("path", {
-          key: 3,
-          d: `M ${u(rt)(d.value) || "0,0"}`,
-          stroke: e.value.style.line.color,
-          fill: "none",
-          "stroke-width": e.value.style.line.strokeWidth,
-          "stroke-linecap": "round",
-          "stroke-linejoin": "round"
-        }, null, 8, Et)) : h("", !0),
-        (s(!0), v(J, null, ee(d.value, (a, o) => (s(), v("g", null, [
-          I.value ? (s(), v("rect", {
-            key: 0,
-            x: a.x - a.width / 2,
-            y: isNaN(a.absoluteValue > 0 ? a.y : _.value) ? 0 : a.absoluteValue > 0 ? a.y : _.value,
-            width: a.width,
-            height: isNaN(Math.abs(a.y - _.value)) ? 0 : Math.abs(a.y - _.value),
-            fill: a.absoluteValue > 0 ? `url(#sparkline_bar_gradient_pos_${b.value})` : `url(#sparkline_bar_gradient_neg_${b.value})`,
-            rx: e.value.style.bar.borderRadius
-          }, null, 8, Mt)) : h("", !0),
-          e.value.style.verticalIndicator.show && (i.value && a.id === i.value.id || L.selectedIndex === o) ? (s(), v("line", {
-            key: 1,
-            x1: a.x,
-            x2: a.x,
-            y1: n.value.top - 6,
-            y2: n.value.bottom,
-            stroke: e.value.style.verticalIndicator.color || a.color,
-            "stroke-width": e.value.style.verticalIndicator.strokeWidth,
-            "stroke-linecap": "round",
-            "stroke-dasharray": e.value.style.verticalIndicator.strokeDasharray || 0
-          }, null, 8, St)) : h("", !0)
-        ]))), 256)),
-        q.value < 0 ? (s(), v("line", {
-          key: 4,
-          x1: n.value.start,
-          x2: n.value.start + n.value.width,
-          y1: u(_e)(_.value, n.value.bottom),
-          y2: u(_e)(_.value, n.value.bottom),
-          stroke: e.value.style.zeroLine.color,
-          "stroke-dasharray": e.value.style.zeroLine.strokeWidth * 2,
-          "stroke-width": e.value.style.zeroLine.strokeWidth,
-          "stroke-linecap": "round"
-        }, null, 8, zt)) : h("", !0),
-        e.value.style.plot.show ? (s(!0), v(J, { key: 5 }, ee(d.value, (a, o) => (s(), v("g", null, [
-          i.value && a.id === i.value.id || L.selectedIndex === o || u($).length === 1 ? (s(), v("circle", {
-            key: 0,
-            cx: a.x,
-            cy: a.y,
-            r: e.value.style.plot.radius,
-            fill: a.color,
-            stroke: e.value.style.plot.stroke,
-            "stroke-width": e.value.style.plot.strokeWidth
-          }, null, 8, Bt)) : h("", !0)
-        ]))), 256)) : h("", !0),
-        L.showInfo && e.value.style.dataLabel.show ? (s(), v("text", {
-          key: 6,
-          x: e.value.style.dataLabel.position === "left" ? 12 + e.value.style.dataLabel.offsetX : n.value.width + 12 + e.value.style.dataLabel.offsetX,
-          y: r.value.height / 2 + e.value.style.dataLabel.fontSize / 2.5 + e.value.style.dataLabel.offsetY,
-          "font-size": e.value.style.dataLabel.fontSize,
-          "font-weight": e.value.style.dataLabel.bold ? "bold" : "normal",
-          fill: e.value.style.dataLabel.color
-        }, z(i.value ? u(ae)(
-          e.value.style.dataLabel.formatter,
-          i.value.absoluteValue,
-          u(le)({ p: e.value.style.dataLabel.prefix, v: i.value.absoluteValue, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue }),
-          { datapoint: i.value }
-        ) : u(ae)(
-          e.value.style.dataLabel.formatter,
-          ce.value,
-          u(le)({ p: e.value.style.dataLabel.prefix, v: ce.value, s: e.value.style.dataLabel.suffix, r: e.value.style.dataLabel.roundingValue })
-        )), 9, Vt)) : h("", !0),
-        (s(!0), v(J, null, ee(d.value, (a, o) => (s(), v("rect", {
-          x: a.x - (n.value.width / (x.value + 1) > r.value.padding ? r.value.padding : n.value.width / (x.value + 1)) / 2,
-          y: n.value.top - 6,
-          height: n.value.height + 6,
-          width: n.value.width / (x.value + 1) > r.value.padding ? r.value.padding : n.value.width / (x.value + 1),
-          fill: "transparent",
-          onMouseenter: () => je(a, o),
-          onMouseleave: () => Ge(a, o),
-          onClick: () => Ue(a, o)
-        }, null, 40, Tt))), 256)),
-        D(t.$slots, "svg", { svg: r.value }, void 0, !0)
-      ], 44, bt)),
-      i.value && e.value.style.tooltip.show ? (s(), be(u(ze), {
-        key: 1,
-        x: i.value.x,
-        y: i.value.y,
-        prevX: w.value.x,
-        prevY: w.value.y,
-        offsetY: e.value.style.plot.radius * 3 + e.value.style.tooltip.offsetY,
-        svgRef: u(ne),
-        background: e.value.style.tooltip.backgroundColor,
-        color: e.value.style.tooltip.color,
-        fontSize: e.value.style.tooltip.fontSize,
-        borderWidth: e.value.style.tooltip.borderWidth,
-        borderColor: e.value.style.tooltip.borderColor,
-        borderRadius: e.value.style.tooltip.borderRadius,
-        backgroundOpacity: e.value.style.tooltip.backgroundOpacity
-      }, {
-        default: Ke(() => [
-          D(t.$slots, "tooltip", ge(me({ ...i.value })), () => [
-            He(z(i.value.period) + ": " + z(u(ae)(
-              e.value.style.dataLabel.formatter,
-              i.value.absoluteValue,
-              u(le)({
-                p: e.value.style.dataLabel.prefix,
-                v: i.value.absoluteValue,
-                s: e.value.style.dataLabel.suffix,
-                r: e.value.style.dataLabel.roundingValue
-              }),
-              { datapoint: i.value }
-            )), 1)
-          ], !0)
-        ]),
-        _: 3
-      }, 8, ["x", "y", "prevX", "prevY", "offsetY", "svgRef", "background", "color", "fontSize", "borderWidth", "borderColor", "borderRadius", "backgroundOpacity"])) : h("", !0),
-      t.$slots.source ? (s(), v("div", {
-        key: 2,
-        ref_key: "source",
-        ref: se,
-        dir: "auto"
-      }, [
-        D(t.$slots, "source", {}, void 0, !0)
-      ], 512)) : h("", !0),
-      u(R) ? (s(), be(vt, { key: 3 })) : h("", !0)
-    ], 12, pt));
-  }
-}, Ot = /* @__PURE__ */ yt(Rt, [["__scopeId", "data-v-36c3df1c"]]), Ht = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
-  __proto__: null,
-  default: Ot
-}, Symbol.toStringTag, { value: "Module" }));
-export {
-  Kt as a,
-  Ht as b,
-  Ot as v
-};