Created Computations and Data Manager Experimental

change/@ni-nimble-components-a395f7f8-e46b-414d-ac9c-800e43462953.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Created new computations experimental module and tested it, created new data manager experimental and integrated with hover and old renderer",
+  "packageName": "@ni/nimble-components",
+  "email": "33986780+munteannatan@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

packages/nimble-components/src/wafer-map/index.ts

@@ -9,9 +9,10 @@ import type { Table } from 'apache-arrow';
 import { template } from './template';
 import { styles } from './styles';
 import { DataManager } from './modules/data-manager';
+import { DataManager as ExperimentalDataManager } from './modules/experimental/data-manager';
 import { RenderingModule } from './modules/rendering';
-import { EventCoordinator } from './modules/event-coordinator';
 import {
+    HoverDie,
     HoverDieOpacity,
     WaferMapColorScale,
     WaferMapColorScaleMode,
@@ -22,7 +23,10 @@ import {
 } from './types';
 import { WaferMapUpdateTracker } from './modules/wafer-map-update-tracker';
 import { WaferMapValidator } from './modules/wafer-map-validator';
-import { WorkerRenderer } from './modules/worker-renderer';
+import { WorkerRenderer } from './modules/experimental/worker-renderer';
+import { HoverHandler } from './modules/hover-handler';
+import { HoverHandler as ExperimentalHoverHandler } from './modules/experimental/hover-handler';
+import { ZoomHandler } from './modules/zoom-handler';
 
 declare global {
     interface HTMLElementTagNameMap {
@@ -88,7 +92,18 @@ export class WaferMap extends FoundationElement {
     /**
      * @internal
      */
-    public readonly dataManager = new DataManager(this);
+    public readonly stableDataManager = new DataManager(this);
+
+    /**
+     * @internal
+     */
+    public readonly experimentalDataManager = new ExperimentalDataManager(this);
+
+    /**
+     * @internal
+     */
+    public dataManager: DataManager | ExperimentalDataManager = this.stableDataManager;
+
     /**
      * @internal
      */
@@ -144,7 +159,7 @@ export class WaferMap extends FoundationElement {
     /**
      * @internal
      */
-    @observable public hoverDie: WaferMapDie | undefined;
+    @observable public hoverDie: WaferMapDie | HoverDie | undefined;
 
     @observable public highlightedTags: string[] = [];
     @observable public dies: WaferMapDie[] = [];
@@ -155,7 +170,13 @@ export class WaferMap extends FoundationElement {
         values: []
     };
 
-    private readonly eventCoordinator = new EventCoordinator(this);
+    private readonly hoverHandler = new HoverHandler(this);
+    private readonly experimentalHoverHandler = new ExperimentalHoverHandler(
+        this
+    );
+
+    private readonly zoomHandler = new ZoomHandler(this);
+
     private readonly resizeObserver = this.createResizeObserver();
     private readonly waferMapValidator = new WaferMapValidator(this);
 
@@ -168,12 +189,18 @@ export class WaferMap extends FoundationElement {
         this.canvasContext = this.canvas.getContext('2d', {
             willReadFrequently: true
         })!;
+        this.hoverHandler.connect();
+        this.experimentalHoverHandler.connect();
+        this.zoomHandler.connect();
         this.resizeObserver.observe(this);
         this.waferMapUpdateTracker.trackAll();
     }
 
     public override disconnectedCallback(): void {
         super.disconnectedCallback();
+        this.hoverHandler.disconnect();
+        this.experimentalHoverHandler.disconnect();
+        this.zoomHandler.disconnect();
         this.resizeObserver.unobserve(this);
     }
 
@@ -190,8 +217,16 @@ export class WaferMap extends FoundationElement {
         if (this.validity.invalidDiesTableSchema) {
             return;
         }
+        // will switch the renderer after prerendering changes
+        // this.renderer = this.diesTable === undefined
+        //     ? this.mainRenderer
+        //     : this.workerRenderer;
         if (this.waferMapUpdateTracker.requiresEventsUpdate) {
-            this.eventCoordinator.detachEvents();
+            // zoom translateExtent needs to be recalculated when canvas size changes
+            this.zoomHandler.disconnect();
+            this.dataManager = this.diesTable === undefined
+                ? this.stableDataManager
+                : this.experimentalDataManager;
             if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate) {
                 this.dataManager.updateContainerDimensions();
                 this.renderer.updateSortedDiesAndDrawWafer();
@@ -211,12 +246,19 @@ export class WaferMap extends FoundationElement {
             } else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {
                 this.renderer.drawWafer();
             }
-            this.eventCoordinator.attachEvents();
+            this.zoomHandler.connect();
         } else if (this.waferMapUpdateTracker.requiresRenderHoverUpdate) {
             this.renderer.renderHover();
         }
     }
 
+    /**
+     * @internal
+     */
+    public isExperimentalRenderer(): boolean {
+        return this.diesTable !== undefined;
+    }
+
     private validate(): void {
         this.waferMapValidator.validateGridDimensions();
         this.waferMapValidator.validateDiesTableSchema();
@@ -291,17 +333,11 @@ export class WaferMap extends FoundationElement {
 
     private diesChanged(): void {
         this.waferMapUpdateTracker.track('dies');
-        this.renderer = this.diesTable === undefined
-            ? this.mainRenderer
-            : this.workerRenderer;
         this.waferMapUpdateTracker.queueUpdate();
     }
 
     private diesTableChanged(): void {
         this.waferMapUpdateTracker.track('dies');
-        this.renderer = this.diesTable === undefined
-            ? this.mainRenderer
-            : this.workerRenderer;
         this.waferMapUpdateTracker.queueUpdate();
     }