@ni/nimble-components 11.8.4 → 11.8.5

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

@@ -2127,12 +2127,20 @@ const Rh=ut`
         display: none;
     }
 `
-class Bh extends mi{constructor(){super(...arguments),this.focusOutHandler=()=>{this.open=!1}}setPositioning(){this.$fastController.isConnected&&super.setPositioning()}slottedOptionsChanged(t,e){const i=this.value
-super.slottedOptionsChanged(t,e),i&&(this.value=i)}connectedCallback(){super.connectedCallback(),this.setPositioning(),this.updateInputAriaLabel(),this.addEventListener("focusout",this.focusOutHandler)}disconnectedCallback(){this.removeEventListener("focusout",this.focusOutHandler)}toggleButtonClickHandler(t){t.stopImmediatePropagation()}toggleButtonChangeHandler(t){this.open=this.dropdownButton.checked,t.stopImmediatePropagation()}toggleButtonKeyDownHandler(t){switch(t.key){case Ce:case xe:case Oe:case ke:return this.open=!0,this.stopPropagation(t),!1
+class Bh extends mi{constructor(){super(...arguments),this.valueUpdatedByInput=!1}setPositioning(){this.$fastController.isConnected&&super.setPositioning()}slottedOptionsChanged(t,e){const i=this.value
+super.slottedOptionsChanged(t,e),i&&(this.value=i)}connectedCallback(){super.connectedCallback(),this.setPositioning(),this.updateInputAriaLabel()}toggleButtonClickHandler(t){t.stopImmediatePropagation()}toggleButtonChangeHandler(t){this.open=this.dropdownButton.checked,t.stopImmediatePropagation()}toggleButtonKeyDownHandler(t){switch(t.key){case Ce:case xe:case Oe:case ke:return this.open=!0,this.stopPropagation(t),!1
 default:return!0}}filterOptions(){super.filterOptions()
 const t=this.filteredOptions.filter((t=>!t.disabled))
-this.filteredOptions=t}openChanged(){super.openChanged(),this.dropdownButton&&(this.dropdownButton.checked=this.open)}ariaLabelChanged(t,e){this.updateInputAriaLabel()}updateInputAriaLabel(){const t=this.shadowRoot?.querySelector(".selected-value")
-this.ariaLabel?t?.setAttribute("aria-label",this.ariaLabel):t?.removeAttribute("aria-label")}}zn([v],Bh.prototype,"dropdownButton",void 0),zn([tt({attribute:"error-text"})],Bh.prototype,"errorText",void 0)
+this.filteredOptions=t}inputHandler(t){const e=super.inputHandler(t)
+return this.valueUpdatedByInput||(this.valueBeforeTextUpdate=this.value),this.value=this.control.value,this.valueUpdatedByInput=!0,e}keydownHandler(t){const e=super.keydownHandler(t)
+if(t.ctrlKey||t.altKey)return e
+switch(t.key){case ke:this.emitChangeIfValueUpdated()
+break
+case xe:case Ce:this.open&&this.valueUpdatedByInput&&(this.valueUpdatedByInput=!1)
+break
+default:return e}return e}focusoutHandler(t){const e=super.focusoutHandler(t)
+return this.open=!1,this.emitChangeIfValueUpdated(),e}openChanged(){super.openChanged(),this.dropdownButton&&(this.dropdownButton.checked=this.open)}ariaLabelChanged(t,e){this.updateInputAriaLabel()}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)}}zn([v],Bh.prototype,"dropdownButton",void 0),zn([tt({attribute:"error-text"})],Bh.prototype,"errorText",void 0)
 const Nh=Bh.compose({baseName:"combobox",baseClass:mi,template:(t,e)=>q`
     <template
         aria-disabled="${t=>t.ariaDisabled}"