@ni/nimble-components 27.0.0 → 27.0.1

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

@@ -31,6 +31,14 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
     dieLabelsHidden: boolean;
     dieLabelsSuffix: string;
     colorScaleMode: WaferMapColorScaleMode;
+    /**
+     * @internal
+     */
+    currentTask: Promise<void> | undefined;
+    /**
+     * @internal
+     */
+    workerCanvas: HTMLCanvasElement;
     /**
      * @internal
      */
@@ -99,7 +107,7 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
      * @internal
      * Experimental update function called when an update is queued.
      */
-    experimentalUpdate(): void;
+    experimentalUpdate(): Promise<void>;
     /**
      * @internal
      * Update function called when an update is queued.

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

@@ -4,8 +4,10 @@ import type { WaferMap } from '../..';
  */
 export declare class WorkerRenderer {
     private readonly wafermap;
+    private matrixRenderer;
     constructor(wafermap: WaferMap);
-    drawWafer(): void;
+    setupWafer(): Promise<void>;
+    drawWafer(): Promise<void>;
     renderHover(): void;
     private calculateHoverTransform;
 }

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

@@ -6,6 +6,7 @@ export declare class ZoomHandler {
     private readonly wafermap;
     private readonly scaleExtent;
     private readonly minExtentPoint;
+    private readonly wafermapNotifier;
     constructor(wafermap: WaferMap);
     /**
      * @internal
@@ -15,6 +16,7 @@ export declare class ZoomHandler {
      * @internal
      */
     disconnect(): void;
+    handleChange(source: WaferMap, propertyName: string): void;
     private createZoomBehavior;
     private readonly onWheelMove;
 }

package/dist/esm/src/wafer-map/workers/matrix-renderer.d.ts

