@ni/nimble-components 23.0.0 → 24.0.0

package/dist/esm/toggle-button/styles.js

@@ -1,63 +1,26 @@
 import { css } from '@microsoft/fast-element';
-import { focusVisible } from '../utilities/style/focus';
-import { borderHoverColor, borderWidth, fillSelectedColor, fillSelectedRgbPartialColor } from '../theme-provider/design-tokens';
-import { styles as buttonStyles } from '../patterns/button/styles';
+import { buttonAccentOutlineFontColor, buttonLabelFontColor, fillSelectedColor, fillSelectedRgbPartialColor, iconColor } from '../theme-provider/design-tokens';
+import { buttonAppearanceVariantStyles, styles as buttonStyles } from '../patterns/button/styles';
+import { appearanceBehavior } from '../utilities/style/appearance';
+import { ButtonAppearance } from './types';
 export const styles = css `
     ${buttonStyles}
+    ${buttonAppearanceVariantStyles}
 
-    @layer base {
+    @layer checked {
         .control[aria-pressed='true'] {
             background-color: transparent;
+            color: ${buttonLabelFontColor};
             background-image: linear-gradient(
                 ${fillSelectedColor},
                 ${fillSelectedColor}
             );
             border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);
         }
-    }
-
-    @layer hover {
-        .control[aria-pressed='true']:hover {
-            border-color: ${borderHoverColor};
-            box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
-            background-image: linear-gradient(
-                ${fillSelectedColor},
-                ${fillSelectedColor}
-            );
-            background-size: calc(100% - 4px) calc(100% - 4px);
-        }
-    }
-
-    @layer focusVisible {
-        .control[aria-pressed='true']${focusVisible} {
-            border-color: ${borderHoverColor};
-            box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;
-            background-image: linear-gradient(
-                ${fillSelectedColor},
-                ${fillSelectedColor}
-            );
-            background-size: calc(100% - 4px) calc(100% - 4px);
-        }
-
-        .control[aria-pressed='true']${focusVisible}::before {
-            outline: ${borderWidth} solid ${borderHoverColor};
-            outline-offset: -3px;
-            color: transparent;
-        }
-    }
-
-    @layer active {
-        .control[aria-pressed='true']:active {
-            box-shadow: none;
-            background-image: linear-gradient(
-                ${fillSelectedColor},
-                ${fillSelectedColor}
-            );
-            background-size: calc(100% - 2px) calc(100% - 2px);
-        }
 
-        .control[aria-pressed='true']:active::before {
-            outline: none;
+        .control[aria-pressed='true'] [part='start'],
+        .control[aria-pressed='true'] [part='end'] {
+            ${iconColor.cssCustomProperty}: ${buttonLabelFontColor};
         }
     }
 
@@ -69,16 +32,22 @@ export const styles = css `
             );
             border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);
         }
-
-        :host([disabled]) .control[aria-pressed='true']:hover {
-            background-image: linear-gradient(
-                ${fillSelectedColor},
-                ${fillSelectedColor}
-            );
-            background-size: 100% 100%;
-            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);
-            box-shadow: none;
-        }
     }
-`;
+`.withBehaviors(appearanceBehavior(ButtonAppearance.outline, css `
+            @layer checked {
+                :host([appearance-variant='accent'])
+                    .control[aria-pressed='true'] {
+                    color: ${buttonAccentOutlineFontColor};
+                }
+
+                :host([appearance-variant='accent'])
+                    .control[aria-pressed='true']
+                    [part='start'],
+                :host([appearance-variant='accent'])
+                    .control[aria-pressed='true']
+                    [part='end'] {
+                    ${iconColor.cssCustomProperty}: ${buttonAccentOutlineFontColor};
+                }
+            }
+        `));
 //# sourceMappingURL=styles.js.map

package/dist/esm/toggle-button/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/toggle-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAExD,OAAO,EACH,gBAAgB,EAChB,WAAW,EACX,iBAAiB,EACjB,2BAA2B,EAC9B,MAAM,iCAAiC,CAAC;AACzC,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,2BAA2B,CAAC;AAEnE,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;;;;;;kBAMA,iBAAiB;kBACjB,iBAAiB;;iCAEF,2BAA2B;;;;;;4BAMhC,gBAAgB;sCACN,WAAW,IAAI,gBAAgB;;kBAEnD,iBAAiB;kBACjB,iBAAiB;;;;;;;uCAOI,YAAY;4BACvB,gBAAgB;sCACN,WAAW,IAAI,gBAAgB;;kBAEnD,iBAAiB;kBACjB,iBAAiB;;;;;uCAKI,YAAY;uBAC5B,WAAW,UAAU,gBAAgB;;;;;;;;;;kBAU1C,iBAAiB;kBACjB,iBAAiB;;;;;;;;;;;;;kBAajB,iBAAiB;kBACjB,iBAAiB;;iCAEF,2BAA2B;;;;;kBAK1C,iBAAiB;kBACjB,iBAAiB;;;iCAGF,2BAA2B;;;;CAI3D,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\nimport { focusVisible } from '../utilities/style/focus';\n\nimport {\n    borderHoverColor,\n    borderWidth,\n    fillSelectedColor,\n    fillSelectedRgbPartialColor\n} from '../theme-provider/design-tokens';\nimport { styles as buttonStyles } from '../patterns/button/styles';\n\nexport const styles = css`\n    ${buttonStyles}\n\n    @layer base {\n        .control[aria-pressed='true'] {\n            background-color: transparent;\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);\n        }\n    }\n\n    @layer hover {\n        .control[aria-pressed='true']:hover {\n            border-color: ${borderHoverColor};\n            box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            background-size: calc(100% - 4px) calc(100% - 4px);\n        }\n    }\n\n    @layer focusVisible {\n        .control[aria-pressed='true']${focusVisible} {\n            border-color: ${borderHoverColor};\n            box-shadow: 0px 0px 0px ${borderWidth} ${borderHoverColor} inset;\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            background-size: calc(100% - 4px) calc(100% - 4px);\n        }\n\n        .control[aria-pressed='true']${focusVisible}::before {\n            outline: ${borderWidth} solid ${borderHoverColor};\n            outline-offset: -3px;\n            color: transparent;\n        }\n    }\n\n    @layer active {\n        .control[aria-pressed='true']:active {\n            box-shadow: none;\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            background-size: calc(100% - 2px) calc(100% - 2px);\n        }\n\n        .control[aria-pressed='true']:active::before {\n            outline: none;\n        }\n    }\n\n    @layer disabled {\n        :host([disabled]) .control[aria-pressed='true'] {\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);\n        }\n\n        :host([disabled]) .control[aria-pressed='true']:hover {\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            background-size: 100% 100%;\n            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);\n            box-shadow: none;\n        }\n    }\n`;\n"]}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/toggle-button/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACH,4BAA4B,EAC5B,oBAAoB,EACpB,iBAAiB,EACjB,2BAA2B,EAC3B,SAAS,EACZ,MAAM,iCAAiC,CAAC;AACzC,OAAO,EACH,6BAA6B,EAC7B,MAAM,IAAI,YAAY,EACzB,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,kBAAkB,EAAE,MAAM,+BAA+B,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;MACnB,YAAY;MACZ,6BAA6B;;;;;qBAKd,oBAAoB;;kBAEvB,iBAAiB;kBACjB,iBAAiB;;iCAEF,2BAA2B;;;;;cAK9C,SAAS,CAAC,iBAAiB,KAAK,oBAAoB;;;;;;;kBAOhD,iBAAiB;kBACjB,iBAAiB;;iCAEF,2BAA2B;;;CAG3D,CAAC,aAAa,CACX,kBAAkB,CACd,gBAAgB,CAAC,OAAO,EACxB,GAAG,CAAA;;;;6BAIkB,4BAA4B;;;;;;;;;sBASnC,SAAS,CAAC,iBAAiB,KAAK,4BAA4B;;;SAGzE,CACJ,CACJ,CAAC","sourcesContent":["import { css } from '@microsoft/fast-element';\n\nimport {\n    buttonAccentOutlineFontColor,\n    buttonLabelFontColor,\n    fillSelectedColor,\n    fillSelectedRgbPartialColor,\n    iconColor\n} from '../theme-provider/design-tokens';\nimport {\n    buttonAppearanceVariantStyles,\n    styles as buttonStyles\n} from '../patterns/button/styles';\nimport { appearanceBehavior } from '../utilities/style/appearance';\nimport { ButtonAppearance } from './types';\n\nexport const styles = css`\n    ${buttonStyles}\n    ${buttonAppearanceVariantStyles}\n\n    @layer checked {\n        .control[aria-pressed='true'] {\n            background-color: transparent;\n            color: ${buttonLabelFontColor};\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);\n        }\n\n        .control[aria-pressed='true'] [part='start'],\n        .control[aria-pressed='true'] [part='end'] {\n            ${iconColor.cssCustomProperty}: ${buttonLabelFontColor};\n        }\n    }\n\n    @layer disabled {\n        :host([disabled]) .control[aria-pressed='true'] {\n            background-image: linear-gradient(\n                ${fillSelectedColor},\n                ${fillSelectedColor}\n            );\n            border-color: rgba(${fillSelectedRgbPartialColor}, 0.3);\n        }\n    }\n`.withBehaviors(\n    appearanceBehavior(\n        ButtonAppearance.outline,\n        css`\n            @layer checked {\n                :host([appearance-variant='accent'])\n                    .control[aria-pressed='true'] {\n                    color: ${buttonAccentOutlineFontColor};\n                }\n\n                :host([appearance-variant='accent'])\n                    .control[aria-pressed='true']\n                    [part='start'],\n                :host([appearance-variant='accent'])\n                    .control[aria-pressed='true']\n                    [part='end'] {\n                    ${iconColor.cssCustomProperty}: ${buttonAccentOutlineFontColor};\n                }\n            }\n        `\n    )\n);\n"]}

