@ni/nimble-components 32.7.0 → 32.7.2

package/dist/all-components-bundle.js

@@ -31748,8 +31748,24 @@ so this becomes the fallback color for the slot */ ''}
       return joinable($pos.nodeBefore, $pos.nodeAfter) &&
           $pos.parent.canReplace(index, index + 1);
   }
+  function canAppendWithSubstitutedLinebreaks(a, b) {
+      if (!b.content.size)
+          a.type.compatibleContent(b.type);
+      let match = a.contentMatchAt(a.childCount);
+      let { linebreakReplacement } = a.type.schema;
+      for (let i = 0; i < b.childCount; i++) {
+          let child = b.child(i);
+          let type = child.type == linebreakReplacement ? a.type.schema.nodes.text : child.type;
+          match = match.matchType(type);
+          if (!match)
+              return false;
+          if (!a.type.allowsMarks(child.marks))
+              return false;
+      }
+      return match.validEnd;
+  }
   function joinable(a, b) {
-      return !!(a && b && !a.isLeaf && a.canAppend(b));
+      return !!(a && b && !a.isLeaf && canAppendWithSubstitutedLinebreaks(a, b));
   }
   /**
   Find an ancestor of the given position that can be joined to the
@@ -31782,8 +31798,31 @@ so this becomes the fallback color for the slot */ ''}
       }
   }
   function join(tr, pos, depth) {
-      let step = new ReplaceStep(pos - depth, pos + depth, Slice.empty, true);
-      tr.step(step);
+      let convertNewlines = null;
+      let { linebreakReplacement } = tr.doc.type.schema;
+      let $before = tr.doc.resolve(pos - depth), beforeType = $before.node().type;
+      if (linebreakReplacement && beforeType.inlineContent) {
+          let pre = beforeType.whitespace == "pre";
+          let supportLinebreak = !!beforeType.contentMatch.matchType(linebreakReplacement);
+          if (pre && !supportLinebreak)
+              convertNewlines = false;
+          else if (!pre && supportLinebreak)
+              convertNewlines = true;
+      }
+      let mapFrom = tr.steps.length;
+      if (convertNewlines === false) {
+          let $after = tr.doc.resolve(pos + depth);
+          replaceLinebreaks(tr, $after.node(), $after.before(), mapFrom);
+      }
+      if (beforeType.inlineContent)
+          clearIncompatible(tr, pos + depth - 1, beforeType, $before.node().contentMatchAt($before.index()), convertNewlines == null);
+      let mapping = tr.mapping.slice(mapFrom), start = mapping.map(pos - depth);
+      tr.step(new ReplaceStep(start, mapping.map(pos + depth, -1), Slice.empty, true));
+      if (convertNewlines === true) {
+          let $full = tr.doc.resolve(start);
+          replaceNewlines(tr, $full.node(), $full.before(), tr.steps.length);
+      }
+      return tr;
   }
   /**
   Try to find a point where a node of the given type can be inserted
@@ -32267,7 +32306,8 @@ so this becomes the fallback color for the slot */ ''}
               return tr.delete($from.before(depth), $to.after(depth));
       }
       for (let d = 1; d <= $from.depth && d <= $to.depth; d++) {
-          if (from - $from.start(d) == $from.depth - d && to > $from.end(d) && $to.end(d) - to != $to.depth - d)
+          if (from - $from.start(d) == $from.depth - d && to > $from.end(d) && $to.end(d) - to != $to.depth - d &&
+              $from.start(d - 1) == $to.start(d - 1) && $from.node(d - 1).canReplace($from.index(d - 1), $to.index(d - 1)))
               return tr.delete($from.before(d), to);
       }
       tr.delete(from, to);
@@ -34860,16 +34900,17 @@ so this becomes the fallback color for the slot */ ''}
   // some cases they will be split more often than would appear
   // necessary.
   class MarkViewDesc extends ViewDesc {
-      constructor(parent, mark, dom, contentDOM) {
+      constructor(parent, mark, dom, contentDOM, spec) {
           super(parent, [], dom, contentDOM);
           this.mark = mark;
+          this.spec = spec;
       }
       static create(parent, mark, inline, view) {
           let custom = view.nodeViews[mark.type.name];
           let spec = custom && custom(mark, view, inline);
           if (!spec || !spec.dom)
               spec = DOMSerializer.renderSpec(document, mark.type.spec.toDOM(mark, inline), null, mark.attrs);
-          return new MarkViewDesc(parent, mark, spec.dom, spec.contentDOM || spec.dom);
+          return new MarkViewDesc(parent, mark, spec.dom, spec.contentDOM || spec.dom, spec);
       }
       parseRule() {
           if ((this.dirty & NODE_DIRTY) || this.mark.type.spec.reparseInView)
@@ -34901,6 +34942,11 @@ so this becomes the fallback color for the slot */ ''}
           copy.children = nodes;
           return copy;
       }
+      destroy() {
+          if (this.spec.destroy)
+              this.spec.destroy();
+          super.destroy();
+      }
   }
   // Node view descs are the main, most common type of view desc, and
   // correspond to an actual node in the document. Unlike mark descs,
