@ni/spright-components 1.0.13 → 1.0.14

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

@@ -9044,15 +9044,14 @@ let pT=class extends Ii{}
 class fT extends($n(pT)){constructor(){super(...arguments),this.proxy=document.createElement("select")}}const mT=e=>!e.visuallyHidden&&!e.disabled&&!e.hidden,gT=e=>!e.visuallyHidden&&!e.hidden
 class vT extends fT{constructor(){super(...arguments),this.appearance=Bm,this.errorVisible=!1,this.filterMode=Gm.none,this.clearable=!1,this.displayPlaceholder=!1,this.open=!1,this.listboxId=xa("listbox-"),this.hasOverflow=!1,this.filteredOptions=[],this.filter="",this.maxHeight=0,this._value="",this.forcedPosition=!1}get collapsible(){return!(this.multiple||"number"==typeof this.size)}connectedCallback(){super.connectedCallback(),this.forcedPosition=!!this.positionAttribute,this.open&&this.initializeOpenState()}get value(){return m.track(this,"value"),this._value}set value(e){const t=this._value
 let n=e
-if(this.options?.length){const e=this.options.findIndex((e=>e.value===n)),t=this.options[this.selectedIndex]?.value??null,i=this.options[e]?.value??null;-1!==e&&t===i||(n="",this.selectedIndex=e),n=this.firstSelectedOption?.value??n}t===n||this.open&&this.selectedIndex<0||(this._value=n,super.valueChanged(t,n),m.notify(this,"value"),this.updateDisplayValue())}get displayValue(){return m.track(this,"displayValue"),this.firstSelectedOption?.text??""}anchoredRegionChanged(e,t){this.anchoredRegion&&this.control&&(this.anchoredRegion.anchorElement=this.control)}controlChanged(e,t){this.anchoredRegion&&this.control&&(this.anchoredRegion.anchorElement=this.control)}slottedOptionsChanged(e,t){const n=this.value
-this.options.forEach((e=>{const t=m.getNotifier(e)
+if(this.options?.length){const e=this.options.findIndex((e=>e.value===n)),t=this.options[this.selectedIndex]?.value??null,i=this.options[e]?.value??null;-1!==e&&t===i||(n="",this.selectedIndex=e),n=this.firstSelectedOption?.value??n}t===n||this.open&&this.selectedIndex<0||(this._value=n,super.valueChanged(t,n),m.notify(this,"value"),this.updateDisplayValue())}get displayValue(){return m.track(this,"displayValue"),this.firstSelectedOption?.text??""}anchoredRegionChanged(e,t){this.anchoredRegion&&this.control&&(this.anchoredRegion.anchorElement=this.control)}controlChanged(e,t){this.anchoredRegion&&this.control&&(this.anchoredRegion.anchorElement=this.control)}slottedOptionsChanged(e,t){this.options.forEach((e=>{const t=m.getNotifier(e)
 t.unsubscribe(this,"value"),t.unsubscribe(this,"hidden"),t.unsubscribe(this,"disabled")})),e?.filter(uT).forEach((e=>{const t=m.getNotifier(e)
-t.unsubscribe(this,"hidden"),t.unsubscribe(this,"visuallyHidden")}))
-const i=this.getSlottedOptions(t)
-super.slottedOptionsChanged(e,i),i.forEach((e=>{const t=m.getNotifier(e)
+t.unsubscribe(this,"hidden"),t.unsubscribe(this,"visuallyHidden"),t.unsubscribe(this,"listOptions")}))
+const n=this.getSlottedOptions(t)
+this.selectedIndex=n.findIndex((e=>e.selected)),super.slottedOptionsChanged(e,n),n.forEach((e=>{const t=m.getNotifier(e)
 t.subscribe(this,"value"),t.subscribe(this,"hidden"),t.subscribe(this,"disabled")})),t?.filter(uT).forEach((e=>{this.updateAdjacentSeparatorState(e)
 const t=m.getNotifier(e)
-t.subscribe(this,"hidden"),t.subscribe(this,"visuallyHidden")})),this.setProxyOptions(),this.updateValue(),this.filterOptions(),n&&(this.value=n)}clickHandler(e){if(this.disabled)return
+t.subscribe(this,"hidden"),t.subscribe(this,"visuallyHidden"),t.subscribe(this,"listOptions")})),this.setProxyOptions(),this.updateValue(),this.filterOptions()}clickHandler(e){if(this.disabled)return
 let t=!1
 if(this.open){const n=e.target.closest("option,[role=option]")
 if(t=null!==n,n?.disabled)return}const n=this.selectedIndex
@@ -9065,7 +9064,9 @@ case"hidden":hT(n)?(n.visuallyHidden=n.hidden,this.updateAdjacentSeparatorState(
 break
 case"visuallyHidden":(uT(n)||hT(n))&&this.updateAdjacentSeparatorState(n)
 break
-case"disabled":this.updateDisplayValue()}}mousedownHandler(e){return e.offsetX>=0&&e.offsetX<=this.listbox?.scrollWidth?super.mousedownHandler(e):this.collapsible}regionLoadedHandler(){this.focusAndScrollOptionIntoView()}multipleChanged(e,t){super.multipleChanged(e,t),this.proxy&&(this.proxy.multiple=t)}inputClickHandler(e){e.stopPropagation()}clearClickHandler(e){this.open=!1,this.clearSelect(),this.updateValue(!0),e.stopPropagation()}updateDisplayValue(){const e=this.getPlaceholderOption()
+case"disabled":this.updateDisplayValue()
+break
+case"listOptions":this.slottedOptionsChanged(this.slottedOptions,this.slottedOptions)}}mousedownHandler(e){return e.offsetX>=0&&e.offsetX<=this.listbox?.scrollWidth?super.mousedownHandler(e):this.collapsible}regionLoadedHandler(){this.focusAndScrollOptionIntoView()}multipleChanged(e,t){super.multipleChanged(e,t),this.proxy&&(this.proxy.multiple=t)}inputClickHandler(e){e.stopPropagation()}clearClickHandler(e){this.open=!1,this.clearSelect(),this.updateValue(!0),e.stopPropagation()}updateDisplayValue(){const e=this.getPlaceholderOption()
 e&&this.firstSelectedOption===e?this.displayPlaceholder=!0:this.displayPlaceholder=!1,m.notify(this,"displayValue")}inputHandler(e){this.filter=this.filterInput?.value??"",this.filterOptions()
 const t=this.filteredOptions.filter((e=>!e.disabled))
 let n=""!==this.filter?this.openActiveIndex??this.selectedIndex:this.selectedIndex