@nabeeltahirdeveloper/chart-sdk 1.0.0 → 1.0.1

package/dist/chart-sdk.es.js

@@ -10269,8 +10269,8 @@ const Rs = {
   return s;
 }, mf = ({ children: s, baseUrl: t }) => {
   const e = t || typeof import.meta < "u" && "http://localhost:8000" || "http://localhost:8000";
-  _t(() => {
-    Rs.setBaseUrl(e), Iu(e);
+  Iu(e), _t(() => {
+    Rs.setBaseUrl(e);
   }, [e]);
   const [i, n] = Et("CADJPY"), [r, o] = Et("M1"), [h, l] = Et([]), [a, c] = Et(!0), [u, p] = Et([]), [g, d] = Et(!1), [f, m] = Et(1e5), [w, C] = Et(null), [M, O] = Et([]), [H, Z] = Et(!0), [X, it] = Et(!1), [Q, At] = Et(!0), [$t, Ut] = Et("candles"), [Ft, ut] = Et(!1), tt = at(null), nt = at(/* @__PURE__ */ new Map()), rt = at(null), Lt = 1e3, vt = Ze(async () => {
     try {
@@ -12045,12 +12045,15 @@ const Sf = Ao(function({
         }
       }), K.current = [];
     }) : void 0;
-  }, [mt, j]), /* @__PURE__ */ De("div", { className: "flex-1 flex flex-col bg-primary  min-w-0 overflow-hidden", children: /* @__PURE__ */ De(
+  }, [mt, j]), /* @__PURE__ */ De("div", { style: { flex: 1, display: "flex", flexDirection: "column", backgroundColor: "#0F1720", minWidth: 0, overflow: "hidden", width: "100%", height: "100%" }, children: /* @__PURE__ */ De(
     "div",
     {
       ref: h,
-      className: "flex-1 w-full h-full relative",
       style: {
+        flex: 1,
+        width: "100%",
+        height: "100%",
+        position: "relative",
         cursor: tt === 1 || tt !== null ? "crosshair" : "default",
         minHeight: 0,
         minWidth: 0
@@ -12061,13 +12064,19 @@ const Sf = Ao(function({
       children: yt && C?.type === "trendline" && C?.point1 && C?.point2 && O.length === 2 && /* @__PURE__ */ De(
         "div",
         {
-          className: "absolute inset-0 z-20 pointer-events-none",
+          style: { position: "absolute", inset: 0, zIndex: 20, pointerEvents: "none" },
           "aria-hidden": !0,
           children: O.map((b, y) => /* @__PURE__ */ De(
             "div",
             {
-              className: "absolute w-[10px] h-[10px] rounded-full border-2 border-white bg-[#22c55e] shadow",
               style: {
+                position: "absolute",
+                width: 10,
+                height: 10,
+                borderRadius: "50%",
+                border: "2px solid white",
+                backgroundColor: "#22c55e",
+                boxShadow: "0 1px 3px rgba(0,0,0,0.3)",
                 left: b.x - 5,
                 top: b.y - 5
               }