@@ -35220,7 +35266,7 @@ so this becomes the fallback color for the slot */ ''}
       update(node, outerDeco, innerDeco, view) {
           if (this.dirty == NODE_DIRTY)
               return false;
-          if (this.spec.update) {
+          if (this.spec.update && (this.node.type == node.type || this.spec.multiType)) {
               let result = this.spec.update(node, outerDeco, innerDeco);
               if (result)
                   this.updateInner(node, outerDeco, innerDeco, view);
@@ -36621,6 +36667,7 @@ so this becomes the fallback color for the slot */ ''}
   function detachedDoc() {
       return _detachedDoc || (_detachedDoc = document.implementation.createHTMLDocument("title"));
   }
+  let _policy = null;
   function maybeWrapTrusted(html) {
       let trustedTypes = window.trustedTypes;
       if (!trustedTypes)
@@ -36628,7 +36675,9 @@ so this becomes the fallback color for the slot */ ''}
       // With the require-trusted-types-for CSP, Chrome will block
       // innerHTML, even on a detached document. This wraps the string in
       // a way that makes the browser allow us to use its parser again.
-      return trustedTypes.createPolicy("detachedDocument", { createHTML: (s) => s }).createHTML(html);
+      if (!_policy)
+          _policy = trustedTypes.createPolicy("ProseMirrorClipboard", { createHTML: (s) => s });
+      return _policy.createHTML(html);
   }
   function readHTML(html) {
       let metas = /^(\s*<meta [^>]*>)*/.exec(html);
@@ -36779,9 +36828,7 @@ so this becomes the fallback color for the slot */ ''}
       // and handling them eagerly tends to corrupt the input.
       if (android && chrome && event.keyCode == 13)
           return;
-      if (view.domObserver.selectionChanged(view.domSelectionRange()))
-          view.domObserver.flush();
-      else if (event.keyCode != 229)
+      if (event.keyCode != 229)
           view.domObserver.forceFlush();
       // On iOS, if we preventDefault enter key presses, the virtual
       // keyboard gets confused. So the hack here is to set a flag that
@@ -38303,9 +38350,6 @@ so this becomes the fallback color for the slot */ ''}
                   this.queue.push(mut);
           return this.queue;
       }
-      selectionChanged(sel) {
-          return !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(this.view) && !this.ignoreSelectionChange(sel);
-      }
       flush() {
           let { view } = this;
           if (!view.docView || this.flushingSoon > -1)
@@ -38313,7 +38357,8 @@ so this becomes the fallback color for the slot */ ''}
           let mutations = this.pendingRecords();
           if (mutations.length)
               this.queue = [];
-          let sel = view.domSelectionRange(), newSel = this.selectionChanged(sel);
+          let sel = view.domSelectionRange();
+          let newSel = !this.suppressingSelectionUpdates && !this.currentSelection.eq(sel) && hasFocusAndSelection(view) && !this.ignoreSelectionChange(sel);
           let from = -1, to = -1, typeOver = false, added = [];
           if (view.editable) {
               for (let i = 0; i < mutations.length; i++) {
@@ -40089,10 +40134,7 @@ so this becomes the fallback color for the slot */ ''}
       if (!$pos.parent.canReplace(index, index + 1) || !(after.isTextblock || canJoin(state.doc, $pos.pos)))
           return false;
       if (dispatch)
-          dispatch(state.tr
-              .clearIncompatible($pos.pos, before.type, before.contentMatchAt(before.childCount))
-              .join($pos.pos)
-              .scrollIntoView());
+          dispatch(state.tr.join($pos.pos).scrollIntoView());
       return true;
   }
   function deleteBarrier(state, $cut, dispatch, dir) {
@@ -40110,9 +40152,10 @@ so this becomes the fallback color for the slot */ ''}
                   wrap = Fragment.from(conn[i].create(null, wrap));
               wrap = Fragment.from(before.copy(wrap));
               let tr = state.tr.step(new ReplaceAroundStep($cut.pos - 1, end, $cut.pos, end, new Slice(wrap, 1, 0), conn.length, true));
-              let joinAt = end + 2 * conn.length;
-              if (canJoin(tr.doc, joinAt))
-                  tr.join(joinAt);
+              let $joinAt = tr.doc.resolve(end + 2 * conn.length);
+              if ($joinAt.nodeAfter && $joinAt.nodeAfter.type == before.type &&
+                  canJoin(tr.doc, $joinAt.pos))
+                  tr.join($joinAt.pos);
               dispatch(tr.scrollIntoView());
           }
           return true;
@@ -55758,84 +55801,8 @@ img.ProseMirror-separator {
       },
   });
 
