@ni/nimble-components 29.2.2 → 29.2.4

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

@@ -2150,6 +2150,7 @@ t&&_a.unsubscribe(t)}}const mh=(e,t)=>new fh(e,t),gh=xe`
         font-size: 12.8px;
         align-items: top;
         overflow: hidden;
+        overflow-wrap: anywhere;
     }
 
     :host(:not([open])) {
@@ -2181,7 +2182,6 @@ t&&_a.unsubscribe(t)}}const mh=(e,t)=>new fh(e,t),gh=xe`
         display: inline;
         font-weight: bold;
         padding-right: 8px;
-        white-space: nowrap;
     }
 
     :host([title-hidden]) slot[name='title'] {
@@ -9044,15 +9044,14 @@ let uT=class extends Ii{}
 class pT extends($n(uT)){constructor(){super(...arguments),this.proxy=document.createElement("select")}}const fT=e=>!e.visuallyHidden&&!e.disabled&&!e.hidden,mT=e=>!e.visuallyHidden&&!e.hidden
 class gT extends pT{constructor(){super(...arguments),this.appearance=Hm,this.errorVisible=!1,this.filterMode=Wm.none,this.clearable=!1,this.displayPlaceholder=!1,this.open=!1,this.listboxId=wa("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(hT).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(hT).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":dT(n)?(n.visuallyHidden=n.hidden,this.updateAdjacentSeparatorState(
 break
 case"visuallyHidden":(hT(n)||dT(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