@ni/nimble-components 35.2.0 → 35.2.2

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

@@ -1197,12 +1197,12 @@ const sd=od.compose({baseName:"anchor",baseClass:xn,template:(t,e)=>Q`${""}<div
     >${""}<span
         part="start"
         ${Pt("startContainer")}
-        class="${t=>e.start?"start":null}"
+        class="${t=>void 0!==e.start?"start":null}"
         ><slot
             name="start"
             ${Pt("start")}
             @slotchange="${t=>t.handleStartContentChange()}">
-            ${e.start||""}
+            ${e.start??""}
         </slot
     ></span
     ><span
@@ -1215,12 +1215,12 @@ const sd=od.compose({baseName:"anchor",baseClass:xn,template:(t,e)=>Q`${""}<div
     ><span
         part="end"
         ${Pt("endContainer")}
-        class=${t=>e.end?"end":null}
+        class=${t=>void 0!==e.end?"end":null}
         ><slot
             name="end"
             ${Pt("end")}
             @slotchange="${t=>t.handleEndContentChange()}">
-            ${e.end||""}
+            ${e.end??""}
         </slot
     ></span></a></div>`,styles:id,shadowOptions:{delegatesFocus:!0}})
 Ii.getOrCreate().withPrefix("nimble").register(sd())
@@ -3006,15 +3006,15 @@ const gg=mg.compose({baseName:"checkbox",baseClass:Vn,template:(t,e)=>Q`
             <div part="container" class="container">
                 <div part="control" class="control">
                     <slot name="checked-indicator">
-                        ${e.checkedIndicator||""}
+                        ${e.checkedIndicator??""}
                     </slot>
                     <slot name="indeterminate-indicator">
-                        ${e.indeterminateIndicator||""}
+                        ${e.indeterminateIndicator??""}
                     </slot>
                 </div>
                 <label
                     part="label"
-                    class="${t=>t.defaultSlottedNodes?.length?"label":"label label__hidden"}"
+                    class="${t=>t.defaultSlottedNodes?.length>0?"label":"label label__hidden"}"
                 >
                     <slot ${Qt("defaultSlottedNodes")}></slot>
                 </label>
@@ -3527,15 +3527,15 @@ function Og(t){return Q`
 let Fg=class extends Bi{}
 class Ng extends(Dn(Fg)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}function Lg(t){class e extends t{constructor(){super(...arguments),this.requiredVisible=!1}}return ft({attribute:"required-visible",mode:"boolean"})(e.prototype,"requiredVisible"),e}class Bg extends(fg(Lg(Ng))){constructor(){super(...arguments),this.appearance=Sg,this.appearanceReadOnly=!1,this.fullBleed=!1,this.open=!1,this.filteredOptions=[],this.hasOverflow=!1,this.listboxId=yn("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,o=this.options[e]?.text
-i!==o&&(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===Xn||this.isAutocompleteBoth}get isAutocompleteList(){return this.autocomplete===Jn||this.isAutocompleteBoth}get isAutocompleteBoth(){return this.autocomplete===Qn}slottedOptionsChanged(t,e){const n=this.value
+if(this.$fastController.isConnected){const e=this.findIndexOfValidOption(t),i=this.options[this.selectedIndex]?.text,o=this.options[e]?.text
+i!==o&&(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.filter?this.filteredOptions:this._options}set options(t){this._options=t,x.notify(this,"options")}get isAutocompleteInline(){return this.autocomplete===Xn||this.isAutocompleteBoth}get isAutocompleteList(){return this.autocomplete===Jn||this.isAutocompleteBoth}get isAutocompleteBoth(){return this.autocomplete===Qn}slottedOptionsChanged(t,e){const n=this.value
 super.slottedOptionsChanged(t,e),this.updateValue(),n&&(this.value=n)}connectedCallback(){super.connectedCallback(),this.forcedPosition=!!this.positionAttribute,this.value&&(this.initialValue=this.value),this.setPositioning(),this.updateInputAriaLabel()}clickHandler(t){if(this.disabled)return!1
 if(this.open){const e=t.target.closest("option,[role=option]")
 if(!e||e.disabled)return!1
 this.selectedOptions=[e],this.control.value=e.text,this.clearSelectionRange(),this.updateValue(!0)}return this.open=!this.open,this.open&&this.control.focus(),!0}toggleButtonClickHandler(t){t.stopImmediatePropagation()}toggleButtonChangeHandler(t){this.open=this.dropdownButton.checked,t.stopImmediatePropagation()}toggleButtonKeyDownHandler(t){switch(t.key){case sn:case en:case un:case rn:return this.open=!0,this.stopPropagation(t),!1
 default:return!0}}filterOptions(){this.autocomplete&&this.autocomplete!==ti||(this.filter="")
 const t=this.filter.toLowerCase()
-this.filteredOptions=this._options.filter((e=>e.text.toLowerCase().startsWith(t)&&!e.hidden)),this.isAutocompleteList&&this._options.forEach((t=>{t.visuallyHidden=!this.filteredOptions.includes(t)}))}inputHandler(t){return this.filter=this.control.value,this.filterOptions(),this.isAutocompleteInline||(this.selectedIndex=this.findIndexOfValidOption(this.control.value)),!t.inputType.includes("deleteContent")&&this.filter.length&&(this.isAutocompleteList&&!this.open&&(this.open=!0),this.isAutocompleteInline&&(this.filteredOptions.length?(this.selectedOptions=[this.filteredOptions[0]],this.selectedIndex=this.options.indexOf(this.firstSelectedOption),this.setInlineSelection()):this.selectedIndex=-1)),this.valueUpdatedByInput||(this.valueBeforeTextUpdate=this.value),this.valueUpdatedByInput=!0,this.value!==this.control.value&&this.focusAndScrollOptionIntoView(),this.value=this.control.value,!0}keydownHandler(t){if(t.ctrlKey||t.altKey)return!0
+this.filteredOptions=this._options.filter((e=>e.text.toLowerCase().startsWith(t)&&!e.hidden)),this.isAutocompleteList&&this._options.forEach((t=>{t.visuallyHidden=!this.filteredOptions.includes(t)}))}inputHandler(t){return this.filter=this.control.value,this.filterOptions(),this.isAutocompleteInline||(this.selectedIndex=this.findIndexOfValidOption(this.control.value)),!t.inputType.includes("deleteContent")&&this.filter.length>0&&(this.isAutocompleteList&&!this.open&&(this.open=!0),this.isAutocompleteInline&&(this.filteredOptions.length>0?(this.selectedOptions=[this.filteredOptions[0]],this.selectedIndex=this.options.indexOf(this.firstSelectedOption),this.setInlineSelection()):this.selectedIndex=-1)),this.valueUpdatedByInput||(this.valueBeforeTextUpdate=this.value),this.valueUpdatedByInput=!0,this.value!==this.control.value&&this.focusAndScrollOptionIntoView(),this.value=this.control.value,!0}keydownHandler(t){if(t.ctrlKey||t.altKey)return!0
 switch(t.key){case rn:this.syncValue(),this.isAutocompleteInline&&(this.filter=this.value),this.open=!1,this.clearSelectionRange(),this.emitChangeIfValueUpdated()
 break
 case an:if(this.isAutocompleteInline||(this.selectedIndex=-1),this.open){this.open=!1
@@ -3548,8 +3548,8 @@ case en:case sn:if(this.filterOptions(),!this.open){this.open=!0
 break}this.filteredOptions.length>0&&super.keydownHandler(t),this.isAutocompleteInline&&this.setInlineSelection(),this.open&&this.valueUpdatedByInput&&(this.valueUpdatedByInput=!1)
 break
 default:return!0}return!0}keyupHandler(t){switch(t.key){case"ArrowLeft":case"ArrowRight":case"Backspace":case"Delete":case"Home":case"End":this.filter=this.control.value,this.selectedIndex=-1,this.filterOptions()}return!0}focusoutHandler(t){if(this.syncValue(),this.open){const e=t.relatedTarget
-this.isSameNode(e)&&this.focus()}return this.open=!1,this.emitChangeIfValueUpdated(),!0}formResetCallback(){super.formResetCallback(),this.setDefaultSelectedOption(),this.updateValue()}validate(){super.validate(this.control)}setDefaultSelectedOption(){if(this.$fastController.isConnected&&this.options){const t=this.options.findIndex((t=>!t.disabled&&(null!==t.getAttribute("selected")||t.selected)))
-this.selectedIndex=t,!this.dirtyValue&&this.firstSelectedOption&&(this.value=this.firstSelectedOption.text),this.setSelectedOptions()}}selectedIndexChanged(t,e){if(this.$fastController.isConnected){let n=gn(-1,this.options.length-1,e)
+this.isSameNode(e)&&this.focus()}return this.open=!1,this.emitChangeIfValueUpdated(),!0}formResetCallback(){super.formResetCallback(),this.setDefaultSelectedOption(),this.updateValue()}validate(){super.validate(this.control)}setDefaultSelectedOption(){if(this.$fastController.isConnected){const t=this.options.findIndex((t=>!t.disabled&&(null!==t.getAttribute("selected")||t.selected)))
+this.selectedIndex=t,this.dirtyValue||null===this.firstSelectedOption||(this.value=this.firstSelectedOption.text),this.setSelectedOptions()}}selectedIndexChanged(t,e){if(this.$fastController.isConnected){let n=gn(-1,this.options.length-1,e)
 if(this.options[n]?.disabled&&(n=-1),n!==this.selectedIndex)return void(this.selectedIndex=n)
 super.selectedIndexChanged(t,n),this.setSelectedOptions()}}disabledChanged(t,e){super.disabledChanged&&super.disabledChanged(t,e),this.ariaDisabled=this.disabled?"true":"false"}selectNextOption(){if(!this.disabled){let t=this.selectedIndex
 do{if(t+1>=this.options.length)return
@@ -3558,7 +3558,7 @@ this.selectedIndex=t}}selectPreviousOption(){if(!this.disabled){let t=this.selec
 do{if(t-=1,t<0)break}while(this.options[t].disabled)
 this.selectedIndex=t}}setPositioning(){if(!this.$fastController.isConnected)return
 const t=this.getBoundingClientRect(),e=window.innerHeight-t.bottom
-this.forcedPosition?this.position=this.positionAttribute:t.top>e?this.position=Gn:this.position=Zn,this.positionAttribute=this.forcedPosition?this.positionAttribute:this.position,this.availableViewportHeight=this.position===Gn?Math.trunc(t.top):Math.trunc(e)}focusAndScrollOptionIntoView(){this.open&&this.contains(document.activeElement)&&(this.control.focus(),this.firstSelectedOption&&requestAnimationFrame((()=>{this.firstSelectedOption?.scrollIntoView({block:"nearest"})})))}openChanged(){this.open?(this.ariaControls=this.listboxId,this.ariaExpanded="true",this.setPositioning(),this.focusAndScrollOptionIntoView(),b.queueUpdate((()=>this.focus()))):(this.ariaControls="",this.ariaExpanded="false"),this.dropdownButton&&(this.dropdownButton.checked=this.open)}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder??"")}setSelectedOptions(){this.selectedOptions=this.selectedIndex>-1?[this.options[this.selectedIndex]]:[],this.ariaActiveDescendant=this.firstSelectedOption?.id??"",this.focusAndScrollOptionIntoView()}selectedOptionsChanged(t,e){this.$fastController.isConnected&&this._options.forEach((t=>{t.selected=e.includes(t)}))}positionChanged(t,e){this.positionAttribute=e,this.setPositioning()}regionChanged(t,e){this.region&&this.controlWrapper&&(this.region.anchorElement=this.controlWrapper)}controlWrapperChanged(t,e){this.region&&this.controlWrapper&&(this.region.anchorElement=this.controlWrapper)}ariaLabelChanged(t,e){this.updateInputAriaLabel()}updateValue(t){this.$fastController.isConnected&&(this.value=this.firstSelectedOption?.text||this.control.value,this.control.value=this.value),t&&this.$emit("change")}setInputToSelection(){this.firstSelectedOption&&(this.control.value=this.firstSelectedOption.text,this.control.focus())}setInlineSelection(){this.firstSelectedOption&&(this.setInputToSelection(),this.control.setSelectionRange(this.filter.length,this.control.value.length,"backward"))}clearSelectionRange(){const t=this.control.value.length
+this.forcedPosition?this.position=this.positionAttribute:t.top>e?this.position=Gn:this.position=Zn,this.positionAttribute=this.forcedPosition?this.positionAttribute:this.position,this.availableViewportHeight=this.position===Gn?Math.trunc(t.top):Math.trunc(e)}focusAndScrollOptionIntoView(){this.open&&this.contains(document.activeElement)&&(this.control.focus(),null!==this.firstSelectedOption&&requestAnimationFrame((()=>{this.firstSelectedOption?.scrollIntoView({block:"nearest"})})))}openChanged(){this.open?(this.ariaControls=this.listboxId,this.ariaExpanded="true",this.setPositioning(),this.focusAndScrollOptionIntoView(),b.queueUpdate((()=>this.focus()))):(this.ariaControls="",this.ariaExpanded="false"),this.dropdownButton&&(this.dropdownButton.checked=this.open)}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder??"")}setSelectedOptions(){this.selectedOptions=this.selectedIndex>-1?[this.options[this.selectedIndex]]:[],this.ariaActiveDescendant=this.firstSelectedOption?.id??"",this.focusAndScrollOptionIntoView()}selectedOptionsChanged(t,e){this.$fastController.isConnected&&this._options.forEach((t=>{t.selected=e.includes(t)}))}positionChanged(t,e){this.positionAttribute=e,this.setPositioning()}regionChanged(t,e){this.region&&(this.region.anchorElement=this.controlWrapper)}controlWrapperChanged(t,e){this.region&&(this.region.anchorElement=this.controlWrapper)}ariaLabelChanged(t,e){this.updateInputAriaLabel()}updateValue(t){this.$fastController.isConnected&&(this.value=this.firstSelectedOption?.text||this.control.value,this.control.value=this.value),t&&this.$emit("change")}setInputToSelection(){null!==this.firstSelectedOption&&(this.control.value=this.firstSelectedOption.text,this.control.focus())}setInlineSelection(){null!==this.firstSelectedOption&&(this.setInputToSelection(),this.control.setSelectionRange(this.filter.length,this.control.value.length,"backward"))}clearSelectionRange(){const t=this.control.value.length
 this.control.setSelectionRange(t,t)}syncValue(){const t=this.selectedIndex>-1?this.firstSelectedOption?.text:this.control.value
 this.updateValue(this.value!==t)}updateInputAriaLabel(){const t=this.shadowRoot?.querySelector(".selected-value")
 this.ariaLabel?t?.setAttribute("aria-label",this.ariaLabel):t?.removeAttribute("aria-label")}emitChangeIfValueUpdated(){this.valueUpdatedByInput&&(this.value!==this.valueBeforeTextUpdate&&this.$emit("change"),this.valueUpdatedByInput=!1)}findIndexOfValidOption(t){return this.options.findIndex((e=>!e.disabled&&e.text===t))}}t([ft],Bg.prototype,"appearance",void 0),t([ft({attribute:"appearance-readonly",mode:"boolean"})],Bg.prototype,"appearanceReadOnly",void 0),t([ft({attribute:"full-bleed",mode:"boolean"})],Bg.prototype,"fullBleed",void 0),t([ft({attribute:"autocomplete",mode:"fromView"})],Bg.prototype,"autocomplete",void 0),t([ft({attribute:"position"})],Bg.prototype,"positionAttribute",void 0),t([ft({attribute:"open",mode:"boolean"})],Bg.prototype,"open",void 0),t([ft],Bg.prototype,"placeholder",void 0),t([C],Bg.prototype,"position",void 0),t([C],Bg.prototype,"region",void 0),t([C],Bg.prototype,"controlWrapper",void 0),t([C],Bg.prototype,"control",void 0),t([C],Bg.prototype,"listbox",void 0),t([C],Bg.prototype,"dropdownButton",void 0),t([C],Bg.prototype,"filteredOptions",void 0),t([C],Bg.prototype,"hasOverflow",void 0),t([C],Bg.prototype,"availableViewportHeight",void 0)
@@ -3600,7 +3600,7 @@ const Pg=Bg.compose({baseName:"combobox",baseClass:Ng,template:(t,e)=>Q`
                 />
                 <div class="indicator" part="indicator" aria-hidden="true">
                     <slot name="indicator">
-                        ${e.indicator||""}
+                        ${e.indicator??""}
                     </slot>
                 </div>
             </slot>
@@ -3789,7 +3789,7 @@ const zg=Symbol("user dismissed"),Vg=It`
 `
 class Ug extends Ve{constructor(){super(...arguments),this.preventDismiss=!1,this.headerHidden=!1,this.footerHidden=!1,this.footerIsEmpty=!0}get open(){return void 0!==this.resolveShow}async show(){if(this.open)throw new Error("Dialog is already open")
 return this.dialogElement.showModal(),await new Promise(((t,e)=>{this.resolveShow=t}))}close(t){if(!this.open)throw new Error("Dialog is not open")
-this.dialogElement.close(),this.doResolveShow(t)}slottedFooterElementsChanged(t,e){this.footerIsEmpty=!e?.length}cancelHandler(t){return this.preventDismiss?t.preventDefault():this.doResolveShow(zg),!0}closeHandler(t){t.target===this.dialogElement&&this.resolveShow&&this.doResolveShow(zg)}doResolveShow(t){if(!this.resolveShow)throw new Error("Do not call doResolveShow unless there is a promise to resolve")
+this.dialogElement.close(),this.doResolveShow(t)}slottedFooterElementsChanged(t,e){this.footerIsEmpty=void 0===e||0===e.length}cancelHandler(t){return this.preventDismiss?t.preventDefault():this.doResolveShow(zg),!0}closeHandler(t){t.target===this.dialogElement&&this.resolveShow&&this.doResolveShow(zg)}doResolveShow(t){if(!this.resolveShow)throw new Error("Do not call doResolveShow unless there is a promise to resolve")
 this.resolveShow(t),this.resolveShow=void 0}}Ug.UserDismissed=zg,t([ft({attribute:"prevent-dismiss",mode:"boolean"})],Ug.prototype,"preventDismiss",void 0),t([ft({attribute:"header-hidden",mode:"boolean"})],Ug.prototype,"headerHidden",void 0),t([ft({attribute:"footer-hidden",mode:"boolean"})],Ug.prototype,"footerHidden",void 0),t([C],Ug.prototype,"footerIsEmpty",void 0),t([C],Ug.prototype,"slottedFooterElements",void 0),qe(Ug,wn)
 const qg=Ug.compose({baseName:"dialog",template:Hg,styles:Vg,baseClass:Ug})
 Ii.getOrCreate().withPrefix("nimble").register(qg())
@@ -4412,16 +4412,16 @@ this.menuItems[this.focusIndex]?.setAttribute("tabindex","-1"),this.menuItems[t]
 void 0!==this.menuItems&&e!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex]?.setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0"))},this.handleExpandedChanged=t=>{if(t.defaultPrevented||null===t.target||!this.menuItems?.includes(t.target))return
 t.preventDefault()
 const e=t.target
-null===this.expandedItem||e!==this.expandedItem||!1!==e.expanded?e.expanded&&(null!==this.expandedItem&&this.expandedItem!==e&&(this.expandedItem.expanded=!1),this.menuItems[this.focusIndex]?.setAttribute("tabindex","-1"),this.expandedItem=e,this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0")):this.expandedItem=null},this.removeItemListeners=()=>{void 0!==this.menuItems&&this.menuItems.forEach((t=>{t.removeEventListener("expanded-change",this.handleExpandedChanged),t.removeEventListener("focus",this.handleItemFocus)}))},this.setItems=()=>{const t=this.domChildren()
+null===this.expandedItem||e!==this.expandedItem||e.expanded?e.expanded&&(null!==this.expandedItem&&this.expandedItem!==e&&(this.expandedItem.expanded=!1),this.menuItems[this.focusIndex]?.setAttribute("tabindex","-1"),this.expandedItem=e,this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0")):this.expandedItem=null},this.removeItemListeners=()=>{void 0!==this.menuItems&&this.menuItems.forEach((t=>{t.removeEventListener("expanded-change",this.handleExpandedChanged),t.removeEventListener("focus",this.handleItemFocus)}))},this.setItems=()=>{const t=this.domChildren()
 this.removeItemListeners(),this.menuItems=t
 const e=this.menuItems.filter(this.isMenuItemElement)
-e.length&&(this.focusIndex=0)
+e.length>0&&(this.focusIndex=0)
 const n=e.reduce(((t,e)=>{const n=function(t){const e=t.getAttribute("role"),n=t.querySelector("[slot=start]")
 return e!==Pi&&null===n||e===Pi&&null!==n?1:e!==Pi&&null!==n?2:0}(e)
 return t>n?t:n}),0)
 e.forEach(((t,e)=>{t.setAttribute("tabindex",0===e?"0":"-1"),t.addEventListener("expanded-change",this.handleExpandedChanged),t.addEventListener("focus",this.handleItemFocus),(t instanceof Ui||"startColumnCount"in t)&&(t.startColumnCount=n)}))},this.changeHandler=t=>{if(void 0===this.menuItems)return
 const e=t.target,n=this.menuItems.indexOf(e)
-if(-1!==n&&"menuitemradio"===e.role&&!0===e.checked){for(let t=n-1;t>=0;--t){const e=this.menuItems[t],n=e.getAttribute("role")
+if(-1!==n&&"menuitemradio"===e.role&&e.checked){for(let t=n-1;t>=0;--t){const e=this.menuItems[t],n=e.getAttribute("role")
 if(n===Vi&&(e.checked=!1),"separator"===n)break}const t=this.menuItems.length-1
 for(let e=n+1;e<=t;++e){const t=this.menuItems[e],n=t.getAttribute("role")
 if(n===Vi&&(t.checked=!1),"separator"===n)break}}},this.isMenuItemElement=e=>Ze(e)&&Object.prototype.hasOwnProperty.call(t.focusableElementRoles,e.getAttribute("role")),this.isFocusableElement=t=>this.isMenuItemElement(t)}connectedCallback(){super.connectedCallback(),b.queueUpdate((()=>{this.setItems()})),this.addEventListener("change",this.changeHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changeHandler)}focus(){this.setFocus(0,1)}collapseExpandedItem(){null!==this.expandedItem&&(this.expandedItem.expanded=!1,this.expandedItem=null)}handleMenuKeyDown(t){if(t.defaultPrevented||void 0===this.menuItems)return!1
@@ -4568,13 +4568,13 @@ return!(!this.contains(e)&&!this.getMenu()?.contains(e))||(this.setOpen(!1),!1)}
 case en:return this.setOpen(!0),!1
 default:return!0}}menuKeyDownHandler(t){return t.key!==an||(this.setOpen(!1),this.toggleButton.focus(),!1)}setOpen(t){if(this.open===t)return
 const e={oldState:this.open,newState:t}
-this.$emit("beforetoggle",e),this.open=t}getMenu(){if(!this.slottedMenus?.length)return
+this.$emit("beforetoggle",e),this.open=t}getMenu(){if(!this.slottedMenus||0===this.slottedMenus.length)return
 let t=this.slottedMenus[0]
 for(;t;){if("menu"===t.getAttribute("role"))return t
 if(!this.isSlotElement(t))return
 {const e=t.assignedNodes()[0]
 t=e instanceof HTMLElement?e:void 0}}}isSlotElement(t){return"SLOT"===t?.nodeName}focusMenu(){this.getMenu()?.focus()}focusLastMenuItem(){const t=this.getMenu()?.querySelectorAll("[role=menuitem]")
-if(t?.length){t[t.length-1].focus()}}}t([ft],xb.prototype,"appearance",void 0),t([ft({attribute:"appearance-variant"})],xb.prototype,"appearanceVariant",void 0),t([ft({mode:"boolean"})],xb.prototype,"disabled",void 0),t([ft({attribute:"content-hidden",mode:"boolean"})],xb.prototype,"contentHidden",void 0),t([ft({attribute:"tabindex",converter:ut})],xb.prototype,"tabIndex",void 0),t([ft({mode:"boolean"})],xb.prototype,"open",void 0),t([ft({attribute:"position"})],xb.prototype,"position",void 0),t([C],xb.prototype,"toggleButton",void 0),t([C],xb.prototype,"region",void 0),t([C],xb.prototype,"slottedMenus",void 0)
+if(t&&t.length>0){t[t.length-1].focus()}}}t([ft],xb.prototype,"appearance",void 0),t([ft({attribute:"appearance-variant"})],xb.prototype,"appearanceVariant",void 0),t([ft({mode:"boolean"})],xb.prototype,"disabled",void 0),t([ft({attribute:"content-hidden",mode:"boolean"})],xb.prototype,"contentHidden",void 0),t([ft({attribute:"tabindex",converter:ut})],xb.prototype,"tabIndex",void 0),t([ft({mode:"boolean"})],xb.prototype,"open",void 0),t([ft({attribute:"position"})],xb.prototype,"position",void 0),t([C],xb.prototype,"toggleButton",void 0),t([C],xb.prototype,"region",void 0),t([C],xb.prototype,"slottedMenus",void 0)
 const Cb=xb.compose({baseName:"menu-button",template:wb,styles:yb,shadowOptions:{delegatesFocus:!0}})
 Ii.getOrCreate().withPrefix("nimble").register(Cb())
 const kb="nimble-menu-button",Sb=It`
@@ -4938,7 +4938,7 @@ const Mb="underline",Ib="outline",$b="block",Eb="frameless",Ab=It`
         `)),Tb=Og(Q`<label
         part="label"
         for="control"