-  /**
-   * This extension allows you to create list items.
-   * @see https://www.tiptap.dev/api/nodes/list-item
-   */
-  const ListItem = Node$1.create({
-      name: 'listItem',
-      addOptions() {
-          return {
-              HTMLAttributes: {},
-              bulletListTypeName: 'bulletList',
-              orderedListTypeName: 'orderedList',
-          };
-      },
-      content: 'paragraph block*',
-      defining: true,
-      parseHTML() {
-          return [
-              {
-                  tag: 'li',
-              },
-          ];
-      },
-      renderHTML({ HTMLAttributes }) {
-          return ['li', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-      },
-      addKeyboardShortcuts() {
-          return {
-              Enter: () => this.editor.commands.splitListItem(this.name),
-              Tab: () => this.editor.commands.sinkListItem(this.name),
-              'Shift-Tab': () => this.editor.commands.liftListItem(this.name),
-          };
-      },
-  });
-
-  /**
-   * This extension allows you to create text styles. It is required by default
-   * for the `textColor` and `backgroundColor` extensions.
-   * @see https://www.tiptap.dev/api/marks/text-style
-   */
-  const TextStyle = Mark.create({
-      name: 'textStyle',
-      priority: 101,
-      addOptions() {
-          return {
-              HTMLAttributes: {},
-          };
-      },
-      parseHTML() {
-          return [
-              {
-                  tag: 'span',
-                  getAttrs: element => {
-                      const hasStyles = element.hasAttribute('style');
-                      if (!hasStyles) {
-                          return false;
-                      }
-                      return {};
-                  },
-              },
-          ];
-      },
-      renderHTML({ HTMLAttributes }) {
-          return ['span', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
-      },
-      addCommands() {
-          return {
-              removeEmptyTextStyle: () => ({ state, commands }) => {
-                  const attributes = getMarkAttributes(state, this.type);
-                  const hasStyles = Object.entries(attributes).some(([, value]) => !!value);
-                  if (hasStyles) {
-                      return true;
-                  }
-                  return commands.unsetMark(this.name);
-              },
-          };
-      },
-  });
-
+  const ListItemName$1 = 'listItem';
+  const TextStyleName$1 = 'textStyle';
   /**
    * Matches a bullet list to a dash or asterisk.
    */
@@ -55872,7 +55839,7 @@ img.ProseMirror-separator {
           return {
               toggleBulletList: () => ({ commands, chain }) => {
                   if (this.options.keepAttributes) {
-                      return chain().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(ListItem.name, this.editor.getAttributes(TextStyle.name)).run();
+                      return chain().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(ListItemName$1, this.editor.getAttributes(TextStyleName$1)).run();
                   }
                   return commands.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks);
               },
@@ -55894,7 +55861,7 @@ img.ProseMirror-separator {
                   type: this.type,
                   keepMarks: this.options.keepMarks,
                   keepAttributes: this.options.keepAttributes,
-                  getAttributes: () => { return this.editor.getAttributes(TextStyle.name); },
+                  getAttributes: () => { return this.editor.getAttributes(TextStyleName$1); },
                   editor: this.editor,
               });
           }
@@ -58756,6 +58723,40 @@ img.ProseMirror-separator {
       },
   });
 
+  /**
+   * This extension allows you to create list items.
+   * @see https://www.tiptap.dev/api/nodes/list-item
+   */
+  const ListItem = Node$1.create({
+      name: 'listItem',
+      addOptions() {
+          return {
+              HTMLAttributes: {},
+              bulletListTypeName: 'bulletList',
+              orderedListTypeName: 'orderedList',
+          };
+      },
+      content: 'paragraph block*',
+      defining: true,
+      parseHTML() {
+          return [
+              {
+                  tag: 'li',
+              },
+          ];
+      },
+      renderHTML({ HTMLAttributes }) {
+          return ['li', mergeAttributes(this.options.HTMLAttributes, HTMLAttributes), 0];
+      },
+      addKeyboardShortcuts() {
+          return {
+              Enter: () => this.editor.commands.splitListItem(this.name),
+              Tab: () => this.editor.commands.sinkListItem(this.name),
+              'Shift-Tab': () => this.editor.commands.liftListItem(this.name),
+          };
+      },
+  });
+
   function findSuggestionMatch(config) {
       var _a;
       const { char, allowSpaces, allowedPrefixes, startOfLine, $position, } = config;
@@ -59162,6 +59163,8 @@ img.ProseMirror-separator {
       },
   });
 
+  const ListItemName = 'listItem';
+  const TextStyleName = 'textStyle';
   /**
    * Matches an ordered list to a 1. on input (or any number followed by a dot).
    */
@@ -59219,7 +59222,7 @@ img.ProseMirror-separator {
           return {
               toggleOrderedList: () => ({ commands, chain }) => {
                   if (this.options.keepAttributes) {
-                      return chain().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(ListItem.name, this.editor.getAttributes(TextStyle.name)).run();
+                      return chain().toggleList(this.name, this.options.itemTypeName, this.options.keepMarks).updateAttributes(ListItemName, this.editor.getAttributes(TextStyleName)).run();
                   }
                   return commands.toggleList(this.name, this.options.itemTypeName, this.options.keepMarks);
               },
@@ -59243,7 +59246,7 @@ img.ProseMirror-separator {
                   type: this.type,
                   keepMarks: this.options.keepMarks,
                   keepAttributes: this.options.keepAttributes,
-                  getAttributes: match => ({ start: +match[1], ...this.editor.getAttributes(TextStyle.name) }),
+                  getAttributes: match => ({ start: +match[1], ...this.editor.getAttributes(TextStyleName) }),
                   joinPredicate: (match, node) => node.childCount + node.attrs.start === +match[1],
                   editor: this.editor,
               });
@@ -67658,7 +67661,7 @@ focus outline in that case.
       return;
     }
     let offset = 0;
