@ni/nimble-components 29.1.6 → 29.1.8

package/dist/esm/rich-text/mention-listbox/template.js

@@ -1,5 +1,5 @@
 import { html, ref, slotted } from '@microsoft/fast-element';
-import { Listbox } from '../../listbox';
+import { ListboxElement } from '@microsoft/fast-foundation';
 import { anchoredRegionTag } from '../../anchored-region';
 // prettier-ignore
 export const template = html `
@@ -23,7 +23,7 @@ export const template = html `
                 ?disabled="${x => x.disabled}"
             >
                 <slot
-                    ${slotted({ filter: (n) => n instanceof HTMLElement && Listbox.slottedOptionFilter(n), flatten: true, property: 'slottedOptions' })}
+                    ${slotted({ filter: (n) => n instanceof HTMLElement && ListboxElement.slottedOptionFilter(n), flatten: true, property: 'slottedOptions' })}
                 >
                 </slot>
             </div>

package/dist/esm/rich-text/mention-listbox/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/rich-text/mention-listbox/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAE7D,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAwB;;WAEzC,iBAAiB;cACd,GAAG,CAAC,QAAQ,CAAC;;;;;;;;;uBASJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;;;;;0BAKT,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;6BAC5C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;sBAGtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC,CAAO,EAAE,EAAE,CAAC,CAAC,YAAY,WAAW,IAAI,OAAO,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;;;;YAIjJ,iBAAiB;;CAE5B,CAAC","sourcesContent":["import { html, ref, slotted } from '@microsoft/fast-element';\nimport type { RichTextMentionListbox } from '.';\nimport { Listbox } from '../../listbox';\nimport { anchoredRegionTag } from '../../anchored-region';\n\n// prettier-ignore\nexport const template = html<RichTextMentionListbox>`\n    <template>\n        <${anchoredRegionTag}\n            ${ref('region')}\n            class=\"anchored-region\"\n            fixed-placement\n            auto-update-mode=\"auto\"\n            vertical-default-position=\"bottom\"\n            vertical-positioning-mode=\"locktodefault\"\n            horizontal-default-position=\"center\"\n            horizontal-positioning-mode=\"locktodefault\"\n            horizontal-scaling=\"anchor\"\n            ?hidden=\"${x => !x.open}\">\n            <div\n                class=\"listbox\"\n                part=\"listbox\"\n                role=\"listbox\"\n                @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n                ?disabled=\"${x => x.disabled}\"\n            >\n                <slot\n                    ${slotted({ filter: (n: Node) => n instanceof HTMLElement && Listbox.slottedOptionFilter(n), flatten: true, property: 'slottedOptions' })}\n                >\n                </slot>\n            </div>\n        </${anchoredRegionTag}>\n    </template>\n`;\n"]}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../../src/rich-text/mention-listbox/template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,GAAG,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAE5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AAE1D,kBAAkB;AAClB,MAAM,CAAC,MAAM,QAAQ,GAAG,IAAI,CAAwB;;WAEzC,iBAAiB;cACd,GAAG,CAAC,QAAQ,CAAC;;;;;;;;;uBASJ,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,IAAI;;;;;0BAKT,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,KAAmB,CAAC;6BAC5C,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,QAAQ;;;sBAGtB,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC,CAAO,EAAE,EAAE,CAAC,CAAC,YAAY,WAAW,IAAI,cAAc,CAAC,mBAAmB,CAAC,CAAC,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,gBAAgB,EAAE,CAAC;;;;YAIxJ,iBAAiB;;CAE5B,CAAC","sourcesContent":["import { html, ref, slotted } from '@microsoft/fast-element';\nimport { ListboxElement } from '@microsoft/fast-foundation';\nimport type { RichTextMentionListbox } from '.';\nimport { anchoredRegionTag } from '../../anchored-region';\n\n// prettier-ignore\nexport const template = html<RichTextMentionListbox>`\n    <template>\n        <${anchoredRegionTag}\n            ${ref('region')}\n            class=\"anchored-region\"\n            fixed-placement\n            auto-update-mode=\"auto\"\n            vertical-default-position=\"bottom\"\n            vertical-positioning-mode=\"locktodefault\"\n            horizontal-default-position=\"center\"\n            horizontal-positioning-mode=\"locktodefault\"\n            horizontal-scaling=\"anchor\"\n            ?hidden=\"${x => !x.open}\">\n            <div\n                class=\"listbox\"\n                part=\"listbox\"\n                role=\"listbox\"\n                @click=\"${(x, c) => x.clickHandler(c.event as MouseEvent)}\"\n                ?disabled=\"${x => x.disabled}\"\n            >\n                <slot\n                    ${slotted({ filter: (n: Node) => n instanceof HTMLElement && ListboxElement.slottedOptionFilter(n), flatten: true, property: 'slottedOptions' })}\n                >\n                </slot>\n            </div>\n        </${anchoredRegionTag}>\n    </template>\n`;\n"]}

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

@@ -1,25 +1,40 @@
 import { ScaleLinear } from 'd3-scale';
