scope360-core 0.0.112 → 0.0.114

package/dist/scope360-core.js

@@ -16,7 +16,7 @@ const Hb = (t, e) => {
   setup(t) {
     const e = t;
     let n = Ib(
-      () => Hb(/* @__PURE__ */ Object.assign({ "../assets/icons/account.svg": () => import("./account-BWDmRbQ_.js"), "../assets/icons/apple.svg": () => import("./apple-9p-f0Qly.js"), "../assets/icons/arrow-down-right.svg": () => import("./arrow-down-right-Da2mjCzj.js"), "../assets/icons/arrow-down.svg": () => import("./arrow-down-DJeboYte.js"), "../assets/icons/arrow-right.svg": () => import("./arrow-right-PQc_r1kj.js"), "../assets/icons/arrow-rotating.svg": () => import("./arrow-rotating-COu8_iNR.js"), "../assets/icons/arrow-up-right.svg": () => import("./arrow-up-right-CYt1Ewil.js"), "../assets/icons/arrow-up.svg": () => import("./arrow-up-ubCODVbV.js"), "../assets/icons/binance-circle.svg": () => import("./binance-circle-Bs5PbUU3.js"), "../assets/icons/binance.svg": () => import("./binance-CNNqTUBo.js"), "../assets/icons/book-guide.svg": () => import("./book-guide-D24ly0It.js"), "../assets/icons/bxs-down-arrow.svg": () => import("./bxs-down-arrow-B9bEAx2f.js"), "../assets/icons/bxs-up-arrow.svg": () => import("./bxs-up-arrow-BngLYv9f.js"), "../assets/icons/bxs_up-arrow.svg": () => import("./bxs_up-arrow-B78ALbmV.js"), "../assets/icons/calendar.svg": () => import("./calendar-BnDQnaGF.js"), "../assets/icons/charts.svg": () => import("./charts-DsRXGnsf.js"), "../assets/icons/check-circle-fill.svg": () => import("./check-circle-fill-CdpQvWN2.js"), "../assets/icons/checked.svg": () => import("./checked-CSw-p0Nw.js"), "../assets/icons/chevron-down-small.svg": () => import("./chevron-down-small-DnyWhVPt.js"), "../assets/icons/chevron-left-small.svg": () => import("./chevron-left-small-0c0WiSO1.js"), "../assets/icons/chevron-left.svg": () => import("./chevron-left-BQ6rPMeL.js"), "../assets/icons/chevron-right-small.svg": () => import("./chevron-right-small-BN4Q4qQq.js"), "../assets/icons/chevron-right.svg": () => import("./chevron-right-CDEuruVC.js"), "../assets/icons/chevron-top-small.svg": () => import("./chevron-top-small-4fujZOL_.js"), "../assets/icons/chevron.svg": () => import("./chevron-bwU7FqkS.js"), "../assets/icons/circle-close.svg": () => import("./circle-close-D0cWhYE1.js"), "../assets/icons/circle-plus.svg": () => import("./circle-plus-Cib4GNPs.js"), "../assets/icons/clock.svg": () => import("./clock-njqR7-Sp.js"), "../assets/icons/close-popup.svg": () => import("./close-popup-Cn31RAAT.js"), "../assets/icons/close.svg": () => import("./close-DFl7wrHq.js"), "../assets/icons/coins-add.svg": () => import("./coins-add-CbMHR87s.js"), "../assets/icons/cookie.svg": () => import("./cookie-BNWjfMNT.js"), "../assets/icons/copy.svg": () => import("./copy-IlTn-5u4.js"), "../assets/icons/cross.svg": () => import("./cross-BkM95MHr.js"), "../assets/icons/danger.svg": () => import("./danger-BbPWHHyf.js"), "../assets/icons/date-range-light.svg": () => import("./date-range-light-kavPvKsF.js"), "../assets/icons/download.svg": () => import("./download-D93gMXNU.js"), "../assets/icons/edit-small.svg": () => import("./edit-small-9sKeb-oq.js"), "../assets/icons/eye-slash.svg": () => import("./eye-slash-CzesgCud.js"), "../assets/icons/eye.svg": () => import("./eye-CVN-6QRe.js"), "../assets/icons/file-bend.svg": () => import("./file-bend-CXTvEQJa.js"), "../assets/icons/filter.svg": () => import("./filter-BE7_u8vi.js"), "../assets/icons/folder-add.svg": () => import("./folder-add-D4k4IhKA.js"), "../assets/icons/folder-open.svg": () => import("./folder-open-pj2-xB7F.js"), "../assets/icons/futures.svg": () => import("./futures-cOcQuo3H.js"), "../assets/icons/getting-started-1.svg": () => import("./getting-started-1-CRG_CK_o.js"), "../assets/icons/getting-started-2.svg": () => import("./getting-started-2-CeEP0Ik8.js"), "../assets/icons/getting-started-3.svg": () => import("./getting-started-3-CGUsJL3a.js"), "../assets/icons/getting-started.svg": () => import("./getting-started-CeNs2JA0.js"), "../assets/icons/google-authenticator.svg": () => import("./google-authenticator-D30PFT5b.js"), "../assets/icons/google.svg": () => import("./google-BPS_BTu6.js"), "../assets/icons/hide.svg": () => import("./hide-C0NJbcN3.js"), "../assets/icons/home.svg": () => import("./home-BEzCihZl.js"), "../assets/icons/info.svg": () => import("./info-VLxGDZ5t.js"), "../assets/icons/layout-column.svg": () => import("./layout-column-6awsht-a.js"), "../assets/icons/logo-with-text.svg": () => import("./logo-with-text-BsumLBO0.js"), "../assets/icons/mistake.svg": () => import("./mistake-BOH6IeAJ.js"), "../assets/icons/modal-cross.svg": () => import("./modal-cross-D13KsHVI.js"), "../assets/icons/move_light.svg": () => import("./move_light-Bgnlbazh.js"), "../assets/icons/notification_bell.svg": () => import("./notification_bell-COM51Ek5.js"), "../assets/icons/open-date.svg": () => import("./open-date-aRgj7qPN.js"), "../assets/icons/pair.svg": () => import("./pair-Db-pYn8_.js"), "../assets/icons/pie-chart-light.svg": () => import("./pie-chart-light-DTdAp5x_.js"), "../assets/icons/pie-chart.svg": () => import("./pie-chart-3Zur4Tlb.js"), "../assets/icons/plus.svg": () => import("./plus-DqclXlp_.js"), "../assets/icons/pop-up_opener.svg": () => import("./pop-up_opener-BFoR08XT.js"), "../assets/icons/portfolio-alt.svg": () => import("./portfolio-alt-D7pZl2-e.js"), "../assets/icons/portfolio-success.svg": () => import("./portfolio-success-NUC2ChLu.js"), "../assets/icons/portfolio.svg": () => import("./portfolio-H_9ueBKD.js"), "../assets/icons/position-criteria.svg": () => import("./position-criteria-BXGruEIg.js"), "../assets/icons/position-type.svg": () => import("./position-type-C4ORjhE8.js"), "../assets/icons/progress-box-checked.svg": () => import("./progress-box-checked-D-_6s51G.js"), "../assets/icons/progress-box.svg": () => import("./progress-box-DKKSyZ3n.js"), "../assets/icons/progress_0.svg": () => import("./progress_0-CfRVA8rB.js"), "../assets/icons/progress_1.svg": () => import("./progress_1-Kyc8I7QE.js"), "../assets/icons/progress_2.svg": () => import("./progress_2-Bwpr4k-C.js"), "../assets/icons/progress_3.svg": () => import("./progress_3-BZJMN_n_.js"), "../assets/icons/qr.svg": () => import("./qr-D76O_C6y.js"), "../assets/icons/scope-futures-logo.svg": () => import("./scope-futures-logo-DnVTcnoe.js"), "../assets/icons/search-grey.svg": () => import("./search-grey-4lyYMtNX.js"), "../assets/icons/search.svg": () => import("./search-B_Qqd_GJ.js"), "../assets/icons/session.svg": () => import("./session-_kV56IGD.js"), "../assets/icons/settings-gear-2.svg": () => import("./settings-gear-2-CNXNhf7w.js"), "../assets/icons/settings.svg": () => import("./settings-CBgDYdSv.js"), "../assets/icons/setup.svg": () => import("./setup-ChlGyc3n.js"), "../assets/icons/share.svg": () => import("./share-C_IjFs3Z.js"), "../assets/icons/side.svg": () => import("./side-DWUjxlJo.js"), "../assets/icons/sort.svg": () => import("./sort-jEhYwJwJ.js"), "../assets/icons/spot.svg": () => import("./spot-Dgw73wXv.js"), "../assets/icons/star.svg": () => import("./star-CVBpF6Rr.js"), "../assets/icons/status.svg": () => import("./status-DAU-H-Gn.js"), "../assets/icons/success.svg": () => import("./success-CUqDMcev.js"), "../assets/icons/switch.svg": () => import("./switch-SvX5BEAO.js"), "../assets/icons/three-dots.svg": () => import("./three-dots-CKDXbCqe.js"), "../assets/icons/tip.svg": () => import("./tip-BdFIZA37.js"), "../assets/icons/trading_terminal.svg": () => import("./trading_terminal-BssNl_Qc.js"), "../assets/icons/trash.svg": () => import("./trash-Cr7gNBpj.js"), "../assets/icons/trending.svg": () => import("./trending-Bgu0wZa4.js"), "../assets/icons/vimeo_play_1.svg": () => import("./vimeo_play_1-Ba0iDNd0.js"), "../assets/icons/vimeo_play_2.svg": () => import("./vimeo_play_2-ChCmIm4q.js"), "../assets/icons/waterfall-light.svg": () => import("./waterfall-light-CPXfSZiN.js"), "../assets/icons/weekday.svg": () => import("./weekday-Dp8OhP-n.js"), "../assets/icons/x.svg": () => import("./x-A3sjPaxN.js") }), `../assets/icons/${e.icon}.svg`)
+      () => Hb(/* @__PURE__ */ Object.assign({ "../assets/icons/account.svg": () => import("./account-BWDmRbQ_.js"), "../assets/icons/apple.svg": () => import("./apple-9p-f0Qly.js"), "../assets/icons/arrow-down-right.svg": () => import("./arrow-down-right-Da2mjCzj.js"), "../assets/icons/arrow-down.svg": () => import("./arrow-down-DJeboYte.js"), "../assets/icons/arrow-right.svg": () => import("./arrow-right-PQc_r1kj.js"), "../assets/icons/arrow-rotating.svg": () => import("./arrow-rotating-COu8_iNR.js"), "../assets/icons/arrow-up-right.svg": () => import("./arrow-up-right-CYt1Ewil.js"), "../assets/icons/arrow-up.svg": () => import("./arrow-up-ubCODVbV.js"), "../assets/icons/binance-circle.svg": () => import("./binance-circle-Bs5PbUU3.js"), "../assets/icons/binance.svg": () => import("./binance-CNNqTUBo.js"), "../assets/icons/book-guide.svg": () => import("./book-guide-D24ly0It.js"), "../assets/icons/bxs-down-arrow.svg": () => import("./bxs-down-arrow-B9bEAx2f.js"), "../assets/icons/bxs-up-arrow.svg": () => import("./bxs-up-arrow-BngLYv9f.js"), "../assets/icons/bxs_up-arrow.svg": () => import("./bxs_up-arrow-B78ALbmV.js"), "../assets/icons/calendar.svg": () => import("./calendar-BnDQnaGF.js"), "../assets/icons/charts.svg": () => import("./charts-DsRXGnsf.js"), "../assets/icons/check-circle-fill.svg": () => import("./check-circle-fill-CdpQvWN2.js"), "../assets/icons/checked.svg": () => import("./checked-CSw-p0Nw.js"), "../assets/icons/chevron-down-small.svg": () => import("./chevron-down-small-DnyWhVPt.js"), "../assets/icons/chevron-left-small.svg": () => import("./chevron-left-small-0c0WiSO1.js"), "../assets/icons/chevron-left.svg": () => import("./chevron-left-BQ6rPMeL.js"), "../assets/icons/chevron-right-small.svg": () => import("./chevron-right-small-BN4Q4qQq.js"), "../assets/icons/chevron-right.svg": () => import("./chevron-right-CDEuruVC.js"), "../assets/icons/chevron-top-small.svg": () => import("./chevron-top-small-4fujZOL_.js"), "../assets/icons/chevron.svg": () => import("./chevron-bwU7FqkS.js"), "../assets/icons/circle-close.svg": () => import("./circle-close-D0cWhYE1.js"), "../assets/icons/circle-plus.svg": () => import("./circle-plus-Cib4GNPs.js"), "../assets/icons/clock.svg": () => import("./clock-njqR7-Sp.js"), "../assets/icons/close-popup.svg": () => import("./close-popup-Cn31RAAT.js"), "../assets/icons/close.svg": () => import("./close-DFl7wrHq.js"), "../assets/icons/coins-add.svg": () => import("./coins-add-CbMHR87s.js"), "../assets/icons/cookie.svg": () => import("./cookie-BNWjfMNT.js"), "../assets/icons/copy.svg": () => import("./copy-IlTn-5u4.js"), "../assets/icons/cross.svg": () => import("./cross-BkM95MHr.js"), "../assets/icons/danger.svg": () => import("./danger-BbPWHHyf.js"), "../assets/icons/date-range-light.svg": () => import("./date-range-light-kavPvKsF.js"), "../assets/icons/download.svg": () => import("./download-D93gMXNU.js"), "../assets/icons/edit-small.svg": () => import("./edit-small-9sKeb-oq.js"), "../assets/icons/eye-slash.svg": () => import("./eye-slash-CzesgCud.js"), "../assets/icons/eye.svg": () => import("./eye-CVN-6QRe.js"), "../assets/icons/file-bend.svg": () => import("./file-bend-CXTvEQJa.js"), "../assets/icons/filter.svg": () => import("./filter-BE7_u8vi.js"), "../assets/icons/folder-add.svg": () => import("./folder-add-D4k4IhKA.js"), "../assets/icons/folder-open.svg": () => import("./folder-open-pj2-xB7F.js"), "../assets/icons/futures.svg": () => import("./futures-cOcQuo3H.js"), "../assets/icons/getting-started-1.svg": () => import("./getting-started-1-CRG_CK_o.js"), "../assets/icons/getting-started-2.svg": () => import("./getting-started-2-CeEP0Ik8.js"), "../assets/icons/getting-started-3.svg": () => import("./getting-started-3-CGUsJL3a.js"), "../assets/icons/getting-started.svg": () => import("./getting-started-CeNs2JA0.js"), "../assets/icons/google-authenticator.svg": () => import("./google-authenticator-D30PFT5b.js"), "../assets/icons/google.svg": () => import("./google-BPS_BTu6.js"), "../assets/icons/hide.svg": () => import("./hide-C0NJbcN3.js"), "../assets/icons/home.svg": () => import("./home-BEzCihZl.js"), "../assets/icons/info.svg": () => import("./info-VLxGDZ5t.js"), "../assets/icons/layout-column.svg": () => import("./layout-column-6awsht-a.js"), "../assets/icons/logo-with-text.svg": () => import("./logo-with-text-BsumLBO0.js"), "../assets/icons/mistake.svg": () => import("./mistake-BOH6IeAJ.js"), "../assets/icons/modal-cross.svg": () => import("./modal-cross-D13KsHVI.js"), "../assets/icons/move_light.svg": () => import("./move_light-Bgnlbazh.js"), "../assets/icons/notification_bell.svg": () => import("./notification_bell-COM51Ek5.js"), "../assets/icons/open-date.svg": () => import("./open-date-aRgj7qPN.js"), "../assets/icons/pair.svg": () => import("./pair-Db-pYn8_.js"), "../assets/icons/pie-chart-light.svg": () => import("./pie-chart-light-DTdAp5x_.js"), "../assets/icons/pie-chart.svg": () => import("./pie-chart-3Zur4Tlb.js"), "../assets/icons/plus.svg": () => import("./plus-DqclXlp_.js"), "../assets/icons/pop-up_opener.svg": () => import("./pop-up_opener-BFoR08XT.js"), "../assets/icons/portfolio-alt.svg": () => import("./portfolio-alt-D7pZl2-e.js"), "../assets/icons/portfolio-success.svg": () => import("./portfolio-success-NUC2ChLu.js"), "../assets/icons/portfolio.svg": () => import("./portfolio-H_9ueBKD.js"), "../assets/icons/position-criteria.svg": () => import("./position-criteria-BXGruEIg.js"), "../assets/icons/position-type.svg": () => import("./position-type-C4ORjhE8.js"), "../assets/icons/progress-box-checked.svg": () => import("./progress-box-checked-D-_6s51G.js"), "../assets/icons/progress-box.svg": () => import("./progress-box-DKKSyZ3n.js"), "../assets/icons/progress_0.svg": () => import("./progress_0-CfRVA8rB.js"), "../assets/icons/progress_1.svg": () => import("./progress_1-Kyc8I7QE.js"), "../assets/icons/progress_2.svg": () => import("./progress_2-Bwpr4k-C.js"), "../assets/icons/progress_3.svg": () => import("./progress_3-BZJMN_n_.js"), "../assets/icons/qr.svg": () => import("./qr-D76O_C6y.js"), "../assets/icons/scope-futures-logo.svg": () => import("./scope-futures-logo-DnVTcnoe.js"), "../assets/icons/search-grey.svg": () => import("./search-grey-4lyYMtNX.js"), "../assets/icons/search.svg": () => import("./search-B_Qqd_GJ.js"), "../assets/icons/session.svg": () => import("./session-_kV56IGD.js"), "../assets/icons/settings-gear-2.svg": () => import("./settings-gear-2-CNXNhf7w.js"), "../assets/icons/settings.svg": () => import("./settings-CBgDYdSv.js"), "../assets/icons/setup.svg": () => import("./setup-ChlGyc3n.js"), "../assets/icons/share.svg": () => import("./share-C_IjFs3Z.js"), "../assets/icons/side.svg": () => import("./side-DWUjxlJo.js"), "../assets/icons/sort.svg": () => import("./sort-jEhYwJwJ.js"), "../assets/icons/spot.svg": () => import("./spot-Dgw73wXv.js"), "../assets/icons/star.svg": () => import("./star-CVBpF6Rr.js"), "../assets/icons/status.svg": () => import("./status-DAU-H-Gn.js"), "../assets/icons/success.svg": () => import("./success-CUqDMcev.js"), "../assets/icons/switch.svg": () => import("./switch-SvX5BEAO.js"), "../assets/icons/three-dots-vertical.svg": () => import("./three-dots-vertical-C9T1RVVB.js"), "../assets/icons/three-dots.svg": () => import("./three-dots-CKDXbCqe.js"), "../assets/icons/tip.svg": () => import("./tip-BdFIZA37.js"), "../assets/icons/trading_terminal.svg": () => import("./trading_terminal-BssNl_Qc.js"), "../assets/icons/trash.svg": () => import("./trash-Cr7gNBpj.js"), "../assets/icons/trending.svg": () => import("./trending-Bgu0wZa4.js"), "../assets/icons/vimeo_play_1.svg": () => import("./vimeo_play_1-Ba0iDNd0.js"), "../assets/icons/vimeo_play_2.svg": () => import("./vimeo_play_2-ChCmIm4q.js"), "../assets/icons/waterfall-light.svg": () => import("./waterfall-light-CPXfSZiN.js"), "../assets/icons/weekday.svg": () => import("./weekday-Dp8OhP-n.js"), "../assets/icons/x.svg": () => import("./x-A3sjPaxN.js") }), `../assets/icons/${e.icon}.svg`)
     );
     return (s, i) => (D(), pe(Co(M(n)), { name: t.icon }, null, 8, ["name"]));
   }
@@ -19223,7 +19223,9 @@ const g_ = /* @__PURE__ */ NC("line", Dl), LC = { class: "chart-container" }, y_
   props: {
     data: { type: Array, required: !0 },
     dataType: { type: String, required: !0 },
-    ticksCallback: { type: Function, default: (t) => t }
+    ticksCallback: { type: Function, default: (t) => t },
+    borderColor: { type: String, default: "#007AFF" },
+    gradient: { type: Object, default: { height: 450, startColor: "rgba(0, 122, 255, 0.1)", endColor: "rgba(0, 122, 255, 0)" } }
   },
   setup(t) {
     Lo.register(iu, au, io, Xs, aC, c_);
@@ -19242,11 +19244,35 @@ const g_ = /* @__PURE__ */ NC("line", Dl), LC = { class: "chart-container" }, y_
         data: h
       }), { labels: Array.from(c), datasets: d };
     }, s = U(() => n(e.data)), i = (u) => {
-      const d = u.chart.ctx.createLinearGradient(0, 0, 0, 450);
-      return d.addColorStop(0, "rgba(0, 122, 255, 0.1)"), d.addColorStop(1, "rgba(0, 122, 255, 0)"), d;
+      const d = u.chart.ctx.createLinearGradient(0, 0, 0, e.gradient.height);
+      return d.addColorStop(0, e.gradient.startColor), d.addColorStop(1, e.gradient.endColor), d;
     }, r = (u, c) => {
       let d = document.querySelector(`#${u}-${e.dataType}`);
       return d || (d = document.createElement("div"), d.classList.add(u), d.setAttribute("id", `${u}-${e.dataType}`), c.canvas.parentNode.appendChild(d)), d;
+    }, a = (u) => {
+      const { chart: c, tooltip: d } = u, h = r("chart-tooltip", c);
+      if (d.opacity === 0) {
+        h.style.opacity = String(0);
+        return;
+      }
+      if (d.body) {
+        const m = d.title || [], g = d.body.map((w) => w.lines), y = document.createElement("div");
+        for (y.classList.add("chart-tooltip-middle"), y.innerHTML = `<div class="chart-tooltip-content">
+${e.dataType === "balanceChartData" ? `$${$g(g[0])}` : `${$g(g[0])}%`}
+<span> | ${Ig(m[0])}, ${sV(m[0])}</span></div>`; h.firstChild; )
+          h.firstChild.remove();
+        h.appendChild(y);
+      }
+      const { offsetLeft: f, offsetTop: p } = c.canvas;
+      h.style.opacity = String(1), h.style.left = f + d.caretX + "px", h.style.top = p + d.caretY + "px";
+    }, o = (u) => {
+      const { chart: c } = u, d = r("chart-line", c);
+      c.canvas.addEventListener("mousemove", function(h) {
+        const f = c.canvas.getBoundingClientRect(), p = h.clientX - f.left;
+        d.style.left = p + "px", d.style.display = "flex";
+      }), c.canvas.addEventListener("mouseout", function() {
+        d.style.display = "none";
+      });
     }, l = K({
       responsive: !0,
       maintainAspectRatio: !1,
@@ -19303,23 +19329,7 @@ const g_ = /* @__PURE__ */ NC("line", Dl), LC = { class: "chart-container" }, y_
         tooltip: {
           enabled: !1,
           position: "nearest",
-          external: (u) => {
-            const { chart: c, tooltip: d } = u, h = r("chart-tooltip", c);
-            if (d.opacity === 0) {
-              h.style.opacity = String(0);
-              return;
-            }
-            if (d.body) {
-              const m = d.title || [], g = d.body.map((w) => w.lines), y = document.createElement("div");
-              for (y.classList.add("chart-tooltip-middle"), y.innerHTML = `<div class="chart-tooltip-content">
-${e.dataType === "balanceChartData" ? `$${$g(g[0])}` : `${$g(g[0])}%`}
-<span> | ${Ig(m[0])}, ${sV(m[0])}</span></div>`; h.firstChild; )
-                h.firstChild.remove();
-              h.appendChild(y);
-            }
-            const { offsetLeft: f, offsetTop: p } = c.canvas;
-            h.style.opacity = String(1), h.style.left = f + d.caretX + "px", h.style.top = p + d.caretY + "px";
-          }
+          external: a
         },
         legend: !1
       },
@@ -19328,7 +19338,7 @@ ${e.dataType === "balanceChartData" ? `$${$g(g[0])}` : `${$g(g[0])}%`}
           backgroundColor: (u) => i(u),
           tension: 0.3,
           borderWidth: 2,
-          borderColor: "#007AFF",
+          borderColor: e.borderColor,
           fill: "start",
           spanGaps: !0
         },
@@ -19336,7 +19346,7 @@ ${e.dataType === "balanceChartData" ? `$${$g(g[0])}` : `${$g(g[0])}%`}
           pointStyle: "circle",
           pointRadius: 1,
           pointHoverRadius: 8,
-          pointBackgroundColor: "#007AFF",
+          pointBackgroundColor: e.borderColor,
           pointBorderWidth: 0,
           pointHoverBorderWidth: 3,
           pointBorderColor: "#fff",
@@ -19344,15 +19354,7 @@ ${e.dataType === "balanceChartData" ? `$${$g(g[0])}` : `${$g(g[0])}%`}
           pointHitRadius: 50
         }
       },
-      onHover: (u) => {
-        const { chart: c } = u, d = r("chart-line", c);
-        c.canvas.addEventListener("mousemove", function(h) {
-          const f = c.canvas.getBoundingClientRect(), p = h.clientX - f.left;
-          d.style.left = p + "px", d.style.display = "flex";
-        }), c.canvas.addEventListener("mouseout", function() {
-          d.style.display = "none";
-        });
-      }
+      onHover: o
     });
     return (u, c) => (D(), E("div", LC, [
       ue(M(g_), {
@@ -19364,7 +19366,9 @@ ${e.dataType === "balanceChartData" ? `$${$g(g[0])}` : `${$g(g[0])}%`}
 }, FC = {
   __name: "SimpleLineChart",
   props: {
-    data: { type: Array, required: !0 }
+    data: { type: Array, required: !0 },
+    borderColor: { type: String, default: "#56B683" },
+    gradient: { type: Object, default: { height: 200, startColor: "rgba(86, 182, 131, 0.1)", endColor: "rgba(86, 182, 131, 0)" } }
   },
   setup(t) {
     Lo.register(iu, au, io, Xs, c_);
@@ -19374,8 +19378,8 @@ ${e.dataType === "balanceChartData" ? `$${$g(g[0])}` : `${$g(g[0])}%`}
         data: u
       }), { labels: Array.from(o), datasets: l };
     }, s = U(() => n(e.data)), i = (a) => {
-      const l = a.chart.ctx.createLinearGradient(0, 0, 0, 200);
-      return l.addColorStop(0, "rgba(86, 182, 131, 0.1)"), l.addColorStop(1, "rgba(86, 182, 131, 0)"), l;
+      const l = a.chart.ctx.createLinearGradient(0, 0, 0, e.gradient.height);
+      return l.addColorStop(0, e.gradient.startColor), l.addColorStop(1, e.gradient.endColor), l;
     }, r = K({
       responsive: !0,
       maintainAspectRatio: !1,
@@ -19403,7 +19407,7 @@ ${e.dataType === "balanceChartData" ? `$${$g(g[0])}` : `${$g(g[0])}%`}
           backgroundColor: (a) => i(a),
           tension: 0.3,
           borderWidth: 1,
-          borderColor: "#56B683",
+          borderColor: e.borderColor,
           fill: "start",
           spanGaps: !0
         },