@@ -1 +1 @@
-export declare const workerCode = "var MatrixRenderer = (function (exports) {\n    'use strict';\n\n    /**\n     * @license\n     * Copyright 2019 Google LLC\n     * SPDX-License-Identifier: Apache-2.0\n     */\n    const proxyMarker = Symbol(\"Comlink.proxy\");\n    const createEndpoint = Symbol(\"Comlink.endpoint\");\n    const releaseProxy = Symbol(\"Comlink.releaseProxy\");\n    const finalizer = Symbol(\"Comlink.finalizer\");\n    const throwMarker = Symbol(\"Comlink.thrown\");\n    const isObject = (val) => (typeof val === \"object\" && val !== null) || typeof val === \"function\";\n    /**\n     * Internal transfer handle to handle objects marked to proxy.\n     */\n    const proxyTransferHandler = {\n        canHandle: (val) => isObject(val) && val[proxyMarker],\n        serialize(obj) {\n            const { port1, port2 } = new MessageChannel();\n            expose(obj, port1);\n            return [port2, [port2]];\n        },\n        deserialize(port) {\n            port.start();\n            return wrap(port);\n        },\n    };\n    /**\n     * Internal transfer handler to handle thrown exceptions.\n     */\n    const throwTransferHandler = {\n        canHandle: (value) => isObject(value) && throwMarker in value,\n        serialize({ value }) {\n            let serialized;\n            if (value instanceof Error) {\n                serialized = {\n                    isError: true,\n                    value: {\n                        message: value.message,\n                        name: value.name,\n                        stack: value.stack,\n                    },\n                };\n            }\n            else {\n                serialized = { isError: false, value };\n            }\n            return [serialized, []];\n        },\n        deserialize(serialized) {\n            if (serialized.isError) {\n                throw Object.assign(new Error(serialized.value.message), serialized.value);\n            }\n            throw serialized.value;\n        },\n    };\n    /**\n     * Allows customizing the serialization of certain values.\n     */\n    const transferHandlers = new Map([\n        [\"proxy\", proxyTransferHandler],\n        [\"throw\", throwTransferHandler],\n    ]);\n    function isAllowedOrigin(allowedOrigins, origin) {\n        for (const allowedOrigin of allowedOrigins) {\n            if (origin === allowedOrigin || allowedOrigin === \"*\") {\n                return true;\n            }\n            if (allowedOrigin instanceof RegExp && allowedOrigin.test(origin)) {\n                return true;\n            }\n        }\n        return false;\n    }\n    function expose(obj, ep = globalThis, allowedOrigins = [\"*\"]) {\n        ep.addEventListener(\"message\", function callback(ev) {\n            if (!ev || !ev.data) {\n                return;\n            }\n            if (!isAllowedOrigin(allowedOrigins, ev.origin)) {\n                console.warn(`Invalid origin '${ev.origin}' for comlink proxy`);\n                return;\n            }\n            const { id, type, path } = Object.assign({ path: [] }, ev.data);\n            const argumentList = (ev.data.argumentList || []).map(fromWireValue);\n            let returnValue;\n            try {\n                const parent = path.slice(0, -1).reduce((obj, prop) => obj[prop], obj);\n                const rawValue = path.reduce((obj, prop) => obj[prop], obj);\n                switch (type) {\n                    case \"GET\" /* MessageType.GET */:\n                        {\n                            returnValue = rawValue;\n                        }\n                        break;\n                    case \"SET\" /* MessageType.SET */:\n                        {\n                            parent[path.slice(-1)[0]] = fromWireValue(ev.data.value);\n                            returnValue = true;\n                        }\n                        break;\n                    case \"APPLY\" /* MessageType.APPLY */:\n                        {\n                            returnValue = rawValue.apply(parent, argumentList);\n                        }\n                        break;\n                    case \"CONSTRUCT\" /* MessageType.CONSTRUCT */:\n                        {\n                            const value = new rawValue(...argumentList);\n                            returnValue = proxy(value);\n                        }\n                        break;\n                    case \"ENDPOINT\" /* MessageType.ENDPOINT */:\n                        {\n                            const { port1, port2 } = new MessageChannel();\n                            expose(obj, port2);\n                            returnValue = transfer(port1, [port1]);\n                        }\n                        break;\n                    case \"RELEASE\" /* MessageType.RELEASE */:\n                        {\n                            returnValue = undefined;\n                        }\n                        break;\n                    default:\n                        return;\n                }\n            }\n            catch (value) {\n                returnValue = { value, [throwMarker]: 0 };\n            }\n            Promise.resolve(returnValue)\n                .catch((value) => {\n                return { value, [throwMarker]: 0 };\n            })\n                .then((returnValue) => {\n                const [wireValue, transferables] = toWireValue(returnValue);\n                ep.postMessage(Object.assign(Object.assign({}, wireValue), { id }), transferables);\n                if (type === \"RELEASE\" /* MessageType.RELEASE */) {\n                    // detach and deactive after sending release response above.\n                    ep.removeEventListener(\"message\", callback);\n                    closeEndPoint(ep);\n                    if (finalizer in obj && typeof obj[finalizer] === \"function\") {\n                        obj[finalizer]();\n                    }\n                }\n            })\n                .catch((error) => {\n                // Send Serialization Error To Caller\n                const [wireValue, transferables] = toWireValue({\n                    value: new TypeError(\"Unserializable return value\"),\n                    [throwMarker]: 0,\n                });\n                ep.postMessage(Object.assign(Object.assign({}, wireValue), { id }), transferables);\n            });\n        });\n        if (ep.start) {\n            ep.start();\n        }\n    }\n    function isMessagePort(endpoint) {\n        return endpoint.constructor.name === \"MessagePort\";\n    }\n    function closeEndPoint(endpoint) {\n        if (isMessagePort(endpoint))\n            endpoint.close();\n    }\n    function wrap(ep, target) {\n        return createProxy(ep, [], target);\n    }\n    function throwIfProxyReleased(isReleased) {\n        if (isReleased) {\n            throw new Error(\"Proxy has been released and is not useable\");\n        }\n    }\n    function releaseEndpoint(ep) {\n        return requestResponseMessage(ep, {\n            type: \"RELEASE\" /* MessageType.RELEASE */,\n        }).then(() => {\n            closeEndPoint(ep);\n        });\n    }\n    const proxyCounter = new WeakMap();\n    const proxyFinalizers = \"FinalizationRegistry\" in globalThis &&\n        new FinalizationRegistry((ep) => {\n            const newCount = (proxyCounter.get(ep) || 0) - 1;\n            proxyCounter.set(ep, newCount);\n            if (newCount === 0) {\n                releaseEndpoint(ep);\n            }\n        });\n    function registerProxy(proxy, ep) {\n        const newCount = (proxyCounter.get(ep) || 0) + 1;\n        proxyCounter.set(ep, newCount);\n        if (proxyFinalizers) {\n            proxyFinalizers.register(proxy, ep, proxy);\n        }\n    }\n    function unregisterProxy(proxy) {\n        if (proxyFinalizers) {\n            proxyFinalizers.unregister(proxy);\n        }\n    }\n    function createProxy(ep, path = [], target = function () { }) {\n        let isProxyReleased = false;\n        const proxy = new Proxy(target, {\n            get(_target, prop) {\n                throwIfProxyReleased(isProxyReleased);\n                if (prop === releaseProxy) {\n                    return () => {\n                        unregisterProxy(proxy);\n                        releaseEndpoint(ep);\n                        isProxyReleased = true;\n                    };\n                }\n                if (prop === \"then\") {\n                    if (path.length === 0) {\n                        return { then: () => proxy };\n                    }\n                    const r = requestResponseMessage(ep, {\n                        type: \"GET\" /* MessageType.GET */,\n                        path: path.map((p) => p.toString()),\n                    }).then(fromWireValue);\n                    return r.then.bind(r);\n                }\n                return createProxy(ep, [...path, prop]);\n            },\n            set(_target, prop, rawValue) {\n                throwIfProxyReleased(isProxyReleased);\n                // FIXME: ES6 Proxy Handler `set` methods are supposed to return a\n                // boolean. To show good will, we return true asynchronously \u00AF\\_(\u30C4)_/\u00AF\n                const [value, transferables] = toWireValue(rawValue);\n                return requestResponseMessage(ep, {\n                    type: \"SET\" /* MessageType.SET */,\n                    path: [...path, prop].map((p) => p.toString()),\n                    value,\n                }, transferables).then(fromWireValue);\n            },\n            apply(_target, _thisArg, rawArgumentList) {\n                throwIfProxyReleased(isProxyReleased);\n                const last = path[path.length - 1];\n                if (last === createEndpoint) {\n                    return requestResponseMessage(ep, {\n                        type: \"ENDPOINT\" /* MessageType.ENDPOINT */,\n                    }).then(fromWireValue);\n                }\n                // We just pretend that `bind()` didn\u2019t happen.\n                if (last === \"bind\") {\n                    return createProxy(ep, path.slice(0, -1));\n                }\n                const [argumentList, transferables] = processArguments(rawArgumentList);\n                return requestResponseMessage(ep, {\n                    type: \"APPLY\" /* MessageType.APPLY */,\n                    path: path.map((p) => p.toString()),\n                    argumentList,\n                }, transferables).then(fromWireValue);\n            },\n            construct(_target, rawArgumentList) {\n                throwIfProxyReleased(isProxyReleased);\n                const [argumentList, transferables] = processArguments(rawArgumentList);\n                return requestResponseMessage(ep, {\n                    type: \"CONSTRUCT\" /* MessageType.CONSTRUCT */,\n                    path: path.map((p) => p.toString()),\n                    argumentList,\n                }, transferables).then(fromWireValue);\n            },\n        });\n        registerProxy(proxy, ep);\n        return proxy;\n    }\n    function myFlat(arr) {\n        return Array.prototype.concat.apply([], arr);\n    }\n    function processArguments(argumentList) {\n        const processed = argumentList.map(toWireValue);\n        return [processed.map((v) => v[0]), myFlat(processed.map((v) => v[1]))];\n    }\n    const transferCache = new WeakMap();\n    function transfer(obj, transfers) {\n        transferCache.set(obj, transfers);\n        return obj;\n    }\n    function proxy(obj) {\n        return Object.assign(obj, { [proxyMarker]: true });\n    }\n    function toWireValue(value) {\n        for (const [name, handler] of transferHandlers) {\n            if (handler.canHandle(value)) {\n                const [serializedValue, transferables] = handler.serialize(value);\n                return [\n                    {\n                        type: \"HANDLER\" /* WireValueType.HANDLER */,\n                        name,\n                        value: serializedValue,\n                    },\n                    transferables,\n                ];\n            }\n        }\n        return [\n            {\n                type: \"RAW\" /* WireValueType.RAW */,\n                value,\n            },\n            transferCache.get(value) || [],\n        ];\n    }\n    function fromWireValue(value) {\n        switch (value.type) {\n            case \"HANDLER\" /* WireValueType.HANDLER */:\n                return transferHandlers.get(value.name).deserialize(value.value);\n            case \"RAW\" /* WireValueType.RAW */:\n                return value.value;\n        }\n    }\n    function requestResponseMessage(ep, msg, transfers) {\n        return new Promise((resolve) => {\n            const id = generateUUID();\n            ep.addEventListener(\"message\", function l(ev) {\n                if (!ev.data || !ev.data.id || ev.data.id !== id) {\n                    return;\n                }\n                ep.removeEventListener(\"message\", l);\n                resolve(ev.data);\n            });\n            if (ep.start) {\n                ep.start();\n            }\n            ep.postMessage(Object.assign({ id }, msg), transfers);\n        });\n    }\n    function generateUUID() {\n        return new Array(4)\n            .fill(0)\n            .map(() => Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(16))\n            .join(\"-\");\n    }\n\n    /**\n     * MatrixRenderer class is meant to be used within a Web Worker context,\n     * using Comlink to facilitate communication between the main thread and the worker.\n     * The MatrixRenderer class manages a matrix of dies, once an instance of MatrixRenderer is created,\n     * it is exposed to the main thread using Comlink's `expose` method.\n     * This setup is used in the wafer-map component to perform heavy computational duties\n     */\n    class MatrixRenderer {\n        constructor() {\n            this.dieMatrix = Uint8Array.from([]);\n        }\n        emptyMatrix() {\n            this.dieMatrix = Uint8Array.from([]);\n        }\n        updateMatrix(data) {\n            this.dieMatrix = Uint8Array.from(data);\n        }\n    }\n    expose(MatrixRenderer);\n\n    exports.MatrixRenderer = MatrixRenderer;\n\n    return exports;\n\n})({});\n";
+export declare const workerCode = "var MatrixRenderer = (function (exports) {\n    'use strict';\n\n    /**\n     * @license\n     * Copyright 2019 Google LLC\n     * SPDX-License-Identifier: Apache-2.0\n     */\n    const proxyMarker = Symbol(\"Comlink.proxy\");\n    const createEndpoint = Symbol(\"Comlink.endpoint\");\n    const releaseProxy = Symbol(\"Comlink.releaseProxy\");\n    const finalizer = Symbol(\"Comlink.finalizer\");\n    const throwMarker = Symbol(\"Comlink.thrown\");\n    const isObject = (val) => (typeof val === \"object\" && val !== null) || typeof val === \"function\";\n    /**\n     * Internal transfer handle to handle objects marked to proxy.\n     */\n    const proxyTransferHandler = {\n        canHandle: (val) => isObject(val) && val[proxyMarker],\n        serialize(obj) {\n            const { port1, port2 } = new MessageChannel();\n            expose(obj, port1);\n            return [port2, [port2]];\n        },\n        deserialize(port) {\n            port.start();\n            return wrap(port);\n        },\n    };\n    /**\n     * Internal transfer handler to handle thrown exceptions.\n     */\n    const throwTransferHandler = {\n        canHandle: (value) => isObject(value) && throwMarker in value,\n        serialize({ value }) {\n            let serialized;\n            if (value instanceof Error) {\n                serialized = {\n                    isError: true,\n                    value: {\n                        message: value.message,\n                        name: value.name,\n                        stack: value.stack,\n                    },\n                };\n            }\n            else {\n                serialized = { isError: false, value };\n            }\n            return [serialized, []];\n        },\n        deserialize(serialized) {\n            if (serialized.isError) {\n                throw Object.assign(new Error(serialized.value.message), serialized.value);\n            }\n            throw serialized.value;\n        },\n    };\n    /**\n     * Allows customizing the serialization of certain values.\n     */\n    const transferHandlers = new Map([\n        [\"proxy\", proxyTransferHandler],\n        [\"throw\", throwTransferHandler],\n    ]);\n    function isAllowedOrigin(allowedOrigins, origin) {\n        for (const allowedOrigin of allowedOrigins) {\n            if (origin === allowedOrigin || allowedOrigin === \"*\") {\n                return true;\n            }\n            if (allowedOrigin instanceof RegExp && allowedOrigin.test(origin)) {\n                return true;\n            }\n        }\n        return false;\n    }\n    function expose(obj, ep = globalThis, allowedOrigins = [\"*\"]) {\n        ep.addEventListener(\"message\", function callback(ev) {\n            if (!ev || !ev.data) {\n                return;\n            }\n            if (!isAllowedOrigin(allowedOrigins, ev.origin)) {\n                console.warn(`Invalid origin '${ev.origin}' for comlink proxy`);\n                return;\n            }\n            const { id, type, path } = Object.assign({ path: [] }, ev.data);\n            const argumentList = (ev.data.argumentList || []).map(fromWireValue);\n            let returnValue;\n            try {\n                const parent = path.slice(0, -1).reduce((obj, prop) => obj[prop], obj);\n                const rawValue = path.reduce((obj, prop) => obj[prop], obj);\n                switch (type) {\n                    case \"GET\" /* MessageType.GET */:\n                        {\n                            returnValue = rawValue;\n                        }\n                        break;\n                    case \"SET\" /* MessageType.SET */:\n                        {\n                            parent[path.slice(-1)[0]] = fromWireValue(ev.data.value);\n                            returnValue = true;\n                        }\n                        break;\n                    case \"APPLY\" /* MessageType.APPLY */:\n                        {\n                            returnValue = rawValue.apply(parent, argumentList);\n                        }\n                        break;\n                    case \"CONSTRUCT\" /* MessageType.CONSTRUCT */:\n                        {\n                            const value = new rawValue(...argumentList);\n                            returnValue = proxy(value);\n                        }\n                        break;\n                    case \"ENDPOINT\" /* MessageType.ENDPOINT */:\n                        {\n                            const { port1, port2 } = new MessageChannel();\n                            expose(obj, port2);\n                            returnValue = transfer(port1, [port1]);\n                        }\n                        break;\n                    case \"RELEASE\" /* MessageType.RELEASE */:\n                        {\n                            returnValue = undefined;\n                        }\n                        break;\n                    default:\n                        return;\n                }\n            }\n            catch (value) {\n                returnValue = { value, [throwMarker]: 0 };\n            }\n            Promise.resolve(returnValue)\n                .catch((value) => {\n                return { value, [throwMarker]: 0 };\n            })\n                .then((returnValue) => {\n                const [wireValue, transferables] = toWireValue(returnValue);\n                ep.postMessage(Object.assign(Object.assign({}, wireValue), { id }), transferables);\n                if (type === \"RELEASE\" /* MessageType.RELEASE */) {\n                    // detach and deactive after sending release response above.\n                    ep.removeEventListener(\"message\", callback);\n                    closeEndPoint(ep);\n                    if (finalizer in obj && typeof obj[finalizer] === \"function\") {\n                        obj[finalizer]();\n                    }\n                }\n            })\n                .catch((error) => {\n                // Send Serialization Error To Caller\n                const [wireValue, transferables] = toWireValue({\n                    value: new TypeError(\"Unserializable return value\"),\n                    [throwMarker]: 0,\n                });\n                ep.postMessage(Object.assign(Object.assign({}, wireValue), { id }), transferables);\n            });\n        });\n        if (ep.start) {\n            ep.start();\n        }\n    }\n    function isMessagePort(endpoint) {\n        return endpoint.constructor.name === \"MessagePort\";\n    }\n    function closeEndPoint(endpoint) {\n        if (isMessagePort(endpoint))\n            endpoint.close();\n    }\n    function wrap(ep, target) {\n        return createProxy(ep, [], target);\n    }\n    function throwIfProxyReleased(isReleased) {\n        if (isReleased) {\n            throw new Error(\"Proxy has been released and is not useable\");\n        }\n    }\n    function releaseEndpoint(ep) {\n        return requestResponseMessage(ep, {\n            type: \"RELEASE\" /* MessageType.RELEASE */,\n        }).then(() => {\n            closeEndPoint(ep);\n        });\n    }\n    const proxyCounter = new WeakMap();\n    const proxyFinalizers = \"FinalizationRegistry\" in globalThis &&\n        new FinalizationRegistry((ep) => {\n            const newCount = (proxyCounter.get(ep) || 0) - 1;\n            proxyCounter.set(ep, newCount);\n            if (newCount === 0) {\n                releaseEndpoint(ep);\n            }\n        });\n    function registerProxy(proxy, ep) {\n        const newCount = (proxyCounter.get(ep) || 0) + 1;\n        proxyCounter.set(ep, newCount);\n        if (proxyFinalizers) {\n            proxyFinalizers.register(proxy, ep, proxy);\n        }\n    }\n    function unregisterProxy(proxy) {\n        if (proxyFinalizers) {\n            proxyFinalizers.unregister(proxy);\n        }\n    }\n    function createProxy(ep, path = [], target = function () { }) {\n        let isProxyReleased = false;\n        const proxy = new Proxy(target, {\n            get(_target, prop) {\n                throwIfProxyReleased(isProxyReleased);\n                if (prop === releaseProxy) {\n                    return () => {\n                        unregisterProxy(proxy);\n                        releaseEndpoint(ep);\n                        isProxyReleased = true;\n                    };\n                }\n                if (prop === \"then\") {\n                    if (path.length === 0) {\n                        return { then: () => proxy };\n                    }\n                    const r = requestResponseMessage(ep, {\n                        type: \"GET\" /* MessageType.GET */,\n                        path: path.map((p) => p.toString()),\n                    }).then(fromWireValue);\n                    return r.then.bind(r);\n                }\n                return createProxy(ep, [...path, prop]);\n            },\n            set(_target, prop, rawValue) {\n                throwIfProxyReleased(isProxyReleased);\n                // FIXME: ES6 Proxy Handler `set` methods are supposed to return a\n                // boolean. To show good will, we return true asynchronously \u00AF\\_(\u30C4)_/\u00AF\n                const [value, transferables] = toWireValue(rawValue);\n                return requestResponseMessage(ep, {\n                    type: \"SET\" /* MessageType.SET */,\n                    path: [...path, prop].map((p) => p.toString()),\n                    value,\n                }, transferables).then(fromWireValue);\n            },\n            apply(_target, _thisArg, rawArgumentList) {\n                throwIfProxyReleased(isProxyReleased);\n                const last = path[path.length - 1];\n                if (last === createEndpoint) {\n                    return requestResponseMessage(ep, {\n                        type: \"ENDPOINT\" /* MessageType.ENDPOINT */,\n                    }).then(fromWireValue);\n                }\n                // We just pretend that `bind()` didn\u2019t happen.\n                if (last === \"bind\") {\n                    return createProxy(ep, path.slice(0, -1));\n                }\n                const [argumentList, transferables] = processArguments(rawArgumentList);\n                return requestResponseMessage(ep, {\n                    type: \"APPLY\" /* MessageType.APPLY */,\n                    path: path.map((p) => p.toString()),\n                    argumentList,\n                }, transferables).then(fromWireValue);\n            },\n            construct(_target, rawArgumentList) {\n                throwIfProxyReleased(isProxyReleased);\n                const [argumentList, transferables] = processArguments(rawArgumentList);\n                return requestResponseMessage(ep, {\n                    type: \"CONSTRUCT\" /* MessageType.CONSTRUCT */,\n                    path: path.map((p) => p.toString()),\n                    argumentList,\n                }, transferables).then(fromWireValue);\n            },\n        });\n        registerProxy(proxy, ep);\n        return proxy;\n    }\n    function myFlat(arr) {\n        return Array.prototype.concat.apply([], arr);\n    }\n    function processArguments(argumentList) {\n        const processed = argumentList.map(toWireValue);\n        return [processed.map((v) => v[0]), myFlat(processed.map((v) => v[1]))];\n    }\n    const transferCache = new WeakMap();\n    function transfer(obj, transfers) {\n        transferCache.set(obj, transfers);\n        return obj;\n    }\n    function proxy(obj) {\n        return Object.assign(obj, { [proxyMarker]: true });\n    }\n    function toWireValue(value) {\n        for (const [name, handler] of transferHandlers) {\n            if (handler.canHandle(value)) {\n                const [serializedValue, transferables] = handler.serialize(value);\n                return [\n                    {\n                        type: \"HANDLER\" /* WireValueType.HANDLER */,\n                        name,\n                        value: serializedValue,\n                    },\n                    transferables,\n                ];\n            }\n        }\n        return [\n            {\n                type: \"RAW\" /* WireValueType.RAW */,\n                value,\n            },\n            transferCache.get(value) || [],\n        ];\n    }\n    function fromWireValue(value) {\n        switch (value.type) {\n            case \"HANDLER\" /* WireValueType.HANDLER */:\n                return transferHandlers.get(value.name).deserialize(value.value);\n            case \"RAW\" /* WireValueType.RAW */:\n                return value.value;\n        }\n    }\n    function requestResponseMessage(ep, msg, transfers) {\n        return new Promise((resolve) => {\n            const id = generateUUID();\n            ep.addEventListener(\"message\", function l(ev) {\n                if (!ev.data || !ev.data.id || ev.data.id !== id) {\n                    return;\n                }\n                ep.removeEventListener(\"message\", l);\n                resolve(ev.data);\n            });\n            if (ep.start) {\n                ep.start();\n            }\n            ep.postMessage(Object.assign({ id }, msg), transfers);\n        });\n    }\n    function generateUUID() {\n        return new Array(4)\n            .fill(0)\n            .map(() => Math.floor(Math.random() * Number.MAX_SAFE_INTEGER).toString(16))\n            .join(\"-\");\n    }\n\n    /**\n     * MatrixRenderer class is meant to be used within a Web Worker context,\n     * using Comlink to facilitate communication between the main thread and the worker.\n     * The MatrixRenderer class manages a matrix of dies, once an instance of MatrixRenderer is created,\n     * it is exposed to the main thread using Comlink's `expose` method.\n     * This setup is used in the wafer-map component to perform heavy computational duties\n     */\n    class MatrixRenderer {\n        constructor() {\n            this.columnIndexes = Int32Array.from([]);\n            this.rowIndexes = Int32Array.from([]);\n            this.values = Float64Array.from([]);\n            this.scaledColumnIndex = Float64Array.from([]);\n            this.scaledRowIndex = Float64Array.from([]);\n            this.columnIndexPositions = Int32Array.from([]);\n            this.scaleX = 1;\n            this.scaleY = 1;\n            this.baseX = 1;\n            this.baseY = 1;\n            this.dieDimensions = { width: 1, height: 1 };\n            this.transform = { k: 1, x: 0, y: 0 };\n            this.smallestMarginPossible = 20;\n            this.margin = {\n                top: this.smallestMarginPossible,\n                right: this.smallestMarginPossible,\n                bottom: this.smallestMarginPossible,\n                left: this.smallestMarginPossible\n            };\n        }\n        calculateXScaledIndex(columnIndex) {\n            return this.scaleX * columnIndex + this.baseX + this.margin.left;\n        }\n        calculateYScaledIndex(rowIndex) {\n            return this.scaleY * rowIndex + this.baseY + this.margin.top;\n        }\n        setColumnIndexes(columnIndexes) {\n            this.columnIndexes = columnIndexes;\n            if (columnIndexes.length === 0 || this.columnIndexes[0] === undefined) {\n                return;\n            }\n            const scaledColumnIndex = [\n                this.calculateXScaledIndex(this.columnIndexes[0])\n            ];\n            const columnPositions = [0];\n            let prev = this.columnIndexes[0];\n            for (let i = 1; i < this.columnIndexes.length; i++) {\n                const xIndex = this.columnIndexes[i];\n                if (xIndex && xIndex !== prev) {\n                    const scaledX = this.calculateXScaledIndex(this.columnIndexes[i]);\n                    scaledColumnIndex.push(scaledX);\n                    columnPositions.push(i);\n                    prev = xIndex;\n                }\n            }\n            this.scaledColumnIndex = Float64Array.from(scaledColumnIndex);\n            this.columnIndexPositions = Int32Array.from(columnPositions);\n        }\n        setRowIndexes(rowIndexesBuffer) {\n            this.rowIndexes = rowIndexesBuffer;\n            this.scaledRowIndex = new Float64Array(this.rowIndexes.length);\n            for (let i = 0; i < this.rowIndexes.length; i++) {\n                this.scaledRowIndex[i] = this.calculateYScaledIndex(this.rowIndexes[i]);\n            }\n        }\n        setMargin(margin) {\n            this.margin = margin;\n        }\n        setCanvasCorners(topLeft, bottomRight) {\n            this.topLeftCanvasCorner = topLeft;\n            this.bottomRightCanvasCorner = bottomRight;\n        }\n        setDiesDimensions(data) {\n            this.dieDimensions = { width: data.width, height: data.height };\n        }\n        setScaling(scaleX, scaleY) {\n            this.scaleX = scaleX;\n            this.scaleY = scaleY;\n        }\n        setBases(baseX, baseY) {\n            this.baseX = baseX;\n            this.baseY = baseY;\n        }\n        setTransform(transform) {\n            this.transform = transform;\n        }\n        setCanvas(canvas) {\n            this.canvas = canvas;\n            this.context = canvas.getContext('2d');\n        }\n        getMatrix() {\n            return {\n                columnIndexes: this.columnIndexes,\n                rowIndexes: this.rowIndexes,\n                values: this.values\n            };\n        }\n        emptyMatrix() {\n            this.columnIndexes = Int32Array.from([]);\n            this.rowIndexes = Int32Array.from([]);\n            this.values = Float64Array.from([]);\n        }\n        scaleCanvas() {\n            this.context.translate(this.transform.x, this.transform.y);\n            this.context.scale(this.transform.k, this.transform.k);\n        }\n        updateMatrix(data) {\n            this.columnIndexes = Int32Array.from(data.columnIndexes);\n            this.rowIndexes = Int32Array.from(data.rowIndexes);\n            this.values = Float64Array.from(data.values);\n        }\n        setCanvasDimensions(data) {\n            this.canvas.width = data.width;\n            this.canvas.height = data.height;\n        }\n        getCanvasDimensions() {\n            return {\n                width: this.canvas.width,\n                height: this.canvas.height\n            };\n        }\n        clearCanvas() {\n            this.context.clearRect(0, 0, this.canvas.width, this.canvas.height);\n        }\n        drawWafer() {\n            this.context.restore();\n            this.context.save();\n            this.clearCanvas();\n            this.scaleCanvas();\n            if (this.topLeftCanvasCorner === undefined\n                || this.bottomRightCanvasCorner === undefined) {\n                throw new Error('Canvas corners are not set');\n            }\n            for (let i = 0; i < this.scaledColumnIndex.length; i++) {\n                const scaledX = this.scaledColumnIndex[i];\n                if (!(scaledX >= this.topLeftCanvasCorner.x\n                    && scaledX < this.bottomRightCanvasCorner.x)) {\n                    continue;\n                }\n                // columnIndexPositions is used to get chunks to determine the start and end index of the column, it looks something like [0, 1, 4, 9, 12]\n                // This means that the first column has a start index of 0 and an end index of 1, the second column has a start index of 1 and an end index of 4, and so on\n                // scaledRowIndex is used when we reach the end of the columnIndexPositions, when columnIndexPositions is [0, 1, 4, 9, 12], scaledRowIndex is 13\n                const columnEndIndex = this.columnIndexPositions[i + 1] !== undefined\n                    ? this.columnIndexPositions[i + 1]\n                    : this.scaledRowIndex.length;\n                for (let columnStartIndex = this.columnIndexPositions[i]; columnStartIndex < columnEndIndex; columnStartIndex++) {\n                    const scaledY = this.scaledRowIndex[columnStartIndex];\n                    if (!(scaledY >= this.topLeftCanvasCorner.y\n                        && scaledY < this.bottomRightCanvasCorner.y)) {\n                        continue;\n                    }\n                    // Fill style is temporary green for all dies, will be replaced with a color based on the value of the die in a future implementation\n                    this.context.fillStyle = 'Green';\n                    this.context.fillRect(scaledX, scaledY, this.dieDimensions.width, this.dieDimensions.height);\n                }\n            }\n        }\n    }\n    expose(MatrixRenderer);\n\n    exports.MatrixRenderer = MatrixRenderer;\n\n    return exports;\n\n})({});\n";

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