-    const fallback = supportsScrollend ? () => void 0 : debounce(
+    const fallback = instance.options.useScrollendEvent && supportsScrollend ? () => void 0 : debounce(
       targetWindow,
       () => {
         cb(offset, false);
@@ -67780,6 +67783,7 @@ focus outline in that case.
           isScrollingResetDelay: 150,
           enabled: true,
           isRtl: false,
+          useScrollendEvent: true,
           ...opts2
         };
       };
@@ -83712,7 +83716,7 @@ focus outline in that case.
       constructor(parent, rowIndex) {
           this[kParent] = parent;
           this[kRowIndex] = rowIndex;
-          return new Proxy(this, new StructRowProxyHandler());
+          return new Proxy(this, structRowProxyHandler);
       }
       toArray() { return Object.values(this.toJSON()); }
       toJSON() {
@@ -83772,10 +83776,10 @@ focus outline in that case.
           return row[kParent].type.children.map((f) => f.name);
       }
       has(row, key) {
-          return row[kParent].type.children.findIndex((f) => f.name === key) !== -1;
+          return row[kParent].type.children.some((f) => f.name === key);
       }
       getOwnPropertyDescriptor(row, key) {
-          if (row[kParent].type.children.findIndex((f) => f.name === key) !== -1) {
+          if (row[kParent].type.children.some((f) => f.name === key)) {
               return { writable: true, enumerable: true, configurable: true };
           }
           return;
@@ -83806,6 +83810,7 @@ focus outline in that case.
           return false;
       }
   }
+  const structRowProxyHandler = new StructRowProxyHandler();
 
   // Licensed to the Apache Software Foundation (ASF) under one
   // or more contributor license agreements.  See the NOTICE file
@@ -85727,7 +85732,7 @@ focus outline in that case.
           this.fields = (fields || []);
           this.metadata = metadata || new Map();
           if (!dictionaries) {
-              dictionaries = generateDictionaryMap(fields);
+              dictionaries = generateDictionaryMap(this.fields);
           }
           this.dictionaries = dictionaries;
           this.metadataVersion = metadataVersion;
@@ -89124,13 +89129,10 @@ focus outline in that case.
           const { id, isDelta } = header;
           const { dictionaries, schema } = this;
           const dictionary = dictionaries.get(id);
-          if (isDelta || !dictionary) {
-              const type = schema.dictionaries.get(id);
-              const data = this._loadVectors(header.data, body, [type]);
-              return (dictionary && isDelta ? dictionary.concat(new Vector(data)) :
-                  new Vector(data)).memoize();
-          }
-          return dictionary.memoize();
+          const type = schema.dictionaries.get(id);
+          const data = this._loadVectors(header.data, body, [type]);
+          return (dictionary && isDelta ? dictionary.concat(new Vector(data)) :
+              new Vector(data)).memoize();
       }
       _loadVectors(header, body, types) {
           return new VectorLoader(body, header.nodes, header.buffers, this.dictionaries, this.schema.metadataVersion).visitMany(types);
@@ -91509,7 +91511,24 @@ focus outline in that case.
           endpoint.close();
   }
   function wrap(ep, target) {
-      return createProxy(ep, [], target);
+      const pendingListeners = new Map();
+      ep.addEventListener("message", function handleMessage(ev) {
+          const { data } = ev;
+          if (!data || !data.id) {
+              return;
+          }
+          const resolver = pendingListeners.get(data.id);
+          if (!resolver) {
+              return;
+          }
+          try {
+              resolver(data);
+          }
+          finally {
+              pendingListeners.delete(data.id);
+          }
+      });
+      return createProxy(ep, pendingListeners, [], target);
   }
   function throwIfProxyReleased(isReleased) {
       if (isReleased) {
@@ -91517,7 +91536,7 @@ focus outline in that case.
       }
   }
   function releaseEndpoint(ep) {
-      return requestResponseMessage(ep, {
+      return requestResponseMessage(ep, new Map(), {
           type: "RELEASE" /* MessageType.RELEASE */,
       }).then(() => {
           closeEndPoint(ep);
@@ -91544,7 +91563,7 @@ focus outline in that case.
           proxyFinalizers.unregister(proxy);
       }
   }
-  function createProxy(ep, path = [], target = function () { }) {
+  function createProxy(ep, pendingListeners, path = [], target = function () { }) {
       let isProxyReleased = false;
       const proxy = new Proxy(target, {
           get(_target, prop) {
@@ -91553,6 +91572,7 @@ focus outline in that case.
                   return () => {
                       unregisterProxy(proxy);
                       releaseEndpoint(ep);
+                      pendingListeners.clear();
                       isProxyReleased = true;
                   };
               }
@@ -91560,20 +91580,20 @@ focus outline in that case.
                   if (path.length === 0) {
                       return { then: () => proxy };
                   }
-                  const r = requestResponseMessage(ep, {
+                  const r = requestResponseMessage(ep, pendingListeners, {
                       type: "GET" /* MessageType.GET */,
                       path: path.map((p) => p.toString()),
                   }).then(fromWireValue);
                   return r.then.bind(r);
               }
-              return createProxy(ep, [...path, prop]);
+              return createProxy(ep, pendingListeners, [...path, prop]);
           },
           set(_target, prop, rawValue) {
               throwIfProxyReleased(isProxyReleased);
               // FIXME: ES6 Proxy Handler `set` methods are supposed to return a
               // boolean. To show good will, we return true asynchronously ¯\_(ツ)_/¯
               const [value, transferables] = toWireValue(rawValue);
-              return requestResponseMessage(ep, {
+              return requestResponseMessage(ep, pendingListeners, {
                   type: "SET" /* MessageType.SET */,
                   path: [...path, prop].map((p) => p.toString()),
                   value,
@@ -91583,16 +91603,16 @@ focus outline in that case.
               throwIfProxyReleased(isProxyReleased);
               const last = path[path.length - 1];
               if (last === createEndpoint) {
-                  return requestResponseMessage(ep, {
+                  return requestResponseMessage(ep, pendingListeners, {
                       type: "ENDPOINT" /* MessageType.ENDPOINT */,
                   }).then(fromWireValue);
               }
               // We just pretend that `bind()` didn’t happen.
               if (last === "bind") {
-                  return createProxy(ep, path.slice(0, -1));
+                  return createProxy(ep, pendingListeners, path.slice(0, -1));
               }
               const [argumentList, transferables] = processArguments(rawArgumentList);
-              return requestResponseMessage(ep, {
+              return requestResponseMessage(ep, pendingListeners, {
                   type: "APPLY" /* MessageType.APPLY */,
                   path: path.map((p) => p.toString()),
                   argumentList,
@@ -91601,7 +91621,7 @@ focus outline in that case.
           construct(_target, rawArgumentList) {
               throwIfProxyReleased(isProxyReleased);
               const [argumentList, transferables] = processArguments(rawArgumentList);
-              return requestResponseMessage(ep, {
+              return requestResponseMessage(ep, pendingListeners, {
                   type: "CONSTRUCT" /* MessageType.CONSTRUCT */,
                   path: path.map((p) => p.toString()),
                   argumentList,
@@ -91656,16 +91676,10 @@ focus outline in that case.
               return value.value;
       }
   }
-  function requestResponseMessage(ep, msg, transfers) {
+  function requestResponseMessage(ep, pendingListeners, msg, transfers) {
       return new Promise((resolve) => {
           const id = generateUUID();
-          ep.addEventListener("message", function l(ev) {
-              if (!ev.data || !ev.data.id || ev.data.id !== id) {
-                  return;
-              }
-              ep.removeEventListener("message", l);
-              resolve(ev.data);
-          });
+          pendingListeners.set(id, resolve);
           if (ep.start) {
               ep.start();
           }
@@ -91679,7 +91693,7 @@ focus outline in that case.
           .join("-");
   }
 
-  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 ¯\\_(ツ)_/¯\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’t 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.values = Float64Array.from([]);\n            this.scaledColumnIndices = Float64Array.from([]);\n            this.scaledRowIndices = Float64Array.from([]);\n            this.columnIndicesPositions = Int32Array.from([]);\n            this.colorIndices = Int32Array.from([]);\n            this.colors = [];\n            this.colorValues = Float64Array.from([]);\n            this.outsideRangeDieColor = 'rgba(218,223,236,1)';\n            this.fontSizeFactor = 0.8;\n            this.renderConfig = {\n                dieDimensions: {\n                    width: 0,\n                    height: 0\n                },\n                margin: {\n                    top: 0,\n                    right: 0,\n                    bottom: 0,\n                    left: 0\n                },\n                verticalCoefficient: 1,\n                horizontalCoefficient: 1,\n                horizontalConstant: 0,\n                verticalConstant: 0,\n                gridMinX: 0,\n                gridMaxX: 0,\n                gridMinY: 0,\n                gridMaxY: 0,\n                labelsFontSize: 0,\n                colorScale: [],\n                dieLabelsSuffix: '',\n                maxCharacters: 0\n            };\n            this.transformConfig = {\n                transform: {\n                    k: 1,\n                    x: 0,\n                    y: 0\n                },\n                topLeftCanvasCorner: {\n                    x: 0,\n                    y: 0\n                },\n                bottomRightCanvasCorner: {\n                    x: 0,\n                    y: 0\n                }\n            };\n        }\n        setMatrixData(columnIndices, rowIndices, valuesBuffer) {\n            const scaledColumnIndex = [];\n            const columnPositions = [];\n            const scaledRowIndices = [];\n            const values = [];\n            const colorIndices = [];\n            let prevXIndex;\n            let dieCount = 0;\n            for (let i = 0; i < columnIndices.length; i++) {\n                const xIndex = columnIndices[i];\n                const yIndex = rowIndices[i];\n                if (this.isDieInGrid(xIndex, yIndex)) {\n                    if (xIndex !== prevXIndex) {\n                        scaledColumnIndex.push(this.calculateHorizontalScaledIndices(xIndex));\n                        columnPositions.push(dieCount);\n                        prevXIndex = xIndex;\n                    }\n                    scaledRowIndices.push(this.calculateVerticalScaledIndices(yIndex));\n                    const value = valuesBuffer[i];\n                    values.push(value);\n                    colorIndices.push(this.findColorIndex(value));\n                    dieCount += 1;\n                }\n            }\n            this.scaledColumnIndices = Float64Array.from(scaledColumnIndex);\n            this.columnIndicesPositions = Int32Array.from(columnPositions);\n            this.scaledRowIndices = Float64Array.from(scaledRowIndices);\n            this.values = Float64Array.from(values);\n            this.colorIndices = Int32Array.from(colorIndices);\n        }\n        setRenderConfig(renderConfig) {\n            this.renderConfig = renderConfig;\n            this.colors = renderConfig.colorScale.map(marker => marker.color);\n            this.colorValues = Float64Array.from(renderConfig.colorScale.map(marker => marker.value));\n        }\n        setTransformConfig(transformData) {\n            this.transformConfig = transformData;\n        }\n        setCanvas(canvas) {\n            this.canvas = canvas;\n            this.context = canvas.getContext('2d');\n        }\n        scaleCanvas() {\n            this.context.translate(this.transformConfig.transform.x, this.transformConfig.transform.y);\n            this.context.scale(this.transformConfig.transform.k, this.transformConfig.transform.k);\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            for (let i = 0; i < this.scaledColumnIndices.length; i++) {\n                const scaledX = this.scaledColumnIndices[i];\n                if (!(scaledX >= this.transformConfig.topLeftCanvasCorner.x\n                    && scaledX < this.transformConfig.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                // scaledRowIndices is used when we reach the end of the columnIndexPositions, when columnIndexPositions is [0, 1, 4, 9, 12], scaledRowIndices is 13\n                const columnEndIndex = this.columnIndicesPositions[i + 1] !== undefined\n                    ? this.columnIndicesPositions[i + 1]\n                    : this.scaledRowIndices.length;\n                for (let columnStartIndex = this.columnIndicesPositions[i]; columnStartIndex < columnEndIndex; columnStartIndex++) {\n                    const scaledY = this.scaledRowIndices[columnStartIndex];\n                    if (!(scaledY >= this.transformConfig.topLeftCanvasCorner.y\n                        && scaledY < this.transformConfig.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 = this.colors[this.colorIndices[columnStartIndex]]\n                        ?? this.outsideRangeDieColor;\n                    this.context.fillRect(scaledX, scaledY, this.renderConfig.dieDimensions.width, this.renderConfig.dieDimensions.height);\n                }\n            }\n        }\n        drawText() {\n            this.context.font = `${this.renderConfig.labelsFontSize.toString()}px sans-serif`;\n            this.context.fillStyle = '#ffffff';\n            this.context.textAlign = 'center';\n            this.context.lineCap = 'butt';\n            const approximateTextHeight = this.context.measureText('M');\n            for (let i = 0; i < this.scaledColumnIndices.length; i++) {\n                const scaledX = this.scaledColumnIndices[i];\n                if (!(scaledX >= this.transformConfig.topLeftCanvasCorner.x\n                    && scaledX < this.transformConfig.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                // scaledRowIndices is used when we reach the end of the columnIndexPositions, when columnIndexPositions is [0, 1, 4, 9, 12], scaledRowIndices is 13\n                const columnEndIndex = this.columnIndicesPositions[i + 1] !== undefined\n                    ? this.columnIndicesPositions[i + 1]\n                    : this.scaledRowIndices.length;\n                for (let columnStartIndex = this.columnIndicesPositions[i]; columnStartIndex < columnEndIndex; columnStartIndex++) {\n                    const scaledY = this.scaledRowIndices[columnStartIndex];\n                    if (!(scaledY >= this.transformConfig.topLeftCanvasCorner.y\n                        && scaledY < this.transformConfig.bottomRightCanvasCorner.y)) {\n                        continue;\n                    }\n                    let label = `${this.values[columnStartIndex] || 'NaN'}${this.renderConfig.dieLabelsSuffix}`;\n                    if (label.length >= this.renderConfig.maxCharacters) {\n                        label = `${label.substring(0, this.renderConfig.maxCharacters)}…`;\n                    }\n                    this.context.fillText(label, scaledX + this.renderConfig.dieDimensions.width / 2, scaledY\n                        + this.renderConfig.dieDimensions.height / 2\n                        + approximateTextHeight.width / 2, this.renderConfig.dieDimensions.width * this.fontSizeFactor);\n                }\n            }\n        }\n        isDieInGrid(x, y) {\n            return (x >= this.renderConfig.gridMinX\n                && x <= this.renderConfig.gridMaxX\n                && y >= this.renderConfig.gridMinY\n                && y <= this.renderConfig.gridMaxY);\n        }\n        calculateHorizontalScaledIndices(columnIndex) {\n            return (this.renderConfig.horizontalCoefficient * columnIndex\n                + this.renderConfig.horizontalConstant\n                + this.renderConfig.margin.left);\n        }\n        calculateVerticalScaledIndices(rowIndex) {\n            return (this.renderConfig.verticalCoefficient * rowIndex\n                + this.renderConfig.verticalConstant\n                + this.renderConfig.margin.top);\n        }\n        findColorIndex(value) {\n            let index = -1;\n            if (this.colorValues.length === 0 || this.colorValues[0] >= value) {\n                return index;\n            }\n            for (let i = 0; i < this.colorValues.length; i++) {\n                if (value <= this.colorValues[i]) {\n                    index = i;\n                    break;\n                }\n            }\n            return index;\n        }\n    }\n    expose(MatrixRenderer);\n\n    exports.MatrixRenderer = MatrixRenderer;\n\n    return exports;\n\n})({});\n";
+  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        const pendingListeners = new Map();\n        ep.addEventListener(\"message\", function handleMessage(ev) {\n            const { data } = ev;\n            if (!data || !data.id) {\n                return;\n            }\n            const resolver = pendingListeners.get(data.id);\n            if (!resolver) {\n                return;\n            }\n            try {\n                resolver(data);\n            }\n            finally {\n                pendingListeners.delete(data.id);\n            }\n        });\n        return createProxy(ep, pendingListeners, [], 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, new Map(), {\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, pendingListeners, 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                        pendingListeners.clear();\n                        isProxyReleased = true;\n                    };\n                }\n                if (prop === \"then\") {\n                    if (path.length === 0) {\n                        return { then: () => proxy };\n                    }\n                    const r = requestResponseMessage(ep, pendingListeners, {\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, pendingListeners, [...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 ¯\\_(ツ)_/¯\n                const [value, transferables] = toWireValue(rawValue);\n                return requestResponseMessage(ep, pendingListeners, {\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, pendingListeners, {\n                        type: \"ENDPOINT\" /* MessageType.ENDPOINT */,\n                    }).then(fromWireValue);\n                }\n                // We just pretend that `bind()` didn’t happen.\n                if (last === \"bind\") {\n                    return createProxy(ep, pendingListeners, path.slice(0, -1));\n                }\n                const [argumentList, transferables] = processArguments(rawArgumentList);\n                return requestResponseMessage(ep, pendingListeners, {\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, pendingListeners, {\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, pendingListeners, msg, transfers) {\n        return new Promise((resolve) => {\n            const id = generateUUID();\n            pendingListeners.set(id, resolve);\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.values = Float64Array.from([]);\n            this.scaledColumnIndices = Float64Array.from([]);\n            this.scaledRowIndices = Float64Array.from([]);\n            this.columnIndicesPositions = Int32Array.from([]);\n            this.colorIndices = Int32Array.from([]);\n            this.colors = [];\n            this.colorValues = Float64Array.from([]);\n            this.outsideRangeDieColor = 'rgba(218,223,236,1)';\n            this.fontSizeFactor = 0.8;\n            this.renderConfig = {\n                dieDimensions: {\n                    width: 0,\n                    height: 0\n                },\n                margin: {\n                    top: 0,\n                    right: 0,\n                    bottom: 0,\n                    left: 0\n                },\n                verticalCoefficient: 1,\n                horizontalCoefficient: 1,\n                horizontalConstant: 0,\n                verticalConstant: 0,\n                gridMinX: 0,\n                gridMaxX: 0,\n                gridMinY: 0,\n                gridMaxY: 0,\n                labelsFontSize: 0,\n                colorScale: [],\n                dieLabelsSuffix: '',\n                maxCharacters: 0\n            };\n            this.transformConfig = {\n                transform: {\n                    k: 1,\n                    x: 0,\n                    y: 0\n                },\n                topLeftCanvasCorner: {\n                    x: 0,\n                    y: 0\n                },\n                bottomRightCanvasCorner: {\n                    x: 0,\n                    y: 0\n                }\n            };\n        }\n        setMatrixData(columnIndices, rowIndices, valuesBuffer) {\n            const scaledColumnIndex = [];\n            const columnPositions = [];\n            const scaledRowIndices = [];\n            const values = [];\n            const colorIndices = [];\n            let prevXIndex;\n            let dieCount = 0;\n            for (let i = 0; i < columnIndices.length; i++) {\n                const xIndex = columnIndices[i];\n                const yIndex = rowIndices[i];\n                if (this.isDieInGrid(xIndex, yIndex)) {\n                    if (xIndex !== prevXIndex) {\n                        scaledColumnIndex.push(this.calculateHorizontalScaledIndices(xIndex));\n                        columnPositions.push(dieCount);\n                        prevXIndex = xIndex;\n                    }\n                    scaledRowIndices.push(this.calculateVerticalScaledIndices(yIndex));\n                    const value = valuesBuffer[i];\n                    values.push(value);\n                    colorIndices.push(this.findColorIndex(value));\n                    dieCount += 1;\n                }\n            }\n            this.scaledColumnIndices = Float64Array.from(scaledColumnIndex);\n            this.columnIndicesPositions = Int32Array.from(columnPositions);\n            this.scaledRowIndices = Float64Array.from(scaledRowIndices);\n            this.values = Float64Array.from(values);\n            this.colorIndices = Int32Array.from(colorIndices);\n        }\n        setRenderConfig(renderConfig) {\n            this.renderConfig = renderConfig;\n            this.colors = renderConfig.colorScale.map(marker => marker.color);\n            this.colorValues = Float64Array.from(renderConfig.colorScale.map(marker => marker.value));\n        }\n        setTransformConfig(transformData) {\n            this.transformConfig = transformData;\n        }\n        setCanvas(canvas) {\n            this.canvas = canvas;\n            this.context = canvas.getContext('2d');\n        }\n        scaleCanvas() {\n            this.context.translate(this.transformConfig.transform.x, this.transformConfig.transform.y);\n            this.context.scale(this.transformConfig.transform.k, this.transformConfig.transform.k);\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            for (let i = 0; i < this.scaledColumnIndices.length; i++) {\n                const scaledX = this.scaledColumnIndices[i];\n                if (!(scaledX >= this.transformConfig.topLeftCanvasCorner.x\n                    && scaledX < this.transformConfig.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                // scaledRowIndices is used when we reach the end of the columnIndexPositions, when columnIndexPositions is [0, 1, 4, 9, 12], scaledRowIndices is 13\n                const columnEndIndex = this.columnIndicesPositions[i + 1] !== undefined\n                    ? this.columnIndicesPositions[i + 1]\n                    : this.scaledRowIndices.length;\n                for (let columnStartIndex = this.columnIndicesPositions[i]; columnStartIndex < columnEndIndex; columnStartIndex++) {\n                    const scaledY = this.scaledRowIndices[columnStartIndex];\n                    if (!(scaledY >= this.transformConfig.topLeftCanvasCorner.y\n                        && scaledY < this.transformConfig.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 = this.colors[this.colorIndices[columnStartIndex]]\n                        ?? this.outsideRangeDieColor;\n                    this.context.fillRect(scaledX, scaledY, this.renderConfig.dieDimensions.width, this.renderConfig.dieDimensions.height);\n                }\n            }\n        }\n        drawText() {\n            this.context.font = `${this.renderConfig.labelsFontSize.toString()}px sans-serif`;\n            this.context.fillStyle = '#ffffff';\n            this.context.textAlign = 'center';\n            this.context.lineCap = 'butt';\n            const approximateTextHeight = this.context.measureText('M');\n            for (let i = 0; i < this.scaledColumnIndices.length; i++) {\n                const scaledX = this.scaledColumnIndices[i];\n                if (!(scaledX >= this.transformConfig.topLeftCanvasCorner.x\n                    && scaledX < this.transformConfig.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                // scaledRowIndices is used when we reach the end of the columnIndexPositions, when columnIndexPositions is [0, 1, 4, 9, 12], scaledRowIndices is 13\n                const columnEndIndex = this.columnIndicesPositions[i + 1] !== undefined\n                    ? this.columnIndicesPositions[i + 1]\n                    : this.scaledRowIndices.length;\n                for (let columnStartIndex = this.columnIndicesPositions[i]; columnStartIndex < columnEndIndex; columnStartIndex++) {\n                    const scaledY = this.scaledRowIndices[columnStartIndex];\n                    if (!(scaledY >= this.transformConfig.topLeftCanvasCorner.y\n                        && scaledY < this.transformConfig.bottomRightCanvasCorner.y)) {\n                        continue;\n                    }\n                    let label = `${this.values[columnStartIndex] || 'NaN'}${this.renderConfig.dieLabelsSuffix}`;\n                    if (label.length >= this.renderConfig.maxCharacters) {\n                        label = `${label.substring(0, this.renderConfig.maxCharacters)}…`;\n                    }\n                    this.context.fillText(label, scaledX + this.renderConfig.dieDimensions.width / 2, scaledY\n                        + this.renderConfig.dieDimensions.height / 2\n                        + approximateTextHeight.width / 2, this.renderConfig.dieDimensions.width * this.fontSizeFactor);\n                }\n            }\n        }\n        isDieInGrid(x, y) {\n            return (x >= this.renderConfig.gridMinX\n                && x <= this.renderConfig.gridMaxX\n                && y >= this.renderConfig.gridMinY\n                && y <= this.renderConfig.gridMaxY);\n        }\n        calculateHorizontalScaledIndices(columnIndex) {\n            return (this.renderConfig.horizontalCoefficient * columnIndex\n                + this.renderConfig.horizontalConstant\n                + this.renderConfig.margin.left);\n        }\n        calculateVerticalScaledIndices(rowIndex) {\n            return (this.renderConfig.verticalCoefficient * rowIndex\n                + this.renderConfig.verticalConstant\n                + this.renderConfig.margin.top);\n        }\n        findColorIndex(value) {\n            let index = -1;\n            if (this.colorValues.length === 0 || this.colorValues[0] >= value) {\n                return index;\n            }\n            for (let i = 0; i < this.colorValues.length; i++) {\n                if (value <= this.colorValues[i]) {\n                    index = i;\n                    break;\n                }\n            }\n            return index;\n        }\n    }\n    expose(MatrixRenderer);\n\n    exports.MatrixRenderer = MatrixRenderer;\n\n    return exports;\n\n})({});\n";
 
   let url;
   /**