@forgecharts/sdk 1.5.46 → 1.5.48

package/dist/react/internal.js

@@ -1,7 +1,7 @@
 import React11, { createContext, forwardRef, useRef, useState, useEffect, useImperativeHandle, useCallback, useMemo, useContext, useReducer } from 'react';
 import { TextStyle, Application, Container, Graphics, Text, FillGradient, CanvasTextMetrics } from 'pixi.js';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
-import ReactDOM from 'react-dom';
+import ReactDOM, { createPortal } from 'react-dom';
 
 // src/react/canvas/ChartCanvas.tsx
 
@@ -18252,6 +18252,9 @@ var DEMONSTRATION_RADIUS = 44;
 var DEMONSTRATION_FILL = "rgba(255, 200, 50, 0.18)";
 var DEMONSTRATION_STROKE = "rgba(255, 200, 50, 0.7)";
 var DEMONSTRATION_COLOR = "var(--crosshair-overlay, rgba(255,255,255,0.75))";
+
+// src/version.ts
+var FORGECHARTS_VERSION = "1.5.48" ;
 function applyRuntimeConfig(caps, config) {
   if (!config) return caps;
   const orderEntry = config.enableOrderEntry === false ? false : caps.orderEntry;
@@ -21225,60 +21228,64 @@ function ChartContextMenu({
   onClearIndicators,
   onResetView
 }) {
-  return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("div", { className: "chart-ctx-backdrop", onClick: onClose, onContextMenu: (e) => {
-      e.preventDefault();
-      onClose();
-    } }),
-    /* @__PURE__ */ jsxs("div", { className: "chart-ctx-menu", style: { left: x, top: y }, children: [
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item",
-          onClick: () => {
-            onSettings();
-            onClose();
-          },
-          children: "Settings\u2026"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item",
-          onClick: () => {
-            onResetView();
-            onClose();
-          },
-          children: "Reset Chart View"
-        }
-      ),
-      /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item chart-ctx-item--danger",
-          onClick: () => {
-            onClearIndicators();
-            onClose();
-          },
-          children: "Clear Indicators"
-        }
-      ),
-      /* @__PURE__ */ jsx(
-        "button",
-        {
-          className: "chart-ctx-item chart-ctx-item--danger",
-          onClick: () => {
-            onClearDrawings();
-            onClose();
-          },
-          children: "Clear Drawings"
-        }
-      )
-    ] })
-  ] });
+  if (typeof document === "undefined") return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(Fragment, { children: [
+      /* @__PURE__ */ jsx("div", { className: "chart-ctx-backdrop", onClick: onClose, onContextMenu: (e) => {
+        e.preventDefault();
+        onClose();
+      } }),
+      /* @__PURE__ */ jsxs("div", { className: "chart-ctx-menu", style: { left: x, top: y }, children: [
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item",
+            onClick: () => {
+              onSettings();
+              onClose();
+            },
+            children: "Settings\u2026"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item",
+            onClick: () => {
+              onResetView();
+              onClose();
+            },
+            children: "Reset Chart View"
+          }
+        ),
+        /* @__PURE__ */ jsx("div", { className: "chart-ctx-divider" }),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item chart-ctx-item--danger",
+            onClick: () => {
+              onClearIndicators();
+              onClose();
+            },
+            children: "Clear Indicators"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          "button",
+          {
+            className: "chart-ctx-item chart-ctx-item--danger",
+            onClick: () => {
+              onClearDrawings();
+              onClose();
+            },
+            children: "Clear Drawings"
+          }
+        )
+      ] })
+    ] }),
+    document.body
+  );
 }
 var SECTIONS = [
   { id: "symbol", label: "Symbol", icon: "\u{1D446}" },
@@ -26939,9 +26946,6 @@ function _guessFrontMonth(product, months) {
   }
   return `${product}${months[0]}${currentYear + 1}`;
 }
-
-// src/version.ts
-var FORGECHARTS_VERSION = "1.5.46" ;
 var TIMEZONE_OPTIONS = [
   { label: "UTC", value: "UTC" },
   { label: "Exchange", value: "exchange" },