scichart-engine 1.10.1 → 1.10.3

package/dist/core/OverlayRenderer.d.ts

@@ -14,7 +14,7 @@ export declare class OverlayRenderer {
     /**
      * Clear the overlay
      */
-    clear(width: number, height: number): void;
+    clear(): void;
     /**
      * Draw the grid
      */

package/dist/core/chart/ChartRenderLoop.d.ts

@@ -23,8 +23,8 @@ export interface RenderLoopContext {
     overlay: OverlayRenderer;
     backgroundColor: [number, number, number, number];
     plotAreaBackground: [number, number, number, number];
-    cursorOptions: CursorOptions | null;
-    cursorPosition: {
+    getCursorOptions: () => CursorOptions | null;
+    getCursorPosition: () => {
         x: number;
         y: number;
     } | null;
@@ -36,7 +36,7 @@ export interface RenderLoopContext {
     } | null;
     events: EventEmitter<ChartEventMap>;
     selectionManager: SelectionManager;
-    hoveredSeriesId: string | null;
+    getHoveredSeriesId: () => string | null;
     pluginManager: PluginManagerImpl;
     updateSeriesBuffer: (s: Series) => void;
     getPlotArea: () => PlotArea;

package/dist/{index.core-BbUNB-sR.js → index.core-DzCWF264.js}

@@ -1185,8 +1185,9 @@ class Et {
   /**
    * Clear the overlay
    */
-  clear(e, t) {
-    this.ctx.clearRect(0, 0, e, t);
+  clear() {
+    const e = this.ctx.canvas;
+    this.ctx.save(), this.ctx.setTransform(1, 0, 0, 1, 0, 0), this.ctx.clearRect(0, 0, e.width, e.height), this.ctx.restore();
   }
   /**
    * Draw the grid
@@ -5585,7 +5586,7 @@ function Fe(i, e, t) {
     );
     return;
   }
-  i.overlay.clear(n.width, n.height);
+  i.overlay.clear();
   let s = !1, o = !1, r = !1, a = 0, l = "degrees", h = 5, f = 12;
   i.series.forEach((y) => {
     const x = y.getType();
@@ -5727,8 +5728,8 @@ class Ui {
       renderer: this.ctx.renderer,
       overlay: this.ctx.overlay,
       backgroundColor: this.ctx.backgroundColor,
-      cursorOptions: this.ctx.cursorOptions,
-      cursorPosition: this.ctx.cursorPosition,
+      cursorOptions: this.ctx.getCursorOptions(),
+      cursorPosition: this.ctx.getCursorPosition(),
       selectionRect: this.ctx.selectionRect,
       events: this.ctx.events,
       updateSeriesBuffer: this.ctx.updateSeriesBuffer,
@@ -5736,7 +5737,7 @@ class Ui {
       pixelToDataX: this.ctx.pixelToDataX,
       pixelToDataY: this.ctx.pixelToDataY,
       selectionManager: this.ctx.selectionManager,
-      hoveredSeriesId: this.ctx.hoveredSeriesId
+      hoveredSeriesId: this.ctx.getHoveredSeriesId()
     }, o = performance.now(), r = {
       timestamp: o,
       deltaTime: o - this.lastRenderTime,
@@ -5967,12 +5968,12 @@ class Wi {
       overlay: this.overlay,
       backgroundColor: this.backgroundColor,
       plotAreaBackground: this.plotAreaBackground,
-      cursorOptions: this.cursorOptions,
-      cursorPosition: this.cursorPosition,
+      getCursorOptions: () => this.cursorOptions,
+      getCursorPosition: () => this.cursorPosition,
       selectionRect: this.selectionRect,
       events: this.events,
       selectionManager: this.selectionManager,
-      hoveredSeriesId: this.hoveredSeriesId,
+      getHoveredSeriesId: () => this.hoveredSeriesId,
       pluginManager: this.pluginManager,
       updateSeriesBuffer: (o) => de(this.getSeriesContext(), o),
       getPlotArea: () => this.getPlotArea(),
@@ -6004,10 +6005,19 @@ class Wi {
         },
         onBoxZoom: (o) => this.handleBoxZoom(o),
         onCursorMove: (o, r) => {
-          this.cursorPosition = { x: o, y: r }, this.tooltip && this.tooltip.handleCursorMove(o, r), this.requestOverlayRender();
+          var h, f;
+          this.cursorPosition = { x: o, y: r };
+          const a = this.getPlotArea();
+          if (o >= a.x && o <= a.x + a.width && r >= a.y && r <= a.y + a.height) {
+            (h = this.cursorOptions) != null && h.enabled && (this.container.style.cursor = "crosshair");
+            const c = this.selectionManager.hitTest(o, r), d = (c == null ? void 0 : c.seriesId) ?? null;
+            this.hoveredSeriesId !== d && (this.hoveredSeriesId = d, this.requestRender());
+          } else (f = this.cursorOptions) != null && f.enabled && (this.container.style.cursor = "default");
+          this.tooltip && this.tooltip.handleCursorMove(o, r), this.requestOverlayRender();
         },
         onCursorLeave: () => {
-          this.cursorPosition = null, this.tooltip && this.tooltip.handleCursorLeave(), this.requestOverlayRender();
+          var o;
+          this.cursorPosition = null, (o = this.cursorOptions) != null && o.enabled && (this.container.style.cursor = "default"), this.hoveredSeriesId && (this.hoveredSeriesId = null, this.requestRender()), this.tooltip && this.tooltip.handleCursorLeave(), this.requestOverlayRender();
         },
         onBoxSelect: (o, r) => {
           if (o) {
@@ -6900,4 +6910,4 @@ export {
   Oi as y,
   Yi as z
 };
-//# sourceMappingURL=index.core-BbUNB-sR.js.map
+//# sourceMappingURL=index.core-DzCWF264.js.map