package/dist/esm/toggle-button/types.d.ts

@@ -2,4 +2,4 @@
  * Types of toggle button appearance.
  * @public
  */
-export { ButtonAppearance } from '../patterns/button/types';
+export { ButtonAppearance, ButtonAppearanceVariant } from '../patterns/button/types';

package/dist/esm/toggle-button/types.js

@@ -2,5 +2,5 @@
  * Types of toggle button appearance.
  * @public
  */
-export { ButtonAppearance } from '../patterns/button/types';
+export { ButtonAppearance, ButtonAppearanceVariant } from '../patterns/button/types';
 //# sourceMappingURL=types.js.map

package/dist/esm/toggle-button/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/toggle-button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC","sourcesContent":["/**\n * Types of toggle button appearance.\n * @public\n */\nexport { ButtonAppearance } from '../patterns/button/types';\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/toggle-button/types.ts"],"names":[],"mappings":"AAAA;;;GAGG;AACH,OAAO,EACH,gBAAgB,EAChB,uBAAuB,EAC1B,MAAM,0BAA0B,CAAC","sourcesContent":["/**\n * Types of toggle button appearance.\n * @public\n */\nexport {\n    ButtonAppearance,\n    ButtonAppearanceVariant\n} from '../patterns/button/types';\n"]}

package/dist/esm/wafer-map/index.d.ts

@@ -3,9 +3,9 @@ import { ZoomTransform } from 'd3-zoom';
 import type { Table } from 'apache-arrow';
 import { DataManager } from './modules/data-manager';
 import { RenderingModule } from './modules/rendering';
-import { HoverDieOpacity, WaferMapColorScale, WaferMapColorScaleMode, WaferMapDie, WaferMapOrientation, WaferMapOriginLocation, WaferMapValidity } from './types';
+import { HoverDie, HoverDieOpacity, WaferMapColorScale, WaferMapColorScaleMode, WaferMapDie, WaferMapOrientation, WaferMapOriginLocation, WaferMapValidity, type WaferRequiredFields } from './types';
 import { WaferMapUpdateTracker } from './modules/wafer-map-update-tracker';
