@ni/nimble-components 7.8.3 → 8.0.0

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

@@ -1190,7 +1190,7 @@ const Ah=mt`
     ${ls("flex")}
 
     :host{font:${Pn};cursor:pointer;justify-content:left}.content{padding:8px 4px}:host(.selected){box-shadow:none;outline:none;background-color:${Wo}}:host(:hover.selected){background-color:${Xo}}:host(:hover){background-color:${Go}}:host(:hover):host([disabled]){box-shadow:none;background-color:transparent}:host(:${xc}){box-shadow:0px 0px 0px 1px ${sn} inset;outline:1px solid ${sn};outline-offset:-4px}:host(:active){box-shadow:none;outline:none;background-color:${Wo}}:host([disabled]){color:${Bn};cursor:default}.content[disabled]{box-shadow:none;outline:none}`
-const Mh=class extends es{get value(){return super.value}set value(t){super.value=`${t}`,this.$fastController.isConnected&&this.setAttribute("value",this.value)}connectedCallback(){super.connectedCallback(),this.setAttribute("value",this.value)}}.compose({baseName:"listbox-option",baseClass:es,template:(t,e)=>Y`<template aria-checked="${t=>t.ariaChecked}" aria-disabled="${t=>t.ariaDisabled}" aria-posinset="${t=>t.ariaPosInSet}" aria-selected="${t=>t.ariaSelected}" aria-setsize="${t=>t.ariaSetSize}" class="${t=>[t.checked&&"checked",t.selected&&"selected",t.disabled&&"disabled"].filter(Boolean).join(" ")}" role="option">${It(0,e)}<span class="content" part="content"><slot></slot></span>${zt(0,e)}</template>`,styles:Ah})
+const Mh=class extends es{get value(){return super.value}set value(t){super.value=`${t}`,this.$fastController.isConnected&&this.setAttribute("value",this.value)}connectedCallback(){super.connectedCallback(),this.setAttribute("value",this.value)}}.compose({baseName:"list-option",baseClass:es,template:(t,e)=>Y`<template aria-checked="${t=>t.ariaChecked}" aria-disabled="${t=>t.ariaDisabled}" aria-posinset="${t=>t.ariaPosInSet}" aria-selected="${t=>t.ariaSelected}" aria-setsize="${t=>t.ariaSetSize}" class="${t=>[t.checked&&"checked",t.selected&&"selected",t.disabled&&"disabled"].filter(Boolean).join(" ")}" role="option">${It(0,e)}<span class="content" part="content"><slot></slot></span>${zt(0,e)}</template>`,styles:Ah})
 Es.getOrCreate().withPrefix("nimble").register(Mh())
 const Vh=mt`
     ${ls("grid")}
@@ -1215,7 +1215,7 @@ const Ph=mt`
 
     :host{box-sizing:border-box;color:${Fn};font:${Pn};height:${an};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) - ${an});z-index:1;padding:4px;box-shadow:0px 3px 3px ${nn};border:1px solid ${rn};background-color:${Ko};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:${dn} solid ${Bn};background-color:transparent;padding-left:8px;padding-bottom:1px}:host([disabled]) .control{cursor:default}:host(.open:not(:hover)) .control{border-bottom:${dn} solid ${sn};transition:border-bottom ${_r},padding-bottom ${_r}}:host(:hover) .control{border-bottom:2px solid ${sn};padding-bottom:0px;transition:border-bottom ${_r},padding-bottom ${_r}}:host([disabled]) .control,:host([disabled]) .control:hover{border-bottom:${dn} solid ${Bn};padding-bottom:1px;color:${Bn}}: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:${an}}:host([open][position='below']) .listbox{top:calc(${an} + ${ln})}.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:${un};height:${un};fill:${Fn}}:host([disabled]) .indicator slot[name='indicator'] svg{fill:${Bn}}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 Fh=class extends ai{setPositioning(){this.$fastController.isConnected&&super.setPositioning()}connectedCallback(){super.connectedCallback(),this.setPositioning()}slottedOptionsChanged(t,e){const s=this.value
+const Fh=class extends ai{setPositioning(){this.$fastController.isConnected&&super.setPositioning()}slottedOptionsChanged(t,e){const s=this.value
 super.slottedOptionsChanged(t,e),s&&(this.value=s)}}.compose({baseName:"select",baseClass:ai,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}">${It(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:is.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:Ph,indicator:Nr.data})
 Es.getOrCreate().withPrefix("nimble").register(Fh())
 const Bh=mt`