@@ -31,6 +31,14 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
     dieLabelsHidden: boolean;
     dieLabelsSuffix: string;
     colorScaleMode: WaferMapColorScaleMode;
+    /**
+     * @internal
+     */
+    currentTask: Promise<void> | undefined;
+    /**
+     * @internal
+     */
+    workerCanvas: HTMLCanvasElement;
     /**
      * @internal
      */
@@ -99,7 +107,7 @@ export declare class WaferMap<T extends WaferRequiredFields = WaferRequiredField
      * @internal
      * Experimental update function called when an update is queued.
      */
-    experimentalUpdate(): void;
+    experimentalUpdate(): Promise<void>;
     /**
      * @internal
      * Update function called when an update is queued.

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

@@ -100,27 +100,25 @@ export class WaferMap extends FoundationElement {
      * @internal
      * Experimental update function called when an update is queued.
      */
-    experimentalUpdate() {
+    async 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();
+                await this.workerRenderer.setupWafer();
+                await this.workerRenderer.drawWafer();
             }
             else if (this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate
                 || this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate) {
                 this.experimentalDataManager.updatePrerendering();
-                this.workerRenderer.drawWafer();
+                await this.workerRenderer.drawWafer();
             }
             else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {
-                this.workerRenderer.drawWafer();
+                await this.workerRenderer.drawWafer();
             }