-        class="${t=>t.defaultSlottedNodes?.length?"label":"label label__hidden"}"
+        class="${t=>t.defaultSlottedNodes?.length>0?"label":"label label__hidden"}"
     >
         <slot ${Qt("defaultSlottedNodes")}></slot>
     </label>`)
@@ -5001,7 +5001,7 @@ const Ob=Db.compose({baseName:"number-field",baseClass:Xi,template:(t,e)=>Q`
                             @click="${t=>t.stepUp()}"
                         >
                             <slot name="step-up-glyph">
-                                ${e.stepUpGlyph||""}
+                                ${e.stepUpGlyph??""}
                             </slot>
                         </div>
                         <div
@@ -5010,7 +5010,7 @@ const Ob=Db.compose({baseName:"number-field",baseClass:Xi,template:(t,e)=>Q`
                             @click="${t=>t.stepDown()}"
                         >
                             <slot name="step-down-glyph">
-                                ${e.stepDownGlyph||""}
+                                ${e.stepDownGlyph??""}
                             </slot>
                         </div>
                     </div>
@@ -7883,17 +7883,17 @@ const r$="nimble-toolbar",a$="Bold",l$="Italics",c$="Bulleted List",d$="Numbered
         </${Pm}>
     </template>
 `,v$=t=>t.normalize("NFD").replace(/[\u0300-\u036f]/g,"").toLowerCase()
-class b$ extends Bi{constructor(){super(...arguments),this.availableViewportHeight=0,this.filter="",this.filteredOptions=[],this.anchorElementIntersectionObserver=new IntersectionObserver((t=>{t[0]?.isIntersecting||this.setOpen(!1)}),{threshold:1,root:document})}close(){this.setOpen(!1)}get options(){return x.track(this,"options"),this.filteredOptions?.length?this.filteredOptions:[]}set options(t){this._options=t,x.notify(this,"options")}show(t){const e=t.anchorNode.getBoundingClientRect().bottom
+class b$ extends Bi{constructor(){super(...arguments),this.availableViewportHeight=0,this.filter="",this.filteredOptions=[],this.anchorElementIntersectionObserver=new IntersectionObserver((t=>{t[0]?.isIntersecting||this.setOpen(!1)}),{threshold:1,root:document})}close(){this.setOpen(!1)}get options(){return x.track(this,"options"),this.filteredOptions?.length>0?this.filteredOptions:[]}set options(t){this._options=t,x.notify(this,"options")}show(t){const e=t.anchorNode.getBoundingClientRect().bottom
 this.availableViewportHeight=Math.trunc(window.innerHeight-e),this.filter=t.filter,this.anchorElement=t.anchorNode,this.setOpen(!0),this.filterOptions()}keydownHandler(t){if(!this.open)return!1
 switch(t.key){case pn:case rn:{if(!this.hasSelectableOptions)return!1
 const t={href:this.firstSelectedOption.value,displayName:this.firstSelectedOption.text}
 return this.$emit("mention-selected",t),this.setOpen(!1),!0}case an:return this.setOpen(!1),!1
 default:return super.keydownHandler(t),!1}}filterOptions(){if(this.filter){const t=v$(this.filter)
 this.filteredOptions=this._options.filter((e=>v$(e.text).includes(t)))}else this.filteredOptions=this._options
-this._options.forEach((t=>{t.hidden=!this.filteredOptions.includes(t)})),this.filteredOptions.length?(this.selectedOptions=[this.filteredOptions[0]],this.selectedIndex=this.options.indexOf(this.firstSelectedOption)):(this.selectedOptions=[],this.selectedIndex=-1)}slottedOptionsChanged(t,e){super.slottedOptionsChanged(t,e),this.filterOptions()}clickHandler(t){const e=t.target.closest("option,[role=option]")
+this._options.forEach((t=>{t.hidden=!this.filteredOptions.includes(t)})),this.filteredOptions.length>0?(this.selectedOptions=[this.filteredOptions[0]],this.selectedIndex=this.options.indexOf(this.firstSelectedOption)):(this.selectedOptions=[],this.selectedIndex=-1)}slottedOptionsChanged(t,e){super.slottedOptionsChanged(t,e),this.filterOptions()}clickHandler(t){const e=t.target.closest("option,[role=option]")
 if(!e||e.disabled)return!1
 const n={href:e.value,displayName:e.text}
-return this.$emit("mention-selected",n),this.setOpen(!1),!0}anchorElementChanged(t,e){t&&this.anchorElementIntersectionObserver.unobserve(t),this.region&&this.anchorElement&&(this.region.anchorElement=this.anchorElement,this.region.update(),this.anchorElementIntersectionObserver.observe(e))}regionChanged(){this.regionNotifier&&this.regionNotifier.unsubscribe(this),this.regionNotifier=x.getNotifier(this.region),this.regionNotifier.subscribe(this)}handleChange(t,e){super.handleChange(t,e),"initialLayoutComplete"===e&&this.focusAndScrollOptionIntoView()}focusAndScrollOptionIntoView(){this.open&&this.firstSelectedOption&&requestAnimationFrame((()=>{this.firstSelectedOption?.scrollIntoView({block:"nearest"})}))}setOpen(t){this.open=t}}t([C],b$.prototype,"open",void 0),t([C],b$.prototype,"region",void 0),t([C],b$.prototype,"availableViewportHeight",void 0),t([C],b$.prototype,"filteredOptions",void 0),t([C],b$.prototype,"anchorElement",void 0)
+return this.$emit("mention-selected",n),this.setOpen(!1),!0}anchorElementChanged(t,e){t&&this.anchorElementIntersectionObserver.unobserve(t),this.region&&this.anchorElement&&(this.region.anchorElement=this.anchorElement,this.region.update(),this.anchorElementIntersectionObserver.observe(e))}regionChanged(){this.regionNotifier&&this.regionNotifier.unsubscribe(this),this.regionNotifier=x.getNotifier(this.region),this.regionNotifier.subscribe(this)}handleChange(t,e){super.handleChange(t,e),"initialLayoutComplete"===e&&this.focusAndScrollOptionIntoView()}focusAndScrollOptionIntoView(){this.open&&null!==this.firstSelectedOption&&requestAnimationFrame((()=>{this.firstSelectedOption?.scrollIntoView({block:"nearest"})}))}setOpen(t){this.open=t}}t([C],b$.prototype,"open",void 0),t([C],b$.prototype,"region",void 0),t([C],b$.prototype,"availableViewportHeight",void 0),t([C],b$.prototype,"filteredOptions",void 0),t([C],b$.prototype,"anchorElement",void 0)
 const y$=b$.compose({baseName:"rich-text-mention-listbox",template:g$,styles:m$})
 Ii.getOrCreate().withPrefix("nimble").register(y$())
 const w$="nimble-rich-text-mention-listbox",x$=Q`
@@ -9153,7 +9153,7 @@ return null===n?{fragment:document.createDocumentFragment(),mentionedHrefs:Array
 return t.normalizeLinkText=t=>t,new xT(this.updatedSchema,t,kT.tokens)}static getCustomSchemaConfiguration(){return new Dy({nodes:mT.spec.nodes,marks:{link:{attrs:{href:{},rel:{default:"noopener noreferrer"},class:{default:""}},inclusive:!1,excludes:"_",toDOM(t){const e=t.attrs.href,n=ET.mentionConfigs?.find((t=>t.isValidMentionHref(e))),i=n?.getDisplayName(e)
 return n&&i?(ET.mentionedHrefs.add(e),[n.viewElement,{"mention-href":e,"mention-label":i}]):[rd,{href:ET.startsWithHttpOrHttps(e)?e:null,rel:t.attrs.rel,class:e,"underline-hidden":!ET.startsWithHttpOrHttps(e)||null}]}},em:mT.spec.marks.get("em"),strong:mT.spec.marks.get("strong")}})}static setup(t){ET.mentionConfigs=t,ET.mentionedHrefs.clear()}static cleanup(){ET.mentionConfigs=void 0,ET.mentionedHrefs.clear()}static startsWithHttpOrHttps(t){return/^https?:\/\//i.test(t)}}ET=AT,AT.mentionedHrefs=new Set,AT.updatedSchema=ET.getCustomSchemaConfiguration(),AT.markdownParser=ET.initializeMarkdownParser(),AT.domSerializer=qy.fromSchema(ET.updatedSchema)
 class TT{constructor(t){this.markdownSerializer=this.initializeMarkdownSerializerForTipTap(t)}serializeDOMToMarkdown(t){return this.markdownSerializer.serialize(t)}initializeMarkdownSerializerForTipTap(t){const e=function(t,e){const n=e.attrs.href
-t.write(`<${n}>`)},n={bulletList:MT.nodes.bullet_list,listItem:MT.nodes.list_item,orderedList:function(t,e){const n=e.attrs.start||1,i=String(n+e.childCount-1).length,o=t.repeat(" ",i+2)
+t.write(`<${n}>`)},n={bulletList:MT.nodes.bullet_list,listItem:MT.nodes.list_item,orderedList:function(t,e){const n=e.attrs.start??1,i=String(n+e.childCount-1).length,o=t.repeat(" ",i+2)
 t.renderList(e,o,(e=>{const o=String(n+e)
 return`${t.repeat(" ",i-o.length)+o}. `}))},doc:MT.nodes.doc,paragraph:MT.nodes.paragraph,text:MT.nodes.text,hardBreak:MT.nodes.hard_break}
 t.forEach((t=>{n[t]=e}))
@@ -9174,7 +9174,7 @@ class PT extends LT{constructor(t){super(BT),this.richText=t,this.updateQueued=!
 break
 case"pattern":this.track("pattern")
 break
-case"buttonLabel":this.track("buttonLabel")}this.queueUpdate()}trackMentionElementsInstancesChanged(){this.track("pattern"),this.track("mappingConfigs"),this.track("buttonLabel"),this.queueUpdate()}queueUpdate(){this.richText.$fastController.isConnected&&(this.updateQueued||(this.updateQueued=!0,b.queueUpdate((()=>{this.richText.createConfig(),this.untrackAll(),this.updateQueued=!1}))))}}class zT{constructor(){this.invalidMentionConfiguration=!1,this.duplicateMentionConfiguration=!1}getValidity(){return{invalidMentionConfiguration:this.invalidMentionConfiguration,duplicateMentionConfiguration:this.duplicateMentionConfiguration}}isValid(){return Object.values(this.getValidity()).every((t=>!1===t))}validate(t){this.validateDuplicateMentionConfigurations(t),this.validateMentionConfigurations(t)}validateMentionConfigurations(t){return this.invalidMentionConfiguration=t.some((t=>!t.mentionInternals.validator.isValid())),!this.invalidMentionConfiguration}validateDuplicateMentionConfigurations(t){const e=t.map((t=>t.mentionInternals.character))
+case"buttonLabel":this.track("buttonLabel")}this.queueUpdate()}trackMentionElementsInstancesChanged(){this.track("pattern"),this.track("mappingConfigs"),this.track("buttonLabel"),this.queueUpdate()}queueUpdate(){this.richText.$fastController.isConnected&&(this.updateQueued||(this.updateQueued=!0,b.queueUpdate((()=>{this.richText.createConfig(),this.untrackAll(),this.updateQueued=!1}))))}}class zT{constructor(){this.invalidMentionConfiguration=!1,this.duplicateMentionConfiguration=!1}getValidity(){return{invalidMentionConfiguration:this.invalidMentionConfiguration,duplicateMentionConfiguration:this.duplicateMentionConfiguration}}isValid(){return Object.values(this.getValidity()).every((t=>!t))}validate(t){this.validateDuplicateMentionConfigurations(t),this.validateMentionConfigurations(t)}validateMentionConfigurations(t){return this.invalidMentionConfiguration=t.some((t=>!t.mentionInternals.validator.isValid())),!this.invalidMentionConfiguration}validateDuplicateMentionConfigurations(t){const e=t.map((t=>t.mentionInternals.character))
 return this.duplicateMentionConfiguration=e.length!==new Set(e).size,!this.duplicateMentionConfiguration}}async function VT(t){const e=t.map((async t=>{t.matches(":not(:defined)")&&await customElements.whenDefined(t.localName)}))
 await Promise.all(e)}class HT extends Ve{constructor(){super(...arguments),this.mentionInternalsNotifiers=[],this.childItems=[],this.richTextUpdateTracker=new PT(this),this.richTextValidator=new zT}get validity(){return this.richTextValidator.getValidity()}checkValidity(){return this.richTextValidator.isValid()}handleChange(t,e){t instanceof DT&&"string"==typeof e&&this.richTextUpdateTracker.trackMentionInternalsPropertyChanged(e)}createConfig(){this.validate(),this.richTextValidator.isValid()?(this.richTextUpdateTracker.updateMappingConfigs||this.richTextUpdateTracker.updatePattern)&&(this.configuration=new FT(this.mentionElements)):this.configuration=void 0}validate(){this.richTextValidator.validate(this.mentionElements)}childItemsChanged(t,e){void 0!==t&&this.updateMentionElementsFromChildItems()}async updateMentionElementsFromChildItems(){await VT(this.childItems),this.mentionElements=this.childItems.filter((t=>t instanceof OT)),this.observeMentionInternals(),this.richTextUpdateTracker.trackMentionElementsInstancesChanged()}observeMentionInternals(){this.removeMentionInternalsObservers()
 for(const t of this.mentionElements){const e=x.getNotifier(t.mentionInternals)
@@ -9730,7 +9730,7 @@ function yF(t,e,n,i,o,s){const r=nR.extend({excludes:"_",inclusive:!1,parseHTML:
 return{onStart:s=>{null!==s.decorationNode&&(o=!0,t.mentionUpdateEmitter(s.query),e(s.text.slice(0,1)),n(s.command),i?.show({filter:s.query,anchorNode:s.decorationNode}))},onUpdate:e=>{o&&(t.mentionUpdateEmitter(e.query),n(e.command),i?.show({filter:e.query,anchorNode:e.decorationNode}))},onKeyDown:t=>!!o&&(t.event.key===an&&(o=!1),i?.keydownHandler(t.event)??!1),onExit:()=>{e(""),n(void 0),i?.close()}}}}})}(n,t,e,o))),l=new HI({element:n,enableInputRules:[rR,SR],enablePasteRules:!1,editorProps:{transformPasted:function(t){const e=wF(l,t.content)
 return new Kb(e,t.openStart,t.openEnd)}},extensions:[XT,LR,BR,rR,SR,aR,KT,iD,vF,mF.configure({placeholder:s,showOnlyWhenEditable:!1}),i$,r,...a]})
 return l}function wF(t,e){const n=[]
-return e.forEach((e=>{if(e.isText&&e.marks.length>0){const i=e.marks.find((t=>"link"===t.type.name&&t.attrs))
+return e.forEach((e=>{if(e.isText&&e.marks.length>0){const i=e.marks.find((t=>"link"===t.type.name))
 i?bF.test(i.attrs.href)?n.push(t.schema.text(i.attrs.href,e.marks)):n.push(t.schema.text(e.textContent,i.removeFromSet(e.marks))):n.push(e)}else if(e.type.name.startsWith(_$))n.push(t.schema.text(e.attrs.label))
 else{const i=wF(t,e.content)
 n.push(e.copy(i))}})),Ub.fromArray(n)}class xF{constructor(t){xF.instance+=1
@@ -9738,7 +9738,7 @@ const e=`${_$}${xF.instance}`
 this.name=e,this.key=e,this.viewElement=t.viewElement,this.character=t.character,this.mappingConfigs=t.mappingConfigs,this.iconTemplate=t.iconTemplate,this.buttonLabel=t.buttonLabel??"",this.mentionUpdateEmitter=t.mentionUpdateEmitter}}xF.instance=0
 class CF extends FT{constructor(t){super(t),this.mentionExtensionConfig=this.isValid?t.map((t=>new xF(t.mentionInternals))):[]}}class kF extends(fg(HT)){constructor(){super(...arguments),this.editorDiv=this.createEditor(),this.tiptapEditor=yF((()=>{}),(()=>{}),this.editorDiv,[],this.mentionListbox,this.placeholder),this.xmlSerializer=new XMLSerializer,this.richTextMarkdownSerializer=new TT([]),this.disabled=!1,this.footerHidden=!1,this.scrollbarWidth=-1,this.activeMentionCharacter="",this.updateScrollbarWidthQueued=!1}get empty(){if(""===this.tiptapEditor.state.doc.textContent.trim()){let t=!1
 return this.tiptapEditor.state.doc.descendants((e=>{e.type.name.startsWith(_$)&&(t=!0)
-return!1===t})),!t}return!1}connectedCallback(){super.connectedCallback(),this.editorDiv.isConnected||this.editorContainer.append(this.editorDiv),this.bindEditorTransactionEvent(),this.bindEditorUpdateEvent(),this.stopNativeInputEventPropagation(),this.resizeObserver=new ResizeObserver((()=>this.onResize())),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.unbindEditorTransactionEvent(),this.unbindEditorUpdateEvent(),this.unbindNativeInputEvent(),this.resizeObserver?.disconnect()}disabledChanged(){this.disableEditor(),this.disableMentionViewElement()}placeholderChanged(t,e){const n=this.getMarkdown(),{from:i,to:o}=this.tiptapEditor.view.state.selection
+return!t})),!t}return!1}connectedCallback(){super.connectedCallback(),this.editorDiv.isConnected||this.editorContainer.append(this.editorDiv),this.bindEditorTransactionEvent(),this.bindEditorUpdateEvent(),this.stopNativeInputEventPropagation(),this.resizeObserver=new ResizeObserver((()=>this.onResize())),this.resizeObserver.observe(this)}disconnectedCallback(){super.disconnectedCallback(),this.unbindEditorTransactionEvent(),this.unbindEditorUpdateEvent(),this.unbindNativeInputEvent(),this.resizeObserver?.disconnect()}disabledChanged(){this.disableEditor(),this.disableMentionViewElement()}placeholderChanged(t,e){const n=this.getMarkdown(),{from:i,to:o}=this.tiptapEditor.view.state.selection
 this.initializeEditor(),this.setMarkdown(n),this.tiptapEditor.commands.setTextSelection({from:i,to:o})}ariaLabelChanged(t,e){null!==this.ariaLabel&&void 0!==this.ariaLabel?this.editorDiv.setAttribute("aria-label",this.ariaLabel):this.editorDiv.removeAttribute("aria-label")}configurationChanged(t,e){const n=this.getButtonsState(this.tiptapEditor),{from:i,to:o}=this.tiptapEditor.view.state.selection
 if(this.isMentionExtensionConfigUnchanged(t,e))this.setMarkdown(this.getMarkdown())
 else{const t=this.getMentionExtensionConfig(),e=this.getMarkdown()
@@ -10150,7 +10150,7 @@ let PF=class extends Bi{}
 class zF extends(Dn(PF)){constructor(){super(...arguments),this.proxy=document.createElement("select")}}const VF=t=>!t.visuallyHidden&&!t.disabled&&!t.hidden,HF=t=>!t.visuallyHidden&&!t.hidden
 class UF extends(fg(Lg(zF))){constructor(){super(...arguments),this.appearance=Sg,this.appearanceReadOnly=!1,this.fullBleed=!1,this.filterMode=Ag.none,this.clearable=!1,this.loadingVisible=!1,this.displayPlaceholder=!1,this.open=!1,this.listboxId=yn("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?Kv(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
+if(void 0!==this.options&&this.options.length>0){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){void 0!==this.anchoredRegion&&void 0!==this.control&&(this.anchoredRegion.anchorElement=this.control)}controlChanged(t,e){void 0!==this.anchoredRegion&&void 0!==this.control&&(this.anchoredRegion.anchorElement=this.control)}slottedOptionsChanged(t,e){const n=this.value
 this.options.forEach((t=>{const e=x.getNotifier(t)
 e.unsubscribe(this,"value"),e.unsubscribe(this,"hidden"),e.unsubscribe(this,"disabled")})),t?.filter(LF).forEach((t=>{const e=x.getNotifier(t)
 e.unsubscribe(this,"hidden"),e.unsubscribe(this,"visuallyHidden"),e.unsubscribe(this,"listOptions")}))
@@ -10173,11 +10173,11 @@ case"visuallyHidden":(LF(n)||NF(n))&&this.updateAdjacentSeparatorState(n)
 break
 case"disabled":this.updateDisplayValue()
 break
-case"listOptions":this.slottedOptionsChanged(this.slottedOptions,this.slottedOptions)}}mousedownHandler(t){return t.offsetX>=0&&t.offsetX<=this.listbox?.scrollWidth?super.mousedownHandler(t):this.collapsible}regionLoadedHandler(){this.focusAndScrollOptionIntoView()}multipleChanged(t,e){super.multipleChanged(t,e),this.proxy&&(this.proxy.multiple=e)}ignoreClickHandler(t){t.stopPropagation()}clearClickHandler(t){this.open=!1,this.clearSelect(),this.updateValue(!0),t.stopPropagation()}updateDisplayValue(){const t=this.getPlaceholderOption()
+case"listOptions":this.slottedOptionsChanged(this.slottedOptions,this.slottedOptions)}}mousedownHandler(t){return t.offsetX>=0&&t.offsetX<=this.listbox?.scrollWidth?super.mousedownHandler(t):this.collapsible}regionLoadedHandler(){this.focusAndScrollOptionIntoView()}multipleChanged(t,e){super.multipleChanged(t,e),this.proxy.multiple=e}ignoreClickHandler(t){t.stopPropagation()}clearClickHandler(t){this.open=!1,this.clearSelect(),this.updateValue(!0),t.stopPropagation()}updateDisplayValue(){const t=this.getPlaceholderOption()
 t&&this.firstSelectedOption===t?this.displayPlaceholder=!0:this.displayPlaceholder=!1,x.notify(this,"displayValue")}inputHandler(t){if(this.filter=this.filterInput?.value??"",this.filterMode===Ag.standard){this.filterOptions()
 const t=this.filteredOptions.filter((t=>!t.disabled))
 let e=""!==this.filter?this.openActiveIndex??this.selectedIndex:this.selectedIndex
-t.length>0&&!t.find((t=>t===this.options[e]))?e=this.options.indexOf(t[0]):0===t.length&&(e=-1),this.setActiveOption(e)}return this.filterMode!==Ag.none&&this.emitFilterInputEvent(),t.inputType.includes("deleteContent")||!this.filter.length||t.stopPropagation(),!0}focusoutHandler(t){if(super.focusoutHandler(t),!this.open)return!0
+t.length>0&&!t.find((t=>t===this.options[e]))?e=this.options.indexOf(t[0]):0===t.length&&(e=-1),this.setActiveOption(e)}return this.filterMode!==Ag.none&&this.emitFilterInputEvent(),t.inputType.includes("deleteContent")||0===this.filter.length||t.stopPropagation(),!0}focusoutHandler(t){if(super.focusoutHandler(t),!this.open)return!0
 this.open=!1
 const e=t.relatedTarget
 return!this.isSameNode(e)||(this.focus(),!0)}keydownHandler(t){const e=this.selectedIndex,n=t.key
@@ -10198,14 +10198,14 @@ this.open?o=!0:this.open=!0,o&&this.focus()
 break
 case an:if(!this.open){if(this.clearable)return this.clearSelect(),this.updateValue(!0),!0
 break}this.collapsible&&this.open&&(t.preventDefault(),this.open=!1),i=this.selectedIndex,this.focus()}return this.open&&!o||(this.selectedIndex!==i&&(this.selectedIndex=i),e!==this.selectedIndex&&this.updateValue(!0)),o&&(this.open=!1),!(n===en||n===sn)}selectedIndexChanged(t,e){this.setSelectedOptions(),this.open&&this.setActiveOption(this.selectedIndex),this.updateValue()}typeaheadBufferChanged(t,e){if(this.$fastController.isConnected){const t=this.getTypeaheadMatches()
-if(t.length){const e=this.options.indexOf(t[0])
+if(t.length>0){const e=this.options.indexOf(t[0])
 this.open&&this.filterMode!==Ag.none||this.setActiveOption(e)}this.typeaheadExpired=!1}}disabledChanged(t,e){super.disabledChanged&&super.disabledChanged(t,e),this.ariaDisabled=this.disabled?"true":"false"}formResetCallback(){this.setProxyOptions(),super.setDefaultSelectedOption(),-1===this.selectedIndex&&(this.selectedIndex=0)}selectNextOption(){for(let t=(this.openActiveIndex??this.selectedIndex)+1;t<this.options.length;t++){const e=this.options[t]
 if(NF(e)&&VF(e)){this.setActiveOption(t)
 break}}}selectPreviousOption(){for(let t=(this.openActiveIndex??this.selectedIndex)-1;t>=0;t--){const e=this.options[t]
 if(NF(e)&&VF(e)){this.setActiveOption(t)
 break}}}selectFirstOption(){const t=this.options.findIndex((t=>NF(t)&&VF(t)))
 this.setActiveOption(t)}selectLastOption(){const t=Ge(this.options,(t=>NF(t)&&VF(t)))
-this.setActiveOption(t)}registerOption(t){this.options.includes(t)||this.options.push(t)}setSelectedOptions(){this.open&&-1===this.selectedIndex||super.setSelectedOptions()}focusAndScrollOptionIntoView(){this.open&&(super.focusAndScrollOptionIntoView(),window.requestAnimationFrame((()=>{this.filterInput?.focus()})))}getTypeaheadMatches(){return super.getTypeaheadMatches().filter((t=>!t.hidden&&!t.disabled))}positionChanged(t,e){this.positionAttribute=e,this.setPositioning()}sizeChanged(t,e){super.sizeChanged(t,e),this.proxy&&(this.proxy.size=e)}openChanged(){if(!this.collapsible)return
+this.setActiveOption(t)}registerOption(t){this.options.includes(t)||this.options.push(t)}setSelectedOptions(){this.open&&-1===this.selectedIndex||super.setSelectedOptions()}focusAndScrollOptionIntoView(){this.open&&(super.focusAndScrollOptionIntoView(),window.requestAnimationFrame((()=>{this.filterInput?.focus()})))}getTypeaheadMatches(){return super.getTypeaheadMatches().filter((t=>!t.hidden&&!t.disabled))}positionChanged(t,e){this.positionAttribute=e,this.setPositioning()}sizeChanged(t,e){super.sizeChanged(t,e),this.proxy.size=e}openChanged(){if(!this.collapsible)return
 if(this.open)return void this.initializeOpenState()
 const t=this.options[this.openActiveIndex??this.selectedIndex]
 NF(t)&&(t.activeOption=!1),this.openActiveIndex=void 0,this.filter="",this.filterInput&&(this.filterInput.value=""),this.filterMode!==Ag.none&&this.emitFilterInputEvent(),this.ariaControls="",this.ariaExpanded="false"}selectedOptionsChanged(t,e){this.options?.forEach(((t,n)=>{const i=x.getNotifier(t)
@@ -10242,11 +10242,11 @@ for(const e of this.slottedOptions)if(LF(e)){if(e.hidden)continue
 const n=this.getGroupOptions(e),i=this.filterMatchesText(e.labelContent)
 n.forEach((e=>{e.visuallyHidden=!i&&this.isOptionHiddenOrFilteredOut(e),e.visuallyHidden||t.push(e)}))}else NF(e)&&(e.visuallyHidden=this.isOptionHiddenOrFilteredOut(e),e.visuallyHidden||t.push(e))
 this.filteredOptions=t}getGroupOptions(t){return Array.from(t.children).filter((t=>NF(t))).map((e=>(t.hidden&&NF(e)&&(e.visuallyHidden=!0),e)))}updateValue(t){this.$fastController.isConnected&&(this.value=this.firstSelectedOption?.value??"",this.observeSelectedOptionTextContent()),t&&(this.$emit("input"),this.$emit("change",this,{bubbles:!0,composed:void 0}))}clearSelect(){const t=this.getPlaceholderOption()
-this.selectedIndex=t?this.options.indexOf(t):-1}setProxyOptions(){this.proxy instanceof HTMLSelectElement&&this.options&&(this.proxy.options.length=0,this.options.forEach((t=>{const e=t.proxy||(t instanceof HTMLOptionElement?t.cloneNode():null)
-e&&this.proxy.options.add(e)})))}filterChanged(){this.filterOptions()}emitFilterInputEvent(){const t={filterText:this.filter}
+this.selectedIndex=t?this.options.indexOf(t):-1}setProxyOptions(){this.proxy instanceof HTMLSelectElement&&null!==this.options&&(this.proxy.options.length=0,this.options.forEach((t=>{const e=t.proxy??(t instanceof HTMLOptionElement?t.cloneNode():null)
+null!==e&&this.proxy.options.add(e)})))}filterChanged(){this.filterOptions()}emitFilterInputEvent(){const t={filterText:this.filter}
 this.$emit("filter-input",t,{bubbles:!0})}initializeOpenState(){this.setActiveOption(this.selectedIndex),this.ariaControls=this.listboxId,this.ariaExpanded="true",this.setPositioning(),this.focusAndScrollOptionIntoView()}observeSelectedOptionTextContent(){if(this.selectedOptionObserver?.disconnect(),-1===this.selectedIndex)return
 const t=this.firstSelectedOption
-t&&this.selectedOptionObserver?.observe(t,{characterData:!0,subtree:!0,childList:!0})}}t([ft],UF.prototype,"appearance",void 0),t([ft({attribute:"appearance-readonly",mode:"boolean"})],UF.prototype,"appearanceReadOnly",void 0),t([ft({attribute:"full-bleed",mode:"boolean"})],UF.prototype,"fullBleed",void 0),t([ft({attribute:"position"})],UF.prototype,"positionAttribute",void 0),t([ft({attribute:"filter-mode"})],UF.prototype,"filterMode",void 0),t([ft({attribute:"clearable",mode:"boolean"})],UF.prototype,"clearable",void 0),t([ft({attribute:"loading-visible",mode:"boolean"})],UF.prototype,"loadingVisible",void 0),t([C],UF.prototype,"displayPlaceholder",void 0),t([ft({attribute:"open",mode:"boolean"})],UF.prototype,"open",void 0),t([C],UF.prototype,"position",void 0),t([C],UF.prototype,"control",void 0),t([C],UF.prototype,"scrollableRegion",void 0),t([C],UF.prototype,"filterInput",void 0),t([C],UF.prototype,"anchoredRegion",void 0),t([C],UF.prototype,"hasOverflow",void 0),t([C],UF.prototype,"filteredOptions",void 0),t([C],UF.prototype,"filter",void 0),t([C],UF.prototype,"availableViewportHeight",void 0),t([k],UF.prototype,"collapsible",null),t([k],UF.prototype,"labelContent",null),t([k],UF.prototype,"displayValue",null)
+null!==t&&this.selectedOptionObserver?.observe(t,{characterData:!0,subtree:!0,childList:!0})}}t([ft],UF.prototype,"appearance",void 0),t([ft({attribute:"appearance-readonly",mode:"boolean"})],UF.prototype,"appearanceReadOnly",void 0),t([ft({attribute:"full-bleed",mode:"boolean"})],UF.prototype,"fullBleed",void 0),t([ft({attribute:"position"})],UF.prototype,"positionAttribute",void 0),t([ft({attribute:"filter-mode"})],UF.prototype,"filterMode",void 0),t([ft({attribute:"clearable",mode:"boolean"})],UF.prototype,"clearable",void 0),t([ft({attribute:"loading-visible",mode:"boolean"})],UF.prototype,"loadingVisible",void 0),t([C],UF.prototype,"displayPlaceholder",void 0),t([ft({attribute:"open",mode:"boolean"})],UF.prototype,"open",void 0),t([C],UF.prototype,"position",void 0),t([C],UF.prototype,"control",void 0),t([C],UF.prototype,"scrollableRegion",void 0),t([C],UF.prototype,"filterInput",void 0),t([C],UF.prototype,"anchoredRegion",void 0),t([C],UF.prototype,"hasOverflow",void 0),t([C],UF.prototype,"filteredOptions",void 0),t([C],UF.prototype,"filter",void 0),t([C],UF.prototype,"availableViewportHeight",void 0),t([k],UF.prototype,"collapsible",null),t([k],UF.prototype,"labelContent",null),t([k],UF.prototype,"displayValue",null)
 const qF=UF.compose({baseName:"select",baseClass:oo,template:(t,e)=>Q`
     <template
         class="${t=>[t.collapsible&&"collapsible",t.collapsible&&t.open&&"open",t.disabled&&"disabled",t.collapsible&&t.position].filter(Boolean).join(" ")}"
@@ -10294,7 +10294,7 @@ const qF=UF.compose({baseName:"select",baseClass:oo,template:(t,e)=>Q`
                     `)}
                     <div aria-hidden="true" class="indicator" part="indicator">
                         <slot name="indicator">
-                            ${e.indicator||""}
+                            ${e.indicator??""}
                         </slot>
                     </div>
                 </slot>
@@ -10399,7 +10399,9 @@ const XF=It`
         flex-direction: column;
         cursor: pointer;
         --ni-private-switch-height: 24px;
-        --ni-private-switch-indicator-size: 16px;
+        --ni-private-switch-indicator-size: 24px;
+        --ni-private-switch-indicator-inner-size: 18px;
+        --ni-private-switch-indicator-margin: -2px;
         padding-bottom: calc(
             ${Nl} - var(--ni-private-switch-height)
         );
@@ -10437,20 +10439,36 @@ const XF=It`
         display: flex;
         height: var(--ni-private-switch-height);
         width: calc(var(--ni-private-switch-height) * 2);
-        background-color: ${vl};
+        background-color: var(--ni-private-switch-background-color);
         border-radius: calc(var(--ni-private-switch-height) / 2);
         align-items: center;
-        border: calc(${Hl} * 2) solid transparent;
+        border: calc(${Hl}) solid transparent;
     }
 
-    :host([disabled]) .switch {
-        background-color: var(--ni-private-switch-background-disabled-color);
+    :host([aria-checked='true']) .switch {
+        background-color: var(--ni-private-switch-background-selected-color);
+    }
+
+    :host([aria-checked='true']:hover) .switch {
+        background-color: var(--ni-private-switch-background-selected-rollover-color);
     }
 
     :host(${Ho}) .switch {
         border-color: ${Sl};
     }
 
+    :host(${Ho}[aria-checked='true']) .switch {
+        background-color: var(--ni-private-switch-background-selected-rollover-color);
+    }
+
+    :host([disabled]) .switch {
+        background-color: var(--ni-private-switch-background-disabled-color);
+    }
+
+    :host([disabled]:hover) .switch {
+        background-color: var(--ni-private-switch-background-disabled-color);
+    }
+
     .checked-indicator-spacer {
         flex-grow: 0;
         transition: flex-grow ${Xc} ease-in-out;
@@ -10468,51 +10486,81 @@ const XF=It`
         width: var(--ni-private-switch-indicator-size);
         height: var(--ni-private-switch-indicator-size);
         border-radius: calc(var(--ni-private-switch-indicator-size) / 2);
-        margin: calc(
-            calc(
-                    var(--ni-private-switch-height) - var(
-                            --ni-private-switch-indicator-size
-                        )
-                ) /
-                2
-        );
+        margin: var(--ni-private-switch-indicator-margin);
         border: ${Hl} solid
             var(--ni-private-switch-indicator-border-color);
     }
 
+    :host([aria-checked='true']) .checked-indicator {
+        border-color: var(--ni-private-switch-indicator-border-selected-color);
+    }
+
     :host(:hover) .checked-indicator {
         border: calc(${Hl} * 2) solid ${Sl};
     }
 
+    :host(${Ho}) .checked-indicator {
+        border: calc(${Hl} * 2) solid ${Sl};
+    }
+
     :host([disabled]) .checked-indicator {
-        background-color: var(
-            --ni-private-switch-indicator-background-disabled-color
-        );
+        background-color: transparent;
         border: ${Hl} solid
             var(--ni-private-switch-indicator-border-disabled-color);
     }
 
-    :host(${Ho}) .checked-indicator {
-        border: ${Hl} solid ${Sl};
+    :host([disabled]:hover) .checked-indicator {
+        background-color: transparent;
+        border: ${Hl} solid
+            var(--ni-private-switch-indicator-border-disabled-color);
     }
 
-    .checked-indicator-inner {
-        width: calc(var(--ni-private-switch-indicator-size) / 2);
-        height: calc(var(--ni-private-switch-indicator-size) / 2);
-        border-radius: calc(var(--ni-private-switch-indicator-size) / 4);
-        background-color: var(--ni-private-switch-indicator-border-color);
+    :host([disabled]${Ho}) .checked-indicator {
+        background-color: transparent;
+        border: ${Hl} solid
+            var(--ni-private-switch-indicator-border-disabled-color);
+    }
+
+    :host([disabled]:active) .checked-indicator-inner {
+        background-color: var(
+            --ni-private-switch-indicator-border-disabled-color
+        );
         opacity: 0;
-        transition: opacity ${Xc} ease-in-out;
     }
 
-    :host([disabled]) .checked-indicator-inner {
+    :host([disabled]${Ho}) .checked-indicator-inner {
         background-color: var(
             --ni-private-switch-indicator-border-disabled-color
         );
+        opacity: 0;
+    }
+
+    .checked-indicator-inner {
+        width: var(--ni-private-switch-indicator-inner-size);
+        height: var(--ni-private-switch-indicator-inner-size);
+        border-radius: calc(var(--ni-private-switch-indicator-inner-size) / 2);
+        opacity: 0;
     }
 
     :host([aria-checked='true']) .checked-indicator-inner {
+        opacity: 0;
+    }
+
+    :host(${Ho}) .checked-indicator-inner {
+        opacity: 1;
+        background-color: var(--ni-private-switch-indicator-background-color);
+        border: 1px solid var(--ni-private-switch-indicator-border-selected-color);
+    }
+
+    :host(:active) .checked-indicator-inner {
         opacity: 1;
+        background-color: var(--ni-private-switch-indicator-background-active-color);
+    }
+
+    :host([disabled]) .checked-indicator-inner {
+        background-color: var(
+            --ni-private-switch-indicator-border-disabled-color
+        );
     }
 
     slot[name='checked-message']::slotted(*) {
@@ -10527,26 +10575,43 @@ const XF=It`
     }
 `.withBehaviors(Hm(Uo,It`
             :host {
+                --ni-private-switch-background-color: ${ol(Fa,.1)};
                 --ni-private-switch-background-disabled-color: ${ol(Fa,.07)};
+                --ni-private-switch-background-selected-color: ${ol(La,.6)};
+                --ni-private-switch-background-selected-rollover-color: ${ol(La,.3)};
                 --ni-private-switch-indicator-background-color: ${Aa};
-                --ni-private-switch-indicator-background-disabled-color: ${ol(Aa,.1)};
-                --ni-private-switch-indicator-border-color: ${Fa};
-                --ni-private-switch-indicator-border-disabled-color: ${ol(Fa,.3)};
+                --ni-private-switch-indicator-background-disabled-color: ${ol(Fa,.15)};
+                --ni-private-switch-indicator-background-active-color: ${ol(La,.3)};
+
+                --ni-private-switch-indicator-border-color: ${ol(Fa,.3)};
+                --ni-private-switch-indicator-border-selected-color: ${La};
+                --ni-private-switch-indicator-border-disabled-color: ${ol(Fa,.15)};
+                
             }
         `),Hm(qo,It`
             :host {
+                --ni-private-switch-background-color: ${ol($a,.1)};
                 --ni-private-switch-background-disabled-color: ${ol($a,.07)};
-                --ni-private-switch-indicator-background-color: ${ol(Fa,.3)};
-                --ni-private-switch-indicator-background-disabled-color: ${ol(Fa,.1)};
-                --ni-private-switch-indicator-border-color: ${Ea};
-                --ni-private-switch-indicator-border-disabled-color: ${ol(Ea,.3)};
+                --ni-private-switch-background-selected-color: ${ol(Ua,.6)};
+                --ni-private-switch-background-selected-rollover-color: ${ol(Ua,.3)};
+                --ni-private-switch-indicator-background-color: ${Ia};
+                --ni-private-switch-indicator-background-disabled-color: ${ol($a,.1)};
+                --ni-private-switch-indicator-background-active-color: ${ol(Ua,.3)};
+                --ni-private-switch-indicator-border-color: ${ol($a,.3)};
+                --ni-private-switch-indicator-border-selected-color: ${Ua};
+                --ni-private-switch-indicator-border-disabled-color: ${ol($a,.15)};
             }
         `),Hm(jo,It`
             :host {
+                --ni-private-switch-background-color: ${ol(Aa,.1)};
                 --ni-private-switch-background-disabled-color: ${ol(Aa,.07)};
-                --ni-private-switch-indicator-background-color: ${ol(Aa,.1)};
+                --ni-private-switch-background-selected-color: ${ol(Aa,.6)};
+                --ni-private-switch-background-selected-rollover-color: ${ol(Aa,.3)};
+                --ni-private-switch-indicator-background-color: ${ol(Aa,.3)};
                 --ni-private-switch-indicator-background-disabled-color: ${ol(Aa,.1)};
-                --ni-private-switch-indicator-border-color: ${Aa};
+                --ni-private-switch-indicator-background-active-color: ${ol(Aa,.3)};
+                --ni-private-switch-indicator-border-color: ${ol(Aa,.3)};
+                --ni-private-switch-indicator-border-selected-color: ${Aa} ;
                 --ni-private-switch-indicator-border-disabled-color: ${ol(Aa,.3)};
             }
         `)),JF=Q`
@@ -10562,7 +10627,7 @@ const XF=It`
     >
         <label
             part="label"
-            class="${t=>t.defaultSlottedNodes?.length?"label":"label label__hidden"}"
+            class="${t=>t.defaultSlottedNodes?.length>0?"label":"label label__hidden"}"
         >
             <slot ${Qt("defaultSlottedNodes")}></slot>
         </label>
@@ -11109,7 +11174,7 @@ try{e=document.createElement(t)}catch(t){}if(!(e instanceof ML))throw new Error(
 class AL{constructor(t){this.uniqueId=yn("table-column-slot"),this.sortOperation=CL,this.dataRecordFieldNames=[],this.groupingDisabled=!0,this.fractionalWidth=1,this.minPixelWidth=117,this.resizingDisabled=!1,this.hideHeaderIndicators=!1,this.headerAlignment=uL,this.currentFractionalWidth=1,this.sortingDisabled=!0,this.currentSortDirection=aL.none,this.cellRecordFieldNames=t.cellRecordFieldNames,this.cellViewTemplate=EL(t.cellViewTag),t.groupHeaderViewTag&&(this.groupHeaderViewTemplate=_L(t.groupHeaderViewTag)),this.delegatedEvents=t.delegatedEvents,this.slotNames=t.slotNames??[],this.sortOperation=t.sortOperation??CL,this.validator=t.validator}fractionalWidthChanged(){this.currentFractionalWidth=this.fractionalWidth}pixelWidthChanged(){this.currentPixelWidth=this.pixelWidth}}function TL(t,...e){for(const n of e)if(t===n)return!0
 return!1}t([C],AL.prototype,"columnConfig",void 0),t([C],AL.prototype,"operandDataRecordFieldName",void 0),t([C],AL.prototype,"sortOperation",void 0),t([C],AL.prototype,"dataRecordFieldNames",void 0),t([C],AL.prototype,"groupingDisabled",void 0),t([C],AL.prototype,"groupIndex",void 0),t([C],AL.prototype,"pixelWidth",void 0),t([C],AL.prototype,"fractionalWidth",void 0),t([C],AL.prototype,"minPixelWidth",void 0),t([C],AL.prototype,"resizingDisabled",void 0),t([C],AL.prototype,"hideHeaderIndicators",void 0),t([C],AL.prototype,"headerAlignment",void 0),t([C],AL.prototype,"currentFractionalWidth",void 0),t([C],AL.prototype,"currentPixelWidth",void 0),t([C],AL.prototype,"sortingDisabled",void 0),t([C],AL.prototype,"currentSortIndex",void 0),t([C],AL.prototype,"currentSortDirection",void 0)
 class DL extends Ve{constructor(){super(...arguments),this.columnInternals=new AL(this.getColumnInternalsOptions()),this.columnHidden=!1,this.hasOverflow=!1}checkValidity(){return this.columnInternals.validator.isColumnValid}get validity(){return this.columnInternals.validator.getValidity()}get headerTextContent(){return Kv(this.contentSlot)}connectedCallback(){super.connectedCallback(),this.setAttribute("slot",this.columnInternals.uniqueId)}}t([ft({attribute:"column-id"})],DL.prototype,"columnId",void 0),t([ft({attribute:"action-menu-slot"})],DL.prototype,"actionMenuSlot",void 0),t([ft({attribute:"action-menu-label"})],DL.prototype,"actionMenuLabel",void 0),t([ft({attribute:"column-hidden",mode:"boolean"})],DL.prototype,"columnHidden",void 0),t([C],DL.prototype,"hasOverflow",void 0)
-class OL{constructor(){this.duplicateRecordId=!1,this.missingRecordId=!1,this.invalidRecordId=!1,this.duplicateColumnId=!1,this.missingColumnId=!1,this.duplicateSortIndex=!1,this.duplicateGroupIndex=!1,this.idFieldNameNotConfigured=!1,this.invalidColumnConfiguration=!1,this.invalidParentIdConfiguration=!1,this.recordIds=new Set}getValidity(){return{duplicateRecordId:this.duplicateRecordId,missingRecordId:this.missingRecordId,invalidRecordId:this.invalidRecordId,duplicateColumnId:this.duplicateColumnId,missingColumnId:this.missingColumnId,duplicateSortIndex:this.duplicateSortIndex,duplicateGroupIndex:this.duplicateGroupIndex,idFieldNameNotConfigured:this.idFieldNameNotConfigured,invalidColumnConfiguration:this.invalidColumnConfiguration,invalidParentIdConfiguration:this.invalidParentIdConfiguration}}isValid(){return Object.values(this.getValidity()).every((t=>!1===t))}areRecordIdsValid(){const t=this.getValidity()
+class OL{constructor(){this.duplicateRecordId=!1,this.missingRecordId=!1,this.invalidRecordId=!1,this.duplicateColumnId=!1,this.missingColumnId=!1,this.duplicateSortIndex=!1,this.duplicateGroupIndex=!1,this.idFieldNameNotConfigured=!1,this.invalidColumnConfiguration=!1,this.invalidParentIdConfiguration=!1,this.recordIds=new Set}getValidity(){return{duplicateRecordId:this.duplicateRecordId,missingRecordId:this.missingRecordId,invalidRecordId:this.invalidRecordId,duplicateColumnId:this.duplicateColumnId,missingColumnId:this.missingColumnId,duplicateSortIndex:this.duplicateSortIndex,duplicateGroupIndex:this.duplicateGroupIndex,idFieldNameNotConfigured:this.idFieldNameNotConfigured,invalidColumnConfiguration:this.invalidColumnConfiguration,invalidParentIdConfiguration:this.invalidParentIdConfiguration}}isValid(){return Object.values(this.getValidity()).every((t=>!t))}areRecordIdsValid(){const t=this.getValidity()
 return!t.duplicateRecordId&&!t.missingRecordId&&!t.invalidRecordId}validateIdFieldConfiguration(t,e,n){const i=t!==lL.none||"string"==typeof n
 return this.idFieldNameNotConfigured=!!i&&"string"!=typeof e,!this.idFieldNameNotConfigured}validateRecordIds(t,e){if(this.duplicateRecordId=!1,this.missingRecordId=!1,this.invalidRecordId=!1,this.recordIds.clear(),"string"!=typeof e)return!0
 for(const n of t){if(!Object.prototype.hasOwnProperty.call(n,e)){this.missingRecordId=!0
@@ -12218,7 +12283,7 @@ class xB{constructor(t){this.table=t,this.isColumnBeingSized=!1,this.visibleColu
 this.currentTotalDelta=this.getAllowedSizeDelta(t.clientX-this.dragStart),this.performCascadeSizeLeft(this.leftColumnIndex,this.currentTotalDelta),this.performCascadeSizeRight(this.rightColumnIndex,this.currentTotalDelta)
 const e=this.getTotalColumnFixedWidth()-this.initialColumnTotalWidth
 this.table.tableScrollableMinWidth=e>0?this.initialTableScrollableWidth+e:this.initialTableScrollableMinWidth},this.onDividerPointerUp=()=>{this.activeColumnDividerElement.removeEventListener("pointermove",this.onDividerPointerMove),this.activeColumnDividerElement.removeEventListener("pointerup",this.onDividerPointerUp),this.resetGridSizedColumns(),this.isColumnBeingSized=!1,this.activeColumnIndex=void 0,this.activeColumnDivider=void 0,this.activeColumnDividerElement=void 0,this.visibleColumns=[]}}getGridTemplateColumns(){return this.getVisibleColumns().map((t=>{const{minPixelWidth:e,currentPixelWidth:n,currentFractionalWidth:i}=t.columnInternals
-if(n){return`${Math.max(e,n)}px`}return`minmax(${e}px, ${i}fr)`})).join(" ")}beginColumnInteractiveSize(t,e,n,i){this.activeColumnDivider=i,this.activeColumnDividerElement=t,this.leftColumnIndex=this.getLeftColumnIndexFromDivider(this.activeColumnDivider),this.rightColumnIndex=this.leftColumnIndex+1,this.activeColumnIndex=this.leftColumnIndex+this.activeColumnDivider%2,this.dragStart=n,this.currentTotalDelta=0,this.visibleColumns=this.getVisibleColumns(),this.setColumnsToFixedSize(),this.initialTableScrollableWidth=this.table.viewport.scrollWidth,this.initialTableScrollableMinWidth=this.table.tableScrollableMinWidth,this.initialColumnTotalWidth=this.getTotalColumnFixedWidth(),this.isColumnBeingSized=!0,-1!==e&&t.setPointerCapture(e),t.addEventListener("pointermove",this.onDividerPointerMove),t.addEventListener("pointerup",this.onDividerPointerUp)}hasResizableColumnToLeft(t){return-1!==this.getFirstLeftResizableColumnIndex(t)}hasResizableColumnToRight(t){return-1!==this.getFirstRightResizableColumnIndex(t)}getTotalColumnFixedWidth(){let t=0
+if(void 0!==n){return`${Math.max(e,n)}px`}return`minmax(${e}px, ${i}fr)`})).join(" ")}beginColumnInteractiveSize(t,e,n,i){this.activeColumnDivider=i,this.activeColumnDividerElement=t,this.leftColumnIndex=this.getLeftColumnIndexFromDivider(this.activeColumnDivider),this.rightColumnIndex=this.leftColumnIndex+1,this.activeColumnIndex=this.leftColumnIndex+this.activeColumnDivider%2,this.dragStart=n,this.currentTotalDelta=0,this.visibleColumns=this.getVisibleColumns(),this.setColumnsToFixedSize(),this.initialTableScrollableWidth=this.table.viewport.scrollWidth,this.initialTableScrollableMinWidth=this.table.tableScrollableMinWidth,this.initialColumnTotalWidth=this.getTotalColumnFixedWidth(),this.isColumnBeingSized=!0,-1!==e&&t.setPointerCapture(e),t.addEventListener("pointermove",this.onDividerPointerMove),t.addEventListener("pointerup",this.onDividerPointerUp)}hasResizableColumnToLeft(t){return-1!==this.getFirstLeftResizableColumnIndex(t)}hasResizableColumnToRight(t){return-1!==this.getFirstRightResizableColumnIndex(t)}getTotalColumnFixedWidth(){let t=0
 for(const e of this.visibleColumns)t+=e.columnInternals.currentPixelWidth??0
 return t}setColumnsToFixedSize(){this.cacheGridSizedColumns()
 const t=this.table.getHeaderContainerElements()
@@ -12262,7 +12327,7 @@ for(const t of n)delete i[t]
 this.tanStackTable.setRowSelection(i)}getAllLeafRowIds(t){const e=this.tanStackTable.getRowModel().flatRows.find((e=>e.id===t))
 return e?.getIsGrouped()?e.getLeafRows().filter((t=>!t.getIsGrouped())).map((t=>t.id)):[]}getAllOrderedRows(){const t=this.tanStackTable.getPreExpandedRowModel().rows
 return this.getOrderedRows(t)}getOrderedRows(t){const e=[]
-for(const n of t)e.push(n),n.subRows?.length&&e.push(...this.getOrderedRows(n.subRows))
+for(const n of t)e.push(n),n.subRows?.length>0&&e.push(...this.getOrderedRows(n.subRows))
 return e}}class MB extends _B{handleRowSelectionToggle(t,e,n){return!1}handleRowClick(t,e,n){return!1}handleActionMenuOpening(t){return!1}}class IB extends _B{handleRowSelectionToggle(t,e,n){return n&&this.tryUpdateRangeSelection(t.id,!0)||(this.shiftSelectStartRowId=e?t.id:void 0,this.previousShiftSelectRowEndId=void 0,this.toggleIsRowSelected(t,e)),!0}handleRowClick(t,e,n){if(e){const e=n
 if(this.tryUpdateRangeSelection(t.id,e))return!0}if(n){const e=t.selectionState!==dL
 return this.shiftSelectStartRowId=e?t.id:void 0,this.previousShiftSelectRowEndId=void 0,this.toggleIsRowSelected(t),!0}return this.shiftSelectStartRowId=t.id,this.previousShiftSelectRowEndId=void 0,this.selectSingleRow(t)}handleActionMenuOpening(t){return!this.actionMenusPreserveSelection&&(t.selectionState!==dL&&this.selectSingleRow(t))}reset(){this.shiftSelectStartRowId=void 0,this.previousShiftSelectRowEndId=void 0}tryUpdateRangeSelection(t,e){if(void 0===this.shiftSelectStartRowId)return!1
@@ -12283,11 +12348,11 @@ case lL.single:return new $B(this.tanStackTable,e)
 case lL.none:return new MB(this.tanStackTable,e)
 default:throw new Error("unknown selection mode found")}}}function AB(t,e){const n=e,i=[],o={},s=new Set
 for(let e=0;e<t.length;e++){const r=t[e],a=r[n.id],l=r[n.parentId]
-Object.prototype.hasOwnProperty.call(o,a)||(o[a]={subRows:[],clientRecord:void 0,originalIndex:void 0}),s&&s.delete(a),o[a].clientRecord=r
+Object.prototype.hasOwnProperty.call(o,a)||(o[a]={subRows:[],clientRecord:void 0,originalIndex:void 0}),s.delete(a),o[a].clientRecord=r
 const c=o[a]
-c.originalIndex=e,null==l?i.push(c):(Object.prototype.hasOwnProperty.call(o,l)||(o[l]={subRows:[],clientRecord:void 0,originalIndex:void 0},s&&s.add(l)),o[l].subRows.push(c))}if(s?.size){const t=Array.from(s.values()).join(",")
+c.originalIndex=e,null==l?i.push(c):(Object.prototype.hasOwnProperty.call(o,l)||(o[l]={subRows:[],clientRecord:void 0,originalIndex:void 0},s.add(l)),o[l].subRows.push(c))}if(s.size>0){const t=Array.from(s.values()).join(",")
 throw new Error(`The items array contains orphans that point to the following parentIds: [${t}]. These parentIds do not exist in the items array.`)}if(TB(i)<Object.keys(o).length)throw new Error("The items array contains nodes with a circular parent/child relationship.")
-return i}function TB(t){return t.reduce(((t,e)=>t+1+(e.subRows&&TB(e.subRows))),0)}class DB{constructor(t,e,n){if(this.isDataFlat=!1,"string"==typeof e&&"string"==typeof n)try{this._hierarchicalData=AB(t,{id:e,parentId:n}),this.isDataFlat=!1,this._parentIdConfigurationValid=!0}catch{this.isDataFlat=!0,this._hierarchicalData=t.map(((t,e)=>({clientRecord:t,originalIndex:e}))),this._parentIdConfigurationValid=!1}else this.isDataFlat=!0,this._hierarchicalData=t.map(((t,e)=>({clientRecord:t,originalIndex:e}))),this._parentIdConfigurationValid=!0}get hierarchicalData(){return this._hierarchicalData}get parentIdConfigurationValid(){return this._parentIdConfigurationValid}getAllRecords(t=!1){const e=[]
+return i}function TB(t){return t.reduce(((t,e)=>t+1+(e.subRows?TB(e.subRows):0)),0)}class DB{constructor(t,e,n){if(this.isDataFlat=!1,"string"==typeof e&&"string"==typeof n)try{this._hierarchicalData=AB(t,{id:e,parentId:n}),this.isDataFlat=!1,this._parentIdConfigurationValid=!0}catch{this.isDataFlat=!0,this._hierarchicalData=t.map(((t,e)=>({clientRecord:t,originalIndex:e}))),this._parentIdConfigurationValid=!1}else this.isDataFlat=!0,this._hierarchicalData=t.map(((t,e)=>({clientRecord:t,originalIndex:e}))),this._parentIdConfigurationValid=!0}get hierarchicalData(){return this._hierarchicalData}get parentIdConfigurationValid(){return this._parentIdConfigurationValid}getAllRecords(t=!1){const e=[]
 return this.getAllNodes(this._hierarchicalData,e),this.isDataFlat||!t?e.map((t=>t.clientRecord)):e.sort(((t,e)=>t.originalIndex-e.originalIndex)).map((t=>t.clientRecord))}getAllNodes(t,e){for(const n of t)e.push(n),n.subRows&&this.getAllNodes(n.subRows,e)}}class OB{constructor(t){this.tanStackTable=t,this.explicitExpansionStates=new Map,this.hierarchyOptions=new Map,this.isHierarchyEnabled=!1,this.parentRowsWithChildren=new Set}isRowExpanded(t){if(!this.isRowExpandable(t))return!1
 return this.explicitExpansionStates.get(t.id)??this.getDefaultExpansionState(t)}toggleRowExpansion(t){if(!this.isRowExpandable(t))return
 const e=this.isRowExpanded(t)
@@ -12514,7 +12579,7 @@ return n?dL:cL}getGroupRowColumn(t){const e=t.groupingColumnId
 if(void 0!==e)return this.columns.find((t=>t.columnInternals.uniqueId===e))}updateTableOptions(t){if(this.options={...this.options,...t,state:{...this.options.state,...t.state}},this.table.setOptions(this.options),t.data&&this.tableValidator.areRecordIdsValid()){const t=this.table.getRowModel().flatRows
 this.expansionManager.processDataUpdate(t)}this.refreshRows()}toggleRowExpanded(t){const e=this.table.getRowModel().rows[t]
 this.expansionManager.toggleRowExpansion(e)}calculateTanStackSortState(){const t=this.getColumnsParticipatingInSorting().sort(((t,e)=>t.columnInternals.currentSortIndex-e.columnInternals.currentSortIndex))
-return this.firstSortedColumn=t.length?t[0]:void 0,t.map((t=>({id:t.columnInternals.uniqueId,desc:t.columnInternals.currentSortDirection===aL.descending})))}calculateTanStackGroupingState(){return this.getColumnsParticipatingInGrouping().sort(((t,e)=>t.columnInternals.groupIndex-e.columnInternals.groupIndex)).map((t=>t.columnInternals.uniqueId))}calculateTanStackRowIdFunction(){return null===this.idFieldName||void 0===this.idFieldName?void 0:t=>t.clientRecord[this.idFieldName]}calculateTanStackColumns(){return this.columns.map((t=>({id:t.columnInternals.uniqueId,accessorFn:e=>{const n=t.columnInternals.operandDataRecordFieldName
+return this.firstSortedColumn=t.length>0?t[0]:void 0,t.map((t=>({id:t.columnInternals.uniqueId,desc:t.columnInternals.currentSortDirection===aL.descending})))}calculateTanStackGroupingState(){return this.getColumnsParticipatingInGrouping().sort(((t,e)=>t.columnInternals.groupIndex-e.columnInternals.groupIndex)).map((t=>t.columnInternals.uniqueId))}calculateTanStackRowIdFunction(){return null===this.idFieldName||void 0===this.idFieldName?void 0:t=>t.clientRecord[this.idFieldName]}calculateTanStackColumns(){return this.columns.map((t=>({id:t.columnInternals.uniqueId,accessorFn:e=>{const n=t.columnInternals.operandDataRecordFieldName
 if("string"==typeof n)return e.clientRecord[n]},sortingFn:bB(t.columnInternals.sortOperation),sortUndefined:!1})))}calculateTanStackSelectionState(t){if(this.selectionMode===lL.none)return{}
 const e={},n=this.tableValidator.getPresentRecordIds(t)
 for(const t of n)if(e[t]=!0,this.selectionMode===lL.single)break
@@ -12695,9 +12760,9 @@ const l=Math.floor(r)
 if(l<=999&&l>0){const t=this.daysFormatter.format(l)
 e.push(t),a-=l*s}else if(l>999)return this.scientificSecondsFormatter.format(t/n)
 const c=Math.floor(t/o%24)
-if(a-=c*o,c){const t=this.hoursFormatter.format(c)
+if(a-=c*o,0!==c){const t=this.hoursFormatter.format(c)
 e.push(t)}const d=Math.floor(t/i%60)
-if(a-=d*i,d){const t=this.minutesFormatter.format(d)
+if(a-=d*i,0!==d){const t=this.minutesFormatter.format(d)
 e.push(t)}const h=a/n,u=0===h?0:h%60
 if(t<1&&0!==h)return this.scientificSecondsFormatter.format(h)
 if(u>=5e-4||0===u&&0===e.length){const t=this.secondsFormatter.format(u)
@@ -13191,7 +13256,7 @@ const Fz="outline",Nz="block",Lz=It`
     <label
         part="label"
         for="control"
-        class="${t=>t.defaultSlottedNodes?.length?"label":"label label__hidden"}"
+        class="${t=>t.defaultSlottedNodes?.length>0?"label":"label label__hidden"}"
     >
         <slot ${Qt("defaultSlottedNodes")}></slot>
     </label>
@@ -13510,7 +13575,7 @@ const Vz="underline",Hz="outline",Uz="block",qz="frameless",jz=It`
         `)),Wz=Og(Q`<label
         part="label"
         for="control"
-        class="${t=>t.defaultSlottedNodes?.length?"label":"label label__hidden"}"
+        class="${t=>t.defaultSlottedNodes?.length>0?"label":"label label__hidden"}"
     >
         <slot
             ${Qt({property:"defaultSlottedNodes",filter:function(t,e,n){return t.nodeType!==Node.TEXT_NODE||"string"==typeof t.nodeValue&&!!t.nodeValue.trim().length}})}
@@ -15554,12 +15619,12 @@ return`translate(${n[0]}, ${n[1]})`}return""}renderDies(){const t=this.wafermap.
 i[0]-=e,i[1]-=n
 for(const s of this.dies)this.isDieVisible(s,i,o)&&(t.fillStyle=s.fillStyle,t.fillRect(s.x,s.y,e,n))}renderText(){if(this.wafermap.dieLabelsHidden)return
 const t=this.wafermap.dataManager.dieDimensions.width,e=this.wafermap.dataManager.dieDimensions.height
-if(t*e*(this.wafermap.transform.k||1)>=this.minDieDim){const n=this.wafermap.dataManager.labelsFontSize,i=this.wafermap.canvasContext
+if(t*e*(0!==this.wafermap.transform.k?this.wafermap.transform.k:1)>=this.minDieDim){const n=this.wafermap.dataManager.labelsFontSize,i=this.wafermap.canvasContext
 i.font=`${n.toString()}px sans-serif`,i.fillStyle="#ffffff",i.textAlign="center",i.lineCap="butt"
 const o=i.measureText("M"),s=this.wafermap.transform.invert([0,0]),r=this.wafermap.transform.invert([this.wafermap.canvas.width,this.wafermap.canvas.height])
 s[0]-=t,s[1]-=e
 for(const n of this.dies)this.isDieVisible(n,s,r)&&i.fillText(n.text,n.x+t/2,n.y+e/2+o.width/2,t-t/100*20)}}clearCanvas(){this.wafermap.canvasContext.clearRect(0,0,this.wafermap.canvas.width,this.wafermap.canvas.height)}scaleCanvas(){this.wafermap.canvasContext.translate(this.wafermap.transform.x,this.wafermap.transform.y),this.wafermap.canvasContext.scale(this.wafermap.transform.k,this.wafermap.transform.k)}isDieVisible(t,e,n){return t.x>=e[0]&&t.x<n[0]&&t.y>=e[1]&&t.y<n[1]}}const KJ=["highlightedTags","canvasWidth","canvasHeight","originLocation","gridMinX","gridMaxX","gridMinY","gridMaxY","dies","maxCharacters","colorScale","colorScaleMode","dieLabelsHidden","dieLabelsSuffix","transform","hoverDie"]
-class YJ extends LT{constructor(t){super(KJ),this.wafermap=t,this.updateQueued=!1}get requiresEventsUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")||this.isTracked("originLocation")||this.isTracked("gridMinX")||this.isTracked("gridMaxX")||this.isTracked("gridMinY")||this.isTracked("gridMaxY")||this.isTracked("dies")||this.isTracked("maxCharacters")||this.isTracked("highlightedTags")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")||this.isTracked("transform")}get requiresWorkerWaferSetup(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")||this.isTracked("originLocation")||this.isTracked("gridMinX")||this.isTracked("gridMaxX")||this.isTracked("gridMinY")||this.isTracked("gridMaxY")||this.isTracked("dies")||this.isTracked("maxCharacters")||this.isTracked("highlightedTags")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")}get requiresContainerDimensionsUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")}get requiresComponentResizeUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")}get requiresScalesUpdate(){return this.isTracked("originLocation")||this.isTracked("gridMinX")||this.isTracked("gridMaxX")||this.isTracked("gridMinY")||this.isTracked("gridMaxY")||this.isTracked("dies")}get requiresInputDataUpdate(){return this.isTracked("originLocation")||this.isTracked("gridMinX")||this.isTracked("gridMaxX")||this.isTracked("gridMinY")||this.isTracked("gridMaxY")||this.isTracked("dies")}get requiresLabelsFontSizeUpdate(){return this.isTracked("maxCharacters")}get requiresDiesRenderInfoUpdate(){return this.isTracked("highlightedTags")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")}get requiresColorAndTextUpdate(){return this.isTracked("maxCharacters")||this.isTracked("highlightedTags")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")}get requiresDrawnWaferUpdate(){return this.isTracked("transform")}get requiresRenderHoverUpdate(){return this.isTracked("hoverDie")}queueUpdate(){this.wafermap.$fastController.isConnected&&!this.updateQueued&&(this.updateQueued=!0,void 0===this.wafermap.currentTask?b.queueUpdate((()=>{this.wafermap.update(),this.untrackAll(),this.updateQueued=!1})):(async()=>{await this.wafermap.currentTask,b.queueUpdate((()=>{this.wafermap.update(),this.untrackAll(),this.updateQueued=!1,this.wafermap.currentTask=void 0}))})())}}class XJ{constructor(t){this.wafermap=t,this.invalidGridDimensions=!1,this.invalidDiesTableSchema=!1}getValidity(){return{invalidGridDimensions:this.invalidGridDimensions,invalidDiesTableSchema:this.invalidDiesTableSchema}}isValid(){return Object.values(this.getValidity()).every((t=>!1===t))}validateGridDimensions(){return this.invalidGridDimensions=!1,void 0===this.wafermap.gridMinX&&void 0===this.wafermap.gridMaxX&&void 0===this.wafermap.gridMinY&&void 0===this.wafermap.gridMaxY?this.invalidGridDimensions=!1:("number"!=typeof this.wafermap.gridMinX||"number"!=typeof this.wafermap.gridMaxX||"number"!=typeof this.wafermap.gridMinY||"number"!=typeof this.wafermap.gridMaxY||this.wafermap.gridMaxX<this.wafermap.gridMinX||this.wafermap.gridMaxY<this.wafermap.gridMinY)&&(this.invalidGridDimensions=!0),!this.invalidGridDimensions}validateDiesTableSchema(){if(this.invalidDiesTableSchema=!1,void 0===this.wafermap.diesTable)this.invalidDiesTableSchema=!1
+class YJ extends LT{constructor(t){super(KJ),this.wafermap=t,this.updateQueued=!1}get requiresEventsUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")||this.isTracked("originLocation")||this.isTracked("gridMinX")||this.isTracked("gridMaxX")||this.isTracked("gridMinY")||this.isTracked("gridMaxY")||this.isTracked("dies")||this.isTracked("maxCharacters")||this.isTracked("highlightedTags")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")||this.isTracked("transform")}get requiresWorkerWaferSetup(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")||this.isTracked("originLocation")||this.isTracked("gridMinX")||this.isTracked("gridMaxX")||this.isTracked("gridMinY")||this.isTracked("gridMaxY")||this.isTracked("dies")||this.isTracked("maxCharacters")||this.isTracked("highlightedTags")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")}get requiresContainerDimensionsUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")}get requiresComponentResizeUpdate(){return this.isTracked("canvasWidth")||this.isTracked("canvasHeight")}get requiresScalesUpdate(){return this.isTracked("originLocation")||this.isTracked("gridMinX")||this.isTracked("gridMaxX")||this.isTracked("gridMinY")||this.isTracked("gridMaxY")||this.isTracked("dies")}get requiresInputDataUpdate(){return this.isTracked("originLocation")||this.isTracked("gridMinX")||this.isTracked("gridMaxX")||this.isTracked("gridMinY")||this.isTracked("gridMaxY")||this.isTracked("dies")}get requiresLabelsFontSizeUpdate(){return this.isTracked("maxCharacters")}get requiresDiesRenderInfoUpdate(){return this.isTracked("highlightedTags")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")}get requiresColorAndTextUpdate(){return this.isTracked("maxCharacters")||this.isTracked("highlightedTags")||this.isTracked("colorScale")||this.isTracked("colorScaleMode")||this.isTracked("dieLabelsHidden")||this.isTracked("dieLabelsSuffix")}get requiresDrawnWaferUpdate(){return this.isTracked("transform")}get requiresRenderHoverUpdate(){return this.isTracked("hoverDie")}queueUpdate(){this.wafermap.$fastController.isConnected&&!this.updateQueued&&(this.updateQueued=!0,void 0===this.wafermap.currentTask?b.queueUpdate((()=>{this.wafermap.update(),this.untrackAll(),this.updateQueued=!1})):(async()=>{await this.wafermap.currentTask,b.queueUpdate((()=>{this.wafermap.update(),this.untrackAll(),this.updateQueued=!1,this.wafermap.currentTask=void 0}))})())}}class XJ{constructor(t){this.wafermap=t,this.invalidGridDimensions=!1,this.invalidDiesTableSchema=!1}getValidity(){return{invalidGridDimensions:this.invalidGridDimensions,invalidDiesTableSchema:this.invalidDiesTableSchema}}isValid(){return Object.values(this.getValidity()).every((t=>!t))}validateGridDimensions(){return this.invalidGridDimensions=!1,void 0===this.wafermap.gridMinX&&void 0===this.wafermap.gridMaxX&&void 0===this.wafermap.gridMinY&&void 0===this.wafermap.gridMaxY?this.invalidGridDimensions=!1:("number"!=typeof this.wafermap.gridMinX||"number"!=typeof this.wafermap.gridMaxX||"number"!=typeof this.wafermap.gridMinY||"number"!=typeof this.wafermap.gridMaxY||this.wafermap.gridMaxX<this.wafermap.gridMinX||this.wafermap.gridMaxY<this.wafermap.gridMinY)&&(this.invalidGridDimensions=!0),!this.invalidGridDimensions}validateDiesTableSchema(){if(this.invalidDiesTableSchema=!1,void 0===this.wafermap.diesTable)this.invalidDiesTableSchema=!1
 else{const t=this.wafermap.diesTable.schema.fields,e=t.find((t=>"colIndex"===t.name)),n=t.find((t=>"rowIndex"===t.name)),i=t.find((t=>"value"===t.name))
 e&&n&&i&&pG.isInt(e.type)&&32===e.type.bitWidth&&pG.isInt(n.type)&&32===n.type.bitWidth&&pG.isFloat(i.type)&&i.type.precision===Lj.DOUBLE||(this.invalidDiesTableSchema=!0)}return!this.invalidDiesTableSchema}}
 /**
@@ -15618,13 +15683,13 @@ function mQ(t,e){return fQ.set(t,e),t}function gQ(t){for(const[e,n]of oQ)if(n.ca
 return[{type:"HANDLER",name:e,value:i},o]}return[{type:"RAW",value:t},fQ.get(t)||[]]}function vQ(t){switch(t.type){case"HANDLER":return oQ.get(t.name).deserialize(t.value)
 case"RAW":return t.value}}function bQ(t,e,n,i){return new Promise((o=>{const s=new Array(4).fill(0).map((()=>Math.floor(Math.random()*Number.MAX_SAFE_INTEGER).toString(16))).join("-")
 e.set(s,o),t.start&&t.start(),t.postMessage(Object.assign({id:s},n),i)}))}let yQ
-class wQ{constructor(t){this.wafermap=t,this.minDieDim=100}async setupWafer(t){if(void 0===this.matrixRenderer){const{matrixRenderer:t}=await(async()=>{if(void 0===yQ){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"})
+class wQ{constructor(t){this.wafermap=t,this.minDieDim=100}async setupWafer(t){if(void 0===this.matrixRenderer){const{matrixRenderer:t}=await(async()=>{if(void 0===yQ){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"})
 yQ=URL.createObjectURL(t)}const t=new Worker(yQ),e=aQ(t)
 return{matrixRenderer:await new e,terminate:()=>t.terminate()}})()
 this.matrixRenderer=t
 const e=this.wafermap.workerCanvas.transferControlToOffscreen()
 await this.matrixRenderer.setCanvas(mQ(e,[e]))}await this.matrixRenderer.setCanvasDimensions(t.canvasDimensions),await this.matrixRenderer.setRenderConfig(t.renderConfig),await this.matrixRenderer.setMatrixData(t.columnIndices,t.rowIndices,t.values)}async drawWafer(t){const e=t.transform.invert([0,0]),n=t.transform.invert([t.canvasDimensions.width,t.canvasDimensions.height])
-await this.matrixRenderer.setTransformConfig({transform:t.transform,topLeftCanvasCorner:{x:e[0]-t.dieDimensions.width,y:e[1]-t.dieDimensions.height},bottomRightCanvasCorner:{x:n[0],y:n[1]}}),await this.matrixRenderer.drawWafer(),!t.dieLabelsHidden&&t.dieDimensions&&t.dieDimensions.width*t.dieDimensions.height*(t.transform.k||1)>=this.minDieDim&&await this.matrixRenderer.drawText()}renderHover(){void 0!==this.wafermap.computations.dieDimensions&&void 0!==this.wafermap.transform&&(this.wafermap.hoverWidth=this.wafermap.computations.dieDimensions.width*this.wafermap.transform.k,this.wafermap.hoverHeight=this.wafermap.computations.dieDimensions.height*this.wafermap.transform.k,this.wafermap.hoverOpacity=void 0===this.wafermap.hoverDie?HJ:VJ,this.wafermap.hoverTransform=this.calculateHoverTransform())}calculateHoverTransform(){if(void 0!==this.wafermap.hoverDie){const t=this.wafermap.computations.horizontalScale(this.wafermap.hoverDie.x)
+await this.matrixRenderer.setTransformConfig({transform:t.transform,topLeftCanvasCorner:{x:e[0]-t.dieDimensions.width,y:e[1]-t.dieDimensions.height},bottomRightCanvasCorner:{x:n[0],y:n[1]}}),await this.matrixRenderer.drawWafer(),!t.dieLabelsHidden&&t.dieDimensions.width*t.dieDimensions.height*(0!==t.transform.k?t.transform.k:1)>=this.minDieDim&&await this.matrixRenderer.drawText()}renderHover(){void 0!==this.wafermap.computations.dieDimensions&&void 0!==this.wafermap.transform&&(this.wafermap.hoverWidth=this.wafermap.computations.dieDimensions.width*this.wafermap.transform.k,this.wafermap.hoverHeight=this.wafermap.computations.dieDimensions.height*this.wafermap.transform.k,this.wafermap.hoverOpacity=void 0===this.wafermap.hoverDie?HJ:VJ,this.wafermap.hoverTransform=this.calculateHoverTransform())}calculateHoverTransform(){if(void 0!==this.wafermap.hoverDie){const t=this.wafermap.computations.horizontalScale(this.wafermap.hoverDie.x)
 if(void 0===t)return""
 const e=this.wafermap.computations.verticalScale(this.wafermap.hoverDie.y)
 if(void 0===e)return""