acttrader-charts 1.3.0-beta.24 → 1.3.0-beta.26

package/README.md

@@ -1013,6 +1013,12 @@ it on the next load with `crosshairEnabled: false`. `enableCrosshairToggle` is t
 name of the same flag and still works. Native wrappers get the same switch via their
 `enableCrossHairHeader` init option, the `onCrosshairToggle` callback and `setCrosshairEnabled()`.
 
+### Native UI catalog (webview bridge only)
+
+The webview bridge used by the Android and iOS wrappers posts a **`catalog`** event right after every `init` command, and again on the **`getCatalog`** command (which also works before `init`). It lists everything a native app needs to build its own header, drawing-tools sheet, indicators list and chart-settings screen: timeframes, chart types, cursors, drawing tool groups (with point counts and style fields), drawing-toolbar options, indicators (with pane and editable settings fields), the Chart Settings dialog (tabs → sections → items with types, options and defaults), canvas colour keys, price sources and limits. Every entry carries `available` (`true` = works in this version, `false` = planned). `catalogVersion` is the library version, stamped at build time.
+
+Source: `src/core/mobileCatalog.ts`. `src/__tests__/mobileCatalog.test.ts` fails the build if an `available: true` id does not exist in the engine, or an engine tool / indicator is missing from the catalog — update the catalog together with any new chart type, tool or indicator. The web `ChartEngine` API is unchanged.
+
 ### Viewport
 
 ```ts

package/dist/index.cjs

@@ -25314,6 +25314,10 @@ var _ChartEngine = class _ChartEngine {
     this.logoImage = null;
     // ── State persistence ─────────────────────────────────────────────────────
     this.isRestoringState = false;
+    this.onPointerEnter = () => {
+      this._cachedWrapRect = null;
+      this._cachedDrawRect = null;
+    };
     this.onMouseMove = (e) => {
       if (this._mobileCrosshairActive) return;
       if (Date.now() - this._lastTouchTime < 500) return;
@@ -26462,19 +26466,29 @@ var _ChartEngine = class _ChartEngine {
       throw new Error("acttrader-charts requires a browser environment");
     }
     enableKeyboardOverlayMode();
-    if (window.visualViewport) {
-      const vv = window.visualViewport;
-      const invalidate = () => {
-        this._cachedWrapRect = null;
-        this._cachedDrawRect = null;
-      };
+    const invalidate = () => {
+      this._cachedWrapRect = null;
+      this._cachedDrawRect = null;
+    };
+    const vv = window.visualViewport;
+    if (vv) {
       vv.addEventListener("resize", invalidate);
       vv.addEventListener("scroll", invalidate);
-      this.disposeVvListener = () => {
+    }
+    document.addEventListener("scroll", invalidate, { capture: true, passive: true });
+    window.addEventListener("resize", invalidate);
+    const layoutObserver = typeof ResizeObserver !== "undefined" ? new ResizeObserver(invalidate) : null;
+    layoutObserver?.observe(document.documentElement);
+    if (document.body) layoutObserver?.observe(document.body);
+    this.disposeVvListener = () => {
+      if (vv) {
         vv.removeEventListener("resize", invalidate);
         vv.removeEventListener("scroll", invalidate);
-      };
-    }
+      }
+      document.removeEventListener("scroll", invalidate, { capture: true });
+      window.removeEventListener("resize", invalidate);
+      layoutObserver?.disconnect();
+    };
     const {
       container,
       theme = "dark",
@@ -27392,6 +27406,7 @@ var _ChartEngine = class _ChartEngine {
         this.scheduleViewportPersist();
       }
     );
+    this.drawCanvas.addEventListener("mouseenter", this.onPointerEnter);
     this.drawCanvas.addEventListener("mousemove", this.onMouseMove);
     this.drawCanvas.addEventListener("mouseleave", this.onMouseLeave);
     this.drawCanvas.addEventListener("mousedown", this.onCanvasClick);
@@ -29844,6 +29859,7 @@ var _ChartEngine = class _ChartEngine {
     this.advancedToolbar?.destroy();
     this.mobileHeader?.destroy();
     this.leftBar?.destroy();
+    this.drawCanvas.removeEventListener("mouseenter", this.onPointerEnter);
     this.drawCanvas.removeEventListener("mousemove", this.onMouseMove);
     this.drawCanvas.removeEventListener("mouseleave", this.onMouseLeave);
     this.drawCanvas.removeEventListener("mousedown", this.onCanvasClick);