@ni/nimble-components 24.1.4 → 24.1.6

package/dist/esm/combobox/index.d.ts

@@ -1,10 +1,9 @@
 import { Combobox as FoundationCombobox } from '@microsoft/fast-foundation';
 import { ToggleButton } from '../toggle-button';
 import type { ErrorPattern } from '../patterns/error/types';
-import type { DropdownPattern, ListOptionOwner } from '../patterns/dropdown/types';
+import type { DropdownPattern } from '../patterns/dropdown/types';
 import { DropdownAppearance } from '../patterns/dropdown/types';
 import type { AnchoredRegion } from '../anchored-region';
-import type { ListOption } from '../list-option';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-combobox': Combobox;
@@ -13,7 +12,7 @@ declare global {
 /**
  * A nimble-styed HTML combobox
  */
-export declare class Combobox extends FoundationCombobox implements DropdownPattern, ErrorPattern, ListOptionOwner {
+export declare class Combobox extends FoundationCombobox implements DropdownPattern, ErrorPattern {
     appearance: DropdownAppearance;
     /**
      * The ref to the internal dropdown button element.
@@ -60,10 +59,6 @@ export declare class Combobox extends FoundationCombobox implements DropdownPatt
     inputHandler(e: InputEvent): boolean | void;
     keydownHandler(e: KeyboardEvent): boolean | void;
     focusoutHandler(e: FocusEvent): boolean | void;
-    /**
-     * @internal
-     */
-    registerOption(option: ListOption): void;
     protected focusAndScrollOptionIntoView(): void;
     protected openChanged(): void;
     private regionChanged;

package/dist/esm/combobox/index.js

@@ -134,21 +134,6 @@ export class Combobox extends FoundationCombobox {
         this.emitChangeIfValueUpdated();
         return returnValue;
     }
-    /**
-     * @internal
-     */
-    registerOption(option) {
-        if (this.options.includes(option)) {
-            return;
-        }
-        // Adding an option to the end, ultimately, isn't the correct
-        // thing to do, as this will mean the option's index in the options,
-        // at least temporarily, does not match the DOM order. However, it
-        // is expected that a successive run of `slottedOptionsChanged` will
-        // correct this order issue. See 'https://github.com/ni/nimble/issues/1915'
-        // for more info.
-        this.options.push(option);
-    }
     focusAndScrollOptionIntoView() {
         if (this.open) {
             super.focusAndScrollOptionIntoView();

package/dist/esm/combobox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr, html, observable, ref } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    Combobox as FoundationCombobox,\n    ComboboxOptions\n} from '@microsoft/fast-foundation';\nimport {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnter,\n    keySpace\n} from '@microsoft/fast-web-utilities';\nimport { ToggleButton, toggleButtonTag } from '../toggle-button';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport { iconArrowExpanderDownTag } from '../icons/arrow-expander-down';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\n\nimport { styles } from './styles';\nimport type { ErrorPattern } from '../patterns/error/types';\nimport type {\n    DropdownPattern,\n    ListOptionOwner\n} from '../patterns/dropdown/types';\nimport { DropdownAppearance } from '../patterns/dropdown/types';\nimport type { AnchoredRegion } from '../anchored-region';\nimport { template } from './template';\nimport type { ListOption } from '../list-option';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-combobox': Combobox;\n    }\n}\n\n/**\n * A nimble-styed HTML combobox\n */\nexport class Combobox\n    extends FoundationCombobox\n    implements DropdownPattern, ErrorPattern, ListOptionOwner {\n    @attr\n    public appearance: DropdownAppearance = DropdownAppearance.underline;\n\n    /**\n     * The ref to the internal dropdown button element.\n     *\n     * @internal\n     */\n    @observable\n    public readonly dropdownButton?: ToggleButton;\n\n    /**\n     * A message explaining why the value is invalid.\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: error-text\n     */\n    @attr({ attribute: 'error-text' })\n    public errorText?: string;\n\n    @attr({ attribute: 'error-visible', mode: 'boolean' })\n    public errorVisible = false;\n\n    /**\n     * @internal\n     */\n    @observable\n    public region?: AnchoredRegion;\n\n    /**\n     * @internal\n     */\n    @observable\n    public controlWrapper?: HTMLElement;\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    public override get value(): string {\n        return super.value;\n    }\n\n    // This override is to work around an issue in FAST where an old filter value\n    // is used after programmatically setting the value property.\n    // See: https://github.com/microsoft/fast/issues/6749\n    public override set value(next: string) {\n        super.value = next;\n        // Workaround using index notation to manipulate private member\n        // Can remove when following resolved: https://github.com/microsoft/fast/issues/6749\n        // eslint-disable-next-line @typescript-eslint/dot-notation\n        this['filter'] = next;\n        this.filterOptions();\n        this.selectedIndex = this.options\n            .map(option => option.text)\n            .indexOf(this.value);\n    }\n\n    private valueUpdatedByInput = false;\n    private valueBeforeTextUpdate?: string;\n\n    // Workaround for https://github.com/microsoft/fast/issues/5123\n    public override setPositioning(): void {\n        if (!this.$fastController.isConnected) {\n            // Don't call setPositioning() until we're connected,\n            // since this.forcedPosition isn't initialized yet.\n            return;\n        }\n        super.setPositioning();\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/5773\n    public override slottedOptionsChanged(\n        prev: HTMLElement[],\n        next: HTMLElement[]\n    ): void {\n        const value = this.value;\n        super.slottedOptionsChanged(prev, next);\n        if (value) {\n            this.value = value;\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        // Call setPositioning() after this.forcedPosition is initialized.\n        this.setPositioning();\n        this.updateInputAriaLabel();\n    }\n\n    public toggleButtonClickHandler(e: Event): void {\n        e.stopImmediatePropagation();\n    }\n\n    public toggleButtonChangeHandler(e: Event): void {\n        this.open = this.dropdownButton!.checked;\n        e.stopImmediatePropagation();\n    }\n\n    public toggleButtonKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyArrowUp:\n            case keyArrowDown:\n            case keySpace:\n            case keyEnter:\n                this.open = true;\n                this.stopPropagation(e);\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    public override filterOptions(): void {\n        super.filterOptions();\n        const enabledOptions = this.filteredOptions.filter(o => !o.disabled);\n        this.filteredOptions = enabledOptions;\n    }\n\n    /**\n     * This is a workaround for the issue described here: https://github.com/microsoft/fast/issues/6267\n     * For now, we will update the value ourselves while a user types in text. Note that there is other\n     * implementation related to this (like the 'keydownEventHandler') needed to create the complete set\n     * of desired behavior described in the issue noted above.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override inputHandler(e: InputEvent): boolean | void {\n        const returnValue = super.inputHandler(e);\n        if (!this.valueUpdatedByInput) {\n            this.valueBeforeTextUpdate = this.value;\n        }\n        this.valueUpdatedByInput = true;\n        // This is a workaround for this FAST issue: https://github.com/microsoft/fast/issues/6776\n        if (this.value !== this.control.value) {\n            this.focusAndScrollOptionIntoView();\n        }\n\n        this.value = this.control.value;\n        return returnValue;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override keydownHandler(e: KeyboardEvent): boolean | void {\n        const returnValue = super.keydownHandler(e);\n        if (e.ctrlKey || e.altKey) {\n            return returnValue;\n        }\n\n        switch (e.key) {\n            case keyEnter:\n                this.emitChangeIfValueUpdated();\n                break;\n            case keyArrowDown:\n            case keyArrowUp:\n                if (this.open && this.valueUpdatedByInput) {\n                    this.valueUpdatedByInput = false;\n                }\n                break;\n            default:\n                return returnValue;\n        }\n        return returnValue;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override focusoutHandler(e: FocusEvent): boolean | void {\n        const returnValue = super.focusoutHandler(e);\n        this.open = false;\n        this.emitChangeIfValueUpdated();\n        return returnValue;\n    }\n\n    /**\n     * @internal\n     */\n    public registerOption(option: ListOption): void {\n        if (this.options.includes(option)) {\n            return;\n        }\n\n        // Adding an option to the end, ultimately, isn't the correct\n        // thing to do, as this will mean the option's index in the options,\n        // at least temporarily, does not match the DOM order. However, it\n        // is expected that a successive run of `slottedOptionsChanged` will\n        // correct this order issue. See 'https://github.com/ni/nimble/issues/1915'\n        // for more info.\n        this.options.push(option);\n    }\n\n    protected override focusAndScrollOptionIntoView(): void {\n        if (this.open) {\n            super.focusAndScrollOptionIntoView();\n        }\n    }\n\n    protected override openChanged(): void {\n        super.openChanged();\n        if (this.dropdownButton) {\n            this.dropdownButton.checked = this.open;\n        }\n    }\n\n    private regionChanged(\n        _prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    private controlWrapperChanged(\n        _prev: HTMLElement | undefined,\n        _next: HTMLElement | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/6041.\n    private ariaLabelChanged(_oldValue: string, _newValue: string): void {\n        this.updateInputAriaLabel();\n    }\n\n    private maxHeightChanged(): void {\n        this.updateListboxMaxHeightCssVariable();\n    }\n\n    private updateListboxMaxHeightCssVariable(): void {\n        if (this.listbox) {\n            this.listbox.style.setProperty(\n                '--ni-private-select-max-height',\n                `${this.maxHeight}px`\n            );\n        }\n    }\n\n    private updateInputAriaLabel(): void {\n        const inputElement = this.shadowRoot?.querySelector('.selected-value');\n        if (this.ariaLabel) {\n            inputElement?.setAttribute('aria-label', this.ariaLabel);\n        } else {\n            inputElement?.removeAttribute('aria-label');\n        }\n    }\n\n    /**\n     * This will only emit a `change` event after text entry where the text in the input prior to\n     * typing is different than the text present upon an attempt to commit (e.g. pressing <Enter>).\n     * So, for a concrete example:\n     * 1) User types 'Sue' (when Combobox input was blank).\n     * 2) User presses <Enter> -> 'change' event fires\n     * 3) User deletes 'Sue'\n     * 4) User re-types 'Sue'\n     * 5) User presses <Enter> -> NO 'change' event is fired\n     */\n    private emitChangeIfValueUpdated(): void {\n        if (this.valueUpdatedByInput) {\n            if (this.value !== this.valueBeforeTextUpdate) {\n                this.$emit('change');\n            }\n\n            this.valueUpdatedByInput = false;\n        }\n    }\n}\n\nconst nimbleCombobox = Combobox.compose<ComboboxOptions>({\n    baseName: 'combobox',\n    baseClass: FoundationCombobox,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    },\n    end: html<Combobox>`\n        <div class=\"end-slot-container\">\n            <${iconExclamationMarkTag}\n                severity=\"error\"\n                class=\"error-icon\"\n            ></${iconExclamationMarkTag}>\n            <div class=\"separator\"></div>\n            <${toggleButtonTag}\n                ${ref('dropdownButton')}\n                appearance=\"ghost\"\n                ?checked=\"${x => x.open}\"\n                ?disabled=\"${x => x.disabled}\"\n                content-hidden=\"true\"\n                @click=\"${(x, c) => x.toggleButtonClickHandler(c.event)}\"\n                @change=\"${(x, c) => x.toggleButtonChangeHandler(c.event)}\"\n                @keydown=\"${(x, c) => x.toggleButtonKeyDownHandler(c.event as KeyboardEvent)}\"\n                class=\"dropdown-button\"\n                part=\"button\"\n                aria-haspopup=\"true\"\n                aria-expanded=\"${x => x.open}\"\n                tabindex=\"-1\"\n            >\n                <${iconArrowExpanderDownTag}\n                    slot=\"start\"\n                    class=\"dropdown-icon\"\n                >\n                </${iconArrowExpanderDownTag}>\n            </${toggleButtonTag}>\n        </div>\n        ${errorTextTemplate}\n    `\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCombobox());\nexport const comboboxTag = 'nimble-combobox';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/combobox/index.ts"],"names":[],"mappings":"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","sourcesContent":["import { attr, html, observable, ref } from '@microsoft/fast-element';\nimport {\n    DesignSystem,\n    Combobox as FoundationCombobox,\n    ComboboxOptions\n} from '@microsoft/fast-foundation';\nimport {\n    keyArrowDown,\n    keyArrowUp,\n    keyEnter,\n    keySpace\n} from '@microsoft/fast-web-utilities';\nimport { ToggleButton, toggleButtonTag } from '../toggle-button';\nimport { errorTextTemplate } from '../patterns/error/template';\nimport { iconArrowExpanderDownTag } from '../icons/arrow-expander-down';\nimport { iconExclamationMarkTag } from '../icons/exclamation-mark';\n\nimport { styles } from './styles';\nimport type { ErrorPattern } from '../patterns/error/types';\nimport type { DropdownPattern } from '../patterns/dropdown/types';\nimport { DropdownAppearance } from '../patterns/dropdown/types';\nimport type { AnchoredRegion } from '../anchored-region';\nimport { template } from './template';\n\ndeclare global {\n    interface HTMLElementTagNameMap {\n        'nimble-combobox': Combobox;\n    }\n}\n\n/**\n * A nimble-styed HTML combobox\n */\nexport class Combobox\n    extends FoundationCombobox\n    implements DropdownPattern, ErrorPattern {\n    @attr\n    public appearance: DropdownAppearance = DropdownAppearance.underline;\n\n    /**\n     * The ref to the internal dropdown button element.\n     *\n     * @internal\n     */\n    @observable\n    public readonly dropdownButton?: ToggleButton;\n\n    /**\n     * A message explaining why the value is invalid.\n     *\n     * @public\n     * @remarks\n     * HTML Attribute: error-text\n     */\n    @attr({ attribute: 'error-text' })\n    public errorText?: string;\n\n    @attr({ attribute: 'error-visible', mode: 'boolean' })\n    public errorVisible = false;\n\n    /**\n     * @internal\n     */\n    @observable\n    public region?: AnchoredRegion;\n\n    /**\n     * @internal\n     */\n    @observable\n    public controlWrapper?: HTMLElement;\n\n    /** @internal */\n    @observable\n    public hasOverflow = false;\n\n    public override get value(): string {\n        return super.value;\n    }\n\n    // This override is to work around an issue in FAST where an old filter value\n    // is used after programmatically setting the value property.\n    // See: https://github.com/microsoft/fast/issues/6749\n    public override set value(next: string) {\n        super.value = next;\n        // Workaround using index notation to manipulate private member\n        // Can remove when following resolved: https://github.com/microsoft/fast/issues/6749\n        // eslint-disable-next-line @typescript-eslint/dot-notation\n        this['filter'] = next;\n        this.filterOptions();\n        this.selectedIndex = this.options\n            .map(option => option.text)\n            .indexOf(this.value);\n    }\n\n    private valueUpdatedByInput = false;\n    private valueBeforeTextUpdate?: string;\n\n    // Workaround for https://github.com/microsoft/fast/issues/5123\n    public override setPositioning(): void {\n        if (!this.$fastController.isConnected) {\n            // Don't call setPositioning() until we're connected,\n            // since this.forcedPosition isn't initialized yet.\n            return;\n        }\n        super.setPositioning();\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/5773\n    public override slottedOptionsChanged(\n        prev: HTMLElement[],\n        next: HTMLElement[]\n    ): void {\n        const value = this.value;\n        super.slottedOptionsChanged(prev, next);\n        if (value) {\n            this.value = value;\n        }\n    }\n\n    public override connectedCallback(): void {\n        super.connectedCallback();\n        // Call setPositioning() after this.forcedPosition is initialized.\n        this.setPositioning();\n        this.updateInputAriaLabel();\n    }\n\n    public toggleButtonClickHandler(e: Event): void {\n        e.stopImmediatePropagation();\n    }\n\n    public toggleButtonChangeHandler(e: Event): void {\n        this.open = this.dropdownButton!.checked;\n        e.stopImmediatePropagation();\n    }\n\n    public toggleButtonKeyDownHandler(e: KeyboardEvent): boolean {\n        switch (e.key) {\n            case keyArrowUp:\n            case keyArrowDown:\n            case keySpace:\n            case keyEnter:\n                this.open = true;\n                this.stopPropagation(e);\n                return false;\n            default:\n                return true;\n        }\n    }\n\n    public override filterOptions(): void {\n        super.filterOptions();\n        const enabledOptions = this.filteredOptions.filter(o => !o.disabled);\n        this.filteredOptions = enabledOptions;\n    }\n\n    /**\n     * This is a workaround for the issue described here: https://github.com/microsoft/fast/issues/6267\n     * For now, we will update the value ourselves while a user types in text. Note that there is other\n     * implementation related to this (like the 'keydownEventHandler') needed to create the complete set\n     * of desired behavior described in the issue noted above.\n     */\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override inputHandler(e: InputEvent): boolean | void {\n        const returnValue = super.inputHandler(e);\n        if (!this.valueUpdatedByInput) {\n            this.valueBeforeTextUpdate = this.value;\n        }\n        this.valueUpdatedByInput = true;\n        // This is a workaround for this FAST issue: https://github.com/microsoft/fast/issues/6776\n        if (this.value !== this.control.value) {\n            this.focusAndScrollOptionIntoView();\n        }\n\n        this.value = this.control.value;\n        return returnValue;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override keydownHandler(e: KeyboardEvent): boolean | void {\n        const returnValue = super.keydownHandler(e);\n        if (e.ctrlKey || e.altKey) {\n            return returnValue;\n        }\n\n        switch (e.key) {\n            case keyEnter:\n                this.emitChangeIfValueUpdated();\n                break;\n            case keyArrowDown:\n            case keyArrowUp:\n                if (this.open && this.valueUpdatedByInput) {\n                    this.valueUpdatedByInput = false;\n                }\n                break;\n            default:\n                return returnValue;\n        }\n        return returnValue;\n    }\n\n    // eslint-disable-next-line @typescript-eslint/no-invalid-void-type\n    public override focusoutHandler(e: FocusEvent): boolean | void {\n        const returnValue = super.focusoutHandler(e);\n        this.open = false;\n        this.emitChangeIfValueUpdated();\n        return returnValue;\n    }\n\n    protected override focusAndScrollOptionIntoView(): void {\n        if (this.open) {\n            super.focusAndScrollOptionIntoView();\n        }\n    }\n\n    protected override openChanged(): void {\n        super.openChanged();\n        if (this.dropdownButton) {\n            this.dropdownButton.checked = this.open;\n        }\n    }\n\n    private regionChanged(\n        _prev: AnchoredRegion | undefined,\n        _next: AnchoredRegion | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    private controlWrapperChanged(\n        _prev: HTMLElement | undefined,\n        _next: HTMLElement | undefined\n    ): void {\n        if (this.region && this.controlWrapper) {\n            this.region.anchorElement = this.controlWrapper;\n        }\n    }\n\n    // Workaround for https://github.com/microsoft/fast/issues/6041.\n    private ariaLabelChanged(_oldValue: string, _newValue: string): void {\n        this.updateInputAriaLabel();\n    }\n\n    private maxHeightChanged(): void {\n        this.updateListboxMaxHeightCssVariable();\n    }\n\n    private updateListboxMaxHeightCssVariable(): void {\n        if (this.listbox) {\n            this.listbox.style.setProperty(\n                '--ni-private-select-max-height',\n                `${this.maxHeight}px`\n            );\n        }\n    }\n\n    private updateInputAriaLabel(): void {\n        const inputElement = this.shadowRoot?.querySelector('.selected-value');\n        if (this.ariaLabel) {\n            inputElement?.setAttribute('aria-label', this.ariaLabel);\n        } else {\n            inputElement?.removeAttribute('aria-label');\n        }\n    }\n\n    /**\n     * This will only emit a `change` event after text entry where the text in the input prior to\n     * typing is different than the text present upon an attempt to commit (e.g. pressing <Enter>).\n     * So, for a concrete example:\n     * 1) User types 'Sue' (when Combobox input was blank).\n     * 2) User presses <Enter> -> 'change' event fires\n     * 3) User deletes 'Sue'\n     * 4) User re-types 'Sue'\n     * 5) User presses <Enter> -> NO 'change' event is fired\n     */\n    private emitChangeIfValueUpdated(): void {\n        if (this.valueUpdatedByInput) {\n            if (this.value !== this.valueBeforeTextUpdate) {\n                this.$emit('change');\n            }\n\n            this.valueUpdatedByInput = false;\n        }\n    }\n}\n\nconst nimbleCombobox = Combobox.compose<ComboboxOptions>({\n    baseName: 'combobox',\n    baseClass: FoundationCombobox,\n    template,\n    styles,\n    shadowOptions: {\n        delegatesFocus: true\n    },\n    end: html<Combobox>`\n        <div class=\"end-slot-container\">\n            <${iconExclamationMarkTag}\n                severity=\"error\"\n                class=\"error-icon\"\n            ></${iconExclamationMarkTag}>\n            <div class=\"separator\"></div>\n            <${toggleButtonTag}\n                ${ref('dropdownButton')}\n                appearance=\"ghost\"\n                ?checked=\"${x => x.open}\"\n                ?disabled=\"${x => x.disabled}\"\n                content-hidden=\"true\"\n                @click=\"${(x, c) => x.toggleButtonClickHandler(c.event)}\"\n                @change=\"${(x, c) => x.toggleButtonChangeHandler(c.event)}\"\n                @keydown=\"${(x, c) => x.toggleButtonKeyDownHandler(c.event as KeyboardEvent)}\"\n                class=\"dropdown-button\"\n                part=\"button\"\n                aria-haspopup=\"true\"\n                aria-expanded=\"${x => x.open}\"\n                tabindex=\"-1\"\n            >\n                <${iconArrowExpanderDownTag}\n                    slot=\"start\"\n                    class=\"dropdown-icon\"\n                >\n                </${iconArrowExpanderDownTag}>\n            </${toggleButtonTag}>\n        </div>\n        ${errorTextTemplate}\n    `\n});\n\nDesignSystem.getOrCreate().withPrefix('nimble').register(nimbleCombobox());\nexport const comboboxTag = 'nimble-combobox';\n"]}

package/dist/esm/src/combobox/index.d.ts

@@ -1,10 +1,9 @@
 import { Combobox as FoundationCombobox } from '@microsoft/fast-foundation';
 import { ToggleButton } from '../toggle-button';
 import type { ErrorPattern } from '../patterns/error/types';
-import type { DropdownPattern, ListOptionOwner } from '../patterns/dropdown/types';
+import type { DropdownPattern } from '../patterns/dropdown/types';
 import { DropdownAppearance } from '../patterns/dropdown/types';
 import type { AnchoredRegion } from '../anchored-region';
-import type { ListOption } from '../list-option';
 declare global {
     interface HTMLElementTagNameMap {
         'nimble-combobox': Combobox;
@@ -13,7 +12,7 @@ declare global {
 /**
  * A nimble-styed HTML combobox
  */
-export declare class Combobox extends FoundationCombobox implements DropdownPattern, ErrorPattern, ListOptionOwner {
+export declare class Combobox extends FoundationCombobox implements DropdownPattern, ErrorPattern {
     appearance: DropdownAppearance;
     /**
      * The ref to the internal dropdown button element.
@@ -60,10 +59,6 @@ export declare class Combobox extends FoundationCombobox implements DropdownPatt
     inputHandler(e: InputEvent): boolean | void;
     keydownHandler(e: KeyboardEvent): boolean | void;
     focusoutHandler(e: FocusEvent): boolean | void;
-    /**
-     * @internal
-     */
-    registerOption(option: ListOption): void;
     protected focusAndScrollOptionIntoView(): void;
     protected openChanged(): void;
     private regionChanged;

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

@@ -43,24 +43,10 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
      * @internal
      */
     readonly zoomContainer: HTMLElement;
-    /**
-     * @internal
-     */
-    readonly stableDataManager: DataManager;
-    /**
-     * @internal
-     */
     readonly experimentalDataManager: ExperimentalDataManager;
-    dataManager: DataManager | ExperimentalDataManager;
-    /**
-     * @internal
-     */
-    readonly mainRenderer: RenderingModule;
-    /**
-     * @internal
-     */
+    dataManager: DataManager;
     readonly workerRenderer: WorkerRenderer;
-    renderer: RenderingModule | WorkerRenderer;
+    renderer: RenderingModule;
     /**
      * @internal
      */
@@ -109,6 +95,11 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
     get validity(): WaferMapValidity;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /**
+     * @internal
+     * Experimental update function called when an update is queued.
+     */
+    experimentalUpdate(): void;
     /**
      * @internal
      * Update function called when an update is queued.
@@ -121,7 +112,7 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
     /**
      * @internal
      */
-    isExperimentalRenderer(): boolean;
+    isExperimentalUpdate(): boolean;
     private validate;
     private createResizeObserver;
     private originLocationChanged;

package/dist/esm/src/wafer-map/modules/experimental/computations.d.ts

@@ -19,8 +19,7 @@ export declare class Computations {
     private readonly defaultPadding;
     private readonly baseMarginPercentage;
     constructor(wafermap: WaferMap);
-    updateContainerDimensions(): void;
-    updateScales(): void;
+    update(): void;
     private gridDimensionsValidAndDefined;
     private calculateGridDimensionsFromBoundingBox;
     private calculateGridDimensionsFromDies;

package/dist/esm/src/wafer-map/modules/experimental/data-manager.d.ts

@@ -1,6 +1,6 @@
 import type { ScaleLinear } from 'd3-scale';
 import type { WaferMap } from '../..';
-import type { Dimensions, Margin, DieRenderInfo, WaferMapDie, PointCoordinates } from '../../types';
+import type { ColorScale, Dimensions, Margin } from '../../types';
 /**
  * Data Manager uses Computations and Prerendering modules in order and exposes the results
  */
@@ -12,16 +12,10 @@ export declare class DataManager {
     get horizontalScale(): ScaleLinear<number, number>;
     get verticalScale(): ScaleLinear<number, number>;
     get labelsFontSize(): number;
-    get diesRenderInfo(): DieRenderInfo[];
-    get data(): Map<string, WaferMapDie>;
+    get colorScale(): ColorScale;
     private readonly computations;
     private readonly prerendering;
-    private dataMap;
     constructor(wafermap: WaferMap);
-    updateContainerDimensions(): void;
-    updateScales(): void;
-    updateLabelsFontSize(): void;
-    updateDiesRenderInfo(): void;
-    getWaferMapDie(point: PointCoordinates): WaferMapDie | undefined;
-    private updateDataMap;
+    updateComputations(): void;
+    updatePrerendering(): void;
 }

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

@@ -13,11 +13,7 @@ export declare class HoverHandler {
      * @internal
      */
     disconnect(): void;
-    /**
-     * @internal
-     * keep public for testing until data manager refactor
-     */
-    readonly onMouseMove: (event: MouseEvent) => void;
+    private readonly onMouseMove;
     private readonly onMouseOut;
     private calculateDieCoordinates;
 }

package/dist/esm/src/wafer-map/modules/experimental/prerendering.d.ts

@@ -0,0 +1,18 @@
+import type { ColorScale } from '../../types';
+import type { WaferMap } from '../..';
+/**
+ * Prerendering prepares render-ready dies data to be used by the rendering module
+ */
+export declare class Prerendering {
+    private readonly wafermap;
+    get labelsFontSize(): number;
+    get colorScale(): ColorScale;
+    private _colorScale;
+    private _labelsFontSize;
+    private readonly fontSizeFactor;
+    private readonly colorScaleResolution;
+    constructor(wafermap: WaferMap);
+    update(): void;
+    private calculateColorScale;
+    private calculateLabelsFontSize;
+}

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

@@ -5,7 +5,6 @@ import type { WaferMap } from '../..';
 export declare class WorkerRenderer {
     private readonly wafermap;
     constructor(wafermap: WaferMap);
-    updateSortedDiesAndDrawWafer(): void;
     drawWafer(): void;
     renderHover(): void;
     private calculateHoverTransform;

package/dist/esm/src/wafer-map/types.d.ts

@@ -71,3 +71,9 @@ export type WaferRequiredFields = {
     rowIndex: Int32;
     value: Float64;
 };
+interface IColorScaleMarker {
+    color: string;
+    value: number;
+}
+export type ColorScale = IColorScaleMarker[];
+export {};

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

@@ -43,24 +43,10 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
      * @internal
      */
     readonly zoomContainer: HTMLElement;
-    /**
-     * @internal
-     */
-    readonly stableDataManager: DataManager;
-    /**
-     * @internal
-     */
     readonly experimentalDataManager: ExperimentalDataManager;
-    dataManager: DataManager | ExperimentalDataManager;
-    /**
-     * @internal
-     */
-    readonly mainRenderer: RenderingModule;
-    /**
-     * @internal
-     */
+    dataManager: DataManager;
     readonly workerRenderer: WorkerRenderer;
-    renderer: RenderingModule | WorkerRenderer;
+    renderer: RenderingModule;
     /**
      * @internal
      */
@@ -109,6 +95,11 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
     get validity(): WaferMapValidity;
     connectedCallback(): void;
     disconnectedCallback(): void;
+    /**
+     * @internal
+     * Experimental update function called when an update is queued.
+     */
+    experimentalUpdate(): void;
     /**
      * @internal
      * Update function called when an update is queued.
@@ -121,7 +112,7 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
     /**
      * @internal
      */
-    isExperimentalRenderer(): boolean;
+    isExperimentalUpdate(): boolean;
     private validate;
     private createResizeObserver;
     private originLocationChanged;

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

@@ -35,24 +35,10 @@ export class WaferMap extends FoundationElement {
         this.dieLabelsHidden = false;
         this.dieLabelsSuffix = '';
         this.colorScaleMode = WaferMapColorScaleMode.linear;
-        /**
-         * @internal
-         */
-        this.stableDataManager = new DataManager(this.asRequiredFieldsWaferMap);
-        /**
-         * @internal
-         */
         this.experimentalDataManager = new ExperimentalDataManager(this.asRequiredFieldsWaferMap);
-        this.dataManager = this.stableDataManager;
-        /**
-         * @internal
-         */
-        this.mainRenderer = new RenderingModule(this.asRequiredFieldsWaferMap);
-        /**
-         * @internal
-         */
+        this.dataManager = new DataManager(this.asRequiredFieldsWaferMap);
         this.workerRenderer = new WorkerRenderer(this.asRequiredFieldsWaferMap);
-        this.renderer = this.mainRenderer;
+        this.renderer = new RenderingModule(this.asRequiredFieldsWaferMap);
         /**
          * @internal
          */
@@ -110,6 +96,36 @@ export class WaferMap extends FoundationElement {
         this.zoomHandler.disconnect();
         this.resizeObserver.unobserve(this);
     }
+    /**
+     * @internal
+     * Experimental update function called when an update is queued.
+     */
+    experimentalUpdate() {
+        if (this.validity.invalidDiesTableSchema) {
+            return;
+        }
+        if (this.waferMapUpdateTracker.requiresEventsUpdate) {
+            // zoom translateExtent needs to be recalculated when canvas size changes
+            this.zoomHandler.disconnect();
+            if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate
+                || this.waferMapUpdateTracker.requiresScalesUpdate) {
+                this.experimentalDataManager.updateComputations();
+                this.workerRenderer.drawWafer();
+            }
+            else if (this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate
+                || this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate) {
+                this.experimentalDataManager.updatePrerendering();
+                this.workerRenderer.drawWafer();
+            }
+            else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {
+                this.workerRenderer.drawWafer();
+            }
+            this.zoomHandler.connect();
+        }
+        else if (this.waferMapUpdateTracker.requiresRenderHoverUpdate) {
+            this.workerRenderer.renderHover();
+        }
+    }
     /**
      * @internal
      * Update function called when an update is queued.
@@ -120,18 +136,13 @@ export class WaferMap extends FoundationElement {
      */
     update() {
         this.validate();
-        if (this.validity.invalidDiesTableSchema) {
+        if (this.isExperimentalUpdate()) {
+            this.experimentalUpdate();
             return;
         }
-        this.renderer = this.isExperimentalRenderer()
-            ? this.workerRenderer
-            : this.mainRenderer;
         if (this.waferMapUpdateTracker.requiresEventsUpdate) {
             // zoom translateExtent needs to be recalculated when canvas size changes
             this.zoomHandler.disconnect();
-            this.dataManager = this.isExperimentalRenderer()
-                ? this.experimentalDataManager
-                : this.stableDataManager;
             if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate) {
                 this.dataManager.updateContainerDimensions();
                 this.renderer.updateSortedDiesAndDrawWafer();
@@ -160,7 +171,7 @@ export class WaferMap extends FoundationElement {
     /**
      * @internal
      */
-    isExperimentalRenderer() {
+    isExperimentalUpdate() {
         return this.diesTable !== undefined;
     }
     validate() {

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 { DataManager as ExperimentalDataManager } from './modules/experimental/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 stableDataManager: DataManager = new DataManager(\n        this.asRequiredFieldsWaferMap\n    );\n\n    /**\n     * @internal\n     */\n    public readonly experimentalDataManager: ExperimentalDataManager = new ExperimentalDataManager(this.asRequiredFieldsWaferMap);\n\n    public dataManager: DataManager | ExperimentalDataManager = this.stableDataManager;\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            this.dataManager = this.isExperimentalRenderer()\n                ? this.experimentalDataManager\n                : this.stableDataManager;\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"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/wafer-map/index.ts"],"names":[],"mappings":";AAAA,OAAO,EACH,IAAI,EACJ,uBAAuB,EACvB,UAAU,EACb,MAAM,yBAAyB,CAAC;AACjC,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAiB,MAAM,SAAS,CAAC;AAEtD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AACrD,OAAO,EAAE,WAAW,IAAI,uBAAuB,EAAE,MAAM,qCAAqC,CAAC;AAC7F,OAAO,EAAE,eAAe,EAAE,MAAM,qBAAqB,CAAC;AACtD,OAAO,EAEH,eAAe,EAEf,sBAAsB,EAEtB,mBAAmB,EACnB,sBAAsB,EAGzB,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,qBAAqB,EAAE,MAAM,oCAAoC,CAAC;AAC3E,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,yBAAyB,CAAC;AACvD,OAAO,EAAE,YAAY,IAAI,wBAAwB,EAAE,MAAM,sCAAsC,CAAC;AAChG,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAQrD;;GAEG;AACH,MAAM,OAAO,QAEX,SAAQ,iBAAiB;IAF3B;;QAGI;;;WAGG;QACa,0BAAqB,GAA0B,IAAI,qBAAqB,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAGjH,mBAAc,GAA2B,sBAAsB,CAAC,UAAU,CAAC;QAG3E,aAAQ,GAAY,SAAS,CAAC;QAG9B,aAAQ,GAAY,SAAS,CAAC;QAG9B,aAAQ,GAAY,SAAS,CAAC;QAG9B,aAAQ,GAAY,SAAS,CAAC;QAG9B,gBAAW,GAAwB,mBAAmB,CAAC,GAAG,CAAC;QAG3D,kBAAa,GAAG,CAAC,CAAC;QAGlB,oBAAe,GAAG,KAAK,CAAC;QAGxB,oBAAe,GAAG,EAAE,CAAC;QAGrB,mBAAc,GAA2B,sBAAsB,CAAC,MAAM,CAAC;QAiB9D,4BAAuB,GAA4B,IAAI,uBAAuB,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAEvH,gBAAW,GAAgB,IAAI,WAAW,CAC7C,IAAI,CAAC,wBAAwB,CAChC,CAAC;QAEc,mBAAc,GAAG,IAAI,cAAc,CAC/C,IAAI,CAAC,wBAAwB,CAChC,CAAC;QAGK,aAAQ,GAAoB,IAAI,eAAe,CAC9C,IAAI,CAAC,wBAAwB,CAChC,CAAC;QAEN;;WAEG;QACI,iBAAY,GAAG,KAAK,CAAC;QAY5B;;WAEG;QACgB,cAAS,GAAkB,YAAY,CAAC;QAE3D;;WAEG;QACgB,mBAAc,GAAG,EAAE,CAAC;QAEvC;;WAEG;QACgB,iBAAY,GAAoB,eAAe,CAAC,IAAI,CAAC;QAExE;;WAEG;QACgB,eAAU,GAAG,CAAC,CAAC;QAElC;;WAEG;QACgB,gBAAW,GAAG,CAAC,CAAC;QAOhB,oBAAe,GAAa,EAAE,CAAC;QAC/B,SAAI,GAAkB,EAAE,CAAC;QAGzB,eAAU,GAAuB;YAChD,MAAM,EAAE,EAAE;YACV,MAAM,EAAE,EAAE;SACb,CAAC;QAEe,iBAAY,GAAiB,IAAI,YAAY,CAC1D,IAAI,CAAC,wBAAwB,CAChC,CAAC;QAEe,6BAAwB,GAA6B,IAAI,wBAAwB,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;QAEjH,gBAAW,GAAgB,IAAI,WAAW,CACvD,IAAI,CAAC,wBAAwB,CAChC,CAAC;QAEe,mBAAc,GAAG,IAAI,CAAC,oBAAoB,EAAE,CAAC;QAC7C,sBAAiB,GAAsB,IAAI,iBAAiB,CAAC,IAAI,CAAC,wBAAwB,CAAC,CAAC;IA0NjH,CAAC;IAxNG,IAAW,QAAQ;QACf,OAAO,IAAI,CAAC,iBAAiB,CAAC,WAAW,EAAE,CAAC;IAChD,CAAC;IAEe,iBAAiB;QAC7B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAC1B,IAAI,CAAC,aAAa,GAAG,IAAI,CAAC,MAAM,CAAC,UAAU,CAAC,IAAI,EAAE;YAC9C,kBAAkB,EAAE,IAAI;SAC3B,CAAE,CAAC;QACJ,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE,CAAC;QAC5B,IAAI,CAAC,wBAAwB,CAAC,OAAO,EAAE,CAAC;QACxC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;QAC3B,IAAI,CAAC,cAAc,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC;QAClC,IAAI,CAAC,qBAAqB,CAAC,QAAQ,EAAE,CAAC;IAC1C,CAAC;IAEe,oBAAoB;QAChC,KAAK,CAAC,oBAAoB,EAAE,CAAC;QAC7B,IAAI,CAAC,YAAY,CAAC,UAAU,EAAE,CAAC;QAC/B,IAAI,CAAC,wBAAwB,CAAC,UAAU,EAAE,CAAC;QAC3C,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;QAC9B,IAAI,CAAC,cAAc,CAAC,SAAS,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC;IAED;;;OAGG;IACI,kBAAkB;QACrB,IAAI,IAAI,CAAC,QAAQ,CAAC,sBAAsB,EAAE;YACtC,OAAO;SACV;QACD,IAAI,IAAI,CAAC,qBAAqB,CAAC,oBAAoB,EAAE;YACjD,yEAAyE;YACzE,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;YAC9B,IACI,IAAI,CAAC,qBAAqB,CAAC,iCAAiC;mBACzD,IAAI,CAAC,qBAAqB,CAAC,oBAAoB,EACpD;gBACE,IAAI,CAAC,uBAAuB,CAAC,kBAAkB,EAAE,CAAC;gBAClD,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC;aACnC;iBAAM,IACH,IAAI,CAAC,qBAAqB,CAAC,4BAA4B;mBACpD,IAAI,CAAC,qBAAqB,CAAC,4BAA4B,EAC5D;gBACE,IAAI,CAAC,uBAAuB,CAAC,kBAAkB,EAAE,CAAC;gBAClD,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC;aACnC;iBAAM,IAAI,IAAI,CAAC,qBAAqB,CAAC,wBAAwB,EAAE;gBAC5D,IAAI,CAAC,cAAc,CAAC,SAAS,EAAE,CAAC;aACnC;YACD,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;SAC9B;aAAM,IAAI,IAAI,CAAC,qBAAqB,CAAC,yBAAyB,EAAE;YAC7D,IAAI,CAAC,cAAc,CAAC,WAAW,EAAE,CAAC;SACrC;IACL,CAAC;IAED;;;;;;;OAOG;IACI,MAAM;QACT,IAAI,CAAC,QAAQ,EAAE,CAAC;QAChB,IAAI,IAAI,CAAC,oBAAoB,EAAE,EAAE;YAC7B,IAAI,CAAC,kBAAkB,EAAE,CAAC;YAC1B,OAAO;SACV;QACD,IAAI,IAAI,CAAC,qBAAqB,CAAC,oBAAoB,EAAE;YACjD,yEAAyE;YACzE,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE,CAAC;YAC9B,IAAI,IAAI,CAAC,qBAAqB,CAAC,iCAAiC,EAAE;gBAC9D,IAAI,CAAC,WAAW,CAAC,yBAAyB,EAAE,CAAC;gBAC7C,IAAI,CAAC,QAAQ,CAAC,4BAA4B,EAAE,CAAC;aAChD;iBAAM,IAAI,IAAI,CAAC,qBAAqB,CAAC,oBAAoB,EAAE;gBACxD,IAAI,CAAC,WAAW,CAAC,YAAY,EAAE,CAAC;gBAChC,IAAI,CAAC,QAAQ,CAAC,4BAA4B,EAAE,CAAC;aAChD;iBAAM,IACH,IAAI,CAAC,qBAAqB,CAAC,4BAA4B,EACzD;gBACE,IAAI,CAAC,WAAW,CAAC,oBAAoB,EAAE,CAAC;gBACxC,IAAI,CAAC,QAAQ,CAAC,4BAA4B,EAAE,CAAC;aAChD;iBAAM,IACH,IAAI,CAAC,qBAAqB,CAAC,4BAA4B,EACzD;gBACE,IAAI,CAAC,WAAW,CAAC,oBAAoB,EAAE,CAAC;gBACxC,IAAI,CAAC,QAAQ,CAAC,4BAA4B,EAAE,CAAC;aAChD;iBAAM,IAAI,IAAI,CAAC,qBAAqB,CAAC,wBAAwB,EAAE;gBAC5D,IAAI,CAAC,QAAQ,CAAC,SAAS,EAAE,CAAC;aAC7B;YACD,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,CAAC;SAC9B;aAAM,IAAI,IAAI,CAAC,qBAAqB,CAAC,yBAAyB,EAAE;YAC7D,IAAI,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC;SAC/B;IACL,CAAC;IAED;;OAEG;IACI,oBAAoB;QACvB,OAAO,IAAI,CAAC,SAAS,KAAK,SAAS,CAAC;IACxC,CAAC;IAEO,QAAQ;QACZ,IAAI,CAAC,iBAAiB,CAAC,sBAAsB,EAAE,CAAC;QAChD,IAAI,CAAC,iBAAiB,CAAC,uBAAuB,EAAE,CAAC;IACrD,CAAC;IAEO,oBAAoB;QACxB,MAAM,cAAc,GAAG,IAAI,cAAc,CAAC,OAAO,CAAC,EAAE;YAChD,MAAM,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;YACzB,IAAI,KAAK,KAAK,SAAS,EAAE;gBACrB,OAAO;aACV;YACD,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,GAAG,KAAK,CAAC,WAAW,CAAC;YAC5C,kFAAkF;YAClF,wEAAwE;YACxE,IAAI,CAAC,MAAM,CAAC,KAAK,GAAG,KAAK,CAAC;YAC1B,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,MAAM,CAAC;YAC5B,IAAI,CAAC,WAAW,GAAG,KAAK,CAAC;YACzB,IAAI,CAAC,YAAY,GAAG,MAAM,CAAC;QAC/B,CAAC,CAAC,CAAC;QACH,OAAO,cAAc,CAAC;IAC1B,CAAC;IAEO,qBAAqB;QACzB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QACnD,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,eAAe;QACnB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,eAAe;QACnB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,eAAe;QACnB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,eAAe;QACnB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,oBAAoB;QACxB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,eAAe,CAAC,CAAC;QAClD,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,sBAAsB;QAC1B,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACpD,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,sBAAsB;QAC1B,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACpD,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,qBAAqB;QACzB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC;QACnD,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,sBAAsB;QAC1B,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,iBAAiB,CAAC,CAAC;QACpD,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,WAAW;QACf,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACzC,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,gBAAgB;QACpB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC;QACzC,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,iBAAiB;QACrB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,YAAY,CAAC,CAAC;QAC/C,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,gBAAgB;QACpB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;QAC9C,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,kBAAkB;QACtB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,aAAa,CAAC,CAAC;QAChD,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,mBAAmB;QACvB,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC;QACjD,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAEO,eAAe;QACnB,IAAI,CAAC,KAAK,CAAC,WAAW,EAAE,EAAE,UAAU,EAAE,IAAI,CAAC,QAAQ,EAAE,CAAC,CAAC;QACvD,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;QAC7C,IAAI,CAAC,qBAAqB,CAAC,WAAW,EAAE,CAAC;IAC7C,CAAC;IAED,IAAY,wBAAwB;QAChC,OAAO,IAAgB,CAAC;IAC5B,CAAC;CACJ;AAtVG;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,iBAAiB,EAAE,CAAC;gDAC2C;AAGlF;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;0CACjC;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;0CACjC;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;0CACjC;AAGrC;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,YAAY,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;0CACjC;AAGrC;IADC,IAAI;6CAC6D;AAGlE;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,gBAAgB,EAAE,SAAS,EAAE,uBAAuB,EAAE,CAAC;+CACjD;AAGzB;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;iDAC3B;AAG/B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,mBAAmB,EAAE,CAAC;iDACb;AAG5B;IADC,IAAI,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,CAAC;gDACsC;AA4B9E;IADC,UAAU;0CAGL;AAUM;IAAX,UAAU;6CAA6B;AAK5B;IAAX,UAAU;8CAA8B;AAK7B;IAAX,UAAU;2CAAgD;AAK/C;IAAX,UAAU;gDAA4B;AAK3B;IAAX,UAAU;8CAA6D;AAK5D;IAAX,UAAU;4CAAuB;AAKtB;IAAX,UAAU;6CAAwB;AAKvB;IAAX,UAAU;0CAAqD;AAEpD;IAAX,UAAU;iDAAuC;AACtC;IAAX,UAAU;sCAAiC;AAChC;IAAX,UAAU;2CAAwC;AAEvC;IAAX,UAAU;4CAGT;AAyON,MAAM,cAAc,GAAG,QAAQ,CAAC,OAAO,CAAC;IACpC,QAAQ,EAAE,WAAW;IACrB,QAAQ;IACR,MAAM;CACT,CAAC,CAAC;AAEH,YAAY,CAAC,WAAW,EAAE,CAAC,UAAU,CAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,cAAc,EAAE,CAAC,CAAC;AAC3E,MAAM,CAAC,MAAM,WAAW,GAAG,kBAAkB,CAAC","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 { DataManager as ExperimentalDataManager } from './modules/experimental/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    public readonly experimentalDataManager: ExperimentalDataManager = new ExperimentalDataManager(this.asRequiredFieldsWaferMap);\n\n    public dataManager: DataManager = new DataManager(\n        this.asRequiredFieldsWaferMap\n    );\n\n    public readonly workerRenderer = new WorkerRenderer(\n        this.asRequiredFieldsWaferMap\n    );\n\n    @observable\n    public renderer: RenderingModule = new RenderingModule(\n            this.asRequiredFieldsWaferMap\n        );\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     * Experimental update function called when an update is queued.\n     */\n    public experimentalUpdate(): void {\n        if (this.validity.invalidDiesTableSchema) {\n            return;\n        }\n        if (this.waferMapUpdateTracker.requiresEventsUpdate) {\n            // zoom translateExtent needs to be recalculated when canvas size changes\n            this.zoomHandler.disconnect();\n            if (\n                this.waferMapUpdateTracker.requiresContainerDimensionsUpdate\n                || this.waferMapUpdateTracker.requiresScalesUpdate\n            ) {\n                this.experimentalDataManager.updateComputations();\n                this.workerRenderer.drawWafer();\n            } else if (\n                this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate\n                || this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate\n            ) {\n                this.experimentalDataManager.updatePrerendering();\n                this.workerRenderer.drawWafer();\n            } else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {\n                this.workerRenderer.drawWafer();\n            }\n            this.zoomHandler.connect();\n        } else if (this.waferMapUpdateTracker.requiresRenderHoverUpdate) {\n            this.workerRenderer.renderHover();\n        }\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.isExperimentalUpdate()) {\n            this.experimentalUpdate();\n            return;\n        }\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 isExperimentalUpdate(): 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/experimental/computations.d.ts

@@ -19,8 +19,7 @@ export declare class Computations {
     private readonly defaultPadding;
     private readonly baseMarginPercentage;
     constructor(wafermap: WaferMap);
-    updateContainerDimensions(): void;
-    updateScales(): void;
+    update(): void;
     private gridDimensionsValidAndDefined;
     private calculateGridDimensionsFromBoundingBox;
     private calculateGridDimensionsFromDies;

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

@@ -24,7 +24,7 @@ export class Computations {
         this.defaultPadding = 0;
         this.baseMarginPercentage = 0.04;
     }
-    updateContainerDimensions() {
+    update() {
         const canvasDimensions = {
             width: this.wafermap.canvasWidth,
             height: this.wafermap.canvasHeight
@@ -44,9 +44,6 @@ export class Computations {
         };
         this._margin = this.calculateMarginAddition(baseMargin, canvasMargin);
         this._containerDimensions = this.calculateContainerDimensions(canvasDimensions, this._margin);
-        this.updateScales();
-    }
-    updateScales() {
         const containerDiameter = Math.min(this._containerDimensions.width, this._containerDimensions.height);
         const gridDimensions = this.gridDimensionsValidAndDefined()
             ? this.calculateGridDimensionsFromBoundingBox()