@ni/nimble-components 7.4.0 → 7.4.3

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")}
@@ -1253,9 +1254,9 @@ const jh=class extends de{}.compose({baseName:"tabs-toolbar",template:Nh,styles:
 var qh
 Vs.getOrCreate().withPrefix("nimble").register(jh()),function(t){t.Outline="outline",t.Block="block"}(qh||(qh={}))
 const Uh=mt`
-    ${rs("inline-block")}
+    ${rs("inline-flex")}
 
-    :host{font:${Mn};outline:none;user-select:none;color:${Vn}}:host([disabled]){color:${An}}.label{display:flex;color:${Wn};font:${Kn}}:host([disabled]) .label{color:${Yn}}.control{-webkit-appearance:none;font:inherit;outline:none;box-sizing:border-box;position:relative;color:inherit;border-radius:0px;align-items:flex-end;border:${sn} solid transparent;padding:8px;transition:box-shadow ${fr},border ${fr};resize:none}@media (prefers-reduced-motion){.control{transition-duration:0s}}.control:hover{border-color:${Yo};box-shadow:0px 0px 0px 1px ${Yo}}.control:focus-within{border-color:${Yo}}.control[readonly],.control[readonly]:hover,.control[readonly]:hover:focus-within,.control[disabled],.control[disabled]:hover{border-color:rgba(${qo},0.1);box-shadow:none}.control::selection{color:${Wn};background:rgba(${Fo},0.3)}.control::placeholder{color:${Wn}}.control[disabled]::placeholder{color:${Yn}}:host([resize='both']) .control{resize:both}:host([resize='horizontal']) .control{resize:horizontal}:host([resize='vertical']) .control{resize:vertical}`.withBehaviors(gc(qh.Outline,mt`
+    :host{font:${Mn};outline:none;user-select:none;color:${Vn};flex-direction:column;vertical-align:top}:host([disabled]){color:${An}}.label{display:block;color:${Wn};font:${Kn}}:host([disabled]) .label{color:${Yn}}.control{-webkit-appearance:none;font:inherit;width:100%;flex-grow:1;outline:none;box-sizing:border-box;position:relative;color:inherit;border-radius:0px;align-items:flex-end;border:${sn} solid transparent;padding:8px;transition:box-shadow ${fr},border ${fr};resize:none}@media (prefers-reduced-motion){.control{transition-duration:0s}}.control:hover{border-color:${Yo};box-shadow:0px 0px 0px 1px ${Yo}}.control:focus-within{border-color:${Yo}}.control[readonly],.control[readonly]:hover,.control[readonly]:hover:focus-within,.control[disabled],.control[disabled]:hover{border-color:rgba(${qo},0.1);box-shadow:none}.control::selection{color:${Wn};background:rgba(${Fo},0.3)}.control::placeholder{color:${Wn}}.control[disabled]::placeholder{color:${Yn}}:host([cols]) .control{width:auto}:host([rows]) .control{flex:none}:host([resize='both']) .control{resize:both}:host([resize='horizontal']) .control{resize:horizontal}:host([resize='vertical']) .control{resize:vertical}`.withBehaviors(gc(qh.Outline,mt`
                 .control{border-color:rgba(${qo},0.3);background-color:transparent}`),gc(qh.Block,mt`
                 .control{background-color:rgba(${qo},0.1)}:host([readonly]) .control{background-color:transparent}:host([disabled]) .control{border-color:transparent;background-color:rgba(${qo},0.1)}`))
 class Kh extends vi{constructor(){super(...arguments),this.appearance=qh.Outline}}So([ot],Kh.prototype,"appearance",void 0)