@ni/nimble-components 7.4.0 → 7.4.1

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

@@ -1197,7 +1197,8 @@ const Mh=mt`
 
     :host{box-sizing:border-box;color:${Vn};font:${Mn};height:${Jo};position:relative;user-select:none;min-width:250px;outline:none;vertical-align:top}.listbox{box-sizing:border-box;display:inline-flex;flex-direction:column;left:0;overflow-y:auto;position:absolute;width:100%;${""}
         max-height:calc(var(--max-height) - ${Jo});z-index:1;padding:4px;box-shadow:0px 3px 3px ${Go};border:1px solid ${Qo};background-color:${Po};background-clip:padding-box}.listbox[hidden]{display:none}.control{align-items:center;box-sizing:border-box;cursor:pointer;display:flex;min-height:100%;width:100%;border-bottom:${sn} solid ${An};background-color:transparent;padding-left:8px;padding-bottom:1px}:host([disabled]) .control{cursor:default}:host(.open:not(:hover)) .control{border-bottom:${sn} solid ${Yo};transition:border-bottom ${fr},padding-bottom ${fr}}:host(:hover) .control{border-bottom:2px solid ${Yo};padding-bottom:0px;transition:border-bottom ${fr},padding-bottom ${fr}}:host([disabled]) .control,:host([disabled]) .control:hover{border-bottom:${sn} solid ${An};padding-bottom:1px;color:${An}}:host([open][position='above']) .listbox{border-bottom-left-radius:0;border-bottom-right-radius:0}:host([open][position='below']) .listbox{border-top-left-radius:0;border-top-right-radius:0}:host([open][position='above']) .listbox{bottom:${Jo}}:host([open][position='below']) .listbox{top:calc(${Jo} + ${Zo})}.selected-value{flex:1 1 auto;font-family:inherit;text-align:start;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.indicator{flex:0 0 auto;margin-inline-start:1em;padding-right:8px;display:flex;justify-content:center;align-items:center}.indicator slot[name='indicator'] svg{width:${on};height:${on};fill:${Vn}}:host([disabled]) .indicator slot[name='indicator'] svg{fill:${An}}slot[name='listbox']{display:none;width:100%}:host([open]) slot[name='listbox']{display:flex;position:absolute}.end{margin-inline-start:auto}::slotted([role='option']),::slotted(option){flex:0 0 auto}`
-const Vh=class extends si{get value(){return super.value}set value(t){if(super.value=t,null!==t&&0===this.options.length){this.querySelectorAll('option,[role="option"]').forEach((e=>{e.getAttribute("value")===t&&e.setAttribute("selected","")}))}}setPositioning(){this.$fastController.isConnected&&super.setPositioning()}connectedCallback(){super.connectedCallback(),this.setPositioning()}}.compose({baseName:"select",baseClass:si,template:(t,e)=>Y`<template class="${t=>t.open?"open":""} ${t=>t.disabled?"disabled":""} ${t=>t.position}" aria-activedescendant="${t=>t.ariaActiveDescendant}" aria-controls="${t=>t.ariaControls}" aria-disabled="${t=>t.ariaDisabled}" aria-expanded="${t=>t.ariaExpanded}" aria-haspopup="listbox" ?open="${t=>t.open}" role="combobox" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><div class="control" part="control" ?disabled="${t=>t.disabled}">${Ot(0,e)}<slot name="button-container"><div class="selected-value" part="selected-value"><slot name="selected-value">${t=>t.displayValue}</slot></div><div aria-hidden="true" class="indicator" part="indicator"><slot name="indicator">${e.indicator||""}</slot></div></slot>${zt(0,e)}</div><div class="listbox" id="${t=>t.listboxId}" part="listbox" role="listbox" ?disabled="${t=>t.disabled}" ?hidden="${t=>!t.open}" ${bt("listbox")}><slot ${Ct({filter:es.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:Mh,indicator:Hr.data})
+const Vh=class extends si{setPositioning(){this.$fastController.isConnected&&super.setPositioning()}connectedCallback(){super.connectedCallback(),this.setPositioning()}slottedOptionsChanged(t,e){const s=this.value
+super.slottedOptionsChanged(t,e),s&&(this.value=s)}}.compose({baseName:"select",baseClass:si,template:(t,e)=>Y`<template class="${t=>t.open?"open":""} ${t=>t.disabled?"disabled":""} ${t=>t.position}" aria-activedescendant="${t=>t.ariaActiveDescendant}" aria-controls="${t=>t.ariaControls}" aria-disabled="${t=>t.ariaDisabled}" aria-expanded="${t=>t.ariaExpanded}" aria-haspopup="listbox" ?open="${t=>t.open}" role="combobox" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><div class="control" part="control" ?disabled="${t=>t.disabled}">${Ot(0,e)}<slot name="button-container"><div class="selected-value" part="selected-value"><slot name="selected-value">${t=>t.displayValue}</slot></div><div aria-hidden="true" class="indicator" part="indicator"><slot name="indicator">${e.indicator||""}</slot></div></slot>${zt(0,e)}</div><div class="listbox" id="${t=>t.listboxId}" part="listbox" role="listbox" ?disabled="${t=>t.disabled}" ?hidden="${t=>!t.open}" ${bt("listbox")}><slot ${Ct({filter:es.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:Mh,indicator:Hr.data})
 Vs.getOrCreate().withPrefix("nimble").register(Vh())
 const Ah=mt`
     ${rs("inline-flex")}