@ni/nimble-components 32.7.1 → 32.8.0

package/dist/all-components-bundle.min.js

@@ -2850,7 +2850,40 @@ const jg=qg.compose({baseName:"card-button",template:(t,e)=>Q`
 `,styles:Ug,shadowOptions:{delegatesFocus:!0}})
 _i.getOrCreate().withPrefix("nimble").register(jg())
 const Wg=Mt`
+    .error-icon {
+        display: none;
+    }
+
+    :host([error-visible]) .error-icon {
+        display: inline-flex;
+        width: ${Gl};
+        height: ${Gl};
+        flex: none;
+    }
+
+    .error-text {
+        display: none;
+    }
+
+    :host([error-visible]) .error-text {
+        display: block;
+        font: ${Gd};
+        color: ${Sl};
+        width: 100%;
+        position: absolute;
+        bottom: calc(-1 * (${Qd} + 2px));
+        left: 0px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    :host([error-visible]) .error-text:empty {
+        display: none;
+    }
+`,Gg=Mt`
     ${Ps("inline-flex")}
+    ${Wg}
 
     :host {
         font: ${od};
@@ -2858,16 +2891,25 @@ const Wg=Mt`
         cursor: pointer;
         outline: none;
         ${Bm}
+        min-height: ${Vl};
     }
 
     :host([disabled]) {
         cursor: default;
     }
 