-import type { WaferMap } from '../..';
-import { Dimensions, Margin } from '../../types';
+import type { WaferMap } from '..';
+import type { ColorScale, Dimensions, Margin } from '../workers/types';
 /**
  * Computations calculates and stores different measures which are used in the Wafermap
  */
 export declare class Computations {
     private readonly wafermap;
+    get horizontalScale(): ScaleLinear<number, number>;
+    get verticalScale(): ScaleLinear<number, number>;
     get containerDimensions(): Dimensions;
     get dieDimensions(): Dimensions;
     get margin(): Margin;
-    get horizontalScale(): ScaleLinear<number, number>;
-    get verticalScale(): ScaleLinear<number, number>;
+    get verticalCoefficient(): number;
+    get horizontalCoefficient(): number;
+    get horizontalConstant(): number;
+    get verticalConstant(): number;
+    get labelsFontSize(): number;
+    get colorScale(): ColorScale;
+    private _horizontalScale;
+    private _verticalScale;
     private _containerDimensions;
     private _dieDimensions;
     private _margin;
-    private _horizontalScale;
-    private _verticalScale;
-    private readonly defaultPadding;
+    private _verticalCoefficient;
+    private _horizontalCoefficient;
+    private _horizontalConstant;
+    private _verticalConstant;
+    private _labelsFontSize;
+    private _colorScale;
     private readonly baseMarginPercentage;
+    private readonly fontSizeFactor;
+    private readonly colorScaleResolution;
     constructor(wafermap: WaferMap);
-    update(): void;
+    componentResizeUpdate(): void;
+    inputDataUpdate(): void;
+    colorAndTextUpdate(): void;
     private gridDimensionsValidAndDefined;
     private calculateGridDimensionsFromBoundingBox;
     private calculateGridDimensionsFromDies;
@@ -27,4 +42,6 @@ export declare class Computations {
     private createHorizontalScale;
     private createVerticalScale;
     private calculateMarginAddition;
+    private calculateColorScale;
+    private calculateLabelsFontSize;
 }

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

@@ -1,9 +1,16 @@
 import { scaleLinear } from 'd3-scale';
-import { WaferMapOriginLocation } from '../../types';
+import { ticks } from 'd3-array';
+import { WaferMapColorScaleMode, WaferMapOriginLocation } from '../types';
 /**
  * Computations calculates and stores different measures which are used in the Wafermap
  */
 export class Computations {
+    get horizontalScale() {
+        return this._horizontalScale;
+    }
+    get verticalScale() {
+        return this._verticalScale;
+    }
     get containerDimensions() {
         return this._containerDimensions;
     }
@@ -13,18 +20,31 @@ export class Computations {
     get margin() {
         return this._margin;
     }
-    get horizontalScale() {
-        return this._horizontalScale;
+    get verticalCoefficient() {
+        return this._verticalCoefficient;
     }
-    get verticalScale() {
-        return this._verticalScale;
+    get horizontalCoefficient() {
+        return this._horizontalCoefficient;
+    }
+    get horizontalConstant() {
+        return this._horizontalConstant;
+    }
+    get verticalConstant() {
+        return this._verticalConstant;
+    }
+    get labelsFontSize() {
+        return this._labelsFontSize;
+    }
+    get colorScale() {
+        return this._colorScale;
     }
     constructor(wafermap) {
         this.wafermap = wafermap;
-        this.defaultPadding = 0;
         this.baseMarginPercentage = 0.04;
+        this.fontSizeFactor = 0.8;
+        this.colorScaleResolution = 10;
     }
-    update() {
+    componentResizeUpdate() {
         const canvasDimensions = {
             width: this.wafermap.canvasWidth,
             height: this.wafermap.canvasHeight
@@ -43,7 +63,14 @@ export class Computations {
             left: canvasDiameter * this.baseMarginPercentage
         };
         this._margin = this.calculateMarginAddition(baseMargin, canvasMargin);
-        this._containerDimensions = this.calculateContainerDimensions(canvasDimensions, this._margin);
+        this._containerDimensions = this.calculateContainerDimensions(canvasDimensions, this.margin);
+        this.inputDataUpdate();
+    }
+    inputDataUpdate() {
+        if (this._containerDimensions === undefined) {
+            this.componentResizeUpdate();
+            return;
+        }
         const containerDiameter = Math.min(this._containerDimensions.width, this._containerDimensions.height);
         const gridDimensions = this.gridDimensionsValidAndDefined()
             ? this.calculateGridDimensionsFromBoundingBox()
@@ -53,10 +80,23 @@ export class Computations {
         this._horizontalScale = this.createHorizontalScale(originLocation, gridDimensions, containerDiameter);
         // this scale is used for positioning the dies on the canvas
         this._verticalScale = this.createVerticalScale(originLocation, gridDimensions, containerDiameter);
+        this._horizontalCoefficient = this._horizontalScale(1) - this._horizontalScale(0);
+        this._verticalCoefficient = this._verticalScale(1) - this._verticalScale(0);
+        this._horizontalConstant = this._horizontalScale(0);
+        this._verticalConstant = this._verticalScale(0);
         this._dieDimensions = {
             width: Math.abs(this._horizontalScale(0) - this._horizontalScale(1)),
             height: Math.abs(this._verticalScale(0) - this._verticalScale(1))
         };
+        this.colorAndTextUpdate();
+    }
+    colorAndTextUpdate() {
+        if (this._dieDimensions === undefined) {
+            this.inputDataUpdate();
+            return;
+        }
+        this._labelsFontSize = this.calculateLabelsFontSize(this._dieDimensions, this.wafermap.maxCharacters);
+        this._colorScale = this.calculateColorScale();
     }
     gridDimensionsValidAndDefined() {
         return (!this.wafermap.validity.invalidGridDimensions
@@ -151,5 +191,44 @@ export class Computations {
             left: baseMargin.left + addedMargin.left
         };
     }
+    calculateColorScale() {
+        if (this.wafermap.colorScaleMode === WaferMapColorScaleMode.linear) {
+            const values = this.wafermap.colorScale.values.map(item => +item);
+            const d3ColorScale = scaleLinear()
+                .domain(values)
+                .range(this.wafermap.colorScale.colors);
+            let min = values[0];
+            let max = values[0];
+            values.forEach(value => {
+                if (value < min) {
+                    min = value;
+                }
+                if (value > max) {
+                    max = value;
+                }
+            });
+            // the linear color scale will not be infinite but will be limited by the color scale resolution
+            const valueSamples = ticks(min, max, values.length * this.colorScaleResolution);
+            return valueSamples.map(value => {
+                return {
+                    color: d3ColorScale(value),
+                    value
+                };
+            });
+        }
+        // ordinal color categories have to be sorted by value
+        return this.wafermap.colorScale.colors
+            .map((color, index) => {
+            return {
+                color,
+                value: +this.wafermap.colorScale.values[index]
+            };
+        })
+            .sort((a, b) => a.value - b.value);
+    }
+    calculateLabelsFontSize(dieDimensions, maxCharacters) {
+        return Math.min(dieDimensions.height, (dieDimensions.width / (Math.max(2, maxCharacters) * 0.5))
+            * this.fontSizeFactor);
+    }
 }
 //# sourceMappingURL=computations.js.map

package/dist/esm/wafer-map/experimental/computations.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"computations.js","sourceRoot":"","sources":["../../../../src/wafer-map/experimental/computations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAe,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AAEjC,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAY1E;;GAEG;AACH,MAAM,OAAO,YAAY;IACrB,IAAW,eAAe;QACtB,OAAO,IAAI,CAAC,gBAAgB,CAAC;IACjC,CAAC;IAED,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAED,IAAW,mBAAmB;QAC1B,OAAO,IAAI,CAAC,oBAAoB,CAAC;IACrC,CAAC;IAED,IAAW,aAAa;QACpB,OAAO,IAAI,CAAC,cAAc,CAAC;IAC/B,CAAC;IAED,IAAW,MAAM;QACb,OAAO,IAAI,CAAC,OAAO,CAAC;IACxB,CAAC;IAED,IAAW,mBAAmB;QAC1B,OAAO,IAAI,CAAC,oBAAoB,CAAC;IACrC,CAAC;IAED,IAAW,qBAAqB;QAC5B,OAAO,IAAI,CAAC,sBAAsB,CAAC;IACvC,CAAC;IAED,IAAW,kBAAkB;QACzB,OAAO,IAAI,CAAC,mBAAmB,CAAC;IACpC,CAAC;IAED,IAAW,gBAAgB;QACvB,OAAO,IAAI,CAAC,iBAAiB,CAAC;IAClC,CAAC;IAED,IAAW,cAAc;QACrB,OAAO,IAAI,CAAC,eAAe,CAAC;IAChC,CAAC;IAED,IAAW,UAAU;QACjB,OAAO,IAAI,CAAC,WAAW,CAAC;IAC5B,CAAC;IAkBD,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAJrC,yBAAoB,GAAG,IAAI,CAAC;QAC5B,mBAAc,GAAG,GAAG,CAAC;QACrB,yBAAoB,GAAG,EAAE,CAAC;IAEc,CAAC;IAEnD,qBAAqB;QACxB,MAAM,gBAAgB,GAAG;YACrB,KAAK,EAAE,IAAI,CAAC,QAAQ,CAAC,WAAW;YAChC,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,YAAY;SACrC,CAAC;QACF,MAAM,cAAc,GAAG,IAAI,CAAC,GAAG,CAC3B,gBAAgB,CAAC,KAAK,EACtB,gBAAgB,CAAC,MAAM,CAC1B,CAAC;QACF,MAAM,YAAY,GAAG;YACjB,GAAG,EAAE,CAAC,gBAAgB,CAAC,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC;YACnD,KAAK,EAAE,CAAC,gBAAgB,CAAC,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC;YACpD,MAAM,EAAE,CAAC,gBAAgB,CAAC,MAAM,GAAG,cAAc,CAAC,GAAG,CAAC;YACtD,IAAI,EAAE,CAAC,gBAAgB,CAAC,KAAK,GAAG,cAAc,CAAC,GAAG,CAAC;SACtD,CAAC;QACF,MAAM,UAAU,GAAG;YACf,GAAG,EAAE,cAAc,GAAG,IAAI,CAAC,oBAAoB;YAC/C,KAAK,EAAE,cAAc,GAAG,IAAI,CAAC,oBAAoB;YACjD,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC,oBAAoB;YAClD,IAAI,EAAE,cAAc,GAAG,IAAI,CAAC,oBAAoB;SACnD,CAAC;QACF,IAAI,CAAC,OAAO,GAAG,IAAI,CAAC,uBAAuB,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;QACtE,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,4BAA4B,CACzD,gBAAgB,EAChB,IAAI,CAAC,MAAM,CACd,CAAC;QACF,IAAI,CAAC,eAAe,EAAE,CAAC;IAC3B,CAAC;IAEM,eAAe;QAClB,IAAI,IAAI,CAAC,oBAAoB,KAAK,SAAS,EAAE;YACzC,IAAI,CAAC,qBAAqB,EAAE,CAAC;YAC7B,OAAO;SACV;QACD,MAAM,iBAAiB,GAAG,IAAI,CAAC,GAAG,CAC9B,IAAI,CAAC,oBAAoB,CAAC,KAAK,EAC/B,IAAI,CAAC,oBAAoB,CAAC,MAAM,CACnC,CAAC;QACF,MAAM,cAAc,GAAG,IAAI,CAAC,6BAA6B,EAAE;YACvD,CAAC,CAAC,IAAI,CAAC,sCAAsC,EAAE;YAC/C,CAAC,CAAC,IAAI,CAAC,+BAA+B,EAAE,CAAC;QAC7C,4DAA4D;QAC5D,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;QACpD,IAAI,CAAC,gBAAgB,GAAG,IAAI,CAAC,qBAAqB,CAC9C,cAAc,EACd,cAAc,EACd,iBAAiB,CACpB,CAAC;QACF,4DAA4D;QAC5D,IAAI,CAAC,cAAc,GAAG,IAAI,CAAC,mBAAmB,CAC1C,cAAc,EACd,cAAc,EACd,iBAAiB,CACpB,CAAC;QACF,IAAI,CAAC,sBAAsB,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QAClF,IAAI,CAAC,oBAAoB,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QAC5E,IAAI,CAAC,mBAAmB,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC;QACpD,IAAI,CAAC,iBAAiB,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;QAEhD,IAAI,CAAC,cAAc,GAAG;YAClB,KAAK,EAAE,IAAI,CAAC,GAAG,CACX,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,CACtD;YACD,MAAM,EAAE,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC;SACpE,CAAC;QACF,IAAI,CAAC,kBAAkB,EAAE,CAAC;IAC9B,CAAC;IAEM,kBAAkB;QACrB,IAAI,IAAI,CAAC,cAAc,KAAK,SAAS,EAAE;YACnC,IAAI,CAAC,eAAe,EAAE,CAAC;YACvB,OAAO;SACV;QACD,IAAI,CAAC,eAAe,GAAG,IAAI,CAAC,uBAAuB,CAC/C,IAAI,CAAC,cAAc,EACnB,IAAI,CAAC,QAAQ,CAAC,aAAa,CAC9B,CAAC;QACF,IAAI,CAAC,WAAW,GAAG,IAAI,CAAC,mBAAmB,EAAE,CAAC;IAClD,CAAC;IAEO,6BAA6B;QACjC,OAAO,CACH,CAAC,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,qBAAqB;eAC1C,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ;eAC1C,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ;eAC1C,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ;eAC1C,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ,CAChD,CAAC;IACN,CAAC;IAEO,sCAAsC;QAC1C,MAAM,cAAc,GAAG,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;QACpE,IACI,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ;eACvC,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ;eAC1C,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ;eAC1C,OAAO,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,QAAQ,EAC/C;YACE,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACjD,cAAc,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC;YACjD,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,CAAC;YAC1E,cAAc,CAAC,IAAI,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,CAAC,CAAC;SAC7E;QACD,OAAO,cAAc,CAAC;IAC1B,CAAC;IAEO,+BAA+B;QACnC,IAAI,IAAI,CAAC,QAAQ,CAAC,SAAS,KAAK,SAAS,EAAE;YACvC,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,CAAC;SACvD;QAED,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS;aACnC,QAAQ,CAAC,UAAU,CAAE;aACrB,OAAO,EAAE,CAAC;QACf,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS;aACnC,QAAQ,CAAC,UAAU,CAAE;aACrB,OAAO,EAAE,CAAC;QAEf,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAE,EAAE,CAAC;QACtD,MAAM,QAAQ,GAAG,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAE,EAAE,CAAC,EAAE,QAAQ,CAAC,CAAC,CAAE,EAAE,CAAC;QAEtD,sGAAsG;QACtG,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;YACtC,IAAI,QAAQ,CAAC,CAAC,CAAE,GAAG,QAAQ,CAAC,CAAC,EAAE;gBAC3B,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAE,CAAC;aAC7B;YACD,IAAI,QAAQ,CAAC,CAAC,CAAE,GAAG,QAAQ,CAAC,CAAC,EAAE;gBAC3B,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAE,CAAC;aAC7B;YACD,IAAI,QAAQ,CAAC,CAAC,CAAE,GAAG,QAAQ,CAAC,CAAC,EAAE;gBAC3B,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAE,CAAC;aAC7B;YACD,IAAI,QAAQ,CAAC,CAAC,CAAE,GAAG,QAAQ,CAAC,CAAC,EAAE;gBAC3B,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAE,CAAC;aAC7B;SACJ;QAED,OAAO;YACH,MAAM,EAAE,QAAQ;YAChB,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC;YACjC,IAAI,EAAE,QAAQ,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC,GAAG,CAAC;SACpC,CAAC;IACN,CAAC;IAEO,4BAA4B,CAChC,gBAA4B,EAC5B,MAAc;QAEd,OAAO;YACH,KAAK,EAAE,gBAAgB,CAAC,KAAK,GAAG,MAAM,CAAC,IAAI,GAAG,MAAM,CAAC,KAAK;YAC1D,MAAM,EAAE,gBAAgB,CAAC,MAAM,GAAG,MAAM,CAAC,GAAG,GAAG,MAAM,CAAC,MAAM;SAC/D,CAAC;IACN,CAAC;IAEO,qBAAqB,CACzB,cAAsC,EACtC,IAAoB,EACpB,cAAsB;QAEtB,MAAM,KAAK,GAAG,WAAW,EAAkB,CAAC;QAC5C,IACI,cAAc,KAAK,sBAAsB,CAAC,UAAU;eACjD,cAAc,KAAK,sBAAsB,CAAC,OAAO,EACtD;YACE,OAAO,KAAK;iBACP,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;iBAClD,KAAK,CAAC,CAAC,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC;SACnC;QACD,OAAO,KAAK;aACP,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;aAC1D,KAAK,CAAC,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,CAAC;IACpC,CAAC;IAEO,mBAAmB,CACvB,cAAsC,EACtC,IAAoB,EACpB,eAAuB;QAEvB,MAAM,KAAK,GAAG,WAAW,EAAkB,CAAC;QAC5C,+HAA+H;QAC/H,qCAAqC;QACrC,IACI,cAAc,KAAK,sBAAsB,CAAC,UAAU;eACjD,cAAc,KAAK,sBAAsB,CAAC,WAAW,EAC1D;YACE,OAAO,KAAK;iBACP,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC;iBAC1D,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC,CAAC,CAAC,CAAC;SACpC;QACD,OAAO,KAAK;aACP,MAAM,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,EAAE,IAAI,CAAC,MAAM,CAAC,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC,CAAC;aAClD,KAAK,CAAC,CAAC,CAAC,EAAE,eAAe,CAAC,CAAC,CAAC;IACrC,CAAC;IAEO,uBAAuB,CAC3B,UAAkB,EAClB,WAAmB;QAEnB,OAAO;YACH,GAAG,EAAE,UAAU,CAAC,GAAG,GAAG,WAAW,CAAC,GAAG;YACrC,KAAK,EAAE,UAAU,CAAC,KAAK,GAAG,WAAW,CAAC,KAAK;YAC3C,MAAM,EAAE,UAAU,CAAC,MAAM,GAAG,WAAW,CAAC,MAAM;YAC9C,IAAI,EAAE,UAAU,CAAC,IAAI,GAAG,WAAW,CAAC,IAAI;SAC3C,CAAC;IACN,CAAC;IAEO,mBAAmB;QACvB,IAAI,IAAI,CAAC,QAAQ,CAAC,cAAc,KAAK,sBAAsB,CAAC,MAAM,EAAE;YAChE,MAAM,MAAM,GAAG,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,IAAI,CAAC,CAAC;YAClE,MAAM,YAAY,GAAG,WAAW,EAAkB;iBAC7C,MAAM,CAAC,MAAM,CAAC;iBACd,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC;YAC5C,IAAI,GAAG,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC;YACrB,IAAI,GAAG,GAAG,MAAM,CAAC,CAAC,CAAE,CAAC;YACrB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,EAAE;gBACnB,IAAI,KAAK,GAAG,GAAG,EAAE;oBACb,GAAG,GAAG,KAAK,CAAC;iBACf;gBACD,IAAI,KAAK,GAAG,GAAG,EAAE;oBACb,GAAG,GAAG,KAAK,CAAC;iBACf;YACL,CAAC,CAAC,CAAC;YACH,gGAAgG;YAChG,MAAM,YAAY,GAAG,KAAK,CACtB,GAAG,EACH,GAAG,EACH,MAAM,CAAC,MAAM,GAAG,IAAI,CAAC,oBAAoB,CAC5C,CAAC;YACF,OAAO,YAAY,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE;gBAC5B,OAAO;oBACH,KAAK,EAAE,YAAY,CAAC,KAAK,CAAC;oBAC1B,KAAK;iBACR,CAAC;YACN,CAAC,CAAC,CAAC;SACN;QACD,sDAAsD;QACtD,OAAO,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM;aACjC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE;YAClB,OAAO;gBACH,KAAK;gBACL,KAAK,EAAE,CAAC,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,MAAM,CAAC,KAAK,CAAE;aAClD,CAAC;QACN,CAAC,CAAC;aACD,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IAC3C,CAAC;IAEO,uBAAuB,CAC3B,aAAyB,EACzB,aAAqB;QAErB,OAAO,IAAI,CAAC,GAAG,CACX,aAAa,CAAC,MAAM,EACpB,CAAC,aAAa,CAAC,KAAK,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,aAAa,CAAC,GAAG,GAAG,CAAC,CAAC;cACpD,IAAI,CAAC,cAAc,CAC5B,CAAC;IACN,CAAC;CACJ","sourcesContent":["import { scaleLinear, ScaleLinear } from 'd3-scale';\nimport { ticks } from 'd3-array';\nimport type { WaferMap } from '..';\nimport { WaferMapColorScaleMode, WaferMapOriginLocation } from '../types';\nimport type { ColorScale, Dimensions, Margin } from '../workers/types';\n\ninterface GridDimensions {\n    origin: {\n        x: number,\n        y: number\n    };\n    rows: number;\n    cols: number;\n}\n\n/**\n * Computations calculates and stores different measures which are used in the Wafermap\n */\nexport class Computations {\n    public get horizontalScale(): ScaleLinear<number, number> {\n        return this._horizontalScale;\n    }\n\n    public get verticalScale(): ScaleLinear<number, number> {\n        return this._verticalScale;\n    }\n\n    public get containerDimensions(): Dimensions {\n        return this._containerDimensions;\n    }\n\n    public get dieDimensions(): Dimensions {\n        return this._dieDimensions;\n    }\n\n    public get margin(): Margin {\n        return this._margin;\n    }\n\n    public get verticalCoefficient(): number {\n        return this._verticalCoefficient;\n    }\n\n    public get horizontalCoefficient(): number {\n        return this._horizontalCoefficient;\n    }\n\n    public get horizontalConstant(): number {\n        return this._horizontalConstant;\n    }\n\n    public get verticalConstant(): number {\n        return this._verticalConstant;\n    }\n\n    public get labelsFontSize(): number {\n        return this._labelsFontSize;\n    }\n\n    public get colorScale(): ColorScale {\n        return this._colorScale;\n    }\n\n    private _horizontalScale!: ScaleLinear<number, number>;\n    private _verticalScale!: ScaleLinear<number, number>;\n    private _containerDimensions!: Dimensions;\n    private _dieDimensions!: Dimensions;\n    private _margin!: Margin;\n    private _verticalCoefficient!: number;\n    private _horizontalCoefficient!: number;\n    private _horizontalConstant!: number;\n    private _verticalConstant!: number;\n    private _labelsFontSize!: number;\n    private _colorScale!: ColorScale;\n\n    private readonly baseMarginPercentage = 0.04;\n    private readonly fontSizeFactor = 0.8;\n    private readonly colorScaleResolution = 10;\n\n    public constructor(private readonly wafermap: WaferMap) {}\n\n    public componentResizeUpdate(): void {\n        const canvasDimensions = {\n            width: this.wafermap.canvasWidth,\n            height: this.wafermap.canvasHeight\n        };\n        const canvasDiameter = Math.min(\n            canvasDimensions.width,\n            canvasDimensions.height\n        );\n        const canvasMargin = {\n            top: (canvasDimensions.height - canvasDiameter) / 2,\n            right: (canvasDimensions.width - canvasDiameter) / 2,\n            bottom: (canvasDimensions.height - canvasDiameter) / 2,\n            left: (canvasDimensions.width - canvasDiameter) / 2\n        };\n        const baseMargin = {\n            top: canvasDiameter * this.baseMarginPercentage,\n            right: canvasDiameter * this.baseMarginPercentage,\n            bottom: canvasDiameter * this.baseMarginPercentage,\n            left: canvasDiameter * this.baseMarginPercentage\n        };\n        this._margin = this.calculateMarginAddition(baseMargin, canvasMargin);\n        this._containerDimensions = this.calculateContainerDimensions(\n            canvasDimensions,\n            this.margin\n        );\n        this.inputDataUpdate();\n    }\n\n    public inputDataUpdate(): void {\n        if (this._containerDimensions === undefined) {\n            this.componentResizeUpdate();\n            return;\n        }\n        const containerDiameter = Math.min(\n            this._containerDimensions.width,\n            this._containerDimensions.height\n        );\n        const gridDimensions = this.gridDimensionsValidAndDefined()\n            ? this.calculateGridDimensionsFromBoundingBox()\n            : this.calculateGridDimensionsFromDies();\n        // this scale is used for positioning the dies on the canvas\n        const originLocation = this.wafermap.originLocation;\n        this._horizontalScale = this.createHorizontalScale(\n            originLocation,\n            gridDimensions,\n            containerDiameter\n        );\n        // this scale is used for positioning the dies on the canvas\n        this._verticalScale = this.createVerticalScale(\n            originLocation,\n            gridDimensions,\n            containerDiameter\n        );\n        this._horizontalCoefficient = this._horizontalScale(1) - this._horizontalScale(0);\n        this._verticalCoefficient = this._verticalScale(1) - this._verticalScale(0);\n        this._horizontalConstant = this._horizontalScale(0);\n        this._verticalConstant = this._verticalScale(0);\n\n        this._dieDimensions = {\n            width: Math.abs(\n                this._horizontalScale(0) - this._horizontalScale(1)\n            ),\n            height: Math.abs(this._verticalScale(0) - this._verticalScale(1))\n        };\n        this.colorAndTextUpdate();\n    }\n\n    public colorAndTextUpdate(): void {\n        if (this._dieDimensions === undefined) {\n            this.inputDataUpdate();\n            return;\n        }\n        this._labelsFontSize = this.calculateLabelsFontSize(\n            this._dieDimensions,\n            this.wafermap.maxCharacters\n        );\n        this._colorScale = this.calculateColorScale();\n    }\n\n    private gridDimensionsValidAndDefined(): boolean {\n        return (\n            !this.wafermap.validity.invalidGridDimensions\n            && typeof this.wafermap.gridMinX === 'number'\n            && typeof this.wafermap.gridMinY === 'number'\n            && typeof this.wafermap.gridMaxX === 'number'\n            && typeof this.wafermap.gridMinX === 'number'\n        );\n    }\n\n    private calculateGridDimensionsFromBoundingBox(): GridDimensions {\n        const gridDimensions = { origin: { x: 0, y: 0 }, rows: 0, cols: 0 };\n        if (\n            typeof this.wafermap.gridMaxY === 'number'\n            && typeof this.wafermap.gridMinY === 'number'\n            && typeof this.wafermap.gridMaxX === 'number'\n            && typeof this.wafermap.gridMinX === 'number'\n        ) {\n            gridDimensions.origin.x = this.wafermap.gridMinX;\n            gridDimensions.origin.y = this.wafermap.gridMinY;\n            gridDimensions.rows = this.wafermap.gridMaxY - this.wafermap.gridMinY + 1;\n            gridDimensions.cols = this.wafermap.gridMaxX - this.wafermap.gridMinX + 1;\n        }\n        return gridDimensions;\n    }\n\n    private calculateGridDimensionsFromDies(): GridDimensions {\n        if (this.wafermap.diesTable === undefined) {\n            return { origin: { x: 0, y: 0 }, rows: 0, cols: 0 };\n        }\n\n        const colIndex = this.wafermap.diesTable\n            .getChild('colIndex')!\n            .toArray();\n        const rowIndex = this.wafermap.diesTable\n            .getChild('rowIndex')!\n            .toArray();\n\n        const minPoint = { x: colIndex[0]!, y: rowIndex[0]! };\n        const maxPoint = { x: colIndex[0]!, y: rowIndex[0]! };\n\n        // will replace iterating with arquero after fixing issues: https://github.com/uwdata/arquero/pull/346\n        for (let i = 0; i < colIndex.length; i++) {\n            if (colIndex[i]! < minPoint.x) {\n                minPoint.x = colIndex[i]!;\n            }\n            if (colIndex[i]! > maxPoint.x) {\n                maxPoint.x = colIndex[i]!;\n            }\n            if (rowIndex[i]! < minPoint.y) {\n                minPoint.y = rowIndex[i]!;\n            }\n            if (rowIndex[i]! > maxPoint.y) {\n                maxPoint.y = rowIndex[i]!;\n            }\n        }\n\n        return {\n            origin: minPoint,\n            rows: maxPoint.y - minPoint.y + 1,\n            cols: maxPoint.x - minPoint.x + 1\n        };\n    }\n\n    private calculateContainerDimensions(\n        canvasDimensions: Dimensions,\n        margin: Margin\n    ): Dimensions {\n        return {\n            width: canvasDimensions.width - margin.left - margin.right,\n            height: canvasDimensions.height - margin.top - margin.bottom\n        };\n    }\n\n    private createHorizontalScale(\n        originLocation: WaferMapOriginLocation,\n        grid: GridDimensions,\n        containerWidth: number\n    ): ScaleLinear<number, number> {\n        const scale = scaleLinear<number, number>();\n        if (\n            originLocation === WaferMapOriginLocation.bottomLeft\n            || originLocation === WaferMapOriginLocation.topLeft\n        ) {\n            return scale\n                .domain([grid.origin.x, grid.origin.x + grid.cols])\n                .range([0, containerWidth]);\n        }\n        return scale\n            .domain([grid.origin.x - 1, grid.origin.x + grid.cols - 1])\n            .range([containerWidth, 0]);\n    }\n\n    private createVerticalScale(\n        originLocation: WaferMapOriginLocation,\n        grid: GridDimensions,\n        containerHeight: number\n    ): ScaleLinear<number, number> {\n        const scale = scaleLinear<number, number>();\n        // html canvas has top-left origin https://developer.mozilla.org/en-US/docs/Web/API/Canvas_API/Tutorial/Drawing_shapes#the_grid\n        // we need to flip the vertical scale\n        if (\n            originLocation === WaferMapOriginLocation.bottomLeft\n            || originLocation === WaferMapOriginLocation.bottomRight\n        ) {\n            return scale\n                .domain([grid.origin.y - 1, grid.origin.y + grid.rows - 1])\n                .range([containerHeight, 0]);\n        }\n        return scale\n            .domain([grid.origin.y, grid.origin.y + grid.rows])\n            .range([0, containerHeight]);\n    }\n\n    private calculateMarginAddition(\n        baseMargin: Margin,\n        addedMargin: Margin\n    ): Margin {\n        return {\n            top: baseMargin.top + addedMargin.top,\n            right: baseMargin.right + addedMargin.right,\n            bottom: baseMargin.bottom + addedMargin.bottom,\n            left: baseMargin.left + addedMargin.left\n        };\n    }\n\n    private calculateColorScale(): ColorScale {\n        if (this.wafermap.colorScaleMode === WaferMapColorScaleMode.linear) {\n            const values = this.wafermap.colorScale.values.map(item => +item);\n            const d3ColorScale = scaleLinear<string, string>()\n                .domain(values)\n                .range(this.wafermap.colorScale.colors);\n            let min = values[0]!;\n            let max = values[0]!;\n            values.forEach(value => {\n                if (value < min) {\n                    min = value;\n                }\n                if (value > max) {\n                    max = value;\n                }\n            });\n            // the linear color scale will not be infinite but will be limited by the color scale resolution\n            const valueSamples = ticks(\n                min,\n                max,\n                values.length * this.colorScaleResolution\n            );\n            return valueSamples.map(value => {\n                return {\n                    color: d3ColorScale(value),\n                    value\n                };\n            });\n        }\n        // ordinal color categories have to be sorted by value\n        return this.wafermap.colorScale.colors\n            .map((color, index) => {\n                return {\n                    color,\n                    value: +this.wafermap.colorScale.values[index]!\n                };\n            })\n            .sort((a, b) => a.value - b.value);\n    }\n\n    private calculateLabelsFontSize(\n        dieDimensions: Dimensions,\n        maxCharacters: number\n    ): number {\n        return Math.min(\n            dieDimensions.height,\n            (dieDimensions.width / (Math.max(2, maxCharacters) * 0.5))\n                * this.fontSizeFactor\n        );\n    }\n}\n"]}

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

@@ -1,4 +1,4 @@
-import type { WaferMap } from '../..';
+import type { WaferMap } from '..';
 /**
  * HoverHandler deals with user interactions and events like hovering
  */

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

@@ -1,4 +1,4 @@
-import { WaferMapOriginLocation } from '../../types';
+import { WaferMapOriginLocation } from '../types';
 /**
  * HoverHandler deals with user interactions and events like hovering
  */
@@ -72,10 +72,8 @@ export class HoverHandler {
                 ? Math.ceil
                 : Math.floor;
             // go to x and y scale to get the x,y values of the die.
-            const x = xRoundFunction(this.wafermap.experimentalDataManager.horizontalScale.invert(mousePosition.x
-                - this.wafermap.experimentalDataManager.margin.left));
-            const y = yRoundFunction(this.wafermap.experimentalDataManager.verticalScale.invert(mousePosition.y
-                - this.wafermap.experimentalDataManager.margin.top));
+            const x = xRoundFunction(this.wafermap.computations.horizontalScale.invert(mousePosition.x - this.wafermap.computations.margin.left));
+            const y = yRoundFunction(this.wafermap.computations.verticalScale.invert(mousePosition.y - this.wafermap.computations.margin.top));
             return { x, y };
         }
         return undefined;

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

@@ -0,0 +1 @@
+{"version":3,"file":"hover-handler.js","sourceRoot":"","sources":["../../../../src/wafer-map/experimental/hover-handler.ts"],"names":[],"mappings":"AACA,OAAO,EAAoB,sBAAsB,EAAE,MAAM,UAAU,CAAC;AAEpE;;GAEG;AACH,MAAM,OAAO,YAAY;IACrB,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;QAkBrC,gBAAW,GAAG,CAAC,KAAiB,EAAQ,EAAE;YACvD,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC,oBAAoB,EAAE,EAAE;gBACvC,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;YACH,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,IAAI,cAAc,KAAK,SAAS,EAAE;gBAC9B,IAAI,CAAC,QAAQ,CAAC,QAAQ,GAAG,SAAS,CAAC;gBACnC,OAAO;aACV;YACD,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;IA7DuD,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;IA+CO,uBAAuB,CAC3B,aAA+B;QAE/B,IAAI,IAAI,CAAC,QAAQ,CAAC,oBAAoB,EAAE,EAAE;YACtC,MAAM,cAAc,GAAG,IAAI,CAAC,QAAQ,CAAC,cAAc,CAAC;YACpD,MAAM,cAAc,GAAG,cAAc,KAAK,sBAAsB,CAAC,UAAU;mBACpE,cAAc,KAAK,sBAAsB,CAAC,OAAO;gBACpD,CAAC,CAAC,IAAI,CAAC,KAAK;gBACZ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;YAChB,MAAM,cAAc,GAAG,cAAc,KAAK,sBAAsB,CAAC,UAAU;mBACpE,cAAc,KAAK,sBAAsB,CAAC,WAAW;gBACxD,CAAC,CAAC,IAAI,CAAC,IAAI;gBACX,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC;YACjB,wDAAwD;YACxD,MAAM,CAAC,GAAG,cAAc,CACpB,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,eAAe,CAAC,MAAM,CAC7C,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,IAAI,CAC3D,CACJ,CAAC;YACF,MAAM,CAAC,GAAG,cAAc,CACpB,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,aAAa,CAAC,MAAM,CAC3C,aAAa,CAAC,CAAC,GAAG,IAAI,CAAC,QAAQ,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG,CAC1D,CACJ,CAAC;YACF,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC;SACnB;QACD,OAAO,SAAS,CAAC;IACrB,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    private readonly onMouseMove = (event: MouseEvent): void => {\n        if (!this.wafermap.isExperimentalUpdate()) {\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        const dieCoordinates = this.calculateDieCoordinates({\n            x: invertedPoint[0],\n            y: invertedPoint[1]\n        });\n        if (dieCoordinates === undefined) {\n            this.wafermap.hoverDie = undefined;\n            return;\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 | undefined {\n        if (this.wafermap.isExperimentalUpdate()) {\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.ceil\n                : Math.floor;\n            // go to x and y scale to get the x,y values of the die.\n            const x = xRoundFunction(\n                this.wafermap.computations.horizontalScale.invert(\n                    mousePosition.x - this.wafermap.computations.margin.left\n                )\n            );\n            const y = yRoundFunction(\n                this.wafermap.computations.verticalScale.invert(\n                    mousePosition.y - this.wafermap.computations.margin.top\n                )\n            );\n            return { x, y };\n        }\n        return undefined;\n    }\n}\n"]}

package/dist/esm/wafer-map/experimental/worker-renderer.d.ts

@@ -0,0 +1,24 @@
+import type { ZoomTransform } from 'd3-zoom';
+import type { WaferMap } from '..';
+import type { Dimensions, RenderConfig } from '../workers/types';
+/**
+ * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas
+ */
+export declare class WorkerRenderer {
+    private readonly wafermap;
+    private matrixRenderer;
+    constructor(wafermap: WaferMap);
+    setupWafer(snapshot: {
+        canvasDimensions: Dimensions;
+        renderConfig: RenderConfig;
+        columnIndices: Int32Array;
+        rowIndices: Int32Array;
+    }): Promise<void>;
+    drawWafer(snapshot: {
+        canvasDimensions: Dimensions;
+        dieDimensions: Dimensions;
+        transform: ZoomTransform;
+    }): Promise<void>;
+    renderHover(): void;
+    private calculateHoverTransform;
+}

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

@@ -0,0 +1,75 @@
+import { transfer } from 'comlink';
+import { HoverDieOpacity } from '../types';
+import { createMatrixRenderer } from '../modules/create-matrix-renderer';
+/**
+ * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas
+ */
+export class WorkerRenderer {
+    constructor(wafermap) {
+        this.wafermap = wafermap;
+    }
+    async setupWafer(snapshot) {
+        if (this.matrixRenderer === undefined) {
+            const { matrixRenderer } = await createMatrixRenderer();
+            this.matrixRenderer = matrixRenderer;
+            const offscreenCanvas = this.wafermap.workerCanvas.transferControlToOffscreen();
+            await this.matrixRenderer.setCanvas(transfer(offscreenCanvas, [offscreenCanvas]));
+        }
+        await this.matrixRenderer.setCanvasDimensions(snapshot.canvasDimensions);
+        await this.matrixRenderer.setRenderConfig(snapshot.renderConfig);
+        await this.matrixRenderer.setColumnIndices(snapshot.columnIndices);
+        await this.matrixRenderer.setRowIndices(snapshot.rowIndices);
+    }
+    async drawWafer(snapshot) {
+        const topLeftCanvasCorner = snapshot.transform.invert([0, 0]);
+        const bottomRightCanvasCorner = snapshot.transform.invert([
+            snapshot.canvasDimensions.width,
+            snapshot.canvasDimensions.height
+        ]);
+        await this.matrixRenderer.setTransformConfig({
+            transform: snapshot.transform,
+            topLeftCanvasCorner: {
+                x: topLeftCanvasCorner[0] - snapshot.dieDimensions.width,
+                y: topLeftCanvasCorner[1] - snapshot.dieDimensions.height
+            },
+            bottomRightCanvasCorner: {
+                x: bottomRightCanvasCorner[0],
+                y: bottomRightCanvasCorner[1]
+            }
+        });
+        await this.matrixRenderer.drawWafer();
+    }
+    renderHover() {
+        if (this.wafermap.computations.dieDimensions === undefined
+            || this.wafermap.transform === undefined) {
+            return;
+        }
+        this.wafermap.hoverWidth = this.wafermap.computations.dieDimensions.width
+            * this.wafermap.transform.k;
+        this.wafermap.hoverHeight = this.wafermap.computations.dieDimensions.height
+            * this.wafermap.transform.k;
+        this.wafermap.hoverOpacity = this.wafermap.hoverDie === undefined
+            ? HoverDieOpacity.hide
+            : HoverDieOpacity.show;
+        this.wafermap.hoverTransform = this.calculateHoverTransform();
+    }
+    calculateHoverTransform() {
+        if (this.wafermap.hoverDie !== undefined) {
+            const scaledX = this.wafermap.computations.horizontalScale(this.wafermap.hoverDie.x);
+            if (scaledX === undefined) {
+                return '';
+            }
+            const scaledY = this.wafermap.computations.verticalScale(this.wafermap.hoverDie.y);
+            if (scaledY === undefined) {
+                return '';
+            }
+            const transformedPoint = this.wafermap.transform.apply([
+                scaledX + this.wafermap.computations.margin.left,
+                scaledY + this.wafermap.computations.margin.top
+            ]);
+            return `translate(${transformedPoint[0]}, ${transformedPoint[1]})`;
+        }
+        return '';
+    }
+}
+//# sourceMappingURL=worker-renderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"worker-renderer.js","sourceRoot":"","sources":["../../../../src/wafer-map/experimental/worker-renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Remote, transfer } from 'comlink';\nimport type { ZoomTransform } from 'd3-zoom';\nimport type { WaferMap } from '..';\nimport { HoverDieOpacity } from '../types';\nimport { createMatrixRenderer } from '../modules/create-matrix-renderer';\nimport type { MatrixRenderer } from '../../../build/generate-workers/dist/esm/source/matrix-renderer';\nimport type { Dimensions, RenderConfig } from '../workers/types';\n\n/**\n * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas\n */\nexport class WorkerRenderer {\n    private matrixRenderer!: Remote<MatrixRenderer>;\n\n    public constructor(private readonly wafermap: WaferMap) {}\n\n    public async setupWafer(snapshot: {\n        canvasDimensions: Dimensions,\n        renderConfig: RenderConfig,\n        columnIndices: Int32Array,\n        rowIndices: Int32Array\n    }): Promise<void> {\n        if (this.matrixRenderer === undefined) {\n            const { matrixRenderer } = await createMatrixRenderer();\n            this.matrixRenderer = matrixRenderer;\n            const offscreenCanvas = this.wafermap.workerCanvas.transferControlToOffscreen();\n            await this.matrixRenderer.setCanvas(\n                transfer(offscreenCanvas, [offscreenCanvas])\n            );\n        }\n        await this.matrixRenderer.setCanvasDimensions(\n            snapshot.canvasDimensions\n        );\n        await this.matrixRenderer.setRenderConfig(snapshot.renderConfig);\n        await this.matrixRenderer.setColumnIndices(snapshot.columnIndices);\n        await this.matrixRenderer.setRowIndices(snapshot.rowIndices);\n    }\n\n    public async drawWafer(snapshot: {\n        canvasDimensions: Dimensions,\n        dieDimensions: Dimensions,\n        transform: ZoomTransform\n    }): Promise<void> {\n        const topLeftCanvasCorner = snapshot.transform.invert([0, 0]);\n        const bottomRightCanvasCorner = snapshot.transform.invert([\n            snapshot.canvasDimensions.width,\n            snapshot.canvasDimensions.height\n        ]);\n        await this.matrixRenderer.setTransformConfig({\n            transform: snapshot.transform,\n            topLeftCanvasCorner: {\n                x: topLeftCanvasCorner[0] - snapshot.dieDimensions.width,\n                y: topLeftCanvasCorner[1] - snapshot.dieDimensions.height\n            },\n            bottomRightCanvasCorner: {\n                x: bottomRightCanvasCorner[0],\n                y: bottomRightCanvasCorner[1]\n            }\n        });\n        await this.matrixRenderer.drawWafer();\n    }\n\n    public renderHover(): void {\n        if (\n            this.wafermap.computations.dieDimensions === undefined\n            || this.wafermap.transform === undefined\n        ) {\n            return;\n        }\n        this.wafermap.hoverWidth = this.wafermap.computations.dieDimensions.width\n            * this.wafermap.transform.k;\n        this.wafermap.hoverHeight = this.wafermap.computations.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.computations.horizontalScale(\n                this.wafermap.hoverDie.x\n            );\n            if (scaledX === undefined) {\n                return '';\n            }\n            const scaledY = this.wafermap.computations.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.computations.margin.left,\n                scaledY + this.wafermap.computations.margin.top\n            ]);\n            return `translate(${transformedPoint[0]}, ${transformedPoint[1]})`;\n        }\n        return '';\n    }\n}\n"]}

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

@@ -2,11 +2,11 @@ import { FoundationElement } from '@microsoft/fast-foundation';
 import { ZoomTransform } from 'd3-zoom';
 import type { Table } from 'apache-arrow';
 import { DataManager } from './modules/data-manager';
-import { DataManager as ExperimentalDataManager } from './modules/experimental/data-manager';
 import { RenderingModule } from './modules/rendering';
 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/experimental/worker-renderer';
+import { WorkerRenderer } from './experimental/worker-renderer';
+import { Computations } from './experimental/computations';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-wafer-map': WaferMap;
@@ -51,7 +51,7 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
      * @internal
      */
     readonly zoomContainer: HTMLElement;
-    readonly experimentalDataManager: ExperimentalDataManager;
+    readonly computations: Computations;
     dataManager: DataManager;
     readonly workerRenderer: WorkerRenderer;
     renderer: RenderingModule;
@@ -121,6 +121,7 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
      * @internal
      */
     isExperimentalUpdate(): boolean;
+    private createSnapshot;
     private validate;
     private createResizeObserver;
     private originLocationChanged;

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

@@ -5,15 +5,15 @@ import { zoomIdentity } from 'd3-zoom';
 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 { 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/experimental/worker-renderer';
+import { WorkerRenderer } from './experimental/worker-renderer';
 import { HoverHandler } from './modules/hover-handler';
-import { HoverHandler as ExperimentalHoverHandler } from './modules/experimental/hover-handler';
+import { HoverHandler as ExperimentalHoverHandler } from './experimental/hover-handler';
 import { ZoomHandler } from './modules/zoom-handler';
+import { Computations } from './experimental/computations';
 /**
  * A nimble-styled WaferMap
  */
@@ -35,7 +35,7 @@ export class WaferMap extends FoundationElement {
         this.dieLabelsHidden = false;
         this.dieLabelsSuffix = '';
         this.colorScaleMode = WaferMapColorScaleMode.linear;
-        this.experimentalDataManager = new ExperimentalDataManager(this.asRequiredFieldsWaferMap);
+        this.computations = new Computations(this.asRequiredFieldsWaferMap);
         this.dataManager = new DataManager(this.asRequiredFieldsWaferMap);
         this.workerRenderer = new WorkerRenderer(this.asRequiredFieldsWaferMap);
         this.renderer = new RenderingModule(this.asRequiredFieldsWaferMap);
@@ -105,24 +105,22 @@ export class WaferMap extends FoundationElement {
             return;
         }
         if (this.waferMapUpdateTracker.requiresEventsUpdate) {
-            if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate
-                || this.waferMapUpdateTracker.requiresScalesUpdate) {
-                this.experimentalDataManager.updateComputations();
-                await this.workerRenderer.setupWafer();
-                await this.workerRenderer.drawWafer();
+            if (this.waferMapUpdateTracker.requiresComponentResizeUpdate) {
+                this.computations.componentResizeUpdate();
             }
-            else if (this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate
-                || this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate) {
-                this.experimentalDataManager.updatePrerendering();
-                await this.workerRenderer.drawWafer();
+            else if (this.waferMapUpdateTracker.requiresInputDataUpdate) {
+                this.computations.inputDataUpdate();
             }
-            else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {
-                await this.workerRenderer.drawWafer();
+            else if (this.waferMapUpdateTracker.requiresColorAndTextUpdate) {
+                this.computations.colorAndTextUpdate();
             }
+            const snapshot = this.createSnapshot();
+            if (this.waferMapUpdateTracker.requiresWorkerWaferSetup) {
+                await this.workerRenderer.setupWafer(snapshot);
+            }
+            await this.workerRenderer.drawWafer(snapshot);
         }
-        else if (this.waferMapUpdateTracker.requiresRenderHoverUpdate) {
-            this.workerRenderer.renderHover();
-        }
+        this.workerRenderer.renderHover();
     }
     /**
      * @internal
@@ -169,6 +167,44 @@ export class WaferMap extends FoundationElement {
     isExperimentalUpdate() {
         return this.diesTable !== undefined;
     }
+    createSnapshot() {
+        const canvasDimensions = {
+            width: this.canvasWidth ?? 0,
+            height: this.canvasHeight ?? 0
+        };
+        const renderConfig = {
+            dieDimensions: this.computations.dieDimensions,
+            margin: this.computations.margin,
+            verticalCoefficient: this.computations.verticalCoefficient,
+            horizontalCoefficient: this.computations.horizontalCoefficient,
+            horizontalConstant: this.computations.horizontalConstant,
+            verticalConstant: this.computations.verticalConstant,
+            labelsFontSize: this.computations.labelsFontSize,
+            colorScale: this.computations.colorScale
+        };
+        const dieDimensions = this.computations.dieDimensions;
+        const transform = this.transform;
+        if (this.diesTable === undefined) {
+            return {
+                canvasDimensions,
+                renderConfig,
+                dieDimensions,
+                transform,
+                columnIndices: Int32Array.from([]),
+                rowIndices: Int32Array.from([])
+            };
+        }
+        const columnIndices = this.diesTable.getChild('colIndex').toArray();
+        const rowIndices = this.diesTable.getChild('rowIndex').toArray();
+        return {
+            canvasDimensions,
+            renderConfig,
+            columnIndices,
+            rowIndices,
+            dieDimensions,
+            transform
+        };
+    }
     validate() {
         this.waferMapValidator.validateGridDimensions();
         this.waferMapValidator.validateDiesTableSchema();