-import { WorkerRenderer } from './modules/worker-renderer';
+import { WorkerRenderer } from './modules/experimental/worker-renderer';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-wafer-map': WaferMap;
@@ -14,7 +14,7 @@ declare global {
 /**
  * A nimble-styled WaferMap
  */
-export declare class WaferMap extends FoundationElement {
+export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredFields> extends FoundationElement {
     /**
      * @internal
      * needs to be initialized before the properties trigger changes
@@ -90,12 +90,14 @@ export declare class WaferMap extends FoundationElement {
     /**
      * @internal
      */
-    hoverDie: WaferMapDie | undefined;
+    hoverDie: WaferMapDie | HoverDie | undefined;
     highlightedTags: string[];
     dies: WaferMapDie[];
-    diesTable: Table | undefined;
+    diesTable: Table<T> | undefined;
     colorScale: WaferMapColorScale;
-    private readonly eventCoordinator;
+    private readonly hoverHandler;
+    private readonly experimentalHoverHandler;
+    private readonly zoomHandler;
     private readonly resizeObserver;
     private readonly waferMapValidator;
     get validity(): WaferMapValidity;
@@ -110,6 +112,10 @@ export declare class WaferMap extends FoundationElement {
      * The hover does not require an event update, but it's also the last update in the sequence.
      */
     update(): void;
+    /**
+     * @internal
+     */
+    isExperimentalRenderer(): boolean;
     private validate;
     private createResizeObserver;
     private originLocationChanged;
@@ -129,5 +135,6 @@ export declare class WaferMap extends FoundationElement {
     private canvasWidthChanged;
     private canvasHeightChanged;
     private hoverDieChanged;
+    private get asRequiredFieldsWaferMap();
 }
 export declare const waferMapTag = "nimble-wafer-map";

package/dist/esm/wafer-map/index.js

@@ -6,11 +6,13 @@ import { template } from './template';
 import { styles } from './styles';
 import { DataManager } from './modules/data-manager';
 import { RenderingModule } from './modules/rendering';
-import { EventCoordinator } from './modules/event-coordinator';
 import { HoverDieOpacity, WaferMapColorScaleMode, WaferMapOrientation, WaferMapOriginLocation } 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';
 /**
  * A nimble-styled WaferMap
  */
@@ -21,7 +23,7 @@ export class WaferMap extends FoundationElement {
          * @internal
          * needs to be initialized before the properties trigger changes
          */
-        this.waferMapUpdateTracker = new WaferMapUpdateTracker(this);
+        this.waferMapUpdateTracker = new WaferMapUpdateTracker(this.asRequiredFieldsWaferMap);
         this.originLocation = WaferMapOriginLocation.bottomLeft;
         this.gridMinX = undefined;
         this.gridMaxX = undefined;
@@ -35,15 +37,15 @@ export class WaferMap extends FoundationElement {
         /**
          * @internal
          */
-        this.dataManager = new DataManager(this);
+        this.dataManager = new DataManager(this.asRequiredFieldsWaferMap);
         /**
          * @internal
          */
-        this.mainRenderer = new RenderingModule(this);
+        this.mainRenderer = new RenderingModule(this.asRequiredFieldsWaferMap);
         /**
          * @internal
          */
-        this.workerRenderer = new WorkerRenderer(this);
+        this.workerRenderer = new WorkerRenderer(this.asRequiredFieldsWaferMap);
         this.renderer = this.mainRenderer;
         /**
          * @internal
@@ -75,9 +77,11 @@ export class WaferMap extends FoundationElement {
             colors: [],
             values: []
         };
-        this.eventCoordinator = new EventCoordinator(this);
+        this.hoverHandler = new HoverHandler(this.asRequiredFieldsWaferMap);
+        this.experimentalHoverHandler = new ExperimentalHoverHandler(this.asRequiredFieldsWaferMap);
+        this.zoomHandler = new ZoomHandler(this.asRequiredFieldsWaferMap);
         this.resizeObserver = this.createResizeObserver();
-        this.waferMapValidator = new WaferMapValidator(this);
+        this.waferMapValidator = new WaferMapValidator(this.asRequiredFieldsWaferMap);
     }
     get validity() {
         return this.waferMapValidator.getValidity();
@@ -87,11 +91,17 @@ 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();
     }
     disconnectedCallback() {
         super.disconnectedCallback();
+        this.hoverHandler.disconnect();
+        this.experimentalHoverHandler.disconnect();
+        this.zoomHandler.disconnect();
         this.resizeObserver.unobserve(this);
     }
     /**
@@ -107,8 +117,12 @@ export class WaferMap extends FoundationElement {
         if (this.validity.invalidDiesTableSchema) {
             return;
         }
+        this.renderer = this.isExperimentalRenderer()
+            ? this.workerRenderer
+            : this.mainRenderer;
         if (this.waferMapUpdateTracker.requiresEventsUpdate) {
-            this.eventCoordinator.detachEvents();
+            // zoom translateExtent needs to be recalculated when canvas size changes
+            this.zoomHandler.disconnect();
             if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate) {
                 this.dataManager.updateContainerDimensions();
                 this.renderer.updateSortedDiesAndDrawWafer();
@@ -128,12 +142,18 @@ 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
+     */
+    isExperimentalRenderer() {
+        return this.diesTable !== undefined;
+    }
     validate() {
         this.waferMapValidator.validateGridDimensions();
         this.waferMapValidator.validateDiesTableSchema();
@@ -196,16 +216,10 @@ export class WaferMap extends FoundationElement {
     }
     diesChanged() {
         this.waferMapUpdateTracker.track('dies');
-        this.renderer = this.diesTable === undefined
-            ? this.mainRenderer
-            : this.workerRenderer;
         this.waferMapUpdateTracker.queueUpdate();
     }
     diesTableChanged() {
         this.waferMapUpdateTracker.track('dies');
-        this.renderer = this.diesTable === undefined
-            ? this.mainRenderer
-            : this.workerRenderer;
         this.waferMapUpdateTracker.queueUpdate();
     }
     colorScaleChanged() {
@@ -229,6 +243,9 @@ export class WaferMap extends FoundationElement {
         this.waferMapUpdateTracker.track('hoverDie');
         this.waferMapUpdateTracker.queueUpdate();
     }
+    get asRequiredFieldsWaferMap() {
+        return this;
+    }
 }
 __decorate([
     attr({ attribute: 'origin-location' })

package/dist/esm/wafer-map/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wafer-map/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    attr,\n    nullableNumberConverter,\n    observable\n} from '@microsoft/fast-element';\nimport { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';\nimport { zoomIdentity, ZoomTransform } from 'd3-zoom';\nimport type { Table } from 'apache-arrow';\nimport { template } from './template';\nimport { styles } from './styles';\nimport { DataManager } from './modules/data-manager';\nimport { RenderingModule } from './modules/rendering';\nimport { EventCoordinator } from './modules/event-coordinator';\nimport {\n    HoverDieOpacity,\n    WaferMapColorScale,\n    WaferMapColorScaleMode,\n    WaferMapDie,\n    WaferMapOrientation,\n    WaferMapOriginLocation,\n    WaferMapValidity\n} from './types';\nimport { WaferMapUpdateTracker } from './modules/wafer-map-update-tracker';\nimport { WaferMapValidator } from './modules/wafer-map-validator';\nimport { WorkerRenderer } from './modules/worker-renderer';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-wafer-map': WaferMap;\n    }\n}\n\n/**\n * A nimble-styled WaferMap\n */\nexport class WaferMap extends FoundationElement {\n    /**\n     * @internal\n     * needs to be initialized before the properties trigger changes\n     */\n    public readonly waferMapUpdateTracker = new WaferMapUpdateTracker(this);\n\n    @attr({ attribute: 'origin-location' })\n    public originLocation: WaferMapOriginLocation = WaferMapOriginLocation.bottomLeft;\n\n    @attr({ attribute: 'grid-min-x', converter: nullableNumberConverter })\n    public gridMinX?: number = undefined;\n\n    @attr({ attribute: 'grid-max-x', converter: nullableNumberConverter })\n    public gridMaxX?: number = undefined;\n\n    @attr({ attribute: 'grid-min-y', converter: nullableNumberConverter })\n    public gridMinY?: number = undefined;\n\n    @attr({ attribute: 'grid-max-y', converter: nullableNumberConverter })\n    public gridMaxY?: number = undefined;\n\n    @attr\n    public orientation: WaferMapOrientation = WaferMapOrientation.top;\n\n    @attr({ attribute: 'max-characters', converter: nullableNumberConverter })\n    public maxCharacters = 4;\n\n    @attr({ attribute: 'die-labels-hidden', mode: 'boolean' })\n    public dieLabelsHidden = false;\n\n    @attr({ attribute: 'die-labels-suffix' })\n    public dieLabelsSuffix = '';\n\n    @attr({ attribute: 'color-scale-mode' })\n    public colorScaleMode: WaferMapColorScaleMode = WaferMapColorScaleMode.linear;\n\n    /**\n     * @internal\n     */\n    public readonly canvas!: HTMLCanvasElement;\n\n    /**\n     * @internal\n     */\n    public canvasContext!: CanvasRenderingContext2D;\n\n    /**\n     * @internal\n     */\n    public readonly zoomContainer!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    public readonly dataManager = new DataManager(this);\n    /**\n     * @internal\n     */\n    public readonly mainRenderer = new RenderingModule(this);\n    /**\n     * @internal\n     */\n    public readonly workerRenderer = new WorkerRenderer(this);\n\n    @observable\n    public renderer: RenderingModule | WorkerRenderer = this.mainRenderer;\n\n    /**\n     * @internal\n     */\n    public renderQueued = false;\n\n    /**\n     * @internal\n     */\n    @observable public canvasWidth!: number;\n\n    /**\n     * @internal\n     */\n    @observable public canvasHeight!: number;\n\n    /**\n     * @internal\n     */\n    @observable public transform: ZoomTransform = zoomIdentity;\n\n    /**\n     * @internal\n     */\n    @observable public hoverTransform = '';\n\n    /**\n     * @internal\n     */\n    @observable public hoverOpacity: HoverDieOpacity = HoverDieOpacity.hide;\n\n    /**\n     * @internal\n     */\n    @observable public hoverWidth = 0;\n\n    /**\n     * @internal\n     */\n    @observable public hoverHeight = 0;\n\n    /**\n     * @internal\n     */\n    @observable public hoverDie: WaferMapDie | undefined;\n\n    @observable public highlightedTags: string[] = [];\n    @observable public dies: WaferMapDie[] = [];\n    @observable public diesTable: Table | undefined;\n\n    @observable public colorScale: WaferMapColorScale = {\n        colors: [],\n        values: []\n    };\n\n    private readonly eventCoordinator = new EventCoordinator(this);\n    private readonly resizeObserver = this.createResizeObserver();\n    private readonly waferMapValidator = new WaferMapValidator(this);\n\n    public get validity(): WaferMapValidity {\n        return this.waferMapValidator.getValidity();\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.canvasContext = this.canvas.getContext('2d', {\n            willReadFrequently: true\n        })!;\n        this.resizeObserver.observe(this);\n        this.waferMapUpdateTracker.trackAll();\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.resizeObserver.unobserve(this);\n    }\n\n    /**\n     * @internal\n     * Update function called when an update is queued.\n     * It will check which updates are needed based on which properties have changed.\n     * Each update represents a different starting point of the same sequential update flow.\n     * The updates snowball one after the other, this function only choses the 'altitude'.\n     * The hover does not require an event update, but it's also the last update in the sequence.\n     */\n    public update(): void {\n        this.validate();\n        if (this.validity.invalidDiesTableSchema) {\n            return;\n        }\n        if (this.waferMapUpdateTracker.requiresEventsUpdate) {\n            this.eventCoordinator.detachEvents();\n            if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate) {\n                this.dataManager.updateContainerDimensions();\n                this.renderer.updateSortedDiesAndDrawWafer();\n            } else if (this.waferMapUpdateTracker.requiresScalesUpdate) {\n                this.dataManager.updateScales();\n                this.renderer.updateSortedDiesAndDrawWafer();\n            } else if (\n                this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate\n            ) {\n                this.dataManager.updateLabelsFontSize();\n                this.renderer.updateSortedDiesAndDrawWafer();\n            } else if (\n                this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate\n            ) {\n                this.dataManager.updateDiesRenderInfo();\n                this.renderer.updateSortedDiesAndDrawWafer();\n            } else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {\n                this.renderer.drawWafer();\n            }\n            this.eventCoordinator.attachEvents();\n        } else if (this.waferMapUpdateTracker.requiresRenderHoverUpdate) {\n            this.renderer.renderHover();\n        }\n    }\n\n    private validate(): void {\n        this.waferMapValidator.validateGridDimensions();\n        this.waferMapValidator.validateDiesTableSchema();\n    }\n\n    private createResizeObserver(): ResizeObserver {\n        const resizeObserver = new ResizeObserver(entries => {\n            const entry = entries[0];\n            if (entry === undefined) {\n                return;\n            }\n            const { height, width } = entry.contentRect;\n            // Updating the canvas size clears its contents so update it explicitly instead of\n            // via template bindings so we can confirm that it happens before render\n            this.canvas.width = width;\n            this.canvas.height = height;\n            this.canvasWidth = width;\n            this.canvasHeight = height;\n        });\n        return resizeObserver;\n    }\n\n    private originLocationChanged(): void {\n        this.waferMapUpdateTracker.track('originLocation');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private gridMinXChanged(): void {\n        this.waferMapUpdateTracker.track('gridMinX');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private gridMaxXChanged(): void {\n        this.waferMapUpdateTracker.track('gridMaxX');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private gridMinYChanged(): void {\n        this.waferMapUpdateTracker.track('gridMinY');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private gridMaxYChanged(): void {\n        this.waferMapUpdateTracker.track('gridMaxY');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private maxCharactersChanged(): void {\n        this.waferMapUpdateTracker.track('maxCharacters');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private dieLabelsHiddenChanged(): void {\n        this.waferMapUpdateTracker.track('dieLabelsHidden');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private dieLabelsSuffixChanged(): void {\n        this.waferMapUpdateTracker.track('dieLabelsSuffix');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private colorScaleModeChanged(): void {\n        this.waferMapUpdateTracker.track('colorScaleMode');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private highlightedTagsChanged(): void {\n        this.waferMapUpdateTracker.track('highlightedTags');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private diesChanged(): void {\n        this.waferMapUpdateTracker.track('dies');\n        this.renderer = this.diesTable === undefined\n            ? this.mainRenderer\n            : this.workerRenderer;\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private diesTableChanged(): void {\n        this.waferMapUpdateTracker.track('dies');\n        this.renderer = this.diesTable === undefined\n            ? this.mainRenderer\n            : this.workerRenderer;\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private colorScaleChanged(): void {\n        this.waferMapUpdateTracker.track('colorScale');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private transformChanged(): void {\n        this.waferMapUpdateTracker.track('transform');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private canvasWidthChanged(): void {\n        this.waferMapUpdateTracker.track('canvasWidth');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private canvasHeightChanged(): void {\n        this.waferMapUpdateTracker.track('canvasHeight');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private hoverDieChanged(): void {\n        this.$emit('die-hover', { currentDie: this.hoverDie });\n        this.waferMapUpdateTracker.track('hoverDie');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n}\n\nconst nimbleWaferMap = WaferMap.compose({\n    baseName: 'wafer-map',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleWaferMap());\nexport const waferMapTag = 'nimble-wafer-map';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wafer-map/index.ts"],"names":[],"mappings":"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","sourcesContent":["import {\n    attr,\n    nullableNumberConverter,\n    observable\n} from '@microsoft/fast-element';\nimport { DesignSystem, FoundationElement } from '@microsoft/fast-foundation';\nimport { zoomIdentity, ZoomTransform } from 'd3-zoom';\nimport type { Table } from 'apache-arrow';\nimport { template } from './template';\nimport { styles } from './styles';\nimport { DataManager } from './modules/data-manager';\nimport { RenderingModule } from './modules/rendering';\nimport {\n    HoverDie,\n    HoverDieOpacity,\n    WaferMapColorScale,\n    WaferMapColorScaleMode,\n    WaferMapDie,\n    WaferMapOrientation,\n    WaferMapOriginLocation,\n    WaferMapValidity,\n    type WaferRequiredFields\n} from './types';\nimport { WaferMapUpdateTracker } from './modules/wafer-map-update-tracker';\nimport { WaferMapValidator } from './modules/wafer-map-validator';\nimport { WorkerRenderer } from './modules/experimental/worker-renderer';\nimport { HoverHandler } from './modules/hover-handler';\nimport { HoverHandler as ExperimentalHoverHandler } from './modules/experimental/hover-handler';\nimport { ZoomHandler } from './modules/zoom-handler';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-wafer-map': WaferMap;\n    }\n}\n\n/**\n * A nimble-styled WaferMap\n */\nexport class WaferMap<\n    T extends WaferRequiredFields = WaferRequiredFields\n> extends FoundationElement {\n    /**\n     * @internal\n     * needs to be initialized before the properties trigger changes\n     */\n    public readonly waferMapUpdateTracker: WaferMapUpdateTracker = new WaferMapUpdateTracker(this.asRequiredFieldsWaferMap);\n\n    @attr({ attribute: 'origin-location' })\n    public originLocation: WaferMapOriginLocation = WaferMapOriginLocation.bottomLeft;\n\n    @attr({ attribute: 'grid-min-x', converter: nullableNumberConverter })\n    public gridMinX?: number = undefined;\n\n    @attr({ attribute: 'grid-max-x', converter: nullableNumberConverter })\n    public gridMaxX?: number = undefined;\n\n    @attr({ attribute: 'grid-min-y', converter: nullableNumberConverter })\n    public gridMinY?: number = undefined;\n\n    @attr({ attribute: 'grid-max-y', converter: nullableNumberConverter })\n    public gridMaxY?: number = undefined;\n\n    @attr\n    public orientation: WaferMapOrientation = WaferMapOrientation.top;\n\n    @attr({ attribute: 'max-characters', converter: nullableNumberConverter })\n    public maxCharacters = 4;\n\n    @attr({ attribute: 'die-labels-hidden', mode: 'boolean' })\n    public dieLabelsHidden = false;\n\n    @attr({ attribute: 'die-labels-suffix' })\n    public dieLabelsSuffix = '';\n\n    @attr({ attribute: 'color-scale-mode' })\n    public colorScaleMode: WaferMapColorScaleMode = WaferMapColorScaleMode.linear;\n\n    /**\n     * @internal\n     */\n    public readonly canvas!: HTMLCanvasElement;\n\n    /**\n     * @internal\n     */\n    public canvasContext!: CanvasRenderingContext2D;\n\n    /**\n     * @internal\n     */\n    public readonly zoomContainer!: HTMLElement;\n\n    /**\n     * @internal\n     */\n    public readonly dataManager: DataManager = new DataManager(\n        this.asRequiredFieldsWaferMap\n    );\n\n    /**\n     * @internal\n     */\n    public readonly mainRenderer = new RenderingModule(\n        this.asRequiredFieldsWaferMap\n    );\n\n    /**\n     * @internal\n     */\n    public readonly workerRenderer = new WorkerRenderer(\n        this.asRequiredFieldsWaferMap\n    );\n\n    @observable\n    public renderer: RenderingModule | WorkerRenderer = this.mainRenderer;\n\n    /**\n     * @internal\n     */\n    public renderQueued = false;\n\n    /**\n     * @internal\n     */\n    @observable public canvasWidth!: number;\n\n    /**\n     * @internal\n     */\n    @observable public canvasHeight!: number;\n\n    /**\n     * @internal\n     */\n    @observable public transform: ZoomTransform = zoomIdentity;\n\n    /**\n     * @internal\n     */\n    @observable public hoverTransform = '';\n\n    /**\n     * @internal\n     */\n    @observable public hoverOpacity: HoverDieOpacity = HoverDieOpacity.hide;\n\n    /**\n     * @internal\n     */\n    @observable public hoverWidth = 0;\n\n    /**\n     * @internal\n     */\n    @observable public hoverHeight = 0;\n\n    /**\n     * @internal\n     */\n    @observable public hoverDie: WaferMapDie | HoverDie | undefined;\n\n    @observable public highlightedTags: string[] = [];\n    @observable public dies: WaferMapDie[] = [];\n    @observable public diesTable: Table<T> | undefined;\n\n    @observable public colorScale: WaferMapColorScale = {\n        colors: [],\n        values: []\n    };\n\n    private readonly hoverHandler: HoverHandler = new HoverHandler(\n        this.asRequiredFieldsWaferMap\n    );\n\n    private readonly experimentalHoverHandler: ExperimentalHoverHandler = new ExperimentalHoverHandler(this.asRequiredFieldsWaferMap);\n\n    private readonly zoomHandler: ZoomHandler = new ZoomHandler(\n        this.asRequiredFieldsWaferMap\n    );\n\n    private readonly resizeObserver = this.createResizeObserver();\n    private readonly waferMapValidator: WaferMapValidator = new WaferMapValidator(this.asRequiredFieldsWaferMap);\n\n    public get validity(): WaferMapValidity {\n        return this.waferMapValidator.getValidity();\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        this.canvasContext = this.canvas.getContext('2d', {\n            willReadFrequently: true\n        })!;\n        this.hoverHandler.connect();\n        this.experimentalHoverHandler.connect();\n        this.zoomHandler.connect();\n        this.resizeObserver.observe(this);\n        this.waferMapUpdateTracker.trackAll();\n    }\n\n    public override disconnectedCallback(): void {\n        super.disconnectedCallback();\n        this.hoverHandler.disconnect();\n        this.experimentalHoverHandler.disconnect();\n        this.zoomHandler.disconnect();\n        this.resizeObserver.unobserve(this);\n    }\n\n    /**\n     * @internal\n     * Update function called when an update is queued.\n     * It will check which updates are needed based on which properties have changed.\n     * Each update represents a different starting point of the same sequential update flow.\n     * The updates snowball one after the other, this function only choses the 'altitude'.\n     * The hover does not require an event update, but it's also the last update in the sequence.\n     */\n    public update(): void {\n        this.validate();\n        if (this.validity.invalidDiesTableSchema) {\n            return;\n        }\n        this.renderer = this.isExperimentalRenderer()\n            ? this.workerRenderer\n            : this.mainRenderer;\n        if (this.waferMapUpdateTracker.requiresEventsUpdate) {\n            // zoom translateExtent needs to be recalculated when canvas size changes\n            this.zoomHandler.disconnect();\n            if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate) {\n                this.dataManager.updateContainerDimensions();\n                this.renderer.updateSortedDiesAndDrawWafer();\n            } else if (this.waferMapUpdateTracker.requiresScalesUpdate) {\n                this.dataManager.updateScales();\n                this.renderer.updateSortedDiesAndDrawWafer();\n            } else if (\n                this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate\n            ) {\n                this.dataManager.updateLabelsFontSize();\n                this.renderer.updateSortedDiesAndDrawWafer();\n            } else if (\n                this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate\n            ) {\n                this.dataManager.updateDiesRenderInfo();\n                this.renderer.updateSortedDiesAndDrawWafer();\n            } else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {\n                this.renderer.drawWafer();\n            }\n            this.zoomHandler.connect();\n        } else if (this.waferMapUpdateTracker.requiresRenderHoverUpdate) {\n            this.renderer.renderHover();\n        }\n    }\n\n    /**\n     * @internal\n     */\n    public isExperimentalRenderer(): boolean {\n        return this.diesTable !== undefined;\n    }\n\n    private validate(): void {\n        this.waferMapValidator.validateGridDimensions();\n        this.waferMapValidator.validateDiesTableSchema();\n    }\n\n    private createResizeObserver(): ResizeObserver {\n        const resizeObserver = new ResizeObserver(entries => {\n            const entry = entries[0];\n            if (entry === undefined) {\n                return;\n            }\n            const { height, width } = entry.contentRect;\n            // Updating the canvas size clears its contents so update it explicitly instead of\n            // via template bindings so we can confirm that it happens before render\n            this.canvas.width = width;\n            this.canvas.height = height;\n            this.canvasWidth = width;\n            this.canvasHeight = height;\n        });\n        return resizeObserver;\n    }\n\n    private originLocationChanged(): void {\n        this.waferMapUpdateTracker.track('originLocation');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private gridMinXChanged(): void {\n        this.waferMapUpdateTracker.track('gridMinX');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private gridMaxXChanged(): void {\n        this.waferMapUpdateTracker.track('gridMaxX');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private gridMinYChanged(): void {\n        this.waferMapUpdateTracker.track('gridMinY');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private gridMaxYChanged(): void {\n        this.waferMapUpdateTracker.track('gridMaxY');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private maxCharactersChanged(): void {\n        this.waferMapUpdateTracker.track('maxCharacters');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private dieLabelsHiddenChanged(): void {\n        this.waferMapUpdateTracker.track('dieLabelsHidden');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private dieLabelsSuffixChanged(): void {\n        this.waferMapUpdateTracker.track('dieLabelsSuffix');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private colorScaleModeChanged(): void {\n        this.waferMapUpdateTracker.track('colorScaleMode');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private highlightedTagsChanged(): void {\n        this.waferMapUpdateTracker.track('highlightedTags');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private diesChanged(): void {\n        this.waferMapUpdateTracker.track('dies');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private diesTableChanged(): void {\n        this.waferMapUpdateTracker.track('dies');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private colorScaleChanged(): void {\n        this.waferMapUpdateTracker.track('colorScale');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private transformChanged(): void {\n        this.waferMapUpdateTracker.track('transform');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private canvasWidthChanged(): void {\n        this.waferMapUpdateTracker.track('canvasWidth');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private canvasHeightChanged(): void {\n        this.waferMapUpdateTracker.track('canvasHeight');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private hoverDieChanged(): void {\n        this.$emit('die-hover', { currentDie: this.hoverDie });\n        this.waferMapUpdateTracker.track('hoverDie');\n        this.waferMapUpdateTracker.queueUpdate();\n    }\n\n    private get asRequiredFieldsWaferMap(): WaferMap {\n        return this as WaferMap;\n    }\n}\n\nconst nimbleWaferMap = WaferMap.compose({\n    baseName: 'wafer-map',\n    template,\n    styles\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleWaferMap());\nexport const waferMapTag = 'nimble-wafer-map';\n"]}

package/dist/esm/wafer-map/modules/data-manager.js

@@ -40,7 +40,7 @@ export class DataManager {
     constructor(wafermap) {
         this.wafermap = wafermap;
         this.computations = new Computations(wafermap);
-        this.prerendering = new Prerendering(wafermap, this);
+        this.prerendering = new Prerendering(wafermap);
     }
     updateContainerDimensions() {
         this.computations.updateContainerDimensions();

package/dist/esm/wafer-map/modules/data-manager.js.map

@@ -1 +1 @@
-{"version":3,"file":"data-manager.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/data-manager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU9C;;GAEG;AACH,MAAM,OAAO,WAAW;IACpB,IAAW,mBAAmB;QAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC;IACjD,CAAC;IAED,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;IAC3C,CAAC;IAED,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;IACpC,CAAC;IAED,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;IACpC,CAAC;IAED,IAAW,eAAe;QACtB,OAAO,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC;IAC7C,CAAC;IAED,IAAW,uBAAuB;QAC9B,OAAO,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC;IACrD,CAAC;IAED,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;IAC3C,CAAC;IAED,IAAW,qBAAqB;QAC5B,OAAO,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC;IACnD,CAAC;IAED,IAAW,cAAc;QACrB,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;IAC5C,CAAC;IAED,IAAW,cAAc;QACrB,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;IAC5C,CAAC;IAED,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAMD,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAClD,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,QAAQ,EAAE,IAAI,CAAC,CAAC;IACzD,CAAC;IAEM,yBAAyB;QAC5B,IAAI,CAAC,YAAY,CAAC,yBAAyB,EAAE,CAAC;QAC9C,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAEM,YAAY;QACf,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;QACjC,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAEM,oBAAoB;QACvB,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;IAC7C,CAAC;IAEM,oBAAoB;QACvB,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;IAC7C,CAAC;IAEM,cAAc,CAAC,KAAuB;QACzC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACrD,CAAC;IAEO,aAAa;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,CAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAC5D,CAAC;IACN,CAAC;CACJ","sourcesContent":["import type { ScaleBand, ScaleQuantile } from 'd3-scale';\nimport { Computations } from './computations';\nimport { Prerendering } from './prerendering';\nimport type { WaferMap } from '..';\nimport type {\n    Dimensions,\n    Margin,\n    DieRenderInfo,\n    WaferMapDie,\n    PointCoordinates\n} from '../types';\n\n/**\n * Data Manager uses Computations and Prerendering modules in order and exposes the results\n */\nexport class DataManager {\n    public get containerDimensions(): Dimensions {\n        return this.computations.containerDimensions;\n    }\n\n    public get dieDimensions(): Dimensions {\n        return this.computations.dieDimensions;\n    }\n\n    public get radius(): number {\n        return this.computations.radius;\n    }\n\n    public get margin(): Margin {\n        return this.computations.margin;\n    }\n\n    public get horizontalScale(): ScaleBand<number> {\n        return this.computations.horizontalScale;\n    }\n\n    public get invertedHorizontalScale(): ScaleQuantile<number, number> {\n        return this.computations.invertedHorizontalScale;\n    }\n\n    public get verticalScale(): ScaleBand<number> {\n        return this.computations.verticalScale;\n    }\n\n    public get invertedVerticalScale(): ScaleQuantile<number, number> {\n        return this.computations.invertedVerticalScale;\n    }\n\n    public get labelsFontSize(): number {\n        return this.prerendering.labelsFontSize;\n    }\n\n    public get diesRenderInfo(): DieRenderInfo[] {\n        return this.prerendering.diesRenderInfo;\n    }\n\n    public get data(): Map<string, WaferMapDie> {\n        return this.dataMap;\n    }\n\n    private readonly computations;\n    private readonly prerendering;\n    private dataMap!: Map<string, WaferMapDie>;\n\n    public constructor(private readonly wafermap: WaferMap) {\n        this.computations = new Computations(wafermap);\n        this.prerendering = new Prerendering(wafermap, this);\n    }\n\n    public updateContainerDimensions(): void {\n        this.computations.updateContainerDimensions();\n        this.updateDataMap();\n        this.updateLabelsFontSize();\n    }\n\n    public updateScales(): void {\n        this.computations.updateScales();\n        this.updateDataMap();\n        this.updateLabelsFontSize();\n    }\n\n    public updateLabelsFontSize(): void {\n        this.prerendering.updateLabelsFontSize();\n    }\n\n    public updateDiesRenderInfo(): void {\n        this.prerendering.updateDiesRenderInfo();\n    }\n\n    public getWaferMapDie(point: PointCoordinates): WaferMapDie | undefined {\n        return this.dataMap.get(`${point.x}_${point.y}`);\n    }\n\n    private updateDataMap(): void {\n        this.dataMap = new Map(\n            this.wafermap.dies.map(die => [`${die.x}_${die.y}`, die])\n        );\n    }\n}\n"]}
+{"version":3,"file":"data-manager.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/data-manager.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAU9C;;GAEG;AACH,MAAM,OAAO,WAAW;IACpB,IAAW,mBAAmB;QAC1B,OAAO,IAAI,CAAC,YAAY,CAAC,mBAAmB,CAAC;IACjD,CAAC;IAED,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;IAC3C,CAAC;IAED,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;IACpC,CAAC;IAED,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,YAAY,CAAC,MAAM,CAAC;IACpC,CAAC;IAED,IAAW,eAAe;QACtB,OAAO,IAAI,CAAC,YAAY,CAAC,eAAe,CAAC;IAC7C,CAAC;IAED,IAAW,uBAAuB;QAC9B,OAAO,IAAI,CAAC,YAAY,CAAC,uBAAuB,CAAC;IACrD,CAAC;IAED,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,YAAY,CAAC,aAAa,CAAC;IAC3C,CAAC;IAED,IAAW,qBAAqB;QAC5B,OAAO,IAAI,CAAC,YAAY,CAAC,qBAAqB,CAAC;IACnD,CAAC;IAED,IAAW,cAAc;QACrB,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;IAC5C,CAAC;IAED,IAAW,cAAc;QACrB,OAAO,IAAI,CAAC,YAAY,CAAC,cAAc,CAAC;IAC5C,CAAC;IAED,IAAW,IAAI;QACX,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAMD,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAClD,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC;QAC/C,IAAI,CAAC,YAAY,GAAG,IAAI,YAAY,CAAC,QAAQ,CAAC,CAAC;IACnD,CAAC;IAEM,yBAAyB;QAC5B,IAAI,CAAC,YAAY,CAAC,yBAAyB,EAAE,CAAC;QAC9C,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAEM,YAAY;QACf,IAAI,CAAC,YAAY,CAAC,YAAY,EAAE,CAAC;QACjC,IAAI,CAAC,aAAa,EAAE,CAAC;QACrB,IAAI,CAAC,oBAAoB,EAAE,CAAC;IAChC,CAAC;IAEM,oBAAoB;QACvB,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;IAC7C,CAAC;IAEM,oBAAoB;QACvB,IAAI,CAAC,YAAY,CAAC,oBAAoB,EAAE,CAAC;IAC7C,CAAC;IAEM,cAAc,CAAC,KAAuB;QACzC,OAAO,IAAI,CAAC,OAAO,CAAC,GAAG,CAAC,GAAG,KAAK,CAAC,CAAC,IAAI,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC;IACrD,CAAC;IAEO,aAAa;QACjB,IAAI,CAAC,OAAO,GAAG,IAAI,GAAG,CAClB,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,EAAE,EAAE,GAAG,CAAC,CAAC,CAC5D,CAAC;IACN,CAAC;CACJ","sourcesContent":["import type { ScaleBand, ScaleQuantile } from 'd3-scale';\nimport { Computations } from './computations';\nimport { Prerendering } from './prerendering';\nimport type { WaferMap } from '..';\nimport type {\n    Dimensions,\n    Margin,\n    DieRenderInfo,\n    WaferMapDie,\n    PointCoordinates\n} from '../types';\n\n/**\n * Data Manager uses Computations and Prerendering modules in order and exposes the results\n */\nexport class DataManager {\n    public get containerDimensions(): Dimensions {\n        return this.computations.containerDimensions;\n    }\n\n    public get dieDimensions(): Dimensions {\n        return this.computations.dieDimensions;\n    }\n\n    public get radius(): number {\n        return this.computations.radius;\n    }\n\n    public get margin(): Margin {\n        return this.computations.margin;\n    }\n\n    public get horizontalScale(): ScaleBand<number> {\n        return this.computations.horizontalScale;\n    }\n\n    public get invertedHorizontalScale(): ScaleQuantile<number, number> {\n        return this.computations.invertedHorizontalScale;\n    }\n\n    public get verticalScale(): ScaleBand<number> {\n        return this.computations.verticalScale;\n    }\n\n    public get invertedVerticalScale(): ScaleQuantile<number, number> {\n        return this.computations.invertedVerticalScale;\n    }\n\n    public get labelsFontSize(): number {\n        return this.prerendering.labelsFontSize;\n    }\n\n    public get diesRenderInfo(): DieRenderInfo[] {\n        return this.prerendering.diesRenderInfo;\n    }\n\n    public get data(): Map<string, WaferMapDie> {\n        return this.dataMap;\n    }\n\n    private readonly computations: Computations;\n    private readonly prerendering: Prerendering;\n    private dataMap!: Map<string, WaferMapDie>;\n\n    public constructor(private readonly wafermap: WaferMap) {\n        this.computations = new Computations(wafermap);\n        this.prerendering = new Prerendering(wafermap);\n    }\n\n    public updateContainerDimensions(): void {\n        this.computations.updateContainerDimensions();\n        this.updateDataMap();\n        this.updateLabelsFontSize();\n    }\n\n    public updateScales(): void {\n        this.computations.updateScales();\n        this.updateDataMap();\n        this.updateLabelsFontSize();\n    }\n\n    public updateLabelsFontSize(): void {\n        this.prerendering.updateLabelsFontSize();\n    }\n\n    public updateDiesRenderInfo(): void {\n        this.prerendering.updateDiesRenderInfo();\n    }\n\n    public getWaferMapDie(point: PointCoordinates): WaferMapDie | undefined {\n        return this.dataMap.get(`${point.x}_${point.y}`);\n    }\n\n    private updateDataMap(): void {\n        this.dataMap = new Map(\n            this.wafermap.dies.map(die => [`${die.x}_${die.y}`, die])\n        );\n    }\n}\n"]}

package/dist/esm/wafer-map/modules/experimental/hover-handler.d.ts

@@ -0,0 +1,23 @@
+import type { WaferMap } from '../..';
+/**
+ * HoverHandler deals with user interactions and events like hovering
+ */
+export declare class HoverHandler {
+    private readonly wafermap;
+    constructor(wafermap: WaferMap);
+    /**
+     * @internal
+     */
+    connect(): void;
+    /**
+     * @internal
+     */
+    disconnect(): void;
+    /**
+     * @internal
+     * keep public for testing until data manager refactor
+     */
+    readonly onMouseMove: (event: MouseEvent) => void;
+    private readonly onMouseOut;
+    private calculateDieCoordinates;
+}

package/dist/esm/wafer-map/modules/experimental/hover-handler.js

@@ -0,0 +1,80 @@
+import { WaferMapOriginLocation } from '../../types';
+/**
+ * HoverHandler deals with user interactions and events like hovering
+ */
+export class HoverHandler {
+    constructor(wafermap) {
+        this.wafermap = wafermap;
+        /**
+         * @internal
+         * keep public for testing until data manager refactor
+         */
+        this.onMouseMove = (event) => {
+            if (!this.wafermap.isExperimentalRenderer()) {
+                return;
+            }
+            // get original mouse position in case we are in zoom.
+            const invertedPoint = this.wafermap.transform.invert([
+                event.offsetX,
+                event.offsetY
+            ]);
+            // does not work yet until data manager will parse diesTable
+            const dieCoordinates = this.calculateDieCoordinates({
+                x: invertedPoint[0],
+                y: invertedPoint[1]
+            });
+            const colIndex = this.wafermap
+                .diesTable.getChild('colIndex')
+                .toArray();
+            const rowIndex = this.wafermap
+                .diesTable.getChild('rowIndex')
+                .toArray();
+            // will replace iterating with arquero filtering after fixing errors
+            for (let i = 0; i < colIndex.length; i++) {
+                if (colIndex[i] === dieCoordinates.x
+                    && rowIndex[i] === dieCoordinates.y) {
+                    this.wafermap.hoverDie = {
+                        index: i,
+                        x: dieCoordinates.x,
+                        y: dieCoordinates.y
+                    };
+                    return;
+                }
+            }
+            this.wafermap.hoverDie = undefined;
+        };
+        this.onMouseOut = (_event) => {
+            this.wafermap.hoverDie = undefined;
+        };
+    }
+    /**
+     * @internal
+     */
+    connect() {
+        this.wafermap.addEventListener('mousemove', this.onMouseMove);
+        this.wafermap.addEventListener('mouseout', this.onMouseOut);
+    }
+    /**
+     * @internal
+     */
+    disconnect() {
+        this.wafermap.removeEventListener('mousemove', this.onMouseMove);
+        this.wafermap.removeEventListener('mouseout', this.onMouseOut);
+    }
+    calculateDieCoordinates(mousePosition) {
+        const originLocation = this.wafermap.originLocation;
+        const xRoundFunction = originLocation === WaferMapOriginLocation.bottomLeft
+            || originLocation === WaferMapOriginLocation.topLeft
+            ? Math.floor
+            : Math.ceil;
+        const yRoundFunction = originLocation === WaferMapOriginLocation.bottomLeft
+            || originLocation === WaferMapOriginLocation.bottomRight
+            ? Math.floor
+            : Math.ceil;
+        // go to x and y scale to get the x,y values of the die.
+        const x = xRoundFunction(this.wafermap.dataManager.invertedHorizontalScale(mousePosition.x - this.wafermap.dataManager.margin.left));
+        const y = yRoundFunction(this.wafermap.dataManager.invertedVerticalScale(mousePosition.y - this.wafermap.dataManager.margin.top));
+        return { x, y };
+    }
+}
+//# sourceMappingURL=hover-handler.js.map

package/dist/esm/wafer-map/modules/experimental/hover-handler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hover-handler.js","sourceRoot":"","sources":["../../../../../src/wafer-map/modules/experimental/hover-handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,sBAAsB,EAAE,MAAM,aAAa,CAAC;AAEvE;;GAEG;AACH,MAAM,OAAO,YAAY;IACrB,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAkBtD;;;WAGG;QACa,gBAAW,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACtD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,sBAAsB,EAAE,EAAE;gBACzC,OAAO;aACV;YACD,sDAAsD;YACtD,MAAM,aAAa,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,MAAM,CAAC;gBACjD,KAAK,CAAC,OAAO;gBACb,KAAK,CAAC,OAAO;aAChB,CAAC,CAAC;YAEH,4DAA4D;YAC5D,MAAM,cAAc,GAAG,IAAI,CAAC,uBAAuB,CAAC;gBAChD,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;gBACnB,CAAC,EAAE,aAAa,CAAC,CAAC,CAAC;aACtB,CAAC,CAAC;YACH,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;iBACzB,SAAU,CAAC,QAAQ,CAAC,UAAU,CAAE;iBAChC,OAAO,EAAE,CAAC;YACf,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ;iBACzB,SAAU,CAAC,QAAQ,CAAC,UAAU,CAAE;iBAChC,OAAO,EAAE,CAAC;YAEf,oEAAoE;YACpE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;gBACtC,IACI,QAAQ,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC;uBAC7B,QAAQ,CAAC,CAAC,CAAC,KAAK,cAAc,CAAC,CAAC,EACrC;oBACE,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG;wBACrB,KAAK,EAAE,CAAC;wBACR,CAAC,EAAE,cAAc,CAAC,CAAC;wBACnB,CAAC,EAAE,cAAc,CAAC,CAAC;qBACtB,CAAC;oBACF,OAAO;iBACV;aACJ;YACD,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC;QACvC,CAAC,CAAC;QAEe,eAAU,GAAG,CAAC,MAAkB,EAAQ,EAAE;YACvD,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC;QACvC,CAAC,CAAC;IA/DuD,CAAC;IAE1D;;OAEG;IACI,OAAO;QACV,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QAC9D,IAAI,CAAC,QAAQ,CAAC,gBAAgB,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IAChE,CAAC;IAED;;OAEG;IACI,UAAU;QACb,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,IAAI,CAAC,WAAW,CAAC,CAAC;QACjE,IAAI,CAAC,QAAQ,CAAC,mBAAmB,CAAC,UAAU,EAAE,IAAI,CAAC,UAAU,CAAC,CAAC;IACnE,CAAC;IAiDO,uBAAuB,CAC3B,aAA+B;QAE/B,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;QACpD,MAAM,cAAc,GAAG,cAAc,KAAK,sBAAsB,CAAC,UAAU;eACpE,cAAc,KAAK,sBAAsB,CAAC,OAAO;YACpD,CAAC,CAAC,IAAI,CAAC,KAAK;YACZ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAChB,MAAM,cAAc,GAAG,cAAc,KAAK,sBAAsB,CAAC,UAAU;eACpE,cAAc,KAAK,sBAAsB,CAAC,WAAW;YACxD,CAAC,CAAC,IAAI,CAAC,KAAK;YACZ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAChB,wDAAwD;QACxD,MAAM,CAAC,GAAG,cAAc,CACpB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,uBAAuB,CAC7C,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI,CAC1D,CACJ,CAAC;QACF,MAAM,CAAC,GAAG,cAAc,CACpB,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,qBAAqB,CAC3C,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG,CACzD,CACJ,CAAC;QACF,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;IACpB,CAAC;CACJ","sourcesContent":["import type { WaferMap } from '../..';\nimport { PointCoordinates, WaferMapOriginLocation } from '../../types';\n\n/**\n * HoverHandler deals with user interactions and events like hovering\n */\nexport class HoverHandler {\n    public constructor(private readonly wafermap: WaferMap) {}\n\n    /**\n     * @internal\n     */\n    public connect(): void {\n        this.wafermap.addEventListener('mousemove', this.onMouseMove);\n        this.wafermap.addEventListener('mouseout', this.onMouseOut);\n    }\n\n    /**\n     * @internal\n     */\n    public disconnect(): void {\n        this.wafermap.removeEventListener('mousemove', this.onMouseMove);\n        this.wafermap.removeEventListener('mouseout', this.onMouseOut);\n    }\n\n    /**\n     * @internal\n     * keep public for testing until data manager refactor\n     */\n    public readonly onMouseMove = (event: MouseEvent): void => {\n        if (!this.wafermap.isExperimentalRenderer()) {\n            return;\n        }\n        // get original mouse position in case we are in zoom.\n        const invertedPoint = this.wafermap.transform.invert([\n            event.offsetX,\n            event.offsetY\n        ]);\n\n        // does not work yet until data manager will parse diesTable\n        const dieCoordinates = this.calculateDieCoordinates({\n            x: invertedPoint[0],\n            y: invertedPoint[1]\n        });\n        const colIndex = this.wafermap\n            .diesTable!.getChild('colIndex')!\n            .toArray();\n        const rowIndex = this.wafermap\n            .diesTable!.getChild('rowIndex')!\n            .toArray();\n\n        // will replace iterating with arquero filtering after fixing errors\n        for (let i = 0; i < colIndex.length; i++) {\n            if (\n                colIndex[i] === dieCoordinates.x\n                && rowIndex[i] === dieCoordinates.y\n            ) {\n                this.wafermap.hoverDie = {\n                    index: i,\n                    x: dieCoordinates.x,\n                    y: dieCoordinates.y\n                };\n                return;\n            }\n        }\n        this.wafermap.hoverDie = undefined;\n    };\n\n    private readonly onMouseOut = (_event: MouseEvent): void => {\n        this.wafermap.hoverDie = undefined;\n    };\n\n    private calculateDieCoordinates(\n        mousePosition: PointCoordinates\n    ): PointCoordinates {\n        const originLocation = this.wafermap.originLocation;\n        const xRoundFunction = originLocation === WaferMapOriginLocation.bottomLeft\n            || originLocation === WaferMapOriginLocation.topLeft\n            ? Math.floor\n            : Math.ceil;\n        const yRoundFunction = originLocation === WaferMapOriginLocation.bottomLeft\n            || originLocation === WaferMapOriginLocation.bottomRight\n            ? Math.floor\n            : Math.ceil;\n        // go to x and y scale to get the x,y values of the die.\n        const x = xRoundFunction(\n            this.wafermap.dataManager.invertedHorizontalScale(\n                mousePosition.x - this.wafermap.dataManager.margin.left\n            )\n        );\n        const y = yRoundFunction(\n            this.wafermap.dataManager.invertedVerticalScale(\n                mousePosition.y - this.wafermap.dataManager.margin.top\n            )\n        );\n        return { x, y };\n    }\n}\n"]}

package/dist/esm/wafer-map/modules/{worker-renderer.d.ts → experimental/worker-renderer.d.ts}

@@ -1,4 +1,4 @@
-import type { WaferMap } from '..';
+import type { WaferMap } from '../..';
 /**
  * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas
  */

package/dist/esm/wafer-map/modules/{worker-renderer.js → experimental/worker-renderer.js}

@@ -1,4 +1,4 @@
-import { HoverDieOpacity } from '../types';
+import { HoverDieOpacity } from '../../types';
 /**
  * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas
  */

package/dist/esm/wafer-map/modules/experimental/worker-renderer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"worker-renderer.js","sourceRoot":"","sources":["../../../../../src/wafer-map/modules/experimental/worker-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C;;GAEG;AACH,MAAM,OAAO,cAAc;IACvB,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;IAAG,CAAC;IAEnD,4BAA4B;QAC/B,iDAAiD;QACjD,IAAI,CAAC,SAAS,EAAE,CAAC;IACrB,CAAC;IAEM,SAAS;QACZ,+CAA+C;QAC/C,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEM,WAAW;QACd,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,KAAK;cAClE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,MAAM;cACpE,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS;YAC7D,CAAC,CAAC,eAAe,CAAC,IAAI;YACtB,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;IAClE,CAAC;IAEO,uBAAuB;QAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS,EAAE;YACtC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,eAAe,CACrD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAC3B,CAAC;YACF,IAAI,OAAO,KAAK,SAAS,EAAE;gBACvB,OAAO,EAAE,CAAC;aACb;YACD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CACnD,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAC3B,CAAC;YACF,IAAI,OAAO,KAAK,SAAS,EAAE;gBACvB,OAAO,EAAE,CAAC;aACb;YACD,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;gBACnD,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,IAAI;gBAC/C,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,WAAW,CAAC,MAAM,CAAC,GAAG;aACjD,CAAC,CAAC;YACH,OAAO,aAAa,gBAAgB,CAAC,CAAC,CAAC,KAAK,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC;SACtE;QACD,OAAO,EAAE,CAAC;IACd,CAAC;CACJ","sourcesContent":["import type { WaferMap } from '../..';\nimport { HoverDieOpacity } from '../../types';\n\n/**\n * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas\n */\nexport class WorkerRenderer {\n    public constructor(private readonly wafermap: WaferMap) {}\n\n    public updateSortedDiesAndDrawWafer(): void {\n        // redundant function for backwards compatibility\n        this.drawWafer();\n    }\n\n    public drawWafer(): void {\n        // rendering will be implemented in a future PR\n        this.renderHover();\n    }\n\n    public renderHover(): void {\n        this.wafermap.hoverWidth = this.wafermap.dataManager.dieDimensions.width\n            * this.wafermap.transform.k;\n        this.wafermap.hoverHeight = this.wafermap.dataManager.dieDimensions.height\n            * this.wafermap.transform.k;\n        this.wafermap.hoverOpacity = this.wafermap.hoverDie === undefined\n            ? HoverDieOpacity.hide\n            : HoverDieOpacity.show;\n        this.wafermap.hoverTransform = this.calculateHoverTransform();\n    }\n\n    private calculateHoverTransform(): string {\n        if (this.wafermap.hoverDie !== undefined) {\n            const scaledX = this.wafermap.dataManager.horizontalScale(\n                this.wafermap.hoverDie.x\n            );\n            if (scaledX === undefined) {\n                return '';\n            }\n            const scaledY = this.wafermap.dataManager.verticalScale(\n                this.wafermap.hoverDie.y\n            );\n            if (scaledY === undefined) {\n                return '';\n            }\n            const transformedPoint = this.wafermap.transform.apply([\n                scaledX + this.wafermap.dataManager.margin.left,\n                scaledY + this.wafermap.dataManager.margin.top\n            ]);\n            return `translate(${transformedPoint[0]}, ${transformedPoint[1]})`;\n        }\n        return '';\n    }\n}\n"]}

package/dist/esm/wafer-map/modules/hover-handler.d.ts

@@ -5,8 +5,16 @@ import type { WaferMap } from '..';
 export declare class HoverHandler {
     private readonly wafermap;
     constructor(wafermap: WaferMap);
-    mousemove(event: MouseEvent): void;
-    mouseout(): void;
+    /**
+     * @internal
+     */
+    connect(): void;
+    /**
+     * @internal
+     */
+    disconnect(): void;
+    private readonly onMouseMove;
+    private readonly onMouseOut;
     private calculateDieCoordinates;
     private hoversOverDie;
 }