@nabeeltahirdeveloper/chart-sdk 2.3.6-beta → 2.3.6-beta-v2

package/dist/chart-sdk.es.js

@@ -7823,8 +7823,8 @@ const vu = (i) => {
       const pe = c && (j === "stream" || j === "response");
       if (c && (L || pe && te)) {
         const Te = {};
-        ["status", "statusText", "headers"].forEach((be) => {
-          Te[be] = he[be];
+        ["status", "statusText", "headers"].forEach((Qe) => {
+          Te[Qe] = he[Qe];
         });
         const Ue = fe.toFiniteNumber(he.headers.get("content-length")), [ye, ve] = L && ql(
           Ue,
@@ -10759,14 +10759,14 @@ const Wn = {
     symbols: "/symbols",
     trades: "/trades",
     account: "/api/user/account"
-  }, ...t }, l = t?.params || {}, [c, m] = Ne(r || "BTC/USD"), [C, T] = Ne(n || "M1"), [b, v] = Ne([]), [U, F] = Ne(!0), [M, N] = Ne([]), [W, L] = Ne(!1), [V, j] = Ne(1e5), [X, K] = Ne(null), [ee, Ae] = Ne([]), [ce, Z] = Ne(!0), [te, se] = Ne(!1), [le, ne] = Ne(!0), [he, pe] = Ne("candles"), [we, Te] = Ne(!1), [Ue, ye] = Ne("dark"), [ve, be] = Ne(!1), [Se, Ie] = Ne([]), Ze = et(null);
+  }, ...t }, l = t?.params || {}, [c, m] = Ne(r || "BTC/USD"), [C, T] = Ne(n || "M1"), [b, v] = Ne([]), [U, F] = Ne(!0), [M, N] = Ne([]), [W, L] = Ne(!1), [V, j] = Ne(1e5), [X, K] = Ne(null), [ee, Ae] = Ne([]), [ce, Z] = Ne(!0), [te, se] = Ne(!1), [le, ne] = Ne(!0), [he, pe] = Ne("candles"), [we, Te] = Ne(!1), [Ue, ye] = Ne("dark"), [ve, Qe] = Ne(!1), [Se, Ie] = Ne([]), Ze = et(null);
   it(() => {
     Wn.setBaseUrl(s);
   }, [s]);
   const ze = et(/* @__PURE__ */ new Map()), Ce = et(null), ke = 1e3, Ee = vt(async () => {
     if (A)
       try {
-        const ge = localStorage.getItem("token");
+        const ge = localStorage.getItem("token") ?? localStorage.getItem("authToken");
         if (!ge)
           return;
         L(!0);
@@ -10775,25 +10775,25 @@ const Wn = {
         });
         let Me = [];
         Array.isArray(me.data) ? Me = me.data : me.data?.data && Array.isArray(me.data.data) && (Me = me.data.data);
-        const Re = Me.filter((Qe) => Qe.closePrice === null || Qe.closePrice === void 0).map((Qe) => ({
-          id: Qe.id,
+        const Re = Me.filter((be) => be.closePrice === null || be.closePrice === void 0).map((be) => ({
+          id: be.id,
           ticket: 23,
-          symbol: Qe.symbol,
-          type: Qe.type,
-          volume: Qe.volume,
-          openPrice: Qe.openPrice ?? Qe.price,
-          stopLoss: Qe.stopLoss,
-          takeProfit: Qe.takeProfit,
-          comment: Qe.comment || "",
+          symbol: be.symbol,
+          type: be.type,
+          volume: be.volume,
+          openPrice: be.openPrice ?? be.price,
+          stopLoss: be.stopLoss,
+          takeProfit: be.takeProfit,
+          comment: be.comment || "",
           status: "OPEN",
           swap: 0,
-          profit: Qe.profit || 0,
+          profit: be.profit || 0,
           profitCurrency: "USD",
           time: new Date(
-            Qe.openedAt || Qe.openAt || Date.now()
+            be.openedAt || be.openAt || Date.now()
           ).toLocaleTimeString(),
-          openAt: Qe.openedAt || Qe.openAt,
-          closeAt: Qe.closedAt || Qe.closeAt
+          openAt: be.openedAt || be.openAt,
+          closeAt: be.closedAt || be.closeAt
         }));
         N(Re);
       } catch (ge) {
@@ -10803,7 +10803,7 @@ const Wn = {
       }
   }, [s, A]), de = vt((ge, me) => !me || !ge.price || isNaN(me) || isNaN(ge.price) ? ge.profit || 0 : (ge?.type?.toUpperCase() === "BUY" ? me - ge.price : ge.price - me) * ge.volume, []), _e = vt(async () => {
     try {
-      const ge = localStorage.getItem("token");
+      const ge = localStorage.getItem("token") ?? localStorage.getItem("authToken");
       if (!ge)
         return;
       const me = await dt.get(`${s}${a.account}`, {
@@ -10819,28 +10819,28 @@ const Wn = {
   }, [s]), Ye = vt(async () => {
     if (A)
       try {
-        const ge = localStorage.getItem("token");
+        const ge = localStorage.getItem("token") ?? localStorage.getItem("authToken");
         if (!ge) return;
         const me = await dt.get(`${s}/trades/account/${A}`, {
           headers: { Authorization: `Bearer ${ge}` }
         });
         let Me = [];
         Array.isArray(me.data) ? Me = me.data : me.data?.data && Array.isArray(me.data.data) && (Me = me.data.data);
-        const Re = Me.filter((Qe) => Qe.closePrice !== null && Qe.closePrice !== void 0).map((Qe) => ({
-          id: Qe.id,
+        const Re = Me.filter((be) => be.closePrice !== null && be.closePrice !== void 0).map((be) => ({
+          id: be.id,
           ticket: 23,
-          symbol: Qe.symbol,
-          type: Qe.type,
-          volume: Qe.volume,
-          openPrice: Qe.openPrice ?? Qe.price,
-          closePrice: Qe.closePrice,
-          stopLoss: Qe.stopLoss,
-          takeProfit: Qe.takeProfit,
-          profit: Qe.profit || 0,
+          symbol: be.symbol,
+          type: be.type,
+          volume: be.volume,
+          openPrice: be.openPrice ?? be.price,
+          closePrice: be.closePrice,
+          stopLoss: be.stopLoss,
+          takeProfit: be.takeProfit,
+          profit: be.profit ?? be.profitLoss ?? 0,
           profitCurrency: "USD",
-          openAt: Qe.openedAt || Qe.openAt,
-          closeAt: Qe.closedAt || Qe.closeAt,
-          closeReason: Qe.closeReason || "",
+          openAt: be.openedAt || be.openAt,
+          closeAt: be.closedAt || be.closeAt,
+          closeReason: be.closeReason || "",
           status: "CLOSED"
         }));
         Ie(Re);
@@ -10851,22 +10851,22 @@ const Wn = {
     const ge = V, me = M.reduce((Ve, ft) => Ve + ft.volume * ft.price * 0.01, 0), Me = M.reduce((Ve, ft) => {
       const yt = b.find((It) => It.symbol === ft.symbol);
       if (yt) {
-        const It = ft.type === "BUY" ? parseFloat(yt.bid || 0) : parseFloat(yt.ask || 0);
+        const It = ft.type?.toUpperCase() === "BUY" ? parseFloat(yt.bid || 0) : parseFloat(yt.ask || 0);
         if (It && It > 0 && !isNaN(It))
           return Ve + de(ft, It);
       }
       return Ve + (ft.profit || 0);
-    }, 0), Re = ge + Me, Qe = Re - me, Ke = me > 0 ? Re / me * 100 : 0;
+    }, 0), Re = ge + Me, be = Re - me, Ke = me > 0 ? Re / me * 100 : 0;
     return {
       balance: ge,
       equity: Re,
       margin: me,
-      freeMargin: Qe,
+      freeMargin: be,
       level: Ke.toFixed(2)
     };
   }, [M, b, V, de]);
   it(() => {
-    localStorage.getItem("token") && A && (Ee(), _e(), Ye());
+    (localStorage.getItem("token") ?? localStorage.getItem("authToken")) && A && (Ee(), _e(), Ye());
   }, [Ee, _e, Ye, A]), it(() => {
     (async () => {
       try {
@@ -10874,14 +10874,14 @@ const Wn = {
         const me = a.symbols.includes("?") ? `${s}${a.symbols}` : `${s}${a.symbols}`, Me = await dt.get(me);
         let Re = [];
         Array.isArray(Me.data) ? Re = Me.data : Me.data && Me.data.data && Array.isArray(Me.data.data) ? Re = Me.data.data : Me.data && Me.data.prices && Array.isArray(Me.data.prices) ? Re = Me.data.prices : Me.data && Array.isArray(Me.data) && (Re = Me.data);
-        const Qe = Re.map((Ke) => Ke.symbol && (Ke.bid !== void 0 || Ke.price !== void 0) ? {
+        const be = Re.map((Ke) => Ke.symbol && (Ke.bid !== void 0 || Ke.price !== void 0) ? {
           symbol: Ke.symbol,
           bid: Ke.bid ?? Ke.price ?? 0,
           ask: Ke.ask ?? Ke.price ?? 0,
           change: Ke.change ?? 0
           // Default to 0 if not provided
         } : Ke);
-        Qe.length > 0 ? (v(Qe), Qe.find((Ve) => Ve.symbol === c) || m(Qe[0].symbol)) : v([]);
+        be.length > 0 ? (v(be), be.find((Ve) => Ve.symbol === c) || m(be[0].symbol)) : v([]);
       } catch (me) {
         console.error("❌ Error fetching symbols:", me.response?.data || me.message), v([]);
       } finally {
@@ -10895,20 +10895,20 @@ const Wn = {
     const me = new Map(ge);
     ge.clear(), v(
       (Me) => Me.map((Re) => {
-        const Qe = me.get(Re.symbol);
-        return Qe ? { ...Re, ...Qe } : Re;
+        const be = me.get(Re.symbol);
+        return be ? { ...Re, ...be } : Re;
       })
     ), N((Me) => {
       let Re = !1;
-      const Qe = Me.map((Ke) => {
+      const be = Me.map((Ke) => {
         const Ve = me.get(Ke.symbol);
-        if (console.log("UASDSAD", Ve), !Ve) return Ke;
+        if (!Ve) return Ke;
         const ft = Ke.type?.toUpperCase() === "BUY" ? parseFloat(Ve.bid || 0) : parseFloat(Ve.ask || 0);
         if (!ft || isNaN(ft) || ft <= 0) return Ke;
         const yt = de(Ke, ft);
         return yt === Ke.profit ? Ke : (Re = !0, { ...Ke, profit: yt });
       });
-      return Re ? Qe : Me;
+      return Re ? be : Me;
     });
   }, [de]);
   it(() => {
@@ -10917,7 +10917,7 @@ const Wn = {
       Ke?.symbol && (ze.current.set(Ke.symbol, Ke), Ce.current || (Ce.current = setTimeout(() => {
         Ce.current = null, nt();
       }, ke)));
-    }, Qe = async (Ke) => {
+    }, be = async (Ke) => {
       if (Ke) {
         if (Ke.newBalance !== void 0) {
           const Ve = parseFloat(Ke.newBalance);
@@ -10933,8 +10933,8 @@ const Wn = {
         Ke.tradeId && N((Ve) => Ve.filter((ft) => ft.id !== Ke.tradeId)), await Ee(), await _e();
       }
     };
-    return ge.on("connect", me), ge.on("disconnect", Me), ge.on("priceUpdate", Re), ge.on("tradeClosed", Qe), () => {
-      ge.off("connect", me), ge.off("disconnect", Me), ge.off("priceUpdate", Re), ge.off("tradeClosed", Qe), Ce.current && (clearTimeout(Ce.current), Ce.current = null), ze.current.clear();
+    return ge.on("connect", me), ge.on("disconnect", Me), ge.on("priceUpdate", Re), ge.on("tradeClosed", be), () => {
+      ge.off("connect", me), ge.off("disconnect", Me), ge.off("priceUpdate", Re), ge.off("tradeClosed", be), Ce.current && (clearTimeout(Ce.current), Ce.current = null), ze.current.clear();
     };
   }, [nt, Ee, _e]), it(() => {
     try {
@@ -10987,7 +10987,7 @@ const Wn = {
       endpointParams: l,
       accountId: A,
       isShow: ve,
-      setIsShow: be,
+      setIsShow: Qe,
       historyOrders: Se,
       setHistoryOrders: Ie,
       fetchHistoryOrders: Ye
@@ -11179,7 +11179,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
       C("Invalid price. Please refresh and try again.");
       return;
     }
-    const X = localStorage.getItem("token");
+    const X = localStorage.getItem("token") ?? localStorage.getItem("authToken");
     if (!X) {
       C("Please login to place trades");
       return;
@@ -11312,20 +11312,20 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
       const Me = W.getContractSpec(ge);
       return (parseFloat(me) || 0) * (Me.contractSize || 1);
     }
-  }, L = c || W, [V, j] = Ne("0.01"), [X, K] = Ne(""), [ee, Ae] = Ne(""), [ce, Z] = Ne(""), [te, se] = Ne(!1), [le, ne] = Ne(null), [he, pe] = Ne(""), [we, Te] = Ne(t || "BUY"), [Ue, ye] = Ne(parseFloat(A) || 0), [ve, be] = Ne(parseFloat(r) || 0), [Se, Ie] = Ne("text-white"), [Ze, ze] = Ne("text-white"), Ce = et(parseFloat(A) || 0), ke = et(parseFloat(r) || 0);
+  }, L = c || W, [V, j] = Ne("0.01"), [X, K] = Ne(""), [ee, Ae] = Ne(""), [ce, Z] = Ne(""), [te, se] = Ne(!1), [le, ne] = Ne(null), [he, pe] = Ne(""), [we, Te] = Ne(t || "BUY"), [Ue, ye] = Ne(parseFloat(A) || 0), [ve, Qe] = Ne(parseFloat(r) || 0), [Se, Ie] = Ne("text-white"), [Ze, ze] = Ne("text-white"), Ce = et(parseFloat(A) || 0), ke = et(parseFloat(r) || 0);
   it(() => {
     if (!i) return;
     const ge = Wn.getSocket(), me = (Re) => {
       if (!(!Re || !Re.symbol) && Re.symbol.toUpperCase() === m?.toUpperCase()) {
-        const Qe = parseFloat(Re.bid) || 0, Ke = parseFloat(Re.ask) || 0;
-        Qe > 0 && (Qe > Ce.current ? (Ie("text-green-400"), setTimeout(() => Ie("text-white"), 500)) : Qe < Ce.current && Ce.current > 0 && (Ie("text-red-400"), setTimeout(() => Ie("text-white"), 500)), ye(Qe), Ce.current = Qe), Ke > 0 && (Ke > ke.current ? (ze("text-green-400"), setTimeout(() => ze("text-white"), 500)) : Ke < ke.current && ke.current > 0 && (ze("text-red-400"), setTimeout(() => ze("text-white"), 500)), be(Ke), ke.current = Ke);
+        const be = parseFloat(Re.bid) || 0, Ke = parseFloat(Re.ask) || 0;
+        be > 0 && (be > Ce.current ? (Ie("text-green-400"), setTimeout(() => Ie("text-white"), 500)) : be < Ce.current && Ce.current > 0 && (Ie("text-red-400"), setTimeout(() => Ie("text-white"), 500)), ye(be), Ce.current = be), Ke > 0 && (Ke > ke.current ? (ze("text-green-400"), setTimeout(() => ze("text-white"), 500)) : Ke < ke.current && ke.current > 0 && (ze("text-red-400"), setTimeout(() => ze("text-white"), 500)), Qe(Ke), ke.current = Ke);
       }
     };
     ge.on("priceUpdate", me);
     const Me = b.find((Re) => Re.symbol === m);
     if (Me) {
-      const Re = parseFloat(Me.bid) || 0, Qe = parseFloat(Me.ask) || 0;
-      Re > 0 && (ye(Re), Ce.current = Re), Qe > 0 && (be(Qe), ke.current = Qe);
+      const Re = parseFloat(Me.bid) || 0, be = parseFloat(Me.ask) || 0;
+      Re > 0 && (ye(Re), Ce.current = Re), be > 0 && (Qe(be), ke.current = be);
     }
     return () => {
       ge.off("priceUpdate", me);
@@ -11334,7 +11334,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
     if (i) {
       j(o ? String(o) : "0.01"), K(""), Ae(""), Z(""), pe(""), Te(t || "BUY");
       const ge = parseFloat(A) || 0, me = parseFloat(r) || 0;
-      ge > 0 && (ye(ge), Ce.current = ge), me > 0 && (be(me), ke.current = me);
+      ge > 0 && (ye(ge), Ce.current = ge), me > 0 && (Qe(me), ke.current = me);
     }
   }, [i, t, A, r, o]);
   const Ee = Ue || 0, de = ve || 0, _e = (ge) => {
@@ -11358,7 +11358,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
     we === "BUY" ? Re = Math.max(Me + 1e-5, Re) : Re = Math.max(1e-5, Math.min(Re, Me - 1e-5)), Ae(Re > 0 ? Re.toFixed(5) : ""), pe("");
   }, nt = async (ge) => {
     pe("");
-    const me = ge || we, Me = parseFloat(me === "BUY" ? ve : Ue), Re = parseFloat(V), Qe = X ? parseFloat(X) : null, Ke = ee ? parseFloat(ee) : null;
+    const me = ge || we, Me = parseFloat(me === "BUY" ? ve : Ue), Re = parseFloat(V), be = X ? parseFloat(X) : null, Ke = ee ? parseFloat(ee) : null;
     if (!Re || Re <= 0 || isNaN(Re)) {
       pe("Please enter a valid volume (minimum 0.01)");
       return;
@@ -11371,16 +11371,16 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
       pe("Invalid price. Please refresh and try again.");
       return;
     }
-    if (Qe !== null && Qe !== "") {
-      if (isNaN(Qe) || Qe <= 0) {
+    if (be !== null && be !== "") {
+      if (isNaN(be) || be <= 0) {
         pe("Stop Loss must be a valid positive number");
         return;
       }
-      if (me === "BUY" && Qe >= Me) {
+      if (me === "BUY" && be >= Me) {
         pe("Stop Loss must be below the current price for BUY orders");
         return;
       }
-      if (me === "SELL" && Qe <= Me) {
+      if (me === "SELL" && be <= Me) {
         pe("Stop Loss must be above the current price for SELL orders");
         return;
       }
@@ -11405,7 +11405,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
       }
     }
     Te(me), ne(me), se(!0);
-    const Ve = /* @__PURE__ */ new Date(), ft = Ve.toLocaleTimeString(), yt = `temp_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, It = localStorage.getItem("token");
+    const Ve = /* @__PURE__ */ new Date(), ft = Ve.toLocaleTimeString(), yt = `temp_${Date.now()}_${Math.random().toString(36).substr(2, 9)}`, It = localStorage.getItem("token") ?? localStorage.getItem("authToken");
     if (!It) {
       pe("Please login to place trades"), se(!1), ne(null);
       return;
@@ -11417,7 +11417,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
       volume: Re,
       price: Me,
       takeProfit: Ke,
-      stopLoss: Qe,
+      stopLoss: be,
       comment: ce.trim() || null
     }, kr = {
       ticket: yt.substring(0, 8),
@@ -11427,7 +11427,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
       price: parseFloat(Me),
       time: ft,
       // REAL-TIME: Exact click time
-      stopLoss: Qe ? parseFloat(Qe) : null,
+      stopLoss: be ? parseFloat(be) : null,
       takeProfit: Ke ? parseFloat(Ke) : null,
       swap: 0,
       profit: 0,
@@ -11450,7 +11450,7 @@ const Ng = { BASE_URL: "/", DEV: !1, MODE: "production", PROD: !0, SSR: !1 }, kg
         // Use lotSize for prop-capitals backend
         entryPrice: Me,
         // Use entryPrice for prop-capitals backend
-        stopLoss: Qe,
+        stopLoss: be,
         takeProfit: Ke,
         comment: ce.trim() || null
       };
@@ -18775,7 +18775,7 @@ var wt = function(i, e, t, A, r) {
           switch (l.label) {
             case 0:
               A = t.styles.backgroundImage.length - 1, r = function(c) {
-                var m, C, T, ee, le, ne, Z, te, X, b, ee, le, ne, Z, te, v, U, F, M, N, W, L, V, j, X, K, ee, Ae, ce, Z, te, se, le, ne, he, pe, we, Te, Ue, ye, ve, be;
+                var m, C, T, ee, le, ne, Z, te, X, b, ee, le, ne, Z, te, v, U, F, M, N, W, L, V, j, X, K, ee, Ae, ce, Z, te, se, le, ne, he, pe, we, Te, Ue, ye, ve, Qe;
                 return Kt(this, function(Se) {
                   switch (Se.label) {
                     case 0:
@@ -18802,7 +18802,7 @@ var wt = function(i, e, t, A, r) {
                         null
                       ]), ee = K[0], Ae = K[1], ce = K[2], Z = K[3], te = K[4], se = c.position.length === 0 ? [Pa] : c.position, le = mt(se[0], Z), ne = mt(se[se.length - 1], te), he = a2(c, le, ne, Z, te), pe = he[0], we = he[1], pe > 0 && we > 0 && (Te = n.ctx.createRadialGradient(Ae + le, ce + ne, 0, Ae + le, ce + ne, pe), Nc(c.stops, pe * 2).forEach(function(Ie) {
                         return Te.addColorStop(Ie.stop, Mt(Ie.color));
-                      }), n.path(ee), n.ctx.fillStyle = Te, pe !== we ? (Ue = t.bounds.left + 0.5 * t.bounds.width, ye = t.bounds.top + 0.5 * t.bounds.height, ve = we / pe, be = 1 / ve, n.ctx.save(), n.ctx.translate(Ue, ye), n.ctx.transform(1, 0, 0, ve, 0, 0), n.ctx.translate(-Ue, -ye), n.ctx.fillRect(Ae, be * (ce - ye) + ye, Z, te * be), n.ctx.restore()) : n.ctx.fill())), Se.label = 6;
+                      }), n.path(ee), n.ctx.fillStyle = Te, pe !== we ? (Ue = t.bounds.left + 0.5 * t.bounds.width, ye = t.bounds.top + 0.5 * t.bounds.height, ve = we / pe, Qe = 1 / ve, n.ctx.save(), n.ctx.translate(Ue, ye), n.ctx.transform(1, 0, 0, ve, 0, 0), n.ctx.translate(-Ue, -ye), n.ctx.fillRect(Ae, Qe * (ce - ye) + ye, Z, te * Qe), n.ctx.restore()) : n.ctx.fill())), Se.label = 6;
                     case 6:
                       return A--, [
                         2
@@ -19039,8 +19039,8 @@ typeof window < "u" && Kp.setContext(window);
 var _v = function(i, e) {
   return Xt(void 0, void 0, void 0, function() {
     var t, A, r, n, s, o, a, l, c, m, C, T, b, v, U, F, M, N, W, L, j, V, j, X, K, ee, Ae, ce, Z, te, se, le, ne, he, pe, we, Te, Ue, ye, ve;
-    return Kt(this, function(be) {
-      switch (be.label) {
+    return Kt(this, function(Qe) {
+      switch (Qe.label) {
         case 0:
           if (!i || typeof i != "object")
             return [2, Promise.reject("Invalid element provided as first argument")];
@@ -19066,7 +19066,7 @@ var _v = function(i, e) {
             copyStyles: l
           }, a.logger.debug("Starting document clone with size " + o.width + "x" + o.height + " scrolled to " + -o.left + "," + -o.top), m = new ph(a, i, c), C = m.clonedReferenceElement, C ? [4, m.toIFrame(t, o)] : [2, Promise.reject("Unable to find element in cloned iframe")];
         case 1:
-          return T = be.sent(), b = Va(C) || PC(C) ? dw(C.ownerDocument) : ws(a, C), v = b.width, U = b.height, F = b.left, M = b.top, N = Pv(a, C, e.backgroundColor), W = {
+          return T = Qe.sent(), b = Va(C) || PC(C) ? dw(C.ownerDocument) : ws(a, C), v = b.width, U = b.height, F = b.left, M = b.top, N = Pv(a, C, e.backgroundColor), W = {
             canvas: e.canvas,
             backgroundColor: N,
             scale: (pe = (he = e.scale) !== null && he !== void 0 ? he : A.devicePixelRatio) !== null && pe !== void 0 ? pe : 1,
@@ -19076,11 +19076,11 @@ var _v = function(i, e) {
             height: (ye = e.height) !== null && ye !== void 0 ? ye : Math.ceil(U)
           }, l ? (a.logger.debug("Document cloned, using foreign object rendering"), j = new Mv(a, W), [4, j.render(C)]) : [3, 3];
         case 2:
-          return L = be.sent(), [3, 5];
+          return L = Qe.sent(), [3, 5];
         case 3:
           return a.logger.debug("Document cloned, element located at " + F + "," + M + " with size " + v + "x" + U + " using computed rendering"), a.logger.debug("Starting DOM parsing"), V = Ip(a, C), N === V.styles.backgroundColor && (V.styles.backgroundColor = OA.TRANSPARENT), a.logger.debug("Starting renderer for element at " + W.x + "," + W.y + " with size " + W.width + "x" + W.height), j = new Qv(a, W), [4, j.render(V)];
         case 4:
-          L = be.sent(), be.label = 5;
+          L = Qe.sent(), Qe.label = 5;
         case 5:
           return (!((ve = e.removeContainer) !== null && ve !== void 0) || ve) && (ph.destroy(T) || a.logger.error("Cannot detach cloned iframe as it is not in the DOM anymore")), a.logger.debug("Finished rendering"), [2, L];
       }
@@ -19199,16 +19199,16 @@ class Ov {
               he === "left" ? (pe = F, we = M) : he === "center" ? (pe = Math.round((F + N) / 2), we = Math.round((M + W) / 2)) : (pe = N, we = W);
               let Te, Ue;
               he === "left" ? (Te = pe - le - 10 * m, Ue = we - ne - 4 * C) : he === "center" ? (Te = pe - le / 2, Ue = we - ne - 8 * C) : (Te = pe + 10 * m, Ue = we - ne - 4 * C);
-              const ye = a.bitmapSize.width, ve = a.bitmapSize.height, be = Math.min(Math.max(0, Te), ye - le - 4 * m), Se = Math.min(Math.max(4 * C, Ue), ve - ne - 4 * C), Ie = 4 * C;
-              L.beginPath(), L.moveTo(be + Ie, Se), L.lineTo(be + le - Ie, Se), L.quadraticCurveTo(be + le, Se, be + le, Se + Ie), L.lineTo(be + le, Se + ne - Ie), L.quadraticCurveTo(
-                be + le,
+              const ye = a.bitmapSize.width, ve = a.bitmapSize.height, Qe = Math.min(Math.max(0, Te), ye - le - 4 * m), Se = Math.min(Math.max(4 * C, Ue), ve - ne - 4 * C), Ie = 4 * C;
+              L.beginPath(), L.moveTo(Qe + Ie, Se), L.lineTo(Qe + le - Ie, Se), L.quadraticCurveTo(Qe + le, Se, Qe + le, Se + Ie), L.lineTo(Qe + le, Se + ne - Ie), L.quadraticCurveTo(
+                Qe + le,
                 Se + ne,
-                be + le - Ie,
+                Qe + le - Ie,
                 Se + ne
-              ), L.lineTo(be + Ie, Se + ne), L.quadraticCurveTo(be, Se + ne, be, Se + ne - Ie), L.lineTo(be, Se + Ie), L.quadraticCurveTo(be, Se, be + Ie, Se), L.closePath(), L.fillStyle = "rgba(30, 41, 59, 0.92)", L.fill(), L.strokeStyle = s.statsColor || s.color, L.lineWidth = 1 * C, L.stroke(), L.fillStyle = "#e2e8f0", L.textAlign = "left", ce.forEach((Ze, ze) => {
+              ), L.lineTo(Qe + Ie, Se + ne), L.quadraticCurveTo(Qe, Se + ne, Qe, Se + ne - Ie), L.lineTo(Qe, Se + Ie), L.quadraticCurveTo(Qe, Se, Qe + Ie, Se), L.closePath(), L.fillStyle = "rgba(30, 41, 59, 0.92)", L.fill(), L.strokeStyle = s.statsColor || s.color, L.lineWidth = 1 * C, L.stroke(), L.fillStyle = "#e2e8f0", L.textAlign = "left", ce.forEach((Ze, ze) => {
                 L.fillText(
                   Ze,
-                  be + se,
+                  Qe + se,
                   Se + se + Z + ze * te
                 );
               }), L.restore();
@@ -19266,13 +19266,13 @@ class Bh {
               }
               const Z = Math.round(11 * C);
               V.font = Z + "px sans-serif";
-              const te = Z * 1.6, se = 8 * C, le = Math.max(...ce.map((be) => V.measureText(be).width)) + se * 2, ne = ce.length * te + se * 2, he = a.bitmapSize.width, pe = a.bitmapSize.height;
+              const te = Z * 1.6, se = 8 * C, le = Math.max(...ce.map((Qe) => V.measureText(Qe).width)) + se * 2, ne = ce.length * te + se * 2, he = a.bitmapSize.width, pe = a.bitmapSize.height;
               let we, Te;
               if (s.statsPosition === "left")
                 we = F - le - 10 * m, Te = M - ne - 4 * C;
               else if (s.statsPosition === "center") {
-                const be = (F + N) / 2, Se = (M + W) / 2;
-                we = be - le / 2, Te = Se - ne - 4 * C;
+                const Qe = (F + N) / 2, Se = (M + W) / 2;
+                we = Qe - le / 2, Te = Se - ne - 4 * C;
               } else
                 we = N + 10 * m, Te = W - ne - 4 * C;
               const Ue = Math.min(Math.max(0, we), he - le - 4 * m), ye = Math.min(Math.max(4 * C, Te), pe - ne - 4 * C), ve = 4 * C;
@@ -19281,9 +19281,9 @@ class Bh {
                 ye + ne,
                 Ue + le - ve,
                 ye + ne
-              ), V.lineTo(Ue + ve, ye + ne), V.quadraticCurveTo(Ue, ye + ne, Ue, ye + ne - ve), V.lineTo(Ue, ye + ve), V.quadraticCurveTo(Ue, ye, Ue + ve, ye), V.closePath(), V.fillStyle = "rgba(30, 41, 59, 0.92)", V.fill(), V.strokeStyle = s.statsColor || L, V.lineWidth = 1 * C, V.stroke(), V.fillStyle = "#e2e8f0", V.textAlign = "left", ce.forEach((be, Se) => {
+              ), V.lineTo(Ue + ve, ye + ne), V.quadraticCurveTo(Ue, ye + ne, Ue, ye + ne - ve), V.lineTo(Ue, ye + ve), V.quadraticCurveTo(Ue, ye, Ue + ve, ye), V.closePath(), V.fillStyle = "rgba(30, 41, 59, 0.92)", V.fill(), V.strokeStyle = s.statsColor || L, V.lineWidth = 1 * C, V.stroke(), V.fillStyle = "#e2e8f0", V.textAlign = "left", ce.forEach((Qe, Se) => {
                 V.fillText(
-                  be,
+                  Qe,
                   Ue + se,
                   ye + se + Z + Se * te
                 );
@@ -19512,9 +19512,9 @@ class yh {
                 if (se.length > 0) {
                   const ne = Math.min(l, c), he = 11 * ne, pe = he * 1.5, we = 5 * ne;
                   L.font = he + "px sans-serif";
-                  const Ue = se.reduce((Ee, de) => Math.max(Ee, L.measureText(de).width), 0) + we * 2, ye = se.length * pe + we * 2, [ve, be, Se, Ie] = v <= F ? [v, U, F, M] : [F, M, v, U];
+                  const Ue = se.reduce((Ee, de) => Math.max(Ee, L.measureText(de).width), 0) + we * 2, ye = se.length * pe + we * 2, [ve, Qe, Se, Ie] = v <= F ? [v, U, F, M] : [F, M, v, U];
                   let Ze, ze;
-                  r.statsPosition === "left" ? (Ze = ve, ze = be) : r.statsPosition === "center" ? (Ze = (ve + Se) / 2, ze = (be + Ie) / 2) : (Ze = Se, ze = Ie);
+                  r.statsPosition === "left" ? (Ze = ve, ze = Qe) : r.statsPosition === "center" ? (Ze = (ve + Se) / 2, ze = (Qe + Ie) / 2) : (Ze = Se, ze = Ie);
                   const Ce = Ze - Ue / 2, ke = ze - ye - 12 * ne;
                   L.fillStyle = "rgba(20, 20, 30, 0.72)", L.fillRect(Ce, ke, Ue, ye), L.strokeStyle = r.statsColor, L.lineWidth = 1 * ne, L.strokeRect(Ce, ke, Ue, ye), L.fillStyle = r.statsColor, L.textBaseline = "top", L.textAlign = "left", se.forEach((Ee, de) => {
                     L.fillText(Ee, Ce + we, ke + we + de * pe);
@@ -19605,9 +19605,9 @@ class Gv {
                 if (se.length > 0) {
                   const ne = Math.min(l, c), he = 11 * ne, pe = he * 1.5, we = 5 * ne;
                   L.font = he + "px sans-serif";
-                  const Ue = se.reduce((Ee, de) => Math.max(Ee, L.measureText(de).width), 0) + we * 2, ye = se.length * pe + we * 2, [ve, be, Se, Ie] = v <= F ? [v, U, F, M] : [F, M, v, U];
+                  const Ue = se.reduce((Ee, de) => Math.max(Ee, L.measureText(de).width), 0) + we * 2, ye = se.length * pe + we * 2, [ve, Qe, Se, Ie] = v <= F ? [v, U, F, M] : [F, M, v, U];
                   let Ze, ze;
-                  r.statsPosition === "left" ? (Ze = ve, ze = be) : r.statsPosition === "center" ? (Ze = (ve + Se) / 2, ze = (be + Ie) / 2) : (Ze = Se, ze = Ie);
+                  r.statsPosition === "left" ? (Ze = ve, ze = Qe) : r.statsPosition === "center" ? (Ze = (ve + Se) / 2, ze = (Qe + Ie) / 2) : (Ze = Se, ze = Ie);
                   const Ce = Ze - Ue / 2, ke = ze - ye - 12 * ne;
                   L.fillStyle = "rgba(20, 20, 30, 0.72)", L.fillRect(Ce, ke, Ue, ye), L.strokeStyle = r.statsColor, L.lineWidth = 1 * ne, L.strokeRect(Ce, ke, Ue, ye), L.fillStyle = r.statsColor, L.textBaseline = "top", L.textAlign = "left", se.forEach((Ee, de) => {
                     L.fillText(Ee, Ce + we, ke + we + de * pe);
@@ -19698,9 +19698,9 @@ class $v {
                 if (se.length > 0) {
                   const ne = Math.min(l, c), he = 11 * ne, pe = he * 1.5, we = 5 * ne;
                   L.font = he + "px sans-serif";
-                  const Ue = se.reduce((Ee, de) => Math.max(Ee, L.measureText(de).width), 0) + we * 2, ye = se.length * pe + we * 2, [ve, be, Se, Ie] = v <= F ? [v, U, F, M] : [F, M, v, U];
+                  const Ue = se.reduce((Ee, de) => Math.max(Ee, L.measureText(de).width), 0) + we * 2, ye = se.length * pe + we * 2, [ve, Qe, Se, Ie] = v <= F ? [v, U, F, M] : [F, M, v, U];
                   let Ze, ze;
-                  r.statsPosition === "left" ? (Ze = ve, ze = be) : r.statsPosition === "center" ? (Ze = (ve + Se) / 2, ze = (be + Ie) / 2) : (Ze = Se, ze = Ie);
+                  r.statsPosition === "left" ? (Ze = ve, ze = Qe) : r.statsPosition === "center" ? (Ze = (ve + Se) / 2, ze = (Qe + Ie) / 2) : (Ze = Se, ze = Ie);
                   const Ce = Ze - Ue / 2, ke = ze - ye - 12 * ne;
                   L.fillStyle = "rgba(20, 20, 30, 0.72)", L.fillRect(Ce, ke, Ue, ye), L.strokeStyle = r.statsColor, L.lineWidth = 1 * ne, L.strokeRect(Ce, ke, Ue, ye), L.fillStyle = r.statsColor, L.textBaseline = "top", L.textAlign = "left", se.forEach((Ee, de) => {
                     L.fillText(Ee, Ce + we, ke + we + de * pe);
@@ -19764,44 +19764,44 @@ class Xv {
               if (l) {
                 const ne = n.p1.rawTime ?? n.p1.time, he = n.p2.rawTime ?? n.p2.time, pe = n.p1.price, we = n.p2.price, Te = [];
                 if (n.statsPriceRange) {
-                  const ye = Math.abs(we - pe), ve = pe !== 0 ? Math.abs((we - pe) / pe * 100) : 0, be = ye < 1e-4 ? 6 : ye < 0.01 ? 5 : ye < 1 ? 4 : 2;
-                  Te.push("↕ " + ye.toFixed(be) + " (" + ve.toFixed(2) + "%)");
+                  const ye = Math.abs(we - pe), ve = pe !== 0 ? Math.abs((we - pe) / pe * 100) : 0, Qe = ye < 1e-4 ? 6 : ye < 0.01 ? 5 : ye < 1 ? 4 : 2;
+                  Te.push("↕ " + ye.toFixed(Qe) + " (" + ve.toFixed(2) + "%)");
                 }
                 const Ue = [];
                 if (n.statsBarsRange)
                   try {
                     const ye = c.timeScale().timeToCoordinate(ne), ve = c.timeScale().timeToCoordinate(he);
                     if (ye != null && ve != null) {
-                      const be = c.timeScale().coordinateToLogical(ye), Se = c.timeScale().coordinateToLogical(ve);
-                      be != null && Se != null && Ue.push("↔ " + Math.abs(Math.round(Se - be)) + " bars");
+                      const Qe = c.timeScale().coordinateToLogical(ye), Se = c.timeScale().coordinateToLogical(ve);
+                      Qe != null && Se != null && Ue.push("↔ " + Math.abs(Math.round(Se - Qe)) + " bars");
                     }
                   } catch {
                   }
                 if (n.statsDateRange) {
-                  const ye = Math.abs(he - ne), ve = Math.floor(ye / 86400), be = Math.floor(ye % 86400 / 3600), Se = Math.floor(ye % 3600 / 60);
+                  const ye = Math.abs(he - ne), ve = Math.floor(ye / 86400), Qe = Math.floor(ye % 86400 / 3600), Se = Math.floor(ye % 3600 / 60);
                   let Ie = ve > 0 ? ve + " day" + (ve !== 1 ? "s" : "") : "";
-                  be > 0 && (Ie += (Ie ? " " : "") + be + " hour" + (be !== 1 ? "s" : "")), !ve && !be && (Ie = Se + " min" + (Se !== 1 ? "s" : "")), n.statsBarsRange && Ue.length > 0 ? Ue[Ue.length - 1] += " (" + Ie + ")" : Ue.push(Ie);
+                  Qe > 0 && (Ie += (Ie ? " " : "") + Qe + " hour" + (Qe !== 1 ? "s" : "")), !ve && !Qe && (Ie = Se + " min" + (Se !== 1 ? "s" : "")), n.statsBarsRange && Ue.length > 0 ? Ue[Ue.length - 1] += " (" + Ie + ")" : Ue.push(Ie);
                 }
                 if (n.statsDistance) {
                   const ye = (W - M) / C, ve = (L - N) / T;
                   Ue.push("distance: " + Math.sqrt(ye * ye + ve * ve).toFixed(2));
                 }
                 if (Ue.length > 0 && Te.push(Ue.join(", ")), n.statsAngle) {
-                  const ye = ee / C, ve = Ae / T, be = Math.atan2(ve, ye) * 180 / Math.PI;
-                  Te.push("∠ " + be.toFixed(0) + "°");
+                  const ye = ee / C, ve = Ae / T, Qe = Math.atan2(ve, ye) * 180 / Math.PI;
+                  Te.push("∠ " + Qe.toFixed(0) + "°");
                 }
                 if (Te.length > 0) {
-                  const ye = Math.min(C, T), ve = 11 * ye, be = ve * 1.5, Se = 5 * ye;
+                  const ye = Math.min(C, T), ve = 11 * ye, Qe = ve * 1.5, Se = 5 * ye;
                   Z.font = ve + "px sans-serif";
                   const Ze = Te.reduce(
                     (_e, Ye) => Math.max(_e, Z.measureText(Ye).width),
                     0
-                  ) + Se * 2, ze = Te.length * be + Se * 2;
+                  ) + Se * 2, ze = Te.length * Qe + Se * 2;
                   let Ce, ke;
                   n.statsPosition === "left" ? (Ce = V, ke = j) : n.statsPosition === "center" ? (Ce = (V + X) / 2, ke = (j + K) / 2) : (Ce = X, ke = K);
                   const Ee = Ce - Ze / 2, de = ke - ze - 12 * ye;
                   Z.fillStyle = "rgba(20, 20, 30, 0.72)", Z.fillRect(Ee, de, Ze, ze), Z.strokeStyle = n.statsColor, Z.lineWidth = 1 * ye, Z.strokeRect(Ee, de, Ze, ze), Z.fillStyle = n.statsColor, Z.textBaseline = "top", Z.textAlign = "left", Te.forEach((_e, Ye) => {
-                    Z.fillText(_e, Ee + Se, de + Se + Ye * be);
+                    Z.fillText(_e, Ee + Se, de + Se + Ye * Qe);
                   });
                 }
               }
@@ -19909,8 +19909,8 @@ class Jv {
               if (ee.fillText(`${K}°`, le, ne), (r.statsShowAlways || r.isActive) && (r.statsPriceRange || r.statsDistance)) {
                 const pe = r.p1.price, we = r.p2.price, Te = [];
                 if (r.statsPriceRange) {
-                  const ye = Math.abs(we - pe), ve = pe !== 0 ? Math.abs((we - pe) / pe * 100) : 0, be = ye < 1e-4 ? 6 : ye < 0.01 ? 5 : ye < 1 ? 4 : 2;
-                  Te.push("↕ " + ye.toFixed(be) + " (" + ve.toFixed(2) + "%)");
+                  const ye = Math.abs(we - pe), ve = pe !== 0 ? Math.abs((we - pe) / pe * 100) : 0, Qe = ye < 1e-4 ? 6 : ye < 0.01 ? 5 : ye < 1 ? 4 : 2;
+                  Te.push("↕ " + ye.toFixed(Qe) + " (" + ve.toFixed(2) + "%)");
                 }
                 const Ue = [];
                 if (r.statsDistance) {
@@ -19918,14 +19918,14 @@ class Jv {
                   Ue.push("distance: " + Math.sqrt(ye * ye + ve * ve).toFixed(2));
                 }
                 if (Ue.length > 0 && Te.push(Ue.join(", ")), Te.length > 0) {
-                  const ye = Math.min(l, c), ve = 11 * ye, be = ve * 1.5, Se = 5 * ye;
+                  const ye = Math.min(l, c), ve = 11 * ye, Qe = ve * 1.5, Se = 5 * ye;
                   ee.font = ve + "px sans-serif";
-                  const Ze = Te.reduce(($e, Pe) => Math.max($e, ee.measureText(Pe).width), 0) + Se * 2, ze = Te.length * be + Se * 2, [Ce, ke, Ee, de] = v <= F ? [v, U, F, M] : [F, M, v, U];
+                  const Ze = Te.reduce(($e, Pe) => Math.max($e, ee.measureText(Pe).width), 0) + Se * 2, ze = Te.length * Qe + Se * 2, [Ce, ke, Ee, de] = v <= F ? [v, U, F, M] : [F, M, v, U];
                   let _e, Ye;
                   r.statsPosition === "left" ? (_e = Ce, Ye = ke) : r.statsPosition === "center" ? (_e = (Ce + Ee) / 2, Ye = (ke + de) / 2) : (_e = Ee, Ye = de);
                   const rt = _e - Ze / 2, nt = Ye - ze - 12 * ye;
                   ee.fillStyle = "rgba(20, 20, 30, 0.72)", ee.fillRect(rt, nt, Ze, ze), ee.strokeStyle = r.statsColor, ee.lineWidth = 1 * ye, ee.strokeRect(rt, nt, Ze, ze), ee.fillStyle = r.statsColor, ee.textBaseline = "top", ee.textAlign = "left", Te.forEach(($e, Pe) => {
-                    ee.fillText($e, rt + Se, nt + Se + Pe * be);
+                    ee.fillText($e, rt + Se, nt + Se + Pe * Qe);
                   });
                 }
               }
@@ -19983,8 +19983,8 @@ class Yv {
                 y: ve + ce * (Z - ye)
               }), he = le(1), pe = le(-1), we = ne(he.x, he.y), Te = ne(pe.x, pe.y);
               m.save(), m.beginPath(), m.moveTo(he.x, he.y), m.lineTo(we.x, we.y), m.lineTo(Te.x, Te.y), m.lineTo(pe.x, pe.y), m.closePath(), m.fillStyle = "rgba(148, 163, 184, 0.2)", m.fill(), m.beginPath(), m.strokeStyle = "rgba(148, 163, 184, 0.9)", m.lineWidth = 1 * c, m.moveTo(W, L), m.lineTo(V, j), m.stroke(), r._levels.forEach((ye) => {
-                const ve = le(ye.k), be = ne(ve.x, ve.y);
-                m.beginPath(), m.strokeStyle = ye.color, m.lineWidth = ye.width * c, m.moveTo(ve.x, ve.y), m.lineTo(be.x, be.y), m.stroke();
+                const ve = le(ye.k), Qe = ne(ve.x, ve.y);
+                m.beginPath(), m.strokeStyle = ye.color, m.lineWidth = ye.width * c, m.moveTo(ve.x, ve.y), m.lineTo(Qe.x, Qe.y), m.stroke();
               });
               const Ue = ne(M, N);
               m.beginPath(), m.strokeStyle = "rgba(161, 98, 7, 0.9)", m.lineWidth = 1.1 * c, m.moveTo(M, N), m.lineTo(Ue.x, Ue.y), m.stroke(), m.restore();
@@ -20148,16 +20148,16 @@ class ha {
               if (X.length !== 4) return;
               const [K, ee, Ae, ce] = X, Z = N.context;
               Z.save();
-              const te = ee.x - K.x, se = ee.y - K.y, le = Math.sqrt(te * te + se * se) || 1, ne = te / le, he = se / le, pe = Ae.x - ce.x, we = Ae.y - ce.y, Te = Math.sqrt(pe * pe + we * we) || 1, Ue = pe / Te, ye = we / Te, ve = 1e5, be = F.rayLeft ? { x: K.x - ne * ve, y: K.y - he * ve } : K, Se = F.rayRight ? { x: ee.x + ne * ve, y: ee.y + he * ve } : ee, Ie = F.rayLeft ? { x: ce.x - Ue * ve, y: ce.y - ye * ve } : ce, Ze = F.rayRight ? { x: Ae.x + Ue * ve, y: Ae.y + ye * ve } : Ae;
+              const te = ee.x - K.x, se = ee.y - K.y, le = Math.sqrt(te * te + se * se) || 1, ne = te / le, he = se / le, pe = Ae.x - ce.x, we = Ae.y - ce.y, Te = Math.sqrt(pe * pe + we * we) || 1, Ue = pe / Te, ye = we / Te, ve = 1e5, Qe = F.rayLeft ? { x: K.x - ne * ve, y: K.y - he * ve } : K, Se = F.rayRight ? { x: ee.x + ne * ve, y: ee.y + he * ve } : ee, Ie = F.rayLeft ? { x: ce.x - Ue * ve, y: ce.y - ye * ve } : ce, Ze = F.rayRight ? { x: Ae.x + Ue * ve, y: Ae.y + ye * ve } : Ae;
               if (F.showBackground) {
                 const ze = F.fillColor || "#6aa84f", Ce = parseInt(ze.slice(1, 3), 16), ke = parseInt(ze.slice(3, 5), 16), Ee = parseInt(ze.slice(5, 7), 16);
                 Z.beginPath(), Z.moveTo(K.x, K.y), Z.lineTo(ee.x, ee.y), Z.lineTo(Ae.x, Ae.y), Z.lineTo(ce.x, ce.y), Z.closePath(), Z.fillStyle = `rgba(${Ce},${ke},${Ee},${F.fillOpacity ?? 0.1})`, Z.fill();
               }
-              if (Z.strokeStyle = F.lineColor, Z.lineWidth = F.lineWidth * j, Z.setLineDash([]), Z.beginPath(), Z.moveTo(be.x, be.y), Z.lineTo(Se.x, Se.y), Z.moveTo(Ie.x, Ie.y), Z.lineTo(Ze.x, Ze.y), Z.moveTo(K.x, K.y), Z.lineTo(ce.x, ce.y), Z.moveTo(ee.x, ee.y), Z.lineTo(Ae.x, Ae.y), Z.stroke(), F.arrowLeft || F.arrowRight) {
+              if (Z.strokeStyle = F.lineColor, Z.lineWidth = F.lineWidth * j, Z.setLineDash([]), Z.beginPath(), Z.moveTo(Qe.x, Qe.y), Z.lineTo(Se.x, Se.y), Z.moveTo(Ie.x, Ie.y), Z.lineTo(Ze.x, Ze.y), Z.moveTo(K.x, K.y), Z.lineTo(ce.x, ce.y), Z.moveTo(ee.x, ee.y), Z.lineTo(Ae.x, Ae.y), Z.stroke(), F.arrowLeft || F.arrowRight) {
                 const ze = 8 * j, Ce = (ke, Ee, de) => {
                   Z.save(), Z.translate(ke, Ee), Z.rotate(de), Z.beginPath(), Z.moveTo(0, 0), Z.lineTo(-ze, -ze / 2), Z.lineTo(-ze, ze / 2), Z.closePath(), Z.fillStyle = F.lineColor, Z.fill(), Z.restore();
                 };
-                F.arrowLeft && (Ce(be.x, be.y, Math.atan2(-he, -ne)), Ce(Ie.x, Ie.y, Math.atan2(-ye, -Ue))), F.arrowRight && (Ce(Se.x, Se.y, Math.atan2(he, ne)), Ce(Ze.x, Ze.y, Math.atan2(ye, Ue)));
+                F.arrowLeft && (Ce(Qe.x, Qe.y, Math.atan2(-he, -ne)), Ce(Ie.x, Ie.y, Math.atan2(-ye, -Ue))), F.arrowRight && (Ce(Se.x, Se.y, Math.atan2(he, ne)), Ce(Ze.x, Ze.y, Math.atan2(ye, Ue)));
               }
               if (Z.fillStyle = "#ffffff", Z.strokeStyle = "#3b82f6", Z.lineWidth = 2 * j, [K, ee, Ae, ce].forEach((ze) => {
                 Z.beginPath(), Z.arc(ze.x, ze.y, 6 * j, 0, Math.PI * 2), Z.fill(), Z.stroke();
@@ -20810,7 +20810,7 @@ const nT = cd(function({
     const d = Ue(Ee, de);
     pe.current.set(d, p);
   }, {
-    activeTool: be,
+    activeTool: Qe,
     setActiveTool: Se,
     showGrid: Ie,
     snapToGrid: Ze,
@@ -20826,7 +20826,7 @@ const nT = cd(function({
     baseUrl: $e,
     endpoints: Pe,
     endpointParams: ge
-  } = Wt(), me = et([]), [Me, Re] = Ne(!1), [Qe, Ke] = Ne(null), [Ve, ft] = Ne([]), [yt, It] = Ne(!0), [Gi, kr] = Ne(null), [ri, Or] = Ne(0), Rt = Di(() => {
+  } = Wt(), me = et([]), [Me, Re] = Ne(!1), [be, Ke] = Ne(null), [Ve, ft] = Ne([]), [yt, It] = Ne(!0), [Gi, kr] = Ne(null), [ri, Or] = Ne(0), Rt = Di(() => {
     const p = Ve.map((d) => q(d?.time)).filter((d) => Number.isFinite(d));
     return p.sort((d, k) => d - k), p;
   }, [Ve]), xt = et(null), Lt = et(/* @__PURE__ */ new Map());
@@ -21423,7 +21423,7 @@ const nT = cd(function({
         allowShiftVisibleRangeOnWhitespaceClick: !0
       },
       crosshair: {
-        mode: be === 1 ? 1 : 0,
+        mode: Qe === 1 ? 1 : 0,
         vertLine: {
           width: 1,
           color: xe ? "#3b82f6" : "#58a6ff",
@@ -21439,12 +21439,12 @@ const nT = cd(function({
           labelBackgroundColor: xe ? "#eff6ff" : "#161b22",
           labelVisible: !0
         },
-        vertLineVisible: be === 1,
-        horzLineVisible: be === 1
+        vertLineVisible: Qe === 1,
+        horzLineVisible: Qe === 1
       },
       handleScroll: {
         mouseWheel: !0,
-        pressedMouseMove: be === null || be === 1,
+        pressedMouseMove: Qe === null || Qe === 1,
         horzTouchDrag: !0,
         vertTouchDrag: !0
       },
@@ -21564,13 +21564,13 @@ const nT = cd(function({
     });
   }, [nt, Ie]), it(() => {
     if (!l.current) return;
-    const d = !rt && !(be !== null && be !== 1 && be !== 0), k = !rt;
+    const d = !rt && !(Qe !== null && Qe !== 1 && Qe !== 0), k = !rt;
     l.current.applyOptions({
       crosshair: {
-        mode: be === 1 ? 1 : 0,
+        mode: Qe === 1 ? 1 : 0,
         // 1 = Normal (always visible when tool active), 0 = Hidden
         vertLine: {
-          visible: be === 1,
+          visible: Qe === 1,
           width: 1,
           color: nt === "light" ? "#94a3b8" : "#64748b",
           style: 0,
@@ -21578,7 +21578,7 @@ const nT = cd(function({
           labelBackgroundColor: nt === "light" ? "#e5e7eb" : "#1e293b"
         },
         horzLine: {
-          visible: be === 1,
+          visible: Qe === 1,
           width: 1,
           color: nt === "light" ? "#94a3b8" : "#64748b",
           style: 0,
@@ -21609,7 +21609,7 @@ const nT = cd(function({
         pinch: k
       }
     });
-  }, [be, rt]);
+  }, [Qe, rt]);
   const ed = () => {
     const p = c.current;
     T.current.forEach((d) => {
@@ -22321,7 +22321,7 @@ const nT = cd(function({
   }, [Ve, Ye]), it(() => {
     const p = l.current, d = c.current, k = o.current;
     if (!p || !d || !k) return;
-    const E = be !== null ? [
+    const E = Qe !== null ? [
       null,
       // 0: Menu
       null,
@@ -22418,7 +22418,7 @@ const nT = cd(function({
       // 47: Triangle (shape tools submenu)
       "ellipse"
       // 48: Ellipse (shape tools submenu)
-    ][be] : null, y = (S, O) => {
+    ][Qe] : null, y = (S, O) => {
       const ae = Math.min(S.time, O.time), re = Math.max(S.time, O.time), f = S.time <= O.time ? S.rawTime : O.rawTime, B = S.time <= O.time ? O.rawTime : S.rawTime, Q = Math.max(S.price, O.price), w = Math.min(S.price, O.price), u = q(Math.round((ae + re) / 2));
       return u == null ? null : {
         p1: { rawTime: u, normalizedTime: u, price: Q },
@@ -23872,8 +23872,8 @@ const nT = cd(function({
         F.current = null, b.current = !1, v.current = null, U.current = null, k.removeEventListener("mousedown", Y, S), k.removeEventListener("mousemove", x, S), k.removeEventListener("mousemove", O, S), k.removeEventListener("mouseup", oe, S);
       };
     }
-  }, [be, Ve, Ce, Se]), it(() => {
-    const p = l.current, d = c.current, k = o.current, xe = be === null || be === 1;
+  }, [Qe, Ve, Ce, Se]), it(() => {
+    const p = l.current, d = c.current, k = o.current, xe = Qe === null || Qe === 1;
     if (!xe || !p || !d || !k) {
       xe || (L(null), K([]), Ae(null), Z([]));
       return;
@@ -25976,7 +25976,7 @@ const nT = cd(function({
     return k.addEventListener("mousedown", oe, re), k.addEventListener("mousemove", S, re), k.addEventListener("mouseup", O, re), k.addEventListener("mouseleave", ae, re), () => {
       k.removeEventListener("mousedown", oe, re), k.removeEventListener("mousemove", S, re), k.removeEventListener("mouseup", O, re), k.removeEventListener("mouseleave", ae, re);
     };
-  }, [be, Ve, ze, Ce]), it(() => {
+  }, [Qe, Ve, ze, Ce]), it(() => {
     const p = l.current, d = c.current;
     if (!p || !d) return;
     const k = () => {
@@ -26423,7 +26423,7 @@ const nT = cd(function({
     }), me.current = [], ke.filter((k) => k.symbol === Ee).forEach((k) => {
       const xe = parseFloat(k.price);
       if (isNaN(xe)) return;
-      const y = k.type === "BUY" ? "#26A69A" : "#EF5350", Y = p.createPriceLine({
+      const y = k.type?.toUpperCase() === "BUY" ? "#26A69A" : "#EF5350", Y = p.createPriceLine({
         price: xe,
         color: y,
         lineWidth: 2,
@@ -26573,7 +26573,7 @@ const nT = cd(function({
           ref: o,
           className: "relative h-full w-full flex-1",
           style: {
-            cursor: be === 1 || be !== null ? "crosshair" : "default",
+            cursor: Qe === 1 || Qe !== null ? "crosshair" : "default",
             minHeight: 0,
             minWidth: 0
           },
@@ -26608,7 +26608,7 @@ const nT = cd(function({
               {
                 isOpen: Me,
                 onClose: qp,
-                orderType: Qe,
+                orderType: be,
                 bidPrice: e,
                 askPrice: t
               }
@@ -28142,14 +28142,14 @@ function cT({ style: i, className: e, maxHeight: t = 200 }) {
   const { orders: A, setOrders: r, symbols: n, accountSummary: s, setUserBalance: o } = Wt(), [a, l] = Ne(null), c = A.filter((v) => v.status === "OPEN" || !v.closeAt), m = vt(
     (v, U) => {
       const F = n.find((M) => M.symbol === v);
-      return F ? parseFloat(U === "BUY" ? F.bid || 0 : F.ask || 0) : 0;
+      return F ? U?.toUpperCase() === "BUY" ? parseFloat(F.bid || 0) : parseFloat(F.ask || 0) : 0;
     },
     [n]
   ), C = vt(
     (v) => {
       if (a) return;
       l(v.id);
-      const U = m(v.symbol, v.type), M = (v.type === "BUY" ? U - v.price : v.price - U) * v.volume, N = v.volume * v.price * 0.01;
+      const U = m(v.symbol, v.type), M = (v.type?.toUpperCase() === "BUY" ? U - v.price : v.price - U) * v.volume, N = v.volume * v.price * 0.01;
       r((W) => W.filter((L) => L.id !== v.id)), o((W) => W + N + M), l(null);
     },
     [a, m, r, o]
@@ -28231,7 +28231,7 @@ function cT({ style: i, className: e, maxHeight: t = 200 }) {
             {
               style: {
                 ...tt.td,
-                ...v.type === "BUY" ? tt.typeBuy : tt.typeSell
+                ...v.type?.toUpperCase() === "BUY" ? tt.typeBuy : tt.typeSell
               },
               children: v.type
             }
@@ -29147,7 +29147,7 @@ const hT = ({
     theme: v,
     setTheme: U,
     setIsShow: F
-  } = Wt(), [M, N] = Ne(!1), [W, L] = Ne(null), [V, j] = Ne(null), [X, K] = Ne(0), [ee, Ae] = Ne(!1), [ce, Z] = Ne(0), [te, se] = Ne(!1), [le, ne] = Ne(0), [he, pe] = Ne(!1), [we, Te] = Ne(0), [Ue, ye] = Ne(!1), [ve, be] = Ne({
+  } = Wt(), [M, N] = Ne(!1), [W, L] = Ne(null), [V, j] = Ne(null), [X, K] = Ne(0), [ee, Ae] = Ne(!1), [ce, Z] = Ne(0), [te, se] = Ne(!1), [le, ne] = Ne(0), [he, pe] = Ne(!1), [we, Te] = Ne(0), [Ue, ye] = Ne(!1), [ve, Qe] = Ne({
     chart: "Grid",
     colors: "Green & Red",
     lang: "English"
@@ -29160,8 +29160,8 @@ const hT = ({
       V === "line" && Me && !Me.contains(ge.target) && j(null);
       const Re = Ze.current;
       V === "channel" && Re && !Re.contains(ge.target) && j(null);
-      const Qe = ze.current;
-      V === "gann" && Qe && !Qe.contains(ge.target) && j(null);
+      const be = ze.current;
+      V === "gann" && be && !be.contains(ge.target) && j(null);
       const Ke = Ce.current;
       V === "shape" && Ke && !Ke.contains(ge.target) && j(null);
     };
@@ -30616,8 +30616,8 @@ const hT = ({
                   {
                     type: "button",
                     onClick: () => {
-                      be((Qe) => ({
-                        ...Qe,
+                      Qe((be) => ({
+                        ...be,
                         [Pe.key]: me.label
                       }));
                     },
@@ -30680,8 +30680,8 @@ const hT = ({
                         "button",
                         {
                           onClick: () => {
-                            const Qe = Ar[X].toolId;
-                            r(A === Qe ? null : Qe);
+                            const be = Ar[X].toolId;
+                            r(A === be ? null : be);
                           },
                           className: `relative w-10 h-10 flex items-center justify-center transition-colors duration-150
                         ${A === Ar[X].toolId ? $e ? "text-sky-600 hover:bg-sky-100" : "text-sky-300 hover:bg-slate-700" : $e ? "text-slate-600 hover:bg-sky-100" : "text-slate-400 hover:bg-slate-700"}`,
@@ -30694,8 +30694,8 @@ const hT = ({
                         {
                           onMouseEnter: () => Ae(!0),
                           onMouseLeave: () => Ae(!1),
-                          onMouseDown: (Qe) => {
-                            Qe.stopPropagation(), j(
+                          onMouseDown: (be) => {
+                            be.stopPropagation(), j(
                               (Ke) => Ke === "line" ? null : "line"
                             );
                           },
@@ -30738,8 +30738,8 @@ const hT = ({
                         "button",
                         {
                           onClick: () => {
-                            const Qe = ir[ce].toolId;
-                            r(A === Qe ? null : Qe);
+                            const be = ir[ce].toolId;
+                            r(A === be ? null : be);
                           },
                           className: `relative w-10 h-10 flex items-center justify-center transition-colors duration-150
                         ${A === ir[ce].toolId ? $e ? "text-sky-600 hover:bg-sky-100" : "text-sky-300 hover:bg-slate-700" : $e ? "text-slate-600 hover:bg-sky-100" : "text-slate-400 hover:bg-slate-700"}`,
@@ -30752,8 +30752,8 @@ const hT = ({
                         {
                           onMouseEnter: () => se(!0),
                           onMouseLeave: () => se(!1),
-                          onMouseDown: (Qe) => {
-                            Qe.stopPropagation(), j(
+                          onMouseDown: (be) => {
+                            be.stopPropagation(), j(
                               (Ke) => Ke === "channel" ? null : "channel"
                             );
                           },
@@ -30796,8 +30796,8 @@ const hT = ({
                         "button",
                         {
                           onClick: () => {
-                            const Qe = rr[le].toolId;
-                            r(A === Qe ? null : Qe);
+                            const be = rr[le].toolId;
+                            r(A === be ? null : be);
                           },
                           className: `relative w-10 h-10 flex items-center justify-center transition-colors duration-150
                         ${A === rr[le].toolId ? $e ? "text-sky-600 hover:bg-sky-100" : "text-sky-300 hover:bg-slate-700" : $e ? "text-slate-600 hover:bg-sky-100" : "text-slate-400 hover:bg-slate-700"}`,
@@ -30810,8 +30810,8 @@ const hT = ({
                         {
                           onMouseEnter: () => pe(!0),
                           onMouseLeave: () => pe(!1),
-                          onMouseDown: (Qe) => {
-                            Qe.stopPropagation(), j(
+                          onMouseDown: (be) => {
+                            be.stopPropagation(), j(
                               (Ke) => Ke === "gann" ? null : "gann"
                             );
                           },
@@ -30854,8 +30854,8 @@ const hT = ({
                         "button",
                         {
                           onClick: () => {
-                            const Qe = nr[we].toolId;
-                            r(A === Qe ? null : Qe);
+                            const be = nr[we].toolId;
+                            r(A === be ? null : be);
                           },
                           className: `relative w-10 h-10 flex items-center justify-center transition-colors duration-150
                         ${A === nr[we].toolId ? $e ? "text-sky-600 hover:bg-sky-100" : "text-sky-300 hover:bg-slate-700" : $e ? "text-slate-600 hover:bg-sky-100" : "text-slate-400 hover:bg-slate-700"}`,
@@ -30868,8 +30868,8 @@ const hT = ({
                         {
                           onMouseEnter: () => ye(!0),
                           onMouseLeave: () => ye(!1),
-                          onMouseDown: (Qe) => {
-                            Qe.stopPropagation(), j(
+                          onMouseDown: (be) => {
+                            be.stopPropagation(), j(
                               (Ke) => Ke === "shape" ? null : "shape"
                             );
                           },
@@ -31415,7 +31415,7 @@ const pT = ({
     setIsShow: l,
     historyOrders: c,
     fetchHistoryOrders: m
-  } = Wt(), C = i || n, T = e?.length > 0 ? e : s, b = c || [], v = o === "light", U = a ? "history" : "trade";
+  } = Wt(), C = i || n, T = e || s, b = c || [], v = o === "light", U = a ? "history" : "trade";
   it(() => {
     a && m && m();
   }, [a, m]);
@@ -31455,7 +31455,7 @@ const pT = ({
     overflow: "hidden",
     fontSize: "11px",
     color: X
-  }, be = {
+  }, Qe = {
     display: "flex",
     alignItems: "center",
     gap: "0",
@@ -31522,7 +31522,7 @@ const pT = ({
     color: X
   };
   return /* @__PURE__ */ G("div", { style: ve, children: [
-    /* @__PURE__ */ G("div", { style: be, children: [
+    /* @__PURE__ */ G("div", { style: Qe, children: [
       /* @__PURE__ */ G("div", { style: Se, children: [
         /* @__PURE__ */ h("span", { style: Ie, children: "Balance:" }),
         /* @__PURE__ */ G("span", { style: { ...Ze, color: X }, children: [
@@ -31679,9 +31679,9 @@ const pT = ({
                   style: {
                     ...Ee,
                     fontWeight: 700,
-                    color: de.type === "BUY" ? F : M
+                    color: de.type?.toUpperCase() === "BUY" ? F : M
                   },
-                  children: de.type
+                  children: de.type?.toUpperCase()
                 }
               ),
               /* @__PURE__ */ h("td", { style: { ...Ee, textAlign: "right" }, children: we(de.volume) }),
@@ -31715,7 +31715,8 @@ const pT = ({
                     ...Ee,
                     textAlign: "right",
                     color: K
-                  }
+                  },
+                  children: de.currentPrice ? he(de.currentPrice) : "—"
                 }
               ),
               /* @__PURE__ */ h(
@@ -31852,9 +31853,9 @@ const pT = ({
                   style: {
                     ...Ee,
                     fontWeight: 700,
-                    color: de.type === "BUY" ? F : M
+                    color: de.type?.toUpperCase() === "BUY" ? F : M
                   },
-                  children: de.type
+                  children: de.type?.toUpperCase()
                 }
               ),
               /* @__PURE__ */ h("td", { style: { ...Ee, textAlign: "right" }, children: we(de.volume) }),