-            this.zoomHandler.connect();
         }
         else if (this.waferMapUpdateTracker.requiresRenderHoverUpdate) {
             this.workerRenderer.renderHover();
@@ -137,12 +135,10 @@ export class WaferMap extends FoundationElement {
     update() {
         this.validate();
         if (this.isExperimentalUpdate()) {
-            this.experimentalUpdate();
+            this.currentTask = this.experimentalUpdate();
             return;
         }
         if (this.waferMapUpdateTracker.requiresEventsUpdate) {
-            // zoom translateExtent needs to be recalculated when canvas size changes
-            this.zoomHandler.disconnect();
             if (this.waferMapUpdateTracker.requiresContainerDimensionsUpdate) {
                 this.dataManager.updateContainerDimensions();
                 this.renderer.updateSortedDiesAndDrawWafer();
@@ -162,7 +158,6 @@ export class WaferMap extends FoundationElement {
             else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {
                 this.renderer.drawWafer();
             }
-            this.zoomHandler.connect();
         }
         else if (this.waferMapUpdateTracker.requiresRenderHoverUpdate) {
             this.renderer.renderHover();

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    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"]}
+{"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 currentTask: Promise<void> | undefined;\n\n    /**\n     * @internal\n     */\n    public workerCanvas!: HTMLCanvasElement;\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 async experimentalUpdate(): Promise<void> {\n        if (this.validity.invalidDiesTableSchema) {\n            return;\n        }\n\n        if (this.waferMapUpdateTracker.requiresEventsUpdate) {\n            if (\n                this.waferMapUpdateTracker.requiresContainerDimensionsUpdate\n                || this.waferMapUpdateTracker.requiresScalesUpdate\n            ) {\n                this.experimentalDataManager.updateComputations();\n                await this.workerRenderer.setupWafer();\n                await this.workerRenderer.drawWafer();\n            } else if (\n                this.waferMapUpdateTracker.requiresLabelsFontSizeUpdate\n                || this.waferMapUpdateTracker.requiresDiesRenderInfoUpdate\n            ) {\n                this.experimentalDataManager.updatePrerendering();\n                await this.workerRenderer.drawWafer();\n            } else if (this.waferMapUpdateTracker.requiresDrawnWaferUpdate) {\n                await this.workerRenderer.drawWafer();\n            }\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.currentTask = this.experimentalUpdate();\n            return;\n        }\n        if (this.waferMapUpdateTracker.requiresEventsUpdate) {\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        } 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/worker-renderer.d.ts

@@ -4,8 +4,10 @@ import type { WaferMap } from '../..';
  */
 export declare class WorkerRenderer {
     private readonly wafermap;
+    private matrixRenderer;
     constructor(wafermap: WaferMap);
-    drawWafer(): void;
+    setupWafer(): Promise<void>;
+    drawWafer(): Promise<void>;
     renderHover(): void;
     private calculateHoverTransform;
 }

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

@@ -1,4 +1,6 @@
+import { transfer } from 'comlink';
 import { HoverDieOpacity } from '../../types';
+import { createMatrixRenderer } from '../create-matrix-renderer';
 /**
  * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas
  */
@@ -6,8 +8,56 @@ export class WorkerRenderer {
     constructor(wafermap) {
         this.wafermap = wafermap;
     }
-    drawWafer() {
-        // rendering will be implemented in a future PR
+    async setupWafer() {
+        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({
+            width: this.wafermap.canvasWidth ?? 0,
+            height: this.wafermap.canvasHeight ?? 0
+        });
+        await this.matrixRenderer.setDiesDimensions(this.wafermap.experimentalDataManager.dieDimensions);
+        const scaleX = this.wafermap.experimentalDataManager.horizontalScale(1)
+            - this.wafermap.experimentalDataManager.horizontalScale(0);
+        const scaleY = this.wafermap.experimentalDataManager.verticalScale(1)
+            - this.wafermap.experimentalDataManager.verticalScale(0);
+        await this.matrixRenderer.setScaling(scaleX, scaleY);
+        await this.matrixRenderer.setBases(this.wafermap.experimentalDataManager.horizontalScale(0), this.wafermap.experimentalDataManager.verticalScale(0));
+        await this.matrixRenderer.setMargin(this.wafermap.experimentalDataManager.margin);
+        if (this.wafermap.diesTable === undefined) {
+            await this.matrixRenderer.setColumnIndexes(Int32Array.from([]));
+            await this.matrixRenderer.setRowIndexes(Int32Array.from([]));
+            return;
+        }
+        const columnIndexes = this.wafermap.diesTable
+            .getChild('colIndex')
+            .toArray();
+        await this.matrixRenderer.setColumnIndexes(columnIndexes);
+        const rowIndexes = this.wafermap.diesTable
+            .getChild('rowIndex')
+            .toArray();
+        await this.matrixRenderer.setRowIndexes(rowIndexes);
+    }
+    async drawWafer() {
+        await this.matrixRenderer.setTransform(this.wafermap.transform);
+        const topLeftCanvasCorner = this.wafermap.transform.invert([0, 0]);
+        const bottomRightCanvasCorner = this.wafermap.transform.invert([
+            this.wafermap.canvasWidth,
+            this.wafermap.canvasHeight
+        ]);
+        await this.matrixRenderer.setCanvasCorners({
+            x: topLeftCanvasCorner[0]
+                - this.wafermap.experimentalDataManager.dieDimensions.width,
+            y: topLeftCanvasCorner[1]
+                - this.wafermap.experimentalDataManager.dieDimensions.height
+        }, {
+            x: bottomRightCanvasCorner[0],
+            y: bottomRightCanvasCorner[1]
+        });
+        await this.matrixRenderer.drawWafer();
         this.renderHover();
     }
     renderHover() {

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

@@ -1 +1 @@
-{"version":3,"file":"worker-renderer.js","sourceRoot":"","sources":["../../../../../src/wafer-map/modules/experimental/worker-renderer.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAE9C;;GAEG;AACH,MAAM,OAAO,cAAc;IACvB,YAAoC,QAAkB;QAAlB,aAAQ,GAAR,QAAQ,CAAU;IAAG,CAAC;IAEnD,SAAS;QACZ,+CAA+C;QAC/C,IAAI,CAAC,WAAW,EAAE,CAAC;IACvB,CAAC;IAEM,WAAW;QACd,IAAI,CAAC,QAAQ,CAAC,UAAU,GAAG,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,KAAK;cAC9E,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,WAAW,GAAG,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAAC,MAAM;cAChF,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC,CAAC;QAChC,IAAI,CAAC,QAAQ,CAAC,YAAY,GAAG,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS;YAC7D,CAAC,CAAC,eAAe,CAAC,IAAI;YACtB,CAAC,CAAC,eAAe,CAAC,IAAI,CAAC;QAC3B,IAAI,CAAC,QAAQ,CAAC,cAAc,GAAG,IAAI,CAAC,uBAAuB,EAAE,CAAC;IAClE,CAAC;IAEO,uBAAuB;QAC3B,IAAI,IAAI,CAAC,QAAQ,CAAC,QAAQ,KAAK,SAAS,EAAE;YACtC,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,eAAe,CACjE,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAC3B,CAAC;YACF,IAAI,OAAO,KAAK,SAAS,EAAE;gBACvB,OAAO,EAAE,CAAC;aACb;YACD,MAAM,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,aAAa,CAC/D,IAAI,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAC3B,CAAC;YACF,IAAI,OAAO,KAAK,SAAS,EAAE;gBACvB,OAAO,EAAE,CAAC;aACb;YACD,MAAM,gBAAgB,GAAG,IAAI,CAAC,QAAQ,CAAC,SAAS,CAAC,KAAK,CAAC;gBACnD,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,MAAM,CAAC,IAAI;gBAC3D,OAAO,GAAG,IAAI,CAAC,QAAQ,CAAC,uBAAuB,CAAC,MAAM,CAAC,GAAG;aAC7D,CAAC,CAAC;YACH,OAAO,aAAa,gBAAgB,CAAC,CAAC,CAAC,KAAK,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC;SACtE;QACD,OAAO,EAAE,CAAC;IACd,CAAC;CACJ","sourcesContent":["import type { WaferMap } from '../..';\nimport { HoverDieOpacity } from '../../types';\n\n/**\n * Responsible for drawing the dies inside the wafer map, adding dieText and scaling the canvas\n */\nexport class WorkerRenderer {\n    public constructor(private readonly wafermap: WaferMap) {}\n\n    public drawWafer(): void {\n        // rendering will be implemented in a future PR\n        this.renderHover();\n    }\n\n    public renderHover(): void {\n        this.wafermap.hoverWidth = this.wafermap.experimentalDataManager.dieDimensions.width\n            * this.wafermap.transform.k;\n        this.wafermap.hoverHeight = this.wafermap.experimentalDataManager.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.experimentalDataManager.horizontalScale(\n                this.wafermap.hoverDie.x\n            );\n            if (scaledX === undefined) {\n                return '';\n            }\n            const scaledY = this.wafermap.experimentalDataManager.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.experimentalDataManager.margin.left,\n                scaledY + this.wafermap.experimentalDataManager.margin.top\n            ]);\n            return `translate(${transformedPoint[0]}, ${transformedPoint[1]})`;\n        }\n        return '';\n    }\n}\n"]}
+{"version":3,"file":"worker-renderer.js","sourceRoot":"","sources":["../../../../../src/wafer-map/modules/experimental/worker-renderer.ts"],"names":[],"mappings":"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","sourcesContent":["import { type Remote, transfer } from 'comlink';\nimport type { WaferMap } from '../..';\nimport { HoverDieOpacity } from '../../types';\nimport { createMatrixRenderer } from '../create-matrix-renderer';\nimport type { MatrixRenderer } from '../../../../build/generate-workers/dist/esm/source/matrix-renderer';\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(): 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\n        await this.matrixRenderer.setCanvasDimensions({\n            width: this.wafermap.canvasWidth ?? 0,\n            height: this.wafermap.canvasHeight ?? 0\n        });\n        await this.matrixRenderer.setDiesDimensions(\n            this.wafermap.experimentalDataManager.dieDimensions\n        );\n        const scaleX = this.wafermap.experimentalDataManager.horizontalScale(1)!\n            - this.wafermap.experimentalDataManager.horizontalScale(0)!;\n        const scaleY = this.wafermap.experimentalDataManager.verticalScale(1)!\n            - this.wafermap.experimentalDataManager.verticalScale(0)!;\n        await this.matrixRenderer.setScaling(scaleX, scaleY);\n        await this.matrixRenderer.setBases(\n            this.wafermap.experimentalDataManager.horizontalScale(0)!,\n            this.wafermap.experimentalDataManager.verticalScale(0)!\n        );\n        await this.matrixRenderer.setMargin(\n            this.wafermap.experimentalDataManager.margin\n        );\n\n        if (this.wafermap.diesTable === undefined) {\n            await this.matrixRenderer.setColumnIndexes(Int32Array.from([]));\n            await this.matrixRenderer.setRowIndexes(Int32Array.from([]));\n            return;\n        }\n\n        const columnIndexes = this.wafermap.diesTable\n            .getChild('colIndex')!\n            .toArray();\n        await this.matrixRenderer.setColumnIndexes(columnIndexes);\n\n        const rowIndexes = this.wafermap.diesTable\n            .getChild('rowIndex')!\n            .toArray();\n        await this.matrixRenderer.setRowIndexes(rowIndexes);\n    }\n\n    public async drawWafer(): Promise<void> {\n        await this.matrixRenderer.setTransform(this.wafermap.transform);\n        const topLeftCanvasCorner = this.wafermap.transform.invert([0, 0]);\n        const bottomRightCanvasCorner = this.wafermap.transform.invert([\n            this.wafermap.canvasWidth,\n            this.wafermap.canvasHeight\n        ]);\n        await this.matrixRenderer.setCanvasCorners(\n            {\n                x:\n                    topLeftCanvasCorner[0]\n                    - this.wafermap.experimentalDataManager.dieDimensions.width,\n                y:\n                    topLeftCanvasCorner[1]\n                    - this.wafermap.experimentalDataManager.dieDimensions.height\n            },\n            {\n                x: bottomRightCanvasCorner[0],\n                y: bottomRightCanvasCorner[1]\n            }\n        );\n        await this.matrixRenderer.drawWafer();\n        this.renderHover();\n    }\n\n    public renderHover(): void {\n        this.wafermap.hoverWidth = this.wafermap.experimentalDataManager.dieDimensions.width\n            * this.wafermap.transform.k;\n        this.wafermap.hoverHeight = this.wafermap.experimentalDataManager.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.experimentalDataManager.horizontalScale(\n                this.wafermap.hoverDie.x\n            );\n            if (scaledX === undefined) {\n                return '';\n            }\n            const scaledY = this.wafermap.experimentalDataManager.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.experimentalDataManager.margin.left,\n                scaledY + this.wafermap.experimentalDataManager.margin.top\n            ]);\n            return `translate(${transformedPoint[0]}, ${transformedPoint[1]})`;\n        }\n        return '';\n    }\n}\n"]}

package/dist/esm/wafer-map/modules/prerendering.js

@@ -25,9 +25,11 @@ export class Prerendering {
     updateDiesRenderInfo() {
         this.d3ColorScale = this.createD3ColorScale(this.wafermap.colorScale, this.wafermap.colorScaleMode);
         const isDieRenderInfo = (info) => info !== null;
-        this._diesRenderInfo = this.wafermap.dies
-            .map(die => this.computeDieRenderInfo(die))
-            .filter(isDieRenderInfo);
+        if (this.wafermap.diesTable === undefined) {
+            this._diesRenderInfo = this.wafermap.dies
+                .map(die => this.computeDieRenderInfo(die))
+                .filter(isDieRenderInfo);
+        }
     }
     computeDieRenderInfo(die) {
         const margin = this.wafermap.dataManager.margin;

package/dist/esm/wafer-map/modules/prerendering.js.map

@@ -1 +1 @@
-{"version":3,"file":"prerendering.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/prerendering.ts"],"names":[],"mappings":"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","sourcesContent":["import { ScaleLinear, scaleLinear, ScaleOrdinal, scaleOrdinal } from 'd3-scale';\nimport { ColorRGBA64, parseColor } from '@microsoft/fast-colors';\nimport { WaferMapColorScaleMode } from '../types';\nimport type {\n    Dimensions,\n    DieRenderInfo,\n    WaferMapColorScale,\n    WaferMapDie\n} from '../types';\nimport type { WaferMap } from '..';\n\n/**\n * Prerendering prepares render-ready dies data to be used by the rendering module\n */\nexport class Prerendering {\n    public get labelsFontSize(): number {\n        return this._labelsFontSize;\n    }\n\n    public get diesRenderInfo(): DieRenderInfo[] {\n        return this._diesRenderInfo;\n    }\n\n    public d3ColorScale!:\n    | ScaleOrdinal<string, string>\n    | ScaleLinear<string, string>;\n\n    private _labelsFontSize!: number;\n    private _diesRenderInfo!: DieRenderInfo[];\n\n    private readonly fontSizeFactor = 0.8;\n    private readonly nonHighlightedOpacity = 0.3;\n    private readonly emptyDieColor = 'rgba(218,223,236,1)';\n    private readonly nanDieColor = 'rgba(122,122,122,1)';\n\n    public constructor(private readonly wafermap: WaferMap) {}\n\n    public updateLabelsFontSize(): void {\n        this._labelsFontSize = this.calculateLabelsFontSize(\n            this.wafermap.dataManager.dieDimensions,\n            this.wafermap.maxCharacters\n        );\n        this.updateDiesRenderInfo();\n    }\n\n    public updateDiesRenderInfo(): void {\n        this.d3ColorScale = this.createD3ColorScale(\n            this.wafermap.colorScale,\n            this.wafermap.colorScaleMode\n        );\n        const isDieRenderInfo = (\n            info: DieRenderInfo | null\n        ): info is DieRenderInfo => info !== null;\n        this._diesRenderInfo = this.wafermap.dies\n            .map(die => this.computeDieRenderInfo(die))\n            .filter(isDieRenderInfo);\n    }\n\n    private computeDieRenderInfo(die: WaferMapDie): DieRenderInfo | null {\n        const margin = this.wafermap.dataManager.margin;\n\n        const scaledX = this.wafermap.dataManager.horizontalScale(die.x);\n        const scaledY = this.wafermap.dataManager.verticalScale(die.y);\n\n        if (scaledX === undefined || scaledY === undefined) {\n            return null;\n        }\n\n        return {\n            x: scaledX + margin.right,\n            y: scaledY + margin.top,\n            fillStyle: this.calculateFillStyle(\n                die.value,\n                this.wafermap.colorScaleMode,\n                this.wafermap.highlightedTags,\n                die.tags\n            ),\n            text: this.buildLabel(\n                die.value,\n                this.wafermap.maxCharacters,\n                this.wafermap.dieLabelsHidden,\n                this.wafermap.dieLabelsSuffix\n            )\n        };\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    private createD3ColorScale(\n        colorScale: WaferMapColorScale,\n        colorScaleMode: WaferMapColorScaleMode\n    ): ScaleOrdinal<string, string> | ScaleLinear<string, string> {\n        if (this.isColorScaleLinear(colorScaleMode)) {\n            return scaleLinear<string, string>()\n                .domain(colorScale.values.map(item => +item))\n                .range(colorScale.colors);\n        }\n        return scaleOrdinal<string, string>()\n            .domain(colorScale.values)\n            .range(colorScale.colors);\n    }\n\n    private dieHasData(dieData: string): boolean {\n        return dieData !== null && dieData !== undefined && dieData !== '';\n    }\n\n    private buildLabel(\n        value: string,\n        maxCharacters: number,\n        dieLabelsHidden: boolean,\n        dieLabelsSuffix: string\n    ): string {\n        if (dieLabelsHidden || !this.dieHasData(value)) {\n            return '';\n        }\n        const label = `${value}${dieLabelsSuffix}`;\n        if (label.length >= maxCharacters) {\n            return `${label.substring(0, maxCharacters)}…`;\n        }\n        return label;\n    }\n\n    private calculateOpacity(\n        dieTags?: string[],\n        highlightedTags?: string[]\n    ): number {\n        if (!highlightedTags || highlightedTags.length === 0) {\n            return 1;\n        }\n        const highlightedSet = new Set(highlightedTags);\n\n        if (dieTags?.some(dieTag => highlightedSet.has(dieTag))) {\n            return 1;\n        }\n\n        return this.nonHighlightedOpacity;\n    }\n\n    private isColorScaleLinear(\n        colorScaleMode: WaferMapColorScaleMode\n    ): this is { d3ColorScale: ScaleLinear<string, string> } {\n        return colorScaleMode === WaferMapColorScaleMode.linear;\n    }\n\n    private isColorScaleOrdinal(\n        colorScaleMode: WaferMapColorScaleMode\n    ): this is { d3ColorScale: ScaleOrdinal<string, string> } {\n        return colorScaleMode === WaferMapColorScaleMode.ordinal;\n    }\n\n    private calculateFillStyle(\n        value: string,\n        colorScaleMode: WaferMapColorScaleMode,\n        highlightedTags?: string[],\n        dieTags?: string[]\n    ): string {\n        let colorValue: string = this.emptyDieColor;\n        if (this.dieHasData(value)) {\n            if (isNaN(+value)) {\n                colorValue = this.nanDieColor;\n            } else if (this.isColorScaleLinear(colorScaleMode)) {\n                colorValue = this.d3ColorScale(+value);\n            } else if (this.isColorScaleOrdinal(colorScaleMode)) {\n                colorValue = this.d3ColorScale(value);\n            }\n        }\n        if (colorValue === undefined) {\n            return this.emptyDieColor;\n        }\n        let rgbColor: ColorRGBA64 | null = parseColor(colorValue);\n        if (rgbColor === null) {\n            return this.emptyDieColor;\n        }\n\n        rgbColor = new ColorRGBA64(\n            rgbColor.r,\n            rgbColor.g,\n            rgbColor.b,\n            this.calculateOpacity(dieTags, highlightedTags)\n        );\n        return rgbColor.toStringWebRGBA();\n    }\n}\n"]}
+{"version":3,"file":"prerendering.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/prerendering.ts"],"names":[],"mappings":"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","sourcesContent":["import { ScaleLinear, scaleLinear, ScaleOrdinal, scaleOrdinal } from 'd3-scale';\nimport { ColorRGBA64, parseColor } from '@microsoft/fast-colors';\nimport { WaferMapColorScaleMode } from '../types';\nimport type {\n    Dimensions,\n    DieRenderInfo,\n    WaferMapColorScale,\n    WaferMapDie\n} from '../types';\nimport type { WaferMap } from '..';\n\n/**\n * Prerendering prepares render-ready dies data to be used by the rendering module\n */\nexport class Prerendering {\n    public get labelsFontSize(): number {\n        return this._labelsFontSize;\n    }\n\n    public get diesRenderInfo(): DieRenderInfo[] {\n        return this._diesRenderInfo;\n    }\n\n    public d3ColorScale!:\n    | ScaleOrdinal<string, string>\n    | ScaleLinear<string, string>;\n\n    private _labelsFontSize!: number;\n    private _diesRenderInfo!: DieRenderInfo[];\n\n    private readonly fontSizeFactor = 0.8;\n    private readonly nonHighlightedOpacity = 0.3;\n    private readonly emptyDieColor = 'rgba(218,223,236,1)';\n    private readonly nanDieColor = 'rgba(122,122,122,1)';\n\n    public constructor(private readonly wafermap: WaferMap) {}\n\n    public updateLabelsFontSize(): void {\n        this._labelsFontSize = this.calculateLabelsFontSize(\n            this.wafermap.dataManager.dieDimensions,\n            this.wafermap.maxCharacters\n        );\n        this.updateDiesRenderInfo();\n    }\n\n    public updateDiesRenderInfo(): void {\n        this.d3ColorScale = this.createD3ColorScale(\n            this.wafermap.colorScale,\n            this.wafermap.colorScaleMode\n        );\n        const isDieRenderInfo = (\n            info: DieRenderInfo | null\n        ): info is DieRenderInfo => info !== null;\n        if (this.wafermap.diesTable === undefined) {\n            this._diesRenderInfo = this.wafermap.dies\n                .map(die => this.computeDieRenderInfo(die))\n                .filter(isDieRenderInfo);\n        }\n    }\n\n    private computeDieRenderInfo(die: WaferMapDie): DieRenderInfo | null {\n        const margin = this.wafermap.dataManager.margin;\n\n        const scaledX = this.wafermap.dataManager.horizontalScale(die.x);\n        const scaledY = this.wafermap.dataManager.verticalScale(die.y);\n\n        if (scaledX === undefined || scaledY === undefined) {\n            return null;\n        }\n\n        return {\n            x: scaledX + margin.right,\n            y: scaledY + margin.top,\n            fillStyle: this.calculateFillStyle(\n                die.value,\n                this.wafermap.colorScaleMode,\n                this.wafermap.highlightedTags,\n                die.tags\n            ),\n            text: this.buildLabel(\n                die.value,\n                this.wafermap.maxCharacters,\n                this.wafermap.dieLabelsHidden,\n                this.wafermap.dieLabelsSuffix\n            )\n        };\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    private createD3ColorScale(\n        colorScale: WaferMapColorScale,\n        colorScaleMode: WaferMapColorScaleMode\n    ): ScaleOrdinal<string, string> | ScaleLinear<string, string> {\n        if (this.isColorScaleLinear(colorScaleMode)) {\n            return scaleLinear<string, string>()\n                .domain(colorScale.values.map(item => +item))\n                .range(colorScale.colors);\n        }\n        return scaleOrdinal<string, string>()\n            .domain(colorScale.values)\n            .range(colorScale.colors);\n    }\n\n    private dieHasData(dieData: string): boolean {\n        return dieData !== null && dieData !== undefined && dieData !== '';\n    }\n\n    private buildLabel(\n        value: string,\n        maxCharacters: number,\n        dieLabelsHidden: boolean,\n        dieLabelsSuffix: string\n    ): string {\n        if (dieLabelsHidden || !this.dieHasData(value)) {\n            return '';\n        }\n        const label = `${value}${dieLabelsSuffix}`;\n        if (label.length >= maxCharacters) {\n            return `${label.substring(0, maxCharacters)}…`;\n        }\n        return label;\n    }\n\n    private calculateOpacity(\n        dieTags?: string[],\n        highlightedTags?: string[]\n    ): number {\n        if (!highlightedTags || highlightedTags.length === 0) {\n            return 1;\n        }\n        const highlightedSet = new Set(highlightedTags);\n\n        if (dieTags?.some(dieTag => highlightedSet.has(dieTag))) {\n            return 1;\n        }\n\n        return this.nonHighlightedOpacity;\n    }\n\n    private isColorScaleLinear(\n        colorScaleMode: WaferMapColorScaleMode\n    ): this is { d3ColorScale: ScaleLinear<string, string> } {\n        return colorScaleMode === WaferMapColorScaleMode.linear;\n    }\n\n    private isColorScaleOrdinal(\n        colorScaleMode: WaferMapColorScaleMode\n    ): this is { d3ColorScale: ScaleOrdinal<string, string> } {\n        return colorScaleMode === WaferMapColorScaleMode.ordinal;\n    }\n\n    private calculateFillStyle(\n        value: string,\n        colorScaleMode: WaferMapColorScaleMode,\n        highlightedTags?: string[],\n        dieTags?: string[]\n    ): string {\n        let colorValue: string = this.emptyDieColor;\n        if (this.dieHasData(value)) {\n            if (isNaN(+value)) {\n                colorValue = this.nanDieColor;\n            } else if (this.isColorScaleLinear(colorScaleMode)) {\n                colorValue = this.d3ColorScale(+value);\n            } else if (this.isColorScaleOrdinal(colorScaleMode)) {\n                colorValue = this.d3ColorScale(value);\n            }\n        }\n        if (colorValue === undefined) {\n            return this.emptyDieColor;\n        }\n        let rgbColor: ColorRGBA64 | null = parseColor(colorValue);\n        if (rgbColor === null) {\n            return this.emptyDieColor;\n        }\n\n        rgbColor = new ColorRGBA64(\n            rgbColor.r,\n            rgbColor.g,\n            rgbColor.b,\n            this.calculateOpacity(dieTags, highlightedTags)\n        );\n        return rgbColor.toStringWebRGBA();\n    }\n}\n"]}

package/dist/esm/wafer-map/modules/wafer-map-update-tracker.js

@@ -77,17 +77,28 @@ export class WaferMapUpdateTracker extends UpdateTracker {
      * After the update is finished, all the tracked items are reset.
      */
     queueUpdate() {
-        if (!this.wafermap.$fastController.isConnected) {
+        if (!this.wafermap.$fastController.isConnected || this.updateQueued) {
             return;
         }
-        if (!this.updateQueued) {
-            this.updateQueued = true;
+        this.updateQueued = true;
+        if (this.wafermap.currentTask === undefined) {
             DOM.queueUpdate(() => {
                 this.wafermap.update();
                 this.untrackAll();
                 this.updateQueued = false;
             });
         }
+        else {
+            void (async () => {
+                await this.wafermap.currentTask;
+                DOM.queueUpdate(() => {
+                    this.wafermap.update();
+                    this.untrackAll();
+                    this.updateQueued = false;
+                    this.wafermap.currentTask = undefined;
+                });
+            })();
+        }
     }
 }
 //# sourceMappingURL=wafer-map-update-tracker.js.map

package/dist/esm/wafer-map/modules/wafer-map-update-tracker.js.map

@@ -1 +1 @@
-{"version":3,"file":"wafer-map-update-tracker.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/wafer-map-update-tracker.ts"],"names":[],"mappings":"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","sourcesContent":["import { DOM } from '@microsoft/fast-element';\nimport type { WaferMap } from '..';\nimport { UpdateTracker } from '../../utilities/models/update-tracker';\n\nconst trackedItems = [\n    'highlightedTags',\n    'canvasWidth',\n    'canvasHeight',\n    'originLocation',\n    'gridMinX',\n    'gridMaxX',\n    'gridMinY',\n    'gridMaxY',\n    'dies',\n    'maxCharacters',\n    'colorScale',\n    'colorScaleMode',\n    'dieLabelsHidden',\n    'dieLabelsSuffix',\n    'transform',\n    'hoverDie'\n] as const;\n\n/**\n * Helper class to track what updates are needed to the wafer based on configuration\n * changes.\n */\nexport class WaferMapUpdateTracker extends UpdateTracker<typeof trackedItems> {\n    private updateQueued = false;\n    public constructor(private readonly wafermap: WaferMap) {\n        super(trackedItems);\n    }\n\n    public get requiresEventsUpdate(): boolean {\n        return (\n            this.isTracked('highlightedTags')\n            || this.isTracked('canvasWidth')\n            || this.isTracked('canvasHeight')\n            || this.isTracked('originLocation')\n            || this.isTracked('gridMinX')\n            || this.isTracked('gridMaxX')\n            || this.isTracked('gridMinY')\n            || this.isTracked('gridMaxY')\n            || this.isTracked('dies')\n            || this.isTracked('maxCharacters')\n            || this.isTracked('colorScale')\n            || this.isTracked('colorScaleMode')\n            || this.isTracked('dieLabelsHidden')\n            || this.isTracked('dieLabelsSuffix')\n            || this.isTracked('transform')\n        );\n    }\n\n    public get requiresContainerDimensionsUpdate(): boolean {\n        return this.isTracked('canvasWidth') || this.isTracked('canvasHeight');\n    }\n\n    public get requiresScalesUpdate(): boolean {\n        return (\n            this.isTracked('originLocation')\n            || this.isTracked('gridMinX')\n            || this.isTracked('gridMaxX')\n            || this.isTracked('gridMinY')\n            || this.isTracked('gridMaxY')\n            || this.isTracked('dies')\n        );\n    }\n\n    public get requiresLabelsFontSizeUpdate(): boolean {\n        return this.isTracked('maxCharacters');\n    }\n\n    public get requiresDiesRenderInfoUpdate(): boolean {\n        return (\n            this.isTracked('highlightedTags')\n            || this.isTracked('colorScale')\n            || this.isTracked('colorScaleMode')\n            || this.isTracked('dieLabelsHidden')\n            || this.isTracked('dieLabelsSuffix')\n        );\n    }\n\n    public get requiresDrawnWaferUpdate(): boolean {\n        return this.isTracked('transform');\n    }\n\n    public get requiresRenderHoverUpdate(): boolean {\n        return this.isTracked('hoverDie');\n    }\n\n    /**\n     * Queues an update using the DOM and until the update is run no other updates are queued.\n     * After the update is finished, all the tracked items are reset.\n     */\n    public override queueUpdate(): void {\n        if (!this.wafermap.$fastController.isConnected) {\n            return;\n        }\n        if (!this.updateQueued) {\n            this.updateQueued = true;\n            DOM.queueUpdate(() => {\n                this.wafermap.update();\n                this.untrackAll();\n                this.updateQueued = false;\n            });\n        }\n    }\n}\n"]}
+{"version":3,"file":"wafer-map-update-tracker.js","sourceRoot":"","sources":["../../../../src/wafer-map/modules/wafer-map-update-tracker.ts"],"names":[],"mappings":"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","sourcesContent":["import { DOM } from '@microsoft/fast-element';\nimport type { WaferMap } from '..';\nimport { UpdateTracker } from '../../utilities/models/update-tracker';\n\nconst trackedItems = [\n    'highlightedTags',\n    'canvasWidth',\n    'canvasHeight',\n    'originLocation',\n    'gridMinX',\n    'gridMaxX',\n    'gridMinY',\n    'gridMaxY',\n    'dies',\n    'maxCharacters',\n    'colorScale',\n    'colorScaleMode',\n    'dieLabelsHidden',\n    'dieLabelsSuffix',\n    'transform',\n    'hoverDie'\n] as const;\n\n/**\n * Helper class to track what updates are needed to the wafer based on configuration\n * changes.\n */\nexport class WaferMapUpdateTracker extends UpdateTracker<typeof trackedItems> {\n    private updateQueued = false;\n    public constructor(private readonly wafermap: WaferMap) {\n        super(trackedItems);\n    }\n\n    public get requiresEventsUpdate(): boolean {\n        return (\n            this.isTracked('highlightedTags')\n            || this.isTracked('canvasWidth')\n            || this.isTracked('canvasHeight')\n            || this.isTracked('originLocation')\n            || this.isTracked('gridMinX')\n            || this.isTracked('gridMaxX')\n            || this.isTracked('gridMinY')\n            || this.isTracked('gridMaxY')\n            || this.isTracked('dies')\n            || this.isTracked('maxCharacters')\n            || this.isTracked('colorScale')\n            || this.isTracked('colorScaleMode')\n            || this.isTracked('dieLabelsHidden')\n            || this.isTracked('dieLabelsSuffix')\n            || this.isTracked('transform')\n        );\n    }\n\n    public get requiresContainerDimensionsUpdate(): boolean {\n        return this.isTracked('canvasWidth') || this.isTracked('canvasHeight');\n    }\n\n    public get requiresScalesUpdate(): boolean {\n        return (\n            this.isTracked('originLocation')\n            || this.isTracked('gridMinX')\n            || this.isTracked('gridMaxX')\n            || this.isTracked('gridMinY')\n            || this.isTracked('gridMaxY')\n            || this.isTracked('dies')\n        );\n    }\n\n    public get requiresLabelsFontSizeUpdate(): boolean {\n        return this.isTracked('maxCharacters');\n    }\n\n    public get requiresDiesRenderInfoUpdate(): boolean {\n        return (\n            this.isTracked('highlightedTags')\n            || this.isTracked('colorScale')\n            || this.isTracked('colorScaleMode')\n            || this.isTracked('dieLabelsHidden')\n            || this.isTracked('dieLabelsSuffix')\n        );\n    }\n\n    public get requiresDrawnWaferUpdate(): boolean {\n        return this.isTracked('transform');\n    }\n\n    public get requiresRenderHoverUpdate(): boolean {\n        return this.isTracked('hoverDie');\n    }\n\n    /**\n     * Queues an update using the DOM and until the update is run no other updates are queued.\n     * After the update is finished, all the tracked items are reset.\n     */\n    public override queueUpdate(): void {\n        if (!this.wafermap.$fastController.isConnected || this.updateQueued) {\n            return;\n        }\n        this.updateQueued = true;\n        if (this.wafermap.currentTask === undefined) {\n            DOM.queueUpdate(() => {\n                this.wafermap.update();\n                this.untrackAll();\n                this.updateQueued = false;\n            });\n        } else {\n            void (async () => {\n                await this.wafermap.currentTask;\n                DOM.queueUpdate(() => {\n                    this.wafermap.update();\n                    this.untrackAll();\n                    this.updateQueued = false;\n                    this.wafermap.currentTask = undefined;\n                });\n            })();\n        }\n    }\n}\n"]}

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

@@ -6,6 +6,7 @@ export declare class ZoomHandler {
     private readonly wafermap;
     private readonly scaleExtent;
     private readonly minExtentPoint;
+    private readonly wafermapNotifier;
     constructor(wafermap: WaferMap);
     /**
      * @internal
@@ -15,6 +16,7 @@ export declare class ZoomHandler {
      * @internal
      */
     disconnect(): void;
+    handleChange(source: WaferMap, propertyName: string): void;
     private createZoomBehavior;
     private readonly onWheelMove;
 }