+    .container {
+        position: relative;
+        display: grid;
+        grid-template-columns: auto 1fr auto;
+        grid-template-rows: ${hd} auto;
+        align-items: center;
+        width: 100%;
+    }
+
     .control {
-        width: calc(${Vl} / 2);
-        height: calc(${Vl} / 2);
-        flex-shrink: 0;
+        width: ${Gl};
+        height: ${Gl};
         border: ${Wl} solid ${Cl};
         padding: 2px;
         display: inline-flex;
@@ -2876,6 +2918,8 @@ const Wg=Mt`
         transition: box-shadow ${lh};
         ${""}
         line-height: 0;
+        grid-column: 1;
+        grid-row: 1;
     }
 
     @media (prefers-reduced-motion) {
@@ -2903,7 +2947,9 @@ const Wg=Mt`
     .label {
         font: inherit;
         color: ${rd};
-        padding-left: 1ch;
+        padding-left: ${Ul};
+        grid-column: 2;
+        grid-row: 1 / span 2;
         cursor: inherit;
     }
 
@@ -2920,16 +2966,13 @@ const Wg=Mt`
         height: ${Gl};
         width: ${Gl};
         overflow: visible;
+        fill: ${Cl};
     }
 
     :host(.checked:not(.indeterminate)) slot[name='checked-indicator'] {
         display: contents;
     }
 
-    slot[name='checked-indicator'] svg {
-        fill: ${Cl};
-    }
-
     :host([disabled]) slot[name='checked-indicator'] svg {
         fill: rgba(${kl}, 0.3);
     }
@@ -2951,10 +2994,20 @@ const Wg=Mt`
     :host([disabled]) slot[name='indeterminate-indicator'] svg {
         fill: rgba(${kl}, 0.3);
     }
+
+    .error-icon {
+        grid-column: 3;
+        grid-row: 1;
+        margin: 0px ${Hl};
+    }
+`,Zg=Q`
+    <div class="error-text" title="${t=>t.errorText}" aria-live="polite">
+        ${t=>t.errorText}
+    </div>
 `
-class Gg extends Vn{get resolvedTabindex(){const t=this.tabIndex??0
-return this.disabled?void 0:`${t}`}}t([ft({attribute:"tabindex",converter:ut})],Gg.prototype,"tabIndex",void 0)
-const Zg=Gg.compose({baseName:"checkbox",baseClass:Vn,template:(t,e)=>Q`
+class Kg extends Vn{constructor(){super(...arguments),this.errorVisible=!1}get resolvedTabindex(){const t=this.tabIndex??0
+return this.disabled?void 0:`${t}`}}t([ft({attribute:"tabindex",converter:ut})],Kg.prototype,"tabIndex",void 0),t([ft({attribute:"error-text"})],Kg.prototype,"errorText",void 0),t([ft({attribute:"error-visible",mode:"boolean"})],Kg.prototype,"errorVisible",void 0)
+const Yg=Kg.compose({baseName:"checkbox",baseClass:Vn,template:(t,e)=>Q`
     <template
         role="checkbox"
         aria-checked="${t=>t.checked}"
@@ -2966,24 +3019,31 @@ const Zg=Gg.compose({baseName:"checkbox",baseClass:Vn,template:(t,e)=>Q`
         @click="${(t,e)=>t.clickHandler(e.event)}"
         class="${t=>t.readOnly?"readonly":""} ${t=>t.checked?"checked":""} ${t=>t.indeterminate?"indeterminate":""}"
     >
-        <div part="control" class="control">
-            <slot name="checked-indicator">
-                ${e.checkedIndicator||""}
-            </slot>
-            <slot name="indeterminate-indicator">
-                ${e.indeterminateIndicator||""}
-            </slot>
+        <div part="container" class="container">
+            <div part="control" class="control">
+                <slot name="checked-indicator">
+                    ${e.checkedIndicator||""}
+                </slot>
+                <slot name="indeterminate-indicator">
+                    ${e.indeterminateIndicator||""}
+                </slot>
+            </div>
+            <label
+                part="label"
+                class="${t=>t.defaultSlottedNodes?.length?"label":"label label__hidden"}"
+            >
+                <slot ${ie("defaultSlottedNodes")}></slot>
+            </label>
+            <${Mg}
+                severity="error"
+                class="error-icon"
+            ></${Mg}>
+            ${Zg}
         </div>
-        <label
-            part="label"
-            class="${t=>t.defaultSlottedNodes?.length?"label":"label label__hidden"}"
-        >
-            <slot ${ie("defaultSlottedNodes")}></slot>
-        </label>
     </template>
-`,styles:Wg,checkedIndicator:Pu.data,indeterminateIndicator:wf.data})
-_i.getOrCreate().withPrefix("nimble").register(Zg())
-const Kg="nimble-checkbox",Yg=Mt`
+`,styles:Gg,checkedIndicator:Pu.data,indeterminateIndicator:wf.data})
+_i.getOrCreate().withPrefix("nimble").register(Yg())
+const Xg="nimble-checkbox",Jg=Mt`
     ${Eh}
     ${Ah}
 
@@ -3030,9 +3090,9 @@ const Kg="nimble-checkbox",Yg=Mt`
                 }
             }
         `))
-class Xg extends as{constructor(){super(...arguments),this.appearance=kh,this.contentHidden=!1}get resolvedTabindex(){const t=this.tabIndex??0
-return this.disabled?void 0:`${t}`}}t([ft],Xg.prototype,"appearance",void 0),t([ft({attribute:"appearance-variant"})],Xg.prototype,"appearanceVariant",void 0),t([ft({attribute:"content-hidden",mode:"boolean"})],Xg.prototype,"contentHidden",void 0),t([ft({attribute:"tabindex",converter:ut})],Xg.prototype,"tabIndex",void 0),Ke(Xg,re,Nn)
-const Jg=Xg.compose({baseName:"toggle-button",template:(t,e)=>Q`
+class Qg extends as{constructor(){super(...arguments),this.appearance=kh,this.contentHidden=!1}get resolvedTabindex(){const t=this.tabIndex??0
+return this.disabled?void 0:`${t}`}}t([ft],Qg.prototype,"appearance",void 0),t([ft({attribute:"appearance-variant"})],Qg.prototype,"appearanceVariant",void 0),t([ft({attribute:"content-hidden",mode:"boolean"})],Qg.prototype,"contentHidden",void 0),t([ft({attribute:"tabindex",converter:ut})],Qg.prototype,"tabIndex",void 0),Ke(Qg,re,Nn)
+const tv=Qg.compose({baseName:"toggle-button",template:(t,e)=>Q`
     <div
         role="button"
         part="control"
@@ -3072,15 +3132,11 @@ const Jg=Xg.compose({baseName:"toggle-button",template:(t,e)=>Q`
         </span>
         ${ae(0,e)}
     </div>
-`,styles:Yg,shadowOptions:{delegatesFocus:!0}})
-_i.getOrCreate().withPrefix("nimble").register(Jg())
-const Qg="nimble-toggle-button",tv=Q`
-    <div class="error-text" title="${t=>t.errorText}" aria-live="polite">
-        ${t=>t.errorText}
-    </div>
-`
+`,styles:Jg,shadowOptions:{delegatesFocus:!0}})
+_i.getOrCreate().withPrefix("nimble").register(tv())
+const ev="nimble-toggle-button"
 zm("icon-arrow-expander-down",class extends Vm{constructor(){super(Xh)}})
-const ev="nimble-icon-arrow-expander-down",nv="above",iv="underline",sv="outline",ov="block",rv=Mt`
+const nv="nimble-icon-arrow-expander-down",iv="above",sv="underline",ov="outline",rv="block",av=Mt`
     ${Ps("inline-flex")}
 
     :host {
@@ -3316,7 +3372,7 @@ const ev="nimble-icon-arrow-expander-down",nv="above",iv="underline",sv="outline
         align-items: center;
         padding: ${Hl} ${Ul};
     }
-`.withBehaviors($h(iv,Mt`
+`.withBehaviors($h(sv,Mt`
             .control {
                 border-bottom-width: ${Wl};
                 padding-bottom: 0;
@@ -3325,12 +3381,12 @@ const ev="nimble-icon-arrow-expander-down",nv="above",iv="underline",sv="outline
             :host([disabled]) .control {
                 border-color: rgba(${kl}, 0.1);
             }
-        `),$h(sv,Mt`
+        `),$h(ov,Mt`
             .control {
                 border-width: ${Wl};
                 padding: 0;
             }
-        `),$h(ov,Mt`
+        `),$h(rv,Mt`
             .control {
                 background-color: rgba(${kl}, 0.1);
             }
@@ -3347,41 +3403,9 @@ const ev="nimble-icon-arrow-expander-down",nv="above",iv="underline",sv="outline
             .listbox slot {
                 background: ${ml(co,.15)};
             }
-        `)),av=Mt`
-    .error-icon {
-        display: none;
-    }
-
-    :host([error-visible]) .error-icon {
-        display: inline-flex;
-        width: ${Gl};
-        height: ${Gl};
-        flex: none;
-    }
-
-    .error-text {
-        display: none;
-    }
-
-    :host([error-visible]) .error-text {
-        display: block;
-        font: ${Gd};
-        color: ${Sl};
-        width: 100%;
-        position: absolute;
-        bottom: calc(-1 * (${Qd} + 2px));
-        left: 0px;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        white-space: nowrap;
-    }
-
-    :host([error-visible]) .error-text:empty {
-        display: none;
-    }
-`,lv={none:void 0,standard:"standard",manual:"manual"},cv=Mt`
-    ${rv}
+        `)),lv={none:void 0,standard:"standard",manual:"manual"},cv=Mt`
     ${av}
+    ${Wg}
 
     :host {
         --ni-private-hover-bottom-border-width: 2px;
@@ -3450,7 +3474,7 @@ const ev="nimble-icon-arrow-expander-down",nv="above",iv="underline",sv="outline
     :host([disabled]) .dropdown-icon {
         fill: ${ad};
     }
-`.withBehaviors($h(ov,Mt`
+`.withBehaviors($h(rv,Mt`
             :host([error-visible]) .control {
                 border-bottom-width: ${Wl};
                 padding-bottom: 0;
@@ -3458,7 +3482,7 @@ const ev="nimble-icon-arrow-expander-down",nv="above",iv="underline",sv="outline
         `))
 class dv{constructor(t,e){this.target=t,this.propertyName=e}bind(t){this.source=t,this.setSourceValue(!1),this.mouseOverHandler=()=>{const t=this.target.offsetWidth<this.target.scrollWidth
 this.setSourceValue(t)},this.mouseOutHandler=()=>{this.setSourceValue(!1)},this.target.addEventListener("mouseover",this.mouseOverHandler),this.target.addEventListener("mouseout",this.mouseOutHandler)}unbind(){this.source=void 0,this.target.removeEventListener("mouseover",this.mouseOverHandler),this.target.removeEventListener("mouseout",this.mouseOutHandler)}setSourceValue(t){this.source[this.propertyName]=t}}function hv(t){return new D("nimble-overflow",dv,t)}let uv=class extends Fi{}
-class pv extends(An(uv)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}class fv extends pv{constructor(){super(...arguments),this.appearance=iv,this.errorVisible=!1,this.open=!1,this.filteredOptions=[],this.hasOverflow=!1,this.listboxId=il("listbox-"),this.availableViewportHeight=0,this.valueUpdatedByInput=!1,this._value="",this.filter="",this.forcedPosition=!1}get value(){return x.track(this,"value"),this._value}set value(t){const e=this._value
+class pv extends(An(uv)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}class fv extends pv{constructor(){super(...arguments),this.appearance=sv,this.errorVisible=!1,this.open=!1,this.filteredOptions=[],this.hasOverflow=!1,this.listboxId=il("listbox-"),this.availableViewportHeight=0,this.valueUpdatedByInput=!1,this._value="",this.filter="",this.forcedPosition=!1}get value(){return x.track(this,"value"),this._value}set value(t){const e=this._value
 let n=t
 if(this.$fastController.isConnected&&this.options){const e=this.findIndexOfValidOption(t),i=this.options[this.selectedIndex]?.text,s=this.options[e]?.text
 i!==s&&(this.selectedIndex=e),n=this.firstSelectedOption?.text||n}e!==n&&(this._value=n,super.valueChanged(e,n),x.notify(this,"value")),this.filter=t,this.filterOptions(),this.selectedIndex=this.findIndexOfValidOption(this.value)}get options(){return x.track(this,"options"),this.filteredOptions&&this.filter?this.filteredOptions:this._options}set options(t){this._options=t,x.notify(this,"options")}get isAutocompleteInline(){return this.autocomplete===Yn||this.isAutocompleteBoth}get isAutocompleteList(){return this.autocomplete===Xn||this.isAutocompleteBoth}get isAutocompleteBoth(){return this.autocomplete===Jn}slottedOptionsChanged(t,e){const n=this.value
@@ -3545,7 +3569,7 @@ const mv=fv.compose({baseName:"combobox",baseClass:pv,template:(t,e)=>Q`
             class="anchored-region"
             fixed-placement
             auto-update-mode="auto"
-            vertical-default-position="${t=>t.positionAttribute===nv?"top":"bottom"}"
+            vertical-default-position="${t=>t.positionAttribute===iv?"top":"bottom"}"
             vertical-positioning-mode="${t=>t.positionAttribute?"locktodefault":"dynamic"}"
             horizontal-default-position="center"
             horizontal-positioning-mode="locktodefault"
@@ -3582,7 +3606,7 @@ const mv=fv.compose({baseName:"combobox",baseClass:pv,template:(t,e)=>Q`
                 class="error-icon"
             ></${Mg}>
             <div class="separator"></div>
-            <${Qg}
+            <${ev}
                 ${Ut("dropdownButton")}
                 appearance="ghost"
                 ?checked="${t=>t.open}"
@@ -3596,14 +3620,14 @@ const mv=fv.compose({baseName:"combobox",baseClass:pv,template:(t,e)=>Q`
                 aria-hidden="true"
                 tabindex="-1"
             >
-                <${ev}
+                <${nv}
                     slot="start"
                     class="dropdown-icon"
                 >
-                </${ev}>
-            </${Qg}>
+                </${nv}>
+            </${ev}>
         </div>
-        ${tv}
+        ${Zg}
     `})
 Ke(fv,re,ei),_i.getOrCreate().withPrefix("nimble").register(mv())
 const gv=Symbol("user dismissed"),vv=Mt`
@@ -4426,7 +4450,7 @@ const Zb="auto",Kb=Mt`
         ?open="${t=>t.open}"
         @focusout="${(t,e)=>t.focusoutHandler(e.event)}"
     >
-        <${Qg}
+        <${ev}
             part="button"
             appearance="${t=>t.appearance}"
             appearance-variant="${t=>t.appearanceVariant}"
@@ -4445,7 +4469,7 @@ const Zb="auto",Kb=Mt`
             <slot slot="start" name="start"></slot>
             <slot></slot>
             <slot slot="end" name="end"></slot>
-        </${Qg}>
+        </${ev}>
         ${Gt((t=>t.open),Q`
             <${Cg}
                 fixed-placement="true"
@@ -4631,7 +4655,7 @@ const ey=class extends Vi{}.compose({baseName:"menu-item",baseClass:Vi,template:
 _i.getOrCreate().withPrefix("nimble").register(ey())
 const ny="underline",iy="outline",sy="block",oy=Mt`
     ${Ps("inline-block")}
-    ${av}
+    ${Wg}
 
     :host {
         font: ${od};
@@ -4924,7 +4948,7 @@ const ay=ry.compose({baseName:"number-field",baseClass:Zi,template:(t,e)=>Q`
             severity="error"
             class="error-icon"
         ></${Mg}>
-        ${tv}
+        ${Zg}
     `})
 _i.getOrCreate().withPrefix("nimble").register(ay())
 const ly=Mt`
@@ -5040,7 +5064,7 @@ const cy=class extends Ji{}.compose({baseName:"radio",baseClass:Ji,template:(t,e
 _i.getOrCreate().withPrefix("nimble").register(cy())
 const dy=Mt`
     ${Ps("inline-block")}
-    ${av}
+    ${Wg}
 
     .positioning-region {
         display: flex;
@@ -5099,7 +5123,7 @@ const dy=Mt`
             <slot
                 ${ie({property:"slottedRadioButtons",filter:te("[role=radio]")})}
             ></slot>
-            ${tv}
+            ${Zg}
         </div>
     </template>
 `
@@ -7451,7 +7475,7 @@ const UI=class extends vs{}.compose({baseName:"toolbar",baseClass:vs,template:(t
 `,styles:HI,shadowOptions:{delegatesFocus:!0}})
 _i.getOrCreate().withPrefix("nimble").register(UI())
 const qI="nimble-toolbar",jI="Bold",WI="Italics",GI="Bulleted List",ZI="Numbered List",KI=yi.create({name:"rich-text-toggle-bold-label",cssCustomPropertyName:null}).withDefault(jI),YI=yi.create({name:"rich-text-toggle-italics-label",cssCustomPropertyName:null}).withDefault(WI),XI=yi.create({name:"rich-text-toggle-bulleted-list-label",cssCustomPropertyName:null}).withDefault(GI),JI=yi.create({name:"rich-text-toggle-numbered-list-label",cssCustomPropertyName:null}).withDefault(ZI),QI=Mt`
-    ${rv}
+    ${av}
 
     :host {
         height: auto;
@@ -7534,7 +7558,7 @@ const sM="nimble-rich-text-mention-listbox",oM=Q`
             ></${Mg}>
             <section class="footer-section">
                 <${qI}>
-                    <${Qg}
+                    <${ev}
                         ${Ut("boldButton")}
                         appearance="ghost"
                         content-hidden
@@ -7547,8 +7571,8 @@ const sM="nimble-rich-text-mention-listbox",oM=Q`
                     >
                         ${t=>KI.getValueFor(t)}
                         <${Dv} slot="start"></${Dv}>
-                    </${Qg}>
-                    <${Qg}
+                    </${ev}>
+                    <${ev}
                         ${Ut("italicsButton")}
                         appearance="ghost"
                         content-hidden
@@ -7561,8 +7585,8 @@ const sM="nimble-rich-text-mention-listbox",oM=Q`
                     >
                         ${t=>YI.getValueFor(t)}
                         <${Ev} slot="start"></${Ev}>
-                    </${Qg}>
-                    <${Qg}
+                    </${ev}>
+                    <${ev}
                         ${Ut("bulletListButton")}
                         appearance="ghost"
                         content-hidden
@@ -7575,8 +7599,8 @@ const sM="nimble-rich-text-mention-listbox",oM=Q`
                     >
                         ${t=>XI.getValueFor(t)}
                         <${Av} slot="start"></${Av}>
-                    </${Qg}>
-                    <${Qg}
+                    </${ev}>
+                    <${ev}
                         ${Ut("numberedListButton")}
                         appearance="ghost"
                         content-hidden
@@ -7589,7 +7613,7 @@ const sM="nimble-rich-text-mention-listbox",oM=Q`
                     >
                         ${t=>JI.getValueFor(t)}
                         <${Rv} slot="start"></${Rv}>
-                    </${Qg}>
+                    </${ev}>
                     ${Qt((t=>t.getMentionExtensionConfig()),Q`
                         <${jh}
                             appearance="ghost"
@@ -7608,7 +7632,7 @@ const sM="nimble-rich-text-mention-listbox",oM=Q`
                     <slot name="footer-actions"></slot>
                 </span>
             </section>
-            ${tv}
+            ${Zg}
         </div>
         <${sM}
             ${Ut("mentionListbox")}
@@ -7621,7 +7645,7 @@ const sM="nimble-rich-text-mention-listbox",oM=Q`
     </template>
 `,rM=Mt`
     ${Ps("inline-flex")}
-    ${av}
+    ${Wg}
 
     :host {
         font: ${od};
@@ -7827,7 +7851,7 @@ const sM="nimble-rich-text-mention-listbox",oM=Q`
     }
 
     ${jh},
-    ${Qg} {
+    ${ev} {
         height: ${zl};
     }
 
@@ -7840,7 +7864,7 @@ const sM="nimble-rich-text-mention-listbox",oM=Q`
     }
 
     ::slotted(${jh}),
-    ::slotted(${Qg}),
+    ::slotted(${ev}),
     ::slotted(${"nimble-anchor-button"}),
     ::slotted(${Qb}) {
         height: ${zl};
@@ -9180,8 +9204,8 @@ this.viewer.replaceChildren(t.fragment),this.mentionedHrefs=t.mentionedHrefs}els
 const $O=MO.compose({baseName:"rich-text-viewer",template:_O,styles:IO})
 _i.getOrCreate().withPrefix("nimble").register($O())
 const DO=Mt`
-    ${rv}
     ${av}
+    ${Wg}
 
     ${""}
 
@@ -9321,7 +9345,7 @@ const DO=Mt`
     .loading-spinner {
         margin-left: auto;
     }
-`.withBehaviors($h(ov,Mt`
+`.withBehaviors($h(rv,Mt`
             :host([error-visible]) .control {
                 border-bottom-width: ${Wl};
                 padding-bottom: 0;
@@ -9507,7 +9531,7 @@ _i.getOrCreate().withPrefix("nimble").register(RO())
 const FO="nimble-spinner",NO=t=>t instanceof Ib,LO=t=>t instanceof Ab
 let BO=class extends Fi{}
 class PO extends(An(BO)){constructor(){super(...arguments),this.proxy=document.createElement("select")}}const VO=t=>!t.visuallyHidden&&!t.disabled&&!t.hidden,zO=t=>!t.visuallyHidden&&!t.hidden
-class HO extends PO{constructor(){super(...arguments),this.appearance=iv,this.errorVisible=!1,this.filterMode=lv.none,this.clearable=!1,this.loadingVisible=!1,this.displayPlaceholder=!1,this.open=!1,this.listboxId=il("listbox-"),this.hasOverflow=!1,this.filteredOptions=[],this.filter="",this.availableViewportHeight=0,this._value="",this.forcedPosition=!1,this.selectedOptionObserver=new MutationObserver((()=>{this.updateDisplayValue()}))}get collapsible(){return!(this.multiple||"number"==typeof this.size)}get labelContent(){return this.$fastController.isConnected?_b(this.labelSlot):""}connectedCallback(){super.connectedCallback(),this.forcedPosition=!!this.positionAttribute,this.open&&this.initializeOpenState(),this.observeSelectedOptionTextContent()}disconnectedCallback(){super.disconnectedCallback(),this.selectedOptionObserver?.disconnect()}get value(){return x.track(this,"value"),this._value}set value(t){const e=this._value
+class HO extends PO{constructor(){super(...arguments),this.appearance=sv,this.errorVisible=!1,this.filterMode=lv.none,this.clearable=!1,this.loadingVisible=!1,this.displayPlaceholder=!1,this.open=!1,this.listboxId=il("listbox-"),this.hasOverflow=!1,this.filteredOptions=[],this.filter="",this.availableViewportHeight=0,this._value="",this.forcedPosition=!1,this.selectedOptionObserver=new MutationObserver((()=>{this.updateDisplayValue()}))}get collapsible(){return!(this.multiple||"number"==typeof this.size)}get labelContent(){return this.$fastController.isConnected?_b(this.labelSlot):""}connectedCallback(){super.connectedCallback(),this.forcedPosition=!!this.positionAttribute,this.open&&this.initializeOpenState(),this.observeSelectedOptionTextContent()}disconnectedCallback(){super.disconnectedCallback(),this.selectedOptionObserver?.disconnect()}get value(){return x.track(this,"value"),this._value}set value(t){const e=this._value
 let n=t
 if(this.options?.length){const t=this.options.findIndex((t=>t.value===n)),e=this.options[this.selectedIndex]?.value??null,i=this.options[t]?.value??null;-1!==t&&e===i||(n="",this.selectedIndex=t),n=this.firstSelectedOption?.value??n}e!==n&&(this._value=n,super.valueChanged(e,n),x.notify(this,"value"),this.updateDisplayValue())}get displayValue(){return x.track(this,"displayValue"),this.firstSelectedOption?.text??""}anchoredRegionChanged(t,e){this.anchoredRegion&&this.control&&(this.anchoredRegion.anchorElement=this.control)}controlChanged(t,e){this.anchoredRegion&&this.control&&(this.anchoredRegion.anchorElement=this.control)}slottedOptionsChanged(t,e){const n=this.value
 this.options.forEach((t=>{const e=x.getNotifier(t)
@@ -9668,7 +9692,7 @@ const UO=HO.compose({baseName:"select",baseClass:ns,template:(t,e)=>Q`
             class="anchored-region"
             fixed-placement
             auto-update-mode="auto"
-            vertical-default-position="${t=>t.positionAttribute===nv?"top":"bottom"}"
+            vertical-default-position="${t=>t.positionAttribute===iv?"top":"bottom"}"
             vertical-positioning-mode="${t=>t.positionAttribute?"locktodefault":"dynamic"}"
             horizontal-default-position="center"
             horizontal-positioning-mode="locktodefault"
@@ -9734,7 +9758,7 @@ const UO=HO.compose({baseName:"select",baseClass:ns,template:(t,e)=>Q`
             severity="error"
             class="error-icon"
         ></${Mg}>
-        ${tv}
+        ${Zg}
     `})
 Ke(HO,re,is),_i.getOrCreate().withPrefix("nimble").register(UO())
 const qO=Mt`
@@ -10518,6 +10542,7 @@ return!this.missingColumnId&&!this.duplicateColumnId}validateColumnSortIndices(t
 
     .header-row-action-container {
         display: flex;
+        align-items: center;
     }
 
     .checkbox-container {
@@ -11012,7 +11037,7 @@ const zF="nimble-table-cell",HF=Q`
         ${Gt((t=>!t.rowOperationGridCellHidden),Q`
             <span role="gridcell" class="row-operations-container">
                 ${Gt((t=>t.showSelectionCheckbox),Q`
-                    <${Kg}
+                    <${Xg}
                         ${Ut("selectionCheckbox")}
                         class="selection-checkbox"
                         ${""}
@@ -11022,7 +11047,7 @@ const zF="nimble-table-cell",HF=Q`
                         title="${t=>gb.getValueFor(t)}"
                         aria-label="${t=>gb.getValueFor(t)}"
                     >
-                    </${Kg}>
+                    </${Xg}>
                 `)}
             </span>
         `)}
@@ -11204,7 +11229,7 @@ const jF="nimble-table-row",WF=Mt`
     >
         ${Gt((t=>t.selectable),Q`
             <span role="gridcell" class="checkbox-container">
-                <${Kg}
+                <${Xg}
                     ${Ut("selectionCheckbox")}
                     class="selection-checkbox"
                     @change="${(t,e)=>t.onSelectionCheckboxChange(e.event)}"
@@ -11212,7 +11237,7 @@ const jF="nimble-table-row",WF=Mt`
                     title="${t=>mb.getValueFor(t)}"
                     aria-label="${t=>mb.getValueFor(t)}"
                 >
-                </${Kg}>
+                </${Xg}>
             </span>
         `)}
 
@@ -11270,7 +11295,7 @@ const YF="nimble-table-group-row",XF=Q`
                         `)}
                         ${Gt((t=>t.selectionMode===eF.multiple),Q`
                             <span class="checkbox-container">
-                                <${Kg}
+                                <${Xg}
                                     ${Ut("selectionCheckbox")}
                                     ${""}
                                     tabindex="-1"
@@ -11279,7 +11304,7 @@ const YF="nimble-table-group-row",XF=Q`
                                     title="${t=>fb.getValueFor(t)}"
                                     aria-label="${t=>fb.getValueFor(t)}"
                                 >
-                                </${Kg}>
+                                </${Xg}>
                             </span>
                         `)}
                         <span class="collapse-all-button-container">
@@ -12163,7 +12188,7 @@ const UL=Q`
             title=${t=>t.hasOverflow?t.cellRecord.value:null}
         >
             <span ${Ut("valueSpan")} class="value-label">${t=>t.cellRecord.value}</span>
-            <${ev} slot="end"></${ev}>
+            <${nv} slot="end"></${nv}>
 
             <slot name="${qL}" slot="menu"></slot>
         </${Qb}>
@@ -12291,7 +12316,7 @@ const $B=class extends We{}.compose({baseName:"tabs-toolbar",template:MB,styles:
 _i.getOrCreate().withPrefix("nimble").register($B())
 const DB="outline",EB="block",AB=Mt`
     ${Ps("inline-flex")}
-    ${av}
+    ${Wg}
 
     :host {
         font: ${od};
@@ -12507,13 +12532,13 @@ const OB=TB.compose({baseName:"text-area",baseClass:ms,template:()=>Q`
             class="error-icon ${t=>t.scrollbarWidth>=0?"scrollbar-width-calculated":""}"
             style="--ni-private-scrollbar-width: ${t=>t.scrollbarWidth}px;"
         ></${Mg}>
-        ${tv}
+        ${Zg}
     </div>
 `,styles:AB,shadowOptions:{delegatesFocus:!0}})
 _i.getOrCreate().withPrefix("nimble").register(OB())
 const RB="underline",FB="outline",NB="block",LB="frameless",BB=Mt`
     ${Ps("inline-block")}
-    ${av}
+    ${Wg}
 
     :host {
         font: ${od};
@@ -12815,7 +12840,7 @@ const VB=PB.compose({baseName:"text-field",baseClass:qi,template:(t,e)=>Q`
         <span part="actions">
             <slot name="actions"></slot>
         </span>
-        ${tv}
+        ${Zg}
     `})
 _i.getOrCreate().withPrefix("nimble").register(VB())
 const zB=Mt`
@@ -13922,15 +13947,16 @@ let{[e]:r,[e+1]:a}=s
 const l=n instanceof Map?n.entries():Object.entries(n)
 for(const t of l)if(o(i,r,t),++r>=a)break}))
 const bW=new Wj,yW=Symbol.for("parent"),wW=Symbol.for("rowIndex")
-class xW{constructor(t,e){return this[yW]=t,this[wW]=e,new Proxy(this,new kW)}toArray(){return Object.values(this.toJSON())}toJSON(){const t=this[wW],e=this[yW],n=e.type.children,i={}
+class xW{constructor(t,e){return this[yW]=t,this[wW]=e,new Proxy(this,kW)}toArray(){return Object.values(this.toJSON())}toJSON(){const t=this[wW],e=this[yW],n=e.type.children,i={}
 for(let s=-1,o=n.length;++s<o;)i[n[s].name]=KW.visit(e.children[s],t)
 return i}toString(){return`{${[...this].map((([t,e])=>`${Tq(t)}: ${Tq(e)}`)).join(", ")}}`}[Symbol.for("nodejs.util.inspect.custom")](){return this.toString()}[Symbol.iterator](){return new CW(this[yW],this[wW])}}class CW{constructor(t,e){this.childIndex=0,this.children=t.children,this.rowIndex=e,this.childFields=t.type.children,this.numChildren=this.childFields.length}[Symbol.iterator](){return this}next(){const t=this.childIndex
 return t<this.numChildren?(this.childIndex=t+1,{done:!1,value:[this.childFields[t].name,KW.visit(this.children[t],this.rowIndex)]}):{done:!0,value:null}}}Object.defineProperties(xW.prototype,{[Symbol.toStringTag]:{enumerable:!1,configurable:!1,value:"Row"},[yW]:{writable:!0,enumerable:!1,configurable:!1,value:null},[wW]:{writable:!0,enumerable:!1,configurable:!1,value:-1}})
-class kW{isExtensible(){return!1}deleteProperty(){return!1}preventExtensions(){return!0}ownKeys(t){return t[yW].type.children.map((t=>t.name))}has(t,e){return-1!==t[yW].type.children.findIndex((t=>t.name===e))}getOwnPropertyDescriptor(t,e){if(-1!==t[yW].type.children.findIndex((t=>t.name===e)))return{writable:!0,enumerable:!0,configurable:!0}}get(t,e){if(Reflect.has(t,e))return t[e]
+const kW=new class{isExtensible(){return!1}deleteProperty(){return!1}preventExtensions(){return!0}ownKeys(t){return t[yW].type.children.map((t=>t.name))}has(t,e){return t[yW].type.children.some((t=>t.name===e))}getOwnPropertyDescriptor(t,e){if(t[yW].type.children.some((t=>t.name===e)))return{writable:!0,enumerable:!0,configurable:!0}}get(t,e){if(Reflect.has(t,e))return t[e]
 const n=t[yW].type.children.findIndex((t=>t.name===e))
 if(-1!==n){const i=KW.visit(t[yW].children[n],t[wW])
 return Reflect.set(t,e,i),i}}set(t,e,n){const i=t[yW].type.children.findIndex((t=>t.name===e))
-return-1!==i?(bW.visit(t[yW].children[i],t[wW],n),Reflect.set(t,e,n)):!(!Reflect.has(t,e)&&"symbol"!=typeof e)&&Reflect.set(t,e,n)}}class SW extends Vj{}function _W(t){return(e,n)=>e.getValid(n)?t(e,n):null}const IW=(t,e,n)=>{if(n+1>=e.length)return null
+return-1!==i?(bW.visit(t[yW].children[i],t[wW],n),Reflect.set(t,e,n)):!(!Reflect.has(t,e)&&"symbol"!=typeof e)&&Reflect.set(t,e,n)}}
+class SW extends Vj{}function _W(t){return(e,n)=>e.getValid(n)?t(e,n):null}const IW=(t,e,n)=>{if(n+1>=e.length)return null
 const i=Oq(e[n]),s=Oq(e[n+1])
 return t.subarray(i,s)},MW=({values:t},e)=>((t,e)=>864e5*t[e])(t,e),$W=({values:t},e)=>Oq(t[e]),DW=({stride:t,values:e},n)=>e[t*n],EW=({values:t},e)=>t[e],AW=({values:t,valueOffsets:e},n)=>IW(t,e,n),TW=({values:t,valueOffsets:e},n)=>{const i=IW(t,e,n)
 return null!==i?oU(i):null},OW=({values:t},e)=>1e3*Oq(t[e]),RW=({values:t},e)=>Oq(t[e]),FW=({values:t},e)=>Rq(t[e],BigInt(1e3)),NW=({values:t},e)=>Rq(t[e],BigInt(1e6)),LW=({values:t},e)=>t[e],BW=({values:t},e)=>t[e],PW=({values:t},e)=>t[e],VW=({values:t},e)=>t[e],zW=(t,e)=>{const n=t.type.typeIdToChildIndex[t.typeIds[e]],i=t.children[n]
@@ -14132,7 +14158,7 @@ return t?this.bb.__vector_len(this.bb_pos+t):0}customMetadata(t,e){const n=this.
 return n?(e||new rq).__init(this.bb.__indirect(this.bb.__vector(this.bb_pos+n)+4*t),this.bb):null}customMetadataLength(){const t=this.bb.__offset(this.bb_pos,12)
 return t?this.bb.__vector_len(this.bb_pos+t):0}static startFooter(t){t.startObject(5)}static addVersion(t,e){t.addFieldInt16(0,e,NU.V1)}static addSchema(t,e){t.addFieldOffset(1,e,0)}static addDictionaries(t,e){t.addFieldOffset(2,e,0)}static startDictionariesVector(t,e){t.startVector(24,e,8)}static addRecordBatches(t,e){t.addFieldOffset(3,e,0)}static startRecordBatchesVector(t,e){t.startVector(24,e,8)}static addCustomMetadata(t,e){t.addFieldOffset(4,e,0)}static createCustomMetadataVector(t,e){t.startVector(4,e.length,4)
 for(let n=e.length-1;n>=0;n--)t.addOffset(e[n])
-return t.endVector()}static startCustomMetadataVector(t,e){t.startVector(4,e,4)}static endFooter(t){return t.endObject()}static finishFooterBuffer(t,e){t.finish(e)}static finishSizePrefixedFooterBuffer(t,e){t.finish(e,void 0,!0)}}class jG{constructor(t=[],e,n,i=NU.V5){this.fields=t||[],this.metadata=e||new Map,n||(n=ZG(t)),this.dictionaries=n,this.metadataVersion=i}get[Symbol.toStringTag](){return"Schema"}get names(){return this.fields.map((t=>t.name))}toString(){return`Schema<{ ${this.fields.map(((t,e)=>`${e}: ${t}`)).join(", ")} }>`}select(t){const e=new Set(t),n=this.fields.filter((t=>e.has(t.name)))
+return t.endVector()}static startCustomMetadataVector(t,e){t.startVector(4,e,4)}static endFooter(t){return t.endObject()}static finishFooterBuffer(t,e){t.finish(e)}static finishSizePrefixedFooterBuffer(t,e){t.finish(e,void 0,!0)}}class jG{constructor(t=[],e,n,i=NU.V5){this.fields=t||[],this.metadata=e||new Map,n||(n=ZG(this.fields)),this.dictionaries=n,this.metadataVersion=i}get[Symbol.toStringTag](){return"Schema"}get names(){return this.fields.map((t=>t.name))}toString(){return`Schema<{ ${this.fields.map(((t,e)=>`${e}: ${t}`)).join(", ")} }>`}select(t){const e=new Set(t),n=this.fields.filter((t=>e.has(t.name)))
 return new jG(n,this.metadata)}selectAt(t){const e=t.map((t=>this.fields[t])).filter(Boolean)
 return new jG(e,this.metadata)}assign(...t){const e=t[0]instanceof jG?t[0]:Array.isArray(t[0])?new jG(t[0]):new jG(t),n=[...this.fields],i=GG(GG(new Map,this.metadata),e.metadata),s=e.fields.filter((t=>{const e=n.findIndex((e=>e.name===t.name))
 return!~e||(n[e]=t.clone({metadata:GG(GG(new Map,n[e].metadata),t.metadata)}))&&!1})),o=ZG(s,new Map)
@@ -14426,9 +14452,8 @@ const s=new Array
 try{for(var o,a=!0,l=r(this);!(t=(o=yield l.next()).done);a=!0){i=o.value,a=!1
 const t=i
 s.push(t)}}catch(t){e={error:t}}finally{try{a||t||!(n=l.return)||(yield n.call(l))}finally{if(e)throw e.error}}return s}))}[Symbol.iterator](){throw new Error("AsyncRecordBatchStreamReader is not Iterable")}[Symbol.asyncIterator](){return this._impl[Symbol.asyncIterator]()}}class _K extends kK{constructor(t){super(t),this._impl=t}}class IK extends SK{constructor(t){super(t),this._impl=t}}class MK{get numDictionaries(){return this._dictionaryIndex}get numRecordBatches(){return this._recordBatchIndex}constructor(t=new Map){this.closed=!1,this.autoDestroy=!0,this._dictionaryIndex=0,this._recordBatchIndex=0,this.dictionaries=t}isSync(){return!1}isAsync(){return!1}isFile(){return!1}isStream(){return!1}reset(t){return this._dictionaryIndex=0,this._recordBatchIndex=0,this.schema=t,this.dictionaries=new Map,this}_loadRecordBatch(t,e){const n=this._loadVectors(t,e,this.schema.fields),i=wG({type:new Aj(this.schema.fields),length:t.length,children:n})
-return new LZ(this.schema,i)}_loadDictionaryBatch(t,e){const{id:n,isDelta:i}=t,{dictionaries:s,schema:o}=this,r=s.get(n)
-if(i||!r){const s=o.dictionaries.get(n),a=this._loadVectors(t.data,e,[s])
-return(r&&i?r.concat(new zG(a)):new zG(a)).memoize()}return r.memoize()}_loadVectors(t,e,n){return new vZ(e,t.nodes,t.buffers,this.dictionaries,this.schema.metadataVersion).visitMany(n)}}class $K extends MK{constructor(t,e){super(e),this._reader=pU(t)?new fK(this._handle=t):new uK(this._handle=t)}isSync(){return!0}isStream(){return!0}[Symbol.iterator](){return this}cancel(){!this.closed&&(this.closed=!0)&&(this.reset()._reader.return(),this._reader=null,this.dictionaries=null)}open(t){return this.closed||(this.autoDestroy=OK(this,t),this.schema||(this.schema=this._reader.readSchema())||this.cancel()),this}throw(t){return!this.closed&&this.autoDestroy&&(this.closed=!0)?this.reset()._reader.throw(t):tZ}return(t){return!this.closed&&this.autoDestroy&&(this.closed=!0)?this.reset()._reader.return(t):tZ}next(){if(this.closed)return tZ
+return new LZ(this.schema,i)}_loadDictionaryBatch(t,e){const{id:n,isDelta:i}=t,{dictionaries:s,schema:o}=this,r=s.get(n),a=o.dictionaries.get(n),l=this._loadVectors(t.data,e,[a])
+return(r&&i?r.concat(new zG(l)):new zG(l)).memoize()}_loadVectors(t,e,n){return new vZ(e,t.nodes,t.buffers,this.dictionaries,this.schema.metadataVersion).visitMany(n)}}class $K extends MK{constructor(t,e){super(e),this._reader=pU(t)?new fK(this._handle=t):new uK(this._handle=t)}isSync(){return!0}isStream(){return!0}[Symbol.iterator](){return this}cancel(){!this.closed&&(this.closed=!0)&&(this.reset()._reader.return(),this._reader=null,this.dictionaries=null)}open(t){return this.closed||(this.autoDestroy=OK(this,t),this.schema||(this.schema=this._reader.readSchema())||this.cancel()),this}throw(t){return!this.closed&&this.autoDestroy&&(this.closed=!0)?this.reset()._reader.throw(t):tZ}return(t){return!this.closed&&this.autoDestroy&&(this.closed=!0)?this.reset()._reader.return(t):tZ}next(){if(this.closed)return tZ
 let t
 const{_reader:e}=this
 for(;t=this._readNextMessageAndValidate();)if(t.isSchema())this.reset(t.header())
@@ -14782,31 +14807,35 @@ case"RELEASE":c=void 0
 break
 default:return}}catch(t){c={value:t,[KY]:0}}Promise.resolve(c).catch((t=>({value:t,[KY]:0}))).then((n=>{const[s,a]=cX(n)
 e.postMessage(Object.assign(Object.assign({},s),{id:o}),a),"RELEASE"===r&&(e.removeEventListener("message",i),QY(e),ZY in t&&"function"==typeof t[ZY]&&t[ZY]())})).catch((t=>{const[n,i]=cX({value:new TypeError("Unserializable return value"),[KY]:0})
-e.postMessage(Object.assign(Object.assign({},n),{id:o}),i)}))})),e.start&&e.start()}function QY(t){(function(t){return"MessagePort"===t.constructor.name})(t)&&t.close()}function tX(t,e){return oX(t,[],e)}function eX(t){if(t)throw new Error("Proxy has been released and is not useable")}function nX(t){return hX(t,{type:"RELEASE"}).then((()=>{QY(t)}))}const iX=new WeakMap,sX="FinalizationRegistry"in globalThis&&new FinalizationRegistry((t=>{const e=(iX.get(t)||0)-1
+e.postMessage(Object.assign(Object.assign({},n),{id:o}),i)}))})),e.start&&e.start()}function QY(t){(function(t){return"MessagePort"===t.constructor.name})(t)&&t.close()}function tX(t,e){const n=new Map
+return t.addEventListener("message",(function(t){const{data:e}=t
+if(!e||!e.id)return
+const i=n.get(e.id)
+if(i)try{i(e)}finally{n.delete(e.id)}})),oX(t,n,[],e)}function eX(t){if(t)throw new Error("Proxy has been released and is not useable")}function nX(t){return hX(t,new Map,{type:"RELEASE"}).then((()=>{QY(t)}))}const iX=new WeakMap,sX="FinalizationRegistry"in globalThis&&new FinalizationRegistry((t=>{const e=(iX.get(t)||0)-1
 iX.set(t,e),0===e&&nX(t)}))
-function oX(t,e=[],n=function(){}){let i=!1
-const s=new Proxy(n,{get(n,o){if(eX(i),o===GY)return()=>{!function(t){sX&&sX.unregister(t)}(s),nX(t),i=!0}
-if("then"===o){if(0===e.length)return{then:()=>s}
-const n=hX(t,{type:"GET",path:e.map((t=>t.toString()))}).then(dX)
-return n.then.bind(n)}return oX(t,[...e,o])},set(n,s,o){eX(i)
-const[r,a]=cX(o)
-return hX(t,{type:"SET",path:[...e,s].map((t=>t.toString())),value:r},a).then(dX)},apply(n,s,o){eX(i)
-const r=e[e.length-1]
-if(r===WY)return hX(t,{type:"ENDPOINT"}).then(dX)
-if("bind"===r)return oX(t,e.slice(0,-1))
-const[a,l]=rX(o)
-return hX(t,{type:"APPLY",path:e.map((t=>t.toString())),argumentList:a},l).then(dX)},construct(n,s){eX(i)
-const[o,r]=rX(s)
-return hX(t,{type:"CONSTRUCT",path:e.map((t=>t.toString())),argumentList:o},r).then(dX)}})
+function oX(t,e,n=[],i=function(){}){let s=!1
+const o=new Proxy(i,{get(i,r){if(eX(s),r===GY)return()=>{!function(t){sX&&sX.unregister(t)}(o),nX(t),e.clear(),s=!0}
+if("then"===r){if(0===n.length)return{then:()=>o}
+const i=hX(t,e,{type:"GET",path:n.map((t=>t.toString()))}).then(dX)
+return i.then.bind(i)}return oX(t,e,[...n,r])},set(i,o,r){eX(s)
+const[a,l]=cX(r)
+return hX(t,e,{type:"SET",path:[...n,o].map((t=>t.toString())),value:a},l).then(dX)},apply(i,o,r){eX(s)
+const a=n[n.length-1]
+if(a===WY)return hX(t,e,{type:"ENDPOINT"}).then(dX)
+if("bind"===a)return oX(t,e,n.slice(0,-1))
+const[l,c]=rX(r)
+return hX(t,e,{type:"APPLY",path:n.map((t=>t.toString())),argumentList:l},c).then(dX)},construct(i,o){eX(s)
+const[r,a]=rX(o)
+return hX(t,e,{type:"CONSTRUCT",path:n.map((t=>t.toString())),argumentList:r},a).then(dX)}})
 return function(t,e){const n=(iX.get(e)||0)+1
-iX.set(e,n),sX&&sX.register(t,e,t)}(s,t),s}function rX(t){const e=t.map(cX)
+iX.set(e,n),sX&&sX.register(t,e,t)}(o,t),o}function rX(t){const e=t.map(cX)
 return[e.map((t=>t[0])),(n=e.map((t=>t[1])),Array.prototype.concat.apply([],n))]
 var n}const aX=new WeakMap
 function lX(t,e){return aX.set(t,e),t}function cX(t){for(const[e,n]of XY)if(n.canHandle(t)){const[i,s]=n.serialize(t)
 return[{type:"HANDLER",name:e,value:i},s]}return[{type:"RAW",value:t},aX.get(t)||[]]}function dX(t){switch(t.type){case"HANDLER":return XY.get(t.name).deserialize(t.value)
-case"RAW":return t.value}}function hX(t,e,n){return new Promise((i=>{const s=new Array(4).fill(0).map((()=>Math.floor(Math.random()*Number.MAX_SAFE_INTEGER).toString(16))).join("-")
-t.addEventListener("message",(function e(n){n.data&&n.data.id&&n.data.id===s&&(t.removeEventListener("message",e),i(n.data))})),t.start&&t.start(),t.postMessage(Object.assign({id:s},e),n)}))}let uX
-class pX{constructor(t){this.wafermap=t,this.minDieDim=100}async setupWafer(t){if(void 0===this.matrixRenderer){const{matrixRenderer:t}=await(async()=>{if(void 0===uX){const t=new Blob(['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'],{type:"text/javascript"})
+case"RAW":return t.value}}function hX(t,e,n,i){return new Promise((s=>{const o=new Array(4).fill(0).map((()=>Math.floor(Math.random()*Number.MAX_SAFE_INTEGER).toString(16))).join("-")
+e.set(o,s),t.start&&t.start(),t.postMessage(Object.assign({id:o},n),i)}))}let uX
+class pX{constructor(t){this.wafermap=t,this.minDieDim=100}async setupWafer(t){if(void 0===this.matrixRenderer){const{matrixRenderer:t}=await(async()=>{if(void 0===uX){const t=new Blob(['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'],{type:"text/javascript"})
 uX=URL.createObjectURL(t)}const t=new Worker(uX),e=tX(t)
 return{matrixRenderer:await new e,terminate:()=>t.terminate()}})()
 this.matrixRenderer=t