scope360-core 0.0.112 → 0.0.113

package/dist/scope360-core.js

@@ -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
         },