@ni/nimble-components 11.8.4 → 11.10.0

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

@@ -1822,7 +1822,7 @@ class Lh extends le{constructor(t){super(),this.icon=t}}const Th=(t,e)=>{const i
 Bi.getOrCreate().withPrefix("nimble").register(i())}
 class Ph extends Lh{constructor(){super(Bl)}}Th("icon-exclamation-mark",Ph)
 Th("icon-arrow-expander-down",class extends Lh{constructor(){super(Pa)}})
-const Rh=ut`
+const Rh="underline",Dh="outline",Fh="block",Bh=ut`
     ${Zs("inline-flex")}
 
     :host {
@@ -1875,10 +1875,6 @@ const Rh=ut`
         transition: width ${ya} ease-in;
     }
 
-    :host(.invalid)::after {
-        border-bottom-color: ${Bn};
-    }
-
     @media (prefers-reduced-motion) {
         :host::after {
             transition-duration: 0s;
@@ -1901,10 +1897,9 @@ const Rh=ut`
         display: flex;
         min-height: 100%;
         width: 100%;
-        border-bottom: ${Zn} solid ${Or};
+        border: 0px solid rgba(${Fn}, 0.3);
         background-color: transparent;
-        padding-left: 8px;
-        padding-bottom: 1px;
+        padding: ${Zn};
     }
 
     :host(.open:not(:hover)) .control {
@@ -1967,6 +1962,12 @@ const Rh=ut`
         white-space: nowrap;
         text-overflow: ellipsis;
         overflow: hidden;
+        padding: 0px;
+        padding-left: calc(${Qn} / 2);
+    }
+
+    .selected-value[disabled]::placeholder {
+        color: ${Or};
     }
 
     .indicator {
@@ -2006,7 +2007,34 @@ const Rh=ut`
     ::slotted(option) {
         flex: none;
     }
-`,Dh=ut`
+`.withBehaviors(wh(Rh,ut`
+            .control {
+                border-bottom-width: ${Zn};
+                padding-bottom: 0;
+            }
+
+            :host([disabled]) .control {
+                border-color: rgba(${Fn}, 0.1);
+            }
+        `),wh(Dh,ut`
+            .control {
+                border-width: ${Zn};
+                padding: 0;
+            }
+        `),wh(Fh,ut`
+            .control {
+                background-color: rgba(${Fn}, 0.1);
+            }
+
+            .control:focus-within {
+                border-bottom-width: ${Zn};
+                padding-bottom: 0;
+            }
+
+            :host([disabled]) .control {
+                background-color: rgba(${Fn}, 0.07);
+            }
+        `)),Nh=ut`
     .error-icon {
         display: none;
     }
@@ -2042,13 +2070,16 @@ const Rh=ut`
     :host(.invalid) .error-text:empty {
         display: none;
     }
-`,Fh=ut`
-    ${Rh}
-    ${Dh}
+`,jh=ut`
+    ${Bh}
+    ${Nh}
 
     :host {
         --ni-private-hover-bottom-border-width: 2px;
         --ni-private-bottom-border-width: 1px;
+        --ni-private-height-within-border: calc(
+            ${Yn} - 2 * ${Zn}
+        );
     }
 
     :host([disabled]) *,
@@ -2057,6 +2088,10 @@ const Rh=ut`
         color: ${Or};
     }
 
+    :host(.invalid)::after {
+        border-bottom-color: ${Bn};
+    }
+
     .control {
         bottom-border-width: var(--ni-private-bottom-border-width);
     }
@@ -2073,8 +2108,9 @@ const Rh=ut`
         border-color: rgba(${Fn}, 0.1);
     }
 
-    :host(.invalid[disabled]) .control {
-        border-color: ${Bn};
+    :host(.invalid[disabled]) .control,
+    :host(.open.invalid) .control {
+        border-bottom-color: ${Bn};
     }
 
     .selected-value {
@@ -2085,7 +2121,7 @@ const Rh=ut`
         margin: auto 0;
         width: 100%;
         font-size: inherit;
-        padding-left: 0px;
+        height: var(--ni-private-height-within-border);
     }
 
     .selected-value:hover,
@@ -2126,14 +2162,27 @@ const Rh=ut`
     :host(:empty) .listbox {
         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
+`.withBehaviors(wh(Fh,ut`
+            :host(.invalid) .control {
+                border-bottom-width: ${Zn};
+                padding-bottom: 0;
+            }
+        `))
+class qh extends mi{constructor(){super(...arguments),this.appearance=Rh,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)
-const Nh=Bh.compose({baseName:"combobox",baseClass:mi,template:(t,e)=>q`
+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([tt],qh.prototype,"appearance",void 0),zn([v],qh.prototype,"dropdownButton",void 0),zn([tt({attribute:"error-text"})],qh.prototype,"errorText",void 0)
+const Uh=qh.compose({baseName:"combobox",baseClass:mi,template:(t,e)=>q`
     <template
         aria-disabled="${t=>t.ariaDisabled}"
         autocomplete="${t=>t.autocomplete}"
@@ -2187,7 +2236,7 @@ const Nh=Bh.compose({baseName:"combobox",baseClass:mi,template:(t,e)=>q`
             ></slot>
         </div>
     </template>
-`,styles:Fh,shadowOptions:{delegatesFocus:!0},end:q`
+`,styles:jh,shadowOptions:{delegatesFocus:!0},end:q`
         <div class="end-slot-container">
             <nimble-icon-exclamation-mark
                 class="error-icon fail"
@@ -2217,8 +2266,35 @@ const Nh=Bh.compose({baseName:"combobox",baseClass:mi,template:(t,e)=>q`
         </div>
         ${Hh}
     `})
-Bi.getOrCreate().withPrefix("nimble").register(Nh())
-var jh="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},qh={},Uh={},Kh={}
+Bi.getOrCreate().withPrefix("nimble").register(Uh())
+const Kh=ut`
+    ${Zs("grid")}
+
+    dialog {
+        background-color: ${Ln};
+        border: ${Zn} solid ${Xn};
+        box-shadow: 0px 2px 3px ${Wn};
+        max-width: 50%;
+    }
+`,Wh=q`
+    <template>
+        <dialog
+            ${vt("dialogElement")}
+            role="alertdialog"
+            aria-label="${t=>t.ariaLabel}"
+            @cancel="${(t,e)=>t.cancelHandler(e.event)}"
+            @close="${t=>t.closeHandler()}"
+        >
+            <slot></slot>
+        </dialog>
+    </template>
+`,Xh=Symbol("user dismissed")
+class Yh extends le{constructor(){super(...arguments),this.preventDismiss=!1}get open(){return void 0!==this.resolveShow}async show(){if(this.open)throw new Error("Dialog is already open")
+return this.dialogElement.showModal(),new Promise(((t,e)=>{this.resolveShow=t}))}close(t){if(!this.open)throw new Error("Dialog is not open")
+this.closeReason=t,this.dialogElement.close()}closeHandler(){return this.resolveShow(this.closeReason),this.resolveShow=void 0,!0}cancelHandler(t){return this.preventDismiss?t.preventDefault():this.closeReason=Xh,!0}}zn([tt({attribute:"prevent-dismiss",mode:"boolean"})],Yh.prototype,"preventDismiss",void 0),de(Yh,Te)
+const Gh=Yh.compose({baseName:"dialog",template:Wh,styles:Kh,baseClass:Yh,shadowOptions:{delegatesFocus:!0}})
+Bi.getOrCreate().withPrefix("nimble").register(Gh())
+var Qh="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},Jh={},Zh={},td={}
 !function(t){var e
 Object.defineProperty(t,"__esModule",{value:!0}),t.AnimationMode=void 0,function(t){t[t.animateTo=0]="animateTo",t[t.animateFrom=1]="animateFrom"}(e=t.AnimationMode||(t.AnimationMode={}))
 var i=function(){function t(t,e,i){var s=this
@@ -2247,104 +2323,104 @@ return t.forEach((function(t){t.forEach((function(t,i){var s=t.offset
 void 0===s&&(s=0===i?0:1,t.offset=s)
 var o=s.toString()
 e[o]=void 0===e[o]?t:Object.assign(e[o],t)}))})),this.sortOffsets(Object.keys(e)).map((function(t){return e[t]}))},Object.defineProperty(t.prototype,"keyframes",{get:function(){return this.consolidateKeyframes(this._keyframes.concat([this.getOptionKeyframes()]))},enumerable:!1,configurable:!0}),Object.defineProperty(t.prototype,"keyframeEffect",{get:function(){return new KeyframeEffect(this.animationTarget,this.keyframes,this.effectTiming)},enumerable:!1,configurable:!0}),t.propertyMap={opacity:["opacity"],transform:["x","y","rotate","scale"],top:["top"],left:["left"],bottom:["bottom"],right:["right"]},t}()
-t.default=i}(Kh)
-var Wh,Xh=jh&&jh.__extends||(Wh=function(t,e){return(Wh=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null")
-function i(){this.constructor=t}Wh(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)})
-Object.defineProperty(Uh,"__esModule",{value:!0})
-var Yh=Kh,Gh=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this
-return e.mode=Yh.AnimationMode.animateTo,e}return Xh(e,t),e}(Yh.default)
-Uh.default=Gh
-var Qh={},Jh=jh&&jh.__extends||function(){var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)}
+t.default=i}(td)
+var ed,id=Qh&&Qh.__extends||(ed=function(t,e){return(ed=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(t,e)},function(t,e){if("function"!=typeof e&&null!==e)throw new TypeError("Class extends value "+String(e)+" is not a constructor or null")
+function i(){this.constructor=t}ed(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)})
+Object.defineProperty(Zh,"__esModule",{value:!0})
+var sd=td,od=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this
+return e.mode=sd.AnimationMode.animateTo,e}return id(e,t),e}(sd.default)
+Zh.default=od
+var nd={},rd=Qh&&Qh.__extends||function(){var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)}
 return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null")
 function s(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}()
-Object.defineProperty(Qh,"__esModule",{value:!0})
-var Zh=Kh,td=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this
-return e.mode=Zh.AnimationMode.animateFrom,e}return Jh(e,t),e}(Zh.default)
-Qh.default=td
-var ed={},id={}
-Object.defineProperty(id,"__esModule",{value:!0}),id.invokeFunctionForEach=void 0,id.invokeFunctionForEach=function(t,e){t.forEach((function(t){return t[e]()}))},Object.defineProperty(ed,"__esModule",{value:!0})
-var sd=id,od=function(){function t(t){var e=this
-this.pause=function(){(0,sd.invokeFunctionForEach)(e.animations,"pause")},this.finish=function(){(0,sd.invokeFunctionForEach)(e.animations,"finish")},this.cancel=function(){(0,sd.invokeFunctionForEach)(e.animations,"cancel")},this.animations=t}return Object.defineProperty(t.prototype,"onFinish",{get:function(){return this._onFinish},set:function(t){var e=this
+Object.defineProperty(nd,"__esModule",{value:!0})
+var ad=td,ld=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this
+return e.mode=ad.AnimationMode.animateFrom,e}return rd(e,t),e}(ad.default)
+nd.default=ld
+var cd={},hd={}
+Object.defineProperty(hd,"__esModule",{value:!0}),hd.invokeFunctionForEach=void 0,hd.invokeFunctionForEach=function(t,e){t.forEach((function(t){return t[e]()}))},Object.defineProperty(cd,"__esModule",{value:!0})
+var dd=hd,ud=function(){function t(t){var e=this
+this.pause=function(){(0,dd.invokeFunctionForEach)(e.animations,"pause")},this.finish=function(){(0,dd.invokeFunctionForEach)(e.animations,"finish")},this.cancel=function(){(0,dd.invokeFunctionForEach)(e.animations,"cancel")},this.animations=t}return Object.defineProperty(t.prototype,"onFinish",{get:function(){return this._onFinish},set:function(t){var e=this
 this._onFinish=t
 var i=this.getLongestAnimation()
 if("function"==typeof i.onFinish){var s=i.onFinish
-i.onFinish=function(){s(),e._onFinish()}}else i.onFinish=this._onFinish},enumerable:!1,configurable:!0}),t.prototype.play=function(){(0,sd.invokeFunctionForEach)(this.animations,"play")},t.prototype.reverse=function(){(0,sd.invokeFunctionForEach)(this.animations,"reverse")},t.prototype.getLongestAnimation=function(){var t=this
+i.onFinish=function(){s(),e._onFinish()}}else i.onFinish=this._onFinish},enumerable:!1,configurable:!0}),t.prototype.play=function(){(0,dd.invokeFunctionForEach)(this.animations,"play")},t.prototype.reverse=function(){(0,dd.invokeFunctionForEach)(this.animations,"reverse")},t.prototype.getLongestAnimation=function(){var t=this
 return this.animations.reduce((function(e,i){var s=t.getAnimationDuration(e.effectTiming)
 return t.getAnimationDuration(i.effectTiming)>=s?i:e}))},t.prototype.getAnimationDuration=function(t){var e=t.duration,i="string"==typeof e?parseFloat(e):e
 return(t.delay||0)+(i||0)},t}()
-ed.default=od
-var nd={}
-Object.defineProperty(nd,"__esModule",{value:!0})
-var rd=id,ad=function(){function t(t){var e=this
-this.play=function(){e.applySequencedCallback(e.animations,"play")},this.reverse=function(){e.applySequencedCallback(e.animations.reverse(),"reverse")},this.pause=function(){(0,rd.invokeFunctionForEach)(e.animations,"pause")},this.finish=function(){(0,rd.invokeFunctionForEach)(e.animations,"finish")},this.cancel=function(){(0,rd.invokeFunctionForEach)(e.animations,"cancel")},this.animations=t}return t.prototype.applySequencedCallback=function(t,e){var i=this,s=t.length
+cd.default=ud
+var pd={}
+Object.defineProperty(pd,"__esModule",{value:!0})
+var vd=hd,gd=function(){function t(t){var e=this
+this.play=function(){e.applySequencedCallback(e.animations,"play")},this.reverse=function(){e.applySequencedCallback(e.animations.reverse(),"reverse")},this.pause=function(){(0,vd.invokeFunctionForEach)(e.animations,"pause")},this.finish=function(){(0,vd.invokeFunctionForEach)(e.animations,"finish")},this.cancel=function(){(0,vd.invokeFunctionForEach)(e.animations,"cancel")},this.animations=t}return t.prototype.applySequencedCallback=function(t,e){var i=this,s=t.length
 s<=0||(t.forEach((function(t,o){t.onFinish=o<s-1?i.animations[o+1][e]:i.onFinish||void 0})),t[0][e]())},t}()
-nd.default=ad
-var ld={}
+pd.default=gd
+var md={}
 !function(t){Object.defineProperty(t,"__esModule",{value:!0}),t.fadeOut=t.fadeIn=t.applyFade=t.fadeEffectTiming=t.fadeOutKeyframes=t.fadeInKeyframes=void 0
-var e=Uh
+var e=Zh
 function i(i,s,o){void 0===o&&(o={})
 var n=Object.assign({},t.fadeEffectTiming,o),r=new e.default(i,null,n)
-return r.addKeyframes(s),r}t.fadeInKeyframes=[{opacity:"0.01"},{opacity:"1"}],t.fadeOutKeyframes=[{opacity:"1"},{opacity:"0"}],t.fadeEffectTiming={easing:"linear",duration:500},t.applyFade=i,t.fadeIn=function(e,s){return void 0===s&&(s={}),i(e,t.fadeInKeyframes,s)},t.fadeOut=function(e,s){return void 0===s&&(s={}),i(e,t.fadeOutKeyframes,s)}}(ld)
-var cd={},hd={}
-Object.defineProperty(hd,"__esModule",{value:!0}),hd.navPane=hd.exponentialReversed=hd.fastInFortySevenPercent=hd.exponential=hd.fastInOut=hd.fastOut=hd.fastIn=hd.appToApp=hd.backToApp=hd.drillIn=hd.easeIn=hd.easeOutSmooth=hd.easeOut=hd.linear=void 0,hd.linear=[[0,0],[1,1]],hd.easeOut=[[0,0],[.58,1]],hd.easeOutSmooth=[[0,.35],[.15,1]],hd.easeIn=[[.25,.1],[.25,1]],hd.drillIn=[[.17,.17],[0,1]],hd.backToApp=[[.5,0],[.6,1]],hd.appToApp=[[.5,0],[1,.9]],hd.fastIn=[[.1,.9],[.2,1]],hd.fastOut=[[.9,.1],[1,.2]],hd.fastInOut=[[.8,0],[.2,1]],hd.exponential=[[.1,.25],[.75,.9]],hd.fastInFortySevenPercent=[[.11,.5],[.24,.96]],hd.exponentialReversed=[[.25,.1],[.9,.75]],hd.navPane=[[.1,.7],[.1,1]],Object.defineProperty(cd,"__esModule",{value:!0}),cd.cubicBezier=cd.formatCubicBezier=void 0
-var dd=hd
-function ud(t){if(!Array.isArray(t)||!Array.isArray(t[0])||!Array.isArray(t[1]))return""
+return r.addKeyframes(s),r}t.fadeInKeyframes=[{opacity:"0.01"},{opacity:"1"}],t.fadeOutKeyframes=[{opacity:"1"},{opacity:"0"}],t.fadeEffectTiming={easing:"linear",duration:500},t.applyFade=i,t.fadeIn=function(e,s){return void 0===s&&(s={}),i(e,t.fadeInKeyframes,s)},t.fadeOut=function(e,s){return void 0===s&&(s={}),i(e,t.fadeOutKeyframes,s)}}(md)
+var fd={},bd={}
+Object.defineProperty(bd,"__esModule",{value:!0}),bd.navPane=bd.exponentialReversed=bd.fastInFortySevenPercent=bd.exponential=bd.fastInOut=bd.fastOut=bd.fastIn=bd.appToApp=bd.backToApp=bd.drillIn=bd.easeIn=bd.easeOutSmooth=bd.easeOut=bd.linear=void 0,bd.linear=[[0,0],[1,1]],bd.easeOut=[[0,0],[.58,1]],bd.easeOutSmooth=[[0,.35],[.15,1]],bd.easeIn=[[.25,.1],[.25,1]],bd.drillIn=[[.17,.17],[0,1]],bd.backToApp=[[.5,0],[.6,1]],bd.appToApp=[[.5,0],[1,.9]],bd.fastIn=[[.1,.9],[.2,1]],bd.fastOut=[[.9,.1],[1,.2]],bd.fastInOut=[[.8,0],[.2,1]],bd.exponential=[[.1,.25],[.75,.9]],bd.fastInFortySevenPercent=[[.11,.5],[.24,.96]],bd.exponentialReversed=[[.25,.1],[.9,.75]],bd.navPane=[[.1,.7],[.1,1]],Object.defineProperty(fd,"__esModule",{value:!0}),fd.cubicBezier=fd.formatCubicBezier=void 0
+var wd=bd
+function xd(t){if(!Array.isArray(t)||!Array.isArray(t[0])||!Array.isArray(t[1]))return""
 var e=t[0],i=t[1]
-return"cubic-bezier(".concat(e[0],", ").concat(e[1],", ").concat(i[0],", ").concat(i[1],")")}cd.formatCubicBezier=ud,cd.cubicBezier=function(t){return t in dd?ud(dd[t]):""}
-var pd={},vd={}
-Object.defineProperty(vd,"__esModule",{value:!0}),vd.default=function(t){var e=t.getBoundingClientRect()
+return"cubic-bezier(".concat(e[0],", ").concat(e[1],", ").concat(i[0],", ").concat(i[1],")")}fd.formatCubicBezier=xd,fd.cubicBezier=function(t){return t in wd?xd(wd[t]):""}
+var yd={},$d={}
+Object.defineProperty($d,"__esModule",{value:!0}),$d.default=function(t){var e=t.getBoundingClientRect()
 return e.bottom>=0&&e.right>=0&&e.top<=window.innerHeight&&e.left<=window.innerWidth}
-var gd={},md={}
-Object.defineProperty(md,"__esModule",{value:!0}),md.default=function(){return"undefined"==typeof window?NaN:void 0!==window.scrollY?window.scrollY:window.pageYOffset},Object.defineProperty(gd,"__esModule",{value:!0})
-var fd=vd,bd=md,wd=function(){function t(){var t=this
-this.subscriptions=[],this.scrollDistance=0,this.requestFrame=function(){t.requestedFrame&&cancelAnimationFrame(t.requestedFrame),t.requestedFrame=requestAnimationFrame(t.update)},this.lastScrollY=(0,bd.default)(),this.update=this.update.bind(this)}return t.prototype.subscribe=function(t,e){t instanceof HTMLElement&&"function"==typeof e&&!this.isSubscribed(t,e)&&(0===this.subscriptions.length&&window.addEventListener("scroll",this.requestFrame),this.subscriptions.push({element:t,callback:e,inView:(0,fd.default)(t)}))},t.prototype.unsubscribe=function(t,e){this.subscriptions=this.subscriptions.filter((function(i){return!(t===i.element&&e===i.callback)})),0===this.subscriptions.length&&window.removeEventListener("scroll",this.requestFrame)},t.prototype.update=function(){var t=(0,bd.default)()
+var Cd={},kd={}
+Object.defineProperty(kd,"__esModule",{value:!0}),kd.default=function(){return"undefined"==typeof window?NaN:void 0!==window.scrollY?window.scrollY:window.pageYOffset},Object.defineProperty(Cd,"__esModule",{value:!0})
+var _d=$d,zd=kd,Id=function(){function t(){var t=this
+this.subscriptions=[],this.scrollDistance=0,this.requestFrame=function(){t.requestedFrame&&cancelAnimationFrame(t.requestedFrame),t.requestedFrame=requestAnimationFrame(t.update)},this.lastScrollY=(0,zd.default)(),this.update=this.update.bind(this)}return t.prototype.subscribe=function(t,e){t instanceof HTMLElement&&"function"==typeof e&&!this.isSubscribed(t,e)&&(0===this.subscriptions.length&&window.addEventListener("scroll",this.requestFrame),this.subscriptions.push({element:t,callback:e,inView:(0,_d.default)(t)}))},t.prototype.unsubscribe=function(t,e){this.subscriptions=this.subscriptions.filter((function(i){return!(t===i.element&&e===i.callback)})),0===this.subscriptions.length&&window.removeEventListener("scroll",this.requestFrame)},t.prototype.update=function(){var t=(0,zd.default)()
 this.scrollDistance=t-this.lastScrollY,this.lastScrollY=t},t.prototype.isSubscribed=function(t,e){return!!this.subscriptions.filter((function(i){return t===i.element&&e===i.callback})).length},t}()
-gd.default=wd
-var xd=jh&&jh.__extends||function(){var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)}
+Cd.default=Id
+var Od=Qh&&Qh.__extends||function(){var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)}
 return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null")
 function s(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}()
-Object.defineProperty(pd,"__esModule",{value:!0})
-var yd=vd,$d=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return xd(e,t),e.prototype.update=function(){var e=this
-t.prototype.update.call(this),this.subscriptions.forEach((function(t){var i=(0,yd.default)(t.element)
-i&&t.callback(e.scrollDistance),i!==t.inView&&(t.inView=i)}))},e}(gd.default)
-pd.default=$d
-var Cd={},kd=jh&&jh.__extends||function(){var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)}
+Object.defineProperty(yd,"__esModule",{value:!0})
+var Ad=$d,Sd=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Od(e,t),e.prototype.update=function(){var e=this
+t.prototype.update.call(this),this.subscriptions.forEach((function(t){var i=(0,Ad.default)(t.element)
+i&&t.callback(e.scrollDistance),i!==t.inView&&(t.inView=i)}))},e}(Cd.default)
+yd.default=Sd
+var Ed={},Hd=Qh&&Qh.__extends||function(){var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)}
 return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null")
 function s(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}()
-Object.defineProperty(Cd,"__esModule",{value:!0})
-var _d=vd,zd=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return kd(e,t),e.prototype.update=function(){var e=this
-t.prototype.update.call(this),this.subscriptions.forEach((function(t,i){var s=(0,_d.default)(t.element)
-s&&!t.inView&&t.callback(e.scrollDistance),s!==t.inView&&(t.inView=s)}))},e}(gd.default)
-Cd.default=zd
-var Id={},Od=jh&&jh.__extends||function(){var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)}
+Object.defineProperty(Ed,"__esModule",{value:!0})
+var Md=$d,Vd=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Hd(e,t),e.prototype.update=function(){var e=this
+t.prototype.update.call(this),this.subscriptions.forEach((function(t,i){var s=(0,Md.default)(t.element)
+s&&!t.inView&&t.callback(e.scrollDistance),s!==t.inView&&(t.inView=s)}))},e}(Cd.default)
+Ed.default=Vd
+var Ld={},Td=Qh&&Qh.__extends||function(){var t=function(e,i){return(t=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(t,e){t.__proto__=e}||function(t,e){for(var i in e)Object.prototype.hasOwnProperty.call(e,i)&&(t[i]=e[i])})(e,i)}
 return function(e,i){if("function"!=typeof i&&null!==i)throw new TypeError("Class extends value "+String(i)+" is not a constructor or null")
 function s(){this.constructor=e}t(e,i),e.prototype=null===i?Object.create(i):(s.prototype=i.prototype,new s)}}()
-Object.defineProperty(Id,"__esModule",{value:!0})
-var Ad=vd,Sd=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Od(e,t),e.prototype.update=function(){var e=this
-t.prototype.update.call(this),this.subscriptions.forEach((function(t,i){var s=(0,Ad.default)(t.element)
-!s&&t.inView&&t.callback(e.scrollDistance),s!==t.inView&&(t.inView=s)}))},e}(gd.default)
-Id.default=Sd,function(t){Object.defineProperty(t,"__esModule",{value:!0}),t.ViewExitTrigger=t.ViewEnterTrigger=t.ScrollTrigger=t.fadeOut=t.fadeIn=t.cubicBezier=t.AnimateTo=t.AnimateSequence=t.AnimateGroup=t.AnimateFrom=t.Animate=void 0
-var e=Uh
+Object.defineProperty(Ld,"__esModule",{value:!0})
+var Pd=$d,Rd=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Td(e,t),e.prototype.update=function(){var e=this
+t.prototype.update.call(this),this.subscriptions.forEach((function(t,i){var s=(0,Pd.default)(t.element)
+!s&&t.inView&&t.callback(e.scrollDistance),s!==t.inView&&(t.inView=s)}))},e}(Cd.default)
+Ld.default=Rd,function(t){Object.defineProperty(t,"__esModule",{value:!0}),t.ViewExitTrigger=t.ViewEnterTrigger=t.ScrollTrigger=t.fadeOut=t.fadeIn=t.cubicBezier=t.AnimateTo=t.AnimateSequence=t.AnimateGroup=t.AnimateFrom=t.Animate=void 0
+var e=Zh
 t.AnimateTo=e.default
-var i=Qh
+var i=nd
 t.AnimateFrom=i.default
-var s=ed
+var s=cd
 t.AnimateGroup=s.default
-var o=nd
+var o=pd
 t.AnimateSequence=o.default
-var n=Kh
+var n=td
 t.Animate=n.default
-var r=ld
+var r=md
 Object.defineProperty(t,"fadeIn",{enumerable:!0,get:function(){return r.fadeIn}}),Object.defineProperty(t,"fadeOut",{enumerable:!0,get:function(){return r.fadeOut}})
-var a=cd
+var a=fd
 Object.defineProperty(t,"cubicBezier",{enumerable:!0,get:function(){return a.cubicBezier}})
-var l=pd
+var l=yd
 t.ScrollTrigger=l.default
-var c=Cd
+var c=Ed
 t.ViewEnterTrigger=c.default
-var h=Id
-t.ViewExitTrigger=h.default}(qh)
-const Ed=window.matchMedia("(prefers-reduced-motion: reduce)"),Hd={slideLeftKeyframes:[{transform:"translateX(-100%)",visibility:"hidden",offset:0},{transform:"translateX(-100%)",visibility:"visible",offset:.01},{transform:"translateX(0%)",visibility:"visible",offset:1}],slideRightKeyframes:[{transform:"translateX(100%)",visibility:"hidden",offset:0},{transform:"translateX(100%)",visibility:"visible",offset:.01},{transform:"translateX(0%)",visibility:"visible",offset:1}],fadeOverlayKeyframes:[{opacity:0},{opacity:1}],slideInOptions:{duration:1,easing:"ease-out"},slideOutOptions:{duration:1,easing:"ease-in",direction:"reverse"}},Md=ut`
+var h=Ld
+t.ViewExitTrigger=h.default}(Jh)
+const Dd=window.matchMedia("(prefers-reduced-motion: reduce)"),Fd={slideLeftKeyframes:[{transform:"translateX(-100%)",visibility:"hidden",offset:0},{transform:"translateX(-100%)",visibility:"visible",offset:.01},{transform:"translateX(0%)",visibility:"visible",offset:1}],slideRightKeyframes:[{transform:"translateX(100%)",visibility:"hidden",offset:0},{transform:"translateX(100%)",visibility:"visible",offset:.01},{transform:"translateX(0%)",visibility:"visible",offset:1}],fadeOverlayKeyframes:[{opacity:0},{opacity:1}],slideInOptions:{duration:1,easing:"ease-out"},slideOutOptions:{duration:1,easing:"ease-in",direction:"reverse"}},Bd=ut`
     ${Zs("block")}
 
     :host {
@@ -2449,30 +2525,30 @@ const Ed=window.matchMedia("(prefers-reduced-motion: reduce)"),Hd={slideLeftKeyf
         justify-content: flex-end;
         border-top: ${Zn} solid ${Xn};
     }
-`,Vd="left",Ld="right",Td="opening",Pd="opened",Rd="closing",Dd="closed"
-class Fd extends ts{constructor(){super(...arguments),this.location=Vd,this.state=Dd,this.preventDismiss=!1,this.propertiesToWatch=["hidden","location","state"],this.animationDurationMilliseconds=.001}connectedCallback(){this.trapFocus=!1,super.connectedCallback(),this.updateAnimationDuration(),this.animationsEnabledChangedHandler=()=>this.updateAnimationDuration(),Ed.addEventListener("change",this.animationsEnabledChangedHandler),this.onStateChanged()
+`,Nd="left",jd="right",qd="opening",Ud="opened",Kd="closing",Wd="closed"
+class Xd extends ts{constructor(){super(...arguments),this.location=Nd,this.state=Wd,this.preventDismiss=!1,this.propertiesToWatch=["hidden","location","state"],this.animationDurationMilliseconds=.001}connectedCallback(){this.trapFocus=!1,super.connectedCallback(),this.updateAnimationDuration(),this.animationsEnabledChangedHandler=()=>this.updateAnimationDuration(),Dd.addEventListener("change",this.animationsEnabledChangedHandler),this.onStateChanged()
 const t=p.getNotifier(this),e={handleChange:(t,e)=>this.onPropertyChange(e)}
-this.propertiesToWatch.forEach((i=>t.subscribe(e,i))),this.propertyChangeSubscriber=e,this.propertyChangeNotifier=t}disconnectedCallback(){super.disconnectedCallback(),this.cancelCurrentAnimation(),this.propertyChangeNotifier&&this.propertyChangeSubscriber&&(this.propertiesToWatch.forEach((t=>this.propertyChangeNotifier.unsubscribe(this.propertyChangeSubscriber,t))),this.propertyChangeNotifier=void 0,this.propertyChangeSubscriber=void 0),this.animationsEnabledChangedHandler&&(Ed.removeEventListener("change",this.animationsEnabledChangedHandler),this.animationsEnabledChangedHandler=void 0)}show(){this.state=Td}hide(){this.state=Rd}dismiss(){this.$emit("cancel",{},{bubbles:!1,cancelable:!0,composed:!1})&&!this.preventDismiss&&(this.$emit("dismiss"),this.hide())}onPropertyChange(t){switch(t){case"hidden":this.onHiddenChanged()
+this.propertiesToWatch.forEach((i=>t.subscribe(e,i))),this.propertyChangeSubscriber=e,this.propertyChangeNotifier=t}disconnectedCallback(){super.disconnectedCallback(),this.cancelCurrentAnimation(),this.propertyChangeNotifier&&this.propertyChangeSubscriber&&(this.propertiesToWatch.forEach((t=>this.propertyChangeNotifier.unsubscribe(this.propertyChangeSubscriber,t))),this.propertyChangeNotifier=void 0,this.propertyChangeSubscriber=void 0),this.animationsEnabledChangedHandler&&(Dd.removeEventListener("change",this.animationsEnabledChangedHandler),this.animationsEnabledChangedHandler=void 0)}show(){this.state=qd}hide(){this.state=Kd}dismiss(){this.$emit("cancel",{},{bubbles:!1,cancelable:!0,composed:!1})&&!this.preventDismiss&&(this.$emit("dismiss"),this.hide())}onPropertyChange(t){switch(t){case"hidden":this.onHiddenChanged()
 break
 case"location":this.onLocationChanged()
 break
-case"state":this.onStateChanged()}}onHiddenChanged(){this.hidden&&this.state!==Dd?this.state=Dd:this.hidden||this.state!==Dd||(this.state=Pd)}onLocationChanged(){this.cancelCurrentAnimation()}onStateChanged(){if(this.isConnected){switch(this.cancelCurrentAnimation(),this.state){case Td:this.animateOpening(),this.hidden=!1
+case"state":this.onStateChanged()}}onHiddenChanged(){this.hidden&&this.state!==Wd?this.state=Wd:this.hidden||this.state!==Wd||(this.state=Ud)}onLocationChanged(){this.cancelCurrentAnimation()}onStateChanged(){if(this.isConnected){switch(this.cancelCurrentAnimation(),this.state){case qd:this.animateOpening(),this.hidden=!1
 break
-case Pd:this.hidden=!1
+case Ud:this.hidden=!1
 break
-case Rd:this.hidden=!1,this.animateClosing()
+case Kd:this.hidden=!1,this.animateClosing()
 break
-case Dd:this.hidden=!0
+case Wd:this.hidden=!0
 break
-default:throw new Error("Unsupported state value. Expected: opening/opened/closing/closed")}this.$emit("state-change")}}updateAnimationDuration(){if(Ed.matches)this.animationDurationMilliseconds=.001
+default:throw new Error("Unsupported state value. Expected: opening/opened/closing/closed")}this.$emit("state-change")}}updateAnimationDuration(){if(Dd.matches)this.animationDurationMilliseconds=.001
 else{const t=$a.getValueFor(this),e=parseFloat(t)
-this.animationDurationMilliseconds=1e3*e}}animateOpening(){this.animateOpenClose(!0)}animateClosing(){this.hidden?this.state=Dd:this.animateOpenClose(!1)}animateOpenClose(t){const e={...t?Hd.slideInOptions:Hd.slideOutOptions,duration:this.animationDurationMilliseconds},i=this.location===Ld?Hd.slideRightKeyframes:Hd.slideLeftKeyframes,s=new qh.AnimateTo(this.dialog,void 0,e)
+this.animationDurationMilliseconds=1e3*e}}animateOpening(){this.animateOpenClose(!0)}animateClosing(){this.hidden?this.state=Wd:this.animateOpenClose(!1)}animateOpenClose(t){const e={...t?Fd.slideInOptions:Fd.slideOutOptions,duration:this.animationDurationMilliseconds},i=this.location===jd?Fd.slideRightKeyframes:Fd.slideLeftKeyframes,s=new Jh.AnimateTo(this.dialog,void 0,e)
 s.addKeyframes(i)
 const o=[s],n=this.shadowRoot?.querySelector(".overlay")
-if(n){const t=new qh.AnimateTo(n,void 0,e)
-t.addKeyframes(Hd.fadeOverlayKeyframes),o.push(t)}const r=new qh.AnimateGroup(o)
-r.onFinish=()=>{this.state=t?Pd:Dd},this.animationGroup=r,r.play()}cancelCurrentAnimation(){this.animationGroup?.cancel()}}zn([tt],Fd.prototype,"location",void 0),zn([tt],Fd.prototype,"state",void 0),zn([tt({attribute:"prevent-dismiss",mode:"boolean"})],Fd.prototype,"preventDismiss",void 0)
-const Bd=Fd.compose({baseName:"drawer",template:(t,e)=>q`
+if(n){const t=new Jh.AnimateTo(n,void 0,e)
+t.addKeyframes(Fd.fadeOverlayKeyframes),o.push(t)}const r=new Jh.AnimateGroup(o)
+r.onFinish=()=>{this.state=t?Ud:Wd},this.animationGroup=r,r.play()}cancelCurrentAnimation(){this.animationGroup?.cancel()}}zn([tt],Xd.prototype,"location",void 0),zn([tt],Xd.prototype,"state",void 0),zn([tt({attribute:"prevent-dismiss",mode:"boolean"})],Xd.prototype,"preventDismiss",void 0)
+const Yd=Xd.compose({baseName:"drawer",template:(t,e)=>q`
     <div class="positioning-region" part="positioning-region">
         ${gt((t=>t.modal),q`
                 <div
@@ -2496,8 +2572,8 @@ const Bd=Fd.compose({baseName:"drawer",template:(t,e)=>q`
             <slot></slot>
         </div>
     </div>
-`,styles:Md})
-Bi.getOrCreate().withPrefix("nimble").register(Bd())
+`,styles:Bd})
+Bi.getOrCreate().withPrefix("nimble").register(Yd())
 Th("icon-add",class extends Lh{constructor(){super(La)}})
 Th("icon-arrow-down-right-and-arrow-up-left",class extends Lh{constructor(){super(Ta)}})
 Th("icon-arrow-expander-left",class extends Lh{constructor(){super(Ra)}})
@@ -2579,7 +2655,7 @@ Th("icon-hashtag",class extends Lh{constructor(){super(rc)}})
 Th("icon-home",class extends Lh{constructor(){super(ac)}})
 Th("icon-hourglass",class extends Lh{constructor(){super(lc)}})
 Th("icon-indeterminant-checkbox",class extends Lh{constructor(){super(cc)}})
-class Nd extends Lh{constructor(){super(hc)}}Th("icon-info",Nd)
+class Gd extends Lh{constructor(){super(hc)}}Th("icon-info",Gd)
 Th("icon-info-circle",class extends Lh{constructor(){super(dc)}})
 Th("icon-key",class extends Lh{constructor(){super(uc)}})
 Th("icon-laptop",class extends Lh{constructor(){super(pc)}})
@@ -2638,7 +2714,7 @@ Th("icon-window-text",class extends Lh{constructor(){super(dh)}})
 Th("icon-wrench-hammer",class extends Lh{constructor(){super(uh)}})
 Th("icon-xmark",class extends Lh{constructor(){super(ph)}})
 Th("icon-xmark-check",class extends Lh{constructor(){super(vh)}})
-const jd=ut`
+const Qd=ut`
     ${Zs("flex")}
 
     :host {
@@ -2693,7 +2769,7 @@ const jd=ut`
         outline: none;
     }
 `
-const qd=class extends oi{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:oi,template:(t,e)=>q`
+const Jd=class extends oi{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:oi,template:(t,e)=>q`
     <template
         aria-checked="${t=>t.ariaChecked}"
         aria-disabled="${t=>t.ariaDisabled}"
@@ -2709,9 +2785,9 @@ const qd=class extends oi{get value(){return super.value}set value(t){super.valu
         </span>
         ${Ct(0,e)}
     </template>
-`,styles:jd})
-Bi.getOrCreate().withPrefix("nimble").register(qd())
-const Ud=ut`
+`,styles:Qd})
+Bi.getOrCreate().withPrefix("nimble").register(Jd())
+const Zd=ut`
     ${Zs("grid")}
 
     :host {
@@ -2747,7 +2823,7 @@ const Ud=ut`
         padding-bottom: ${Gn};
     }
 `
-const Kd=class extends as{}.compose({baseName:"menu",baseClass:as,template:(t,e)=>q`
+const tu=class extends as{}.compose({baseName:"menu",baseClass:as,template:(t,e)=>q`
     <template
         slot="${t=>t.slot?t.slot:t.isNestedMenu()?"submenu":void 0}"
         role="menu"
@@ -2756,9 +2832,9 @@ const Kd=class extends as{}.compose({baseName:"menu",baseClass:as,template:(t,e)
     >
         <slot ${wt("items")}></slot>
     </template>
-`,styles:Ud})
-Bi.getOrCreate().withPrefix("nimble").register(Kd())
-const Wd=ut`
+`,styles:Zd})
+Bi.getOrCreate().withPrefix("nimble").register(tu())
+const eu=ut`
     ${Zs("inline-block")}
 
     :host {
@@ -2774,7 +2850,7 @@ const Wd=ut`
         margin-top: ${Gn};
         margin-bottom: ${Gn};
     }
-`,Xd=ut`
+`,iu=ut`
     ${Ch}
 
     .control[aria-pressed='true'] {
@@ -2800,8 +2876,8 @@ const Wd=ut`
         border-color: ${Tn};
     }
 `
-class Yd extends Cs{constructor(){super(...arguments),this.appearance=xh,this.contentHidden=!1}}zn([tt],Yd.prototype,"appearance",void 0),zn([tt({attribute:"content-hidden",mode:"boolean"})],Yd.prototype,"contentHidden",void 0),de(Yd,$t,Ze)
-const Gd=Yd.compose({baseName:"toggle-button",template:(t,e)=>q`
+class su extends Cs{constructor(){super(...arguments),this.appearance=xh,this.contentHidden=!1}}zn([tt],su.prototype,"appearance",void 0),zn([tt({attribute:"content-hidden",mode:"boolean"})],su.prototype,"contentHidden",void 0),de(su,$t,Ze)
+const ou=su.compose({baseName:"toggle-button",template:(t,e)=>q`
     <div
         role="button"
         part="control"
@@ -2842,22 +2918,22 @@ const Gd=Yd.compose({baseName:"toggle-button",template:(t,e)=>q`
         </span>
         ${Ct(0,e)}
     </div>
-`,styles:Xd,shadowOptions:{delegatesFocus:!0}})
-Bi.getOrCreate().withPrefix("nimble").register(Gd())
-const Qd="auto"
-class Jd extends le{constructor(){super(...arguments),this.appearance=xh,this.disabled=!1,this.contentHidden=!1,this.open=!1,this.position=Qd,this.focusLastItemWhenOpened=!1,this.menuChangeHandler=()=>{this.open=!1,this.toggleButton.focus()}}disconnectedCallback(){super.disconnectedCallback(),this.region&&this.region.removeEventListener(me,this.menuChangeHandler)}toggleButtonChanged(t,e){this.region&&this.toggleButton&&(this.region.anchorElement=this.toggleButton)}regionChanged(t,e){t&&t.removeEventListener(me,this.menuChangeHandler),this.region&&(this.toggleButton&&(this.region.anchorElement=this.toggleButton),this.region.addEventListener(me,this.menuChangeHandler,{capture:!0}))}openChanged(t,e){this.toggleButton&&(this.toggleButton.checked=this.open),this.open||this.$emit("open-change")}regionLoadedHandler(){this.focusLastItemWhenOpened?(this.focusLastMenuItem(),this.focusLastItemWhenOpened=!1):this.focusMenu(),this.$emit("open-change")}focusoutHandler(t){if(!this.open)return!0
+`,styles:iu,shadowOptions:{delegatesFocus:!0}})
+Bi.getOrCreate().withPrefix("nimble").register(ou())
+const nu="auto"
+class ru extends le{constructor(){super(...arguments),this.appearance=xh,this.disabled=!1,this.contentHidden=!1,this.open=!1,this.position=nu,this.focusLastItemWhenOpened=!1,this.menuChangeHandler=()=>{this.open=!1,this.toggleButton.focus()}}disconnectedCallback(){super.disconnectedCallback(),this.region&&this.region.removeEventListener(me,this.menuChangeHandler)}toggleButtonChanged(t,e){this.region&&this.toggleButton&&(this.region.anchorElement=this.toggleButton)}regionChanged(t,e){t&&t.removeEventListener(me,this.menuChangeHandler),this.region&&(this.toggleButton&&(this.region.anchorElement=this.toggleButton),this.region.addEventListener(me,this.menuChangeHandler,{capture:!0}))}openChanged(t,e){this.toggleButton&&(this.toggleButton.checked=this.open),this.open||this.$emit("open-change")}regionLoadedHandler(){this.focusLastItemWhenOpened?(this.focusLastMenuItem(),this.focusLastItemWhenOpened=!1):this.focusMenu(),this.$emit("open-change")}focusoutHandler(t){if(!this.open)return!0
 const e=t.relatedTarget
 return!!this.contains(e)||(this.open=!1,!1)}toggleButtonCheckedChangeHandler(t){return this.open=this.toggleButton.checked,t.stopPropagation(),!1}toggleButtonKeyDownHandler(t){switch(t.key){case Ce:return this.focusLastItemWhenOpened=!0,this.open=!0,!1
 case xe:return this.open=!0,!1
 default:return!0}}menuKeyDownHandler(t){switch(t.key){case _e:return this.open=!1,this.toggleButton.focus(),!1
 default:return!0}}get menu(){return this.slottedMenus?.length?this.slottedMenus[0]:void 0}focusMenu(){this.menu?.focus()}focusLastMenuItem(){const t=this.menu?.querySelectorAll("[role=menuitem]")
-if(t?.length){t[t.length-1].focus()}}}zn([tt],Jd.prototype,"appearance",void 0),zn([tt({mode:"boolean"})],Jd.prototype,"disabled",void 0),zn([tt({attribute:"content-hidden",mode:"boolean"})],Jd.prototype,"contentHidden",void 0),zn([tt({mode:"boolean"})],Jd.prototype,"open",void 0),zn([tt({attribute:"position"})],Jd.prototype,"position",void 0),zn([v],Jd.prototype,"toggleButton",void 0),zn([v],Jd.prototype,"region",void 0),zn([v],Jd.prototype,"slottedMenus",void 0)
-const Zd=Jd.compose({baseName:"menu-button",template:t=>q`
+if(t?.length){t[t.length-1].focus()}}}zn([tt],ru.prototype,"appearance",void 0),zn([tt({mode:"boolean"})],ru.prototype,"disabled",void 0),zn([tt({attribute:"content-hidden",mode:"boolean"})],ru.prototype,"contentHidden",void 0),zn([tt({mode:"boolean"})],ru.prototype,"open",void 0),zn([tt({attribute:"position"})],ru.prototype,"position",void 0),zn([v],ru.prototype,"toggleButton",void 0),zn([v],ru.prototype,"region",void 0),zn([v],ru.prototype,"slottedMenus",void 0)
+const au=ru.compose({baseName:"menu-button",template:t=>q`
     <template
         ?open="${t=>t.open}"
         @focusout="${(t,e)=>t.focusoutHandler(e.event)}"
     >
-        <${t.tagFor(Yd)}
+        <${t.tagFor(su)}
             part="button"
             appearance="${t=>t.appearance}"
             ?content-hidden="${t=>t.contentHidden}"
@@ -2874,7 +2950,7 @@ const Zd=Jd.compose({baseName:"menu-button",template:t=>q`
             <slot slot="start" name="start"></slot>
             <slot></slot>
             <slot slot="end" name="end"></slot>
-        </${t.tagFor(Yd)}>
+        </${t.tagFor(su)}>
         ${gt((t=>t.open),q`
             <${t.tagFor(io)}
                 fixed-placement="true"
@@ -2893,9 +2969,9 @@ const Zd=Jd.compose({baseName:"menu-button",template:t=>q`
             </${t.tagFor(io)}>
         `)}
     </template>
-`,styles:Wd,shadowOptions:{delegatesFocus:!0}})
-Bi.getOrCreate().withPrefix("nimble").register(Zd())
-const tu=ut`
+`,styles:eu,shadowOptions:{delegatesFocus:!0}})
+Bi.getOrCreate().withPrefix("nimble").register(au())
+const lu=ut`
     ${Zs("grid")}
 
     :host {
@@ -2974,7 +3050,7 @@ const tu=ut`
         grid-column: 3;
     }
 `
-const eu=class extends rs{}.compose({baseName:"menu-item",baseClass:rs,template:(t,e)=>q`
+const cu=class extends rs{}.compose({baseName:"menu-item",baseClass:rs,template:(t,e)=>q`
     <template
         role="${t=>t.role}"
         aria-haspopup="${t=>t.hasSubmenu?"menu":void 0}"
@@ -3041,11 +3117,11 @@ const eu=class extends rs{}.compose({baseName:"menu-item",baseClass:rs,template:
                 </${t.tagFor(Fe)}>
             `)}
     </template>
-`,styles:tu,expandCollapseGlyph:Da.data})
-Bi.getOrCreate().withPrefix("nimble").register(eu())
-const iu="underline",su="outline",ou="block",nu=ut`
+`,styles:lu,expandCollapseGlyph:Da.data})
+Bi.getOrCreate().withPrefix("nimble").register(cu())
+const hu="underline",du="outline",uu="block",pu=ut`
     ${Zs("inline-block")}
-    ${Dh}
+    ${Nh}
 
     :host {
         font: ${zr};
@@ -3192,12 +3268,12 @@ const iu="underline",su="outline",ou="block",nu=ut`
         order: 1;
         padding-right: calc(${Qn} / 4);
     }
-`.withBehaviors(wh(iu,ut`
+`.withBehaviors(wh(hu,ut`
             .root {
                 border-bottom-width: ${Zn};
                 padding-bottom: 0;
             }
-        `),wh(ou,ut`
+        `),wh(uu,ut`
             .root {
                 background-color: rgba(${Fn}, 0.1);
             }
@@ -3215,14 +3291,14 @@ const iu="underline",su="outline",ou="block",nu=ut`
             :host([disabled]) .root {
                 background-color: rgba(${Fn}, 0.07);
             }
-        `),wh(su,ut`
+        `),wh(du,ut`
             .root {
                 border-width: ${Zn};
                 padding: 0;
             }
         `))
-class ru extends gs{constructor(){super(...arguments),this.appearance=iu}connectedCallback(){super.connectedCallback(),this.control.setAttribute("role","spinbutton")}}zn([tt],ru.prototype,"appearance",void 0),zn([tt({attribute:"error-text"})],ru.prototype,"errorText",void 0)
-const au=ru.compose({baseName:"number-field",baseClass:gs,template:(t,e)=>q`
+class vu extends gs{constructor(){super(...arguments),this.appearance=hu}connectedCallback(){super.connectedCallback(),this.control.setAttribute("role","spinbutton")}}zn([tt],vu.prototype,"appearance",void 0),zn([tt({attribute:"error-text"})],vu.prototype,"errorText",void 0)
+const gu=vu.compose({baseName:"number-field",baseClass:gs,template:(t,e)=>q`
     <template class="${t=>t.readOnly?"readonly":""}">
         <label
             part="label"
@@ -3297,7 +3373,7 @@ const au=ru.compose({baseName:"number-field",baseClass:gs,template:(t,e)=>q`
             ${Ct(0,e)}
         </div>
     </template>
-`,styles:nu,shadowOptions:{delegatesFocus:!0},stepDownGlyph:q`
+`,styles:pu,shadowOptions:{delegatesFocus:!0},stepDownGlyph:q`
         <nimble-button
             class="step-up-down-button"
             appearance="ghost"
@@ -3323,44 +3399,13 @@ const au=ru.compose({baseName:"number-field",baseClass:gs,template:(t,e)=>q`
         ></nimble-icon-exclamation-mark>
         ${Hh}
     `})
-Bi.getOrCreate().withPrefix("nimble").register(au())
-const lu="underline",cu="outline",hu="block",du=ut`
-    ${Rh}
-`.withBehaviors(wh(lu,ut`
-            .control {
-                padding-top: ${Zn};
-                padding-left: calc(${Zn} + ${Qn} / 2);
-                padding-right: ${Zn};
-            }
-
-            :host([disabled]) .control {
-                border-color: rgba(${Fn}, 0.1);
-            }
-        `),wh(cu,ut`
-            .control {
-                border: ${Zn} solid rgba(${Fn}, 0.3);
-            }
-
-            :host(.invalid) .errortext {
-                top: calc(${Yn} - ${Zn});
-            }
-        `),wh(hu,ut`
-            .control {
-                background-color: rgba(${Fn}, 0.1);
-                padding-left: calc(${Zn} + ${Qn} / 2);
-                padding-right: ${Zn};
-                padding-bottom: calc(${Zn});
-                border-bottom: ${Zn}
-                    rgba(${Fn}, 0.07);
-            }
-
-            :host([disabled]) .control {
-                background-color: rgba(${Fn}, 0.07);
-            }
-        `))
-class uu extends ws{constructor(){super(...arguments),this.appearance=lu}setPositioning(){this.$fastController.isConnected&&(super.setPositioning(),this.updateListboxMaxHeightCssVariable())}slottedOptionsChanged(t,e){const i=this.value
-super.slottedOptionsChanged(t,e),i&&(this.value=i)}maxHeightChanged(){this.updateListboxMaxHeightCssVariable()}updateListboxMaxHeightCssVariable(){this.listbox&&this.listbox.style.setProperty("--ni-private-select-max-height",`${this.maxHeight}px`)}}zn([tt],uu.prototype,"appearance",void 0)
-const pu=uu.compose({baseName:"select",baseClass:ws,template:(t,e)=>q`
+Bi.getOrCreate().withPrefix("nimble").register(gu())
+const mu=ut`
+    ${Bh}
+`
+class fu extends ws{constructor(){super(...arguments),this.appearance=Rh}setPositioning(){this.$fastController.isConnected&&(super.setPositioning(),this.updateListboxMaxHeightCssVariable())}slottedOptionsChanged(t,e){const i=this.value
+super.slottedOptionsChanged(t,e),i&&(this.value=i)}maxHeightChanged(){this.updateListboxMaxHeightCssVariable()}updateListboxMaxHeightCssVariable(){this.listbox&&this.listbox.style.setProperty("--ni-private-select-max-height",`${this.maxHeight}px`)}}zn([tt],fu.prototype,"appearance",void 0)
+const bu=fu.compose({baseName:"select",baseClass:ws,template:(t,e)=>q`
     <template
         class="${t=>[t.collapsible&&"collapsible",t.collapsible&&t.open&&"open",t.disabled&&"disabled",t.collapsible&&t.position].filter(Boolean).join(" ")}"
         aria-activedescendant="${t=>t.ariaActiveDescendant}"
@@ -3413,9 +3458,9 @@ const pu=uu.compose({baseName:"select",baseClass:ws,template:(t,e)=>q`
             ></slot>
         </div>
     </template>
-`,styles:du,indicator:Pa.data})
-Bi.getOrCreate().withPrefix("nimble").register(pu())
-const vu=ut`
+`,styles:mu,indicator:Pa.data})
+Bi.getOrCreate().withPrefix("nimble").register(bu())
+const wu=ut`
     ${Zs("inline-flex")}
 
     :host {
@@ -3577,7 +3622,7 @@ const vu=ut`
                 --ni-private-switch-indicator-border-color: ${uo};
                 --ni-private-switch-indicator-border-disabled-color: ${Mn(uo,.3)};
             }
-        `)),gu=q`
+        `)),xu=q`
     <template
         role="switch"
         aria-checked="${t=>t.checked}"
@@ -3612,9 +3657,9 @@ const vu=ut`
         </div>
     </template>
 `
-const mu=class extends Cs{}.compose({baseClass:Cs,baseName:"switch",template:gu,styles:vu})
-Bi.getOrCreate().withPrefix("nimble").register(mu())
-const fu=ut`
+const yu=class extends Cs{}.compose({baseClass:Cs,baseName:"switch",template:xu,styles:wu})
+Bi.getOrCreate().withPrefix("nimble").register(yu())
+const $u=ut`
     ${Zs("inline-flex")}
 
     :host {
@@ -3708,13 +3753,13 @@ const fu=ut`
         width: 100%;
     }
 `
-const bu=class extends _s{}.compose({baseName:"tab",baseClass:_s,template:(t,e)=>q`
+const Cu=class extends _s{}.compose({baseName:"tab",baseClass:_s,template:(t,e)=>q`
     <template slot="tab" role="tab" aria-disabled="${t=>t.disabled}">
         <slot></slot>
     </template>
-`,styles:fu})
-Bi.getOrCreate().withPrefix("nimble").register(bu())
-const wu=ut`
+`,styles:$u})
+Bi.getOrCreate().withPrefix("nimble").register(Cu())
+const ku=ut`
     ${Zs("block")}
 
     :host {
@@ -3724,13 +3769,13 @@ const wu=ut`
         padding-top: ${Qn};
     }
 `
-const xu=class extends ks{}.compose({baseName:"tab-panel",baseClass:ks,template:(t,e)=>q`
+const _u=class extends ks{}.compose({baseName:"tab-panel",baseClass:ks,template:(t,e)=>q`
     <template slot="tabpanel" role="tabpanel">
         <slot></slot>
     </template>
-`,styles:wu})
-Bi.getOrCreate().withPrefix("nimble").register(xu())
-const yu=ut`
+`,styles:ku})
+Bi.getOrCreate().withPrefix("nimble").register(_u())
+const zu=ut`
     ${Zs("grid")}
 
     :host {
@@ -3753,7 +3798,7 @@ const yu=ut`
         grid-column-end: 4;
     }
 `
-const $u=class extends Is{constructor(){super(),this.activeindicator=!1}}.compose({baseName:"tabs",baseClass:Is,template:(t,e)=>q`
+const Iu=class extends Is{constructor(){super(),this.activeindicator=!1}}.compose({baseName:"tabs",baseClass:Is,template:(t,e)=>q`
     <template class="${t=>t.orientation}">
         ${kt(0,e)}
         <div class="tablist" part="tablist" role="tablist">
@@ -3772,9 +3817,9 @@ const $u=class extends Is{constructor(){super(),this.activeindicator=!1}}.compos
             <slot name="tabpanel" part="tabpanel" ${wt("tabpanels")}></slot>
         </div>
     </template>
-`,styles:yu})
-Bi.getOrCreate().withPrefix("nimble").register($u())
-const Cu=ut`
+`,styles:zu})
+Bi.getOrCreate().withPrefix("nimble").register(Iu())
+const Ou=ut`
     ${Zs("flex")}
 
     :host {
@@ -3792,15 +3837,15 @@ const Cu=ut`
             rgba(${Fn}, 0.3);
         margin: calc(${Qn} / 4) calc(${Qn} / 2);
     }
-`,ku=q`
+`,Au=q`
     <template slot="end">
         <div class="separator"></div>
         <slot></slot>
     </template>
 `
-const _u=class extends le{}.compose({baseName:"tabs-toolbar",template:ku,styles:Cu})
-Bi.getOrCreate().withPrefix("nimble").register(_u())
-const zu="outline",Iu="block",Ou=ut`
+const Su=class extends le{}.compose({baseName:"tabs-toolbar",template:Au,styles:Ou})
+Bi.getOrCreate().withPrefix("nimble").register(Su())
+const Eu="outline",Hu="block",Mu=ut`
     ${Zs("inline-flex")}
 
     :host {
@@ -3892,12 +3937,12 @@ const zu="outline",Iu="block",Ou=ut`
     :host([resize='vertical']) .control {
         resize: vertical;
     }
-`.withBehaviors(wh(zu,ut`
+`.withBehaviors(wh(Eu,ut`
                 .control {
                     border-color: rgba(${Fn}, 0.3);
                     background-color: transparent;
                 }
-            `),wh(Iu,ut`
+            `),wh(Hu,ut`
                 .control {
                     background-color: rgba(${Fn}, 0.1);
                 }
@@ -3911,8 +3956,8 @@ const zu="outline",Iu="block",Ou=ut`
                     background-color: rgba(${Fn}, 0.1);
                 }
             `))
-class Au extends Es{constructor(){super(...arguments),this.appearance=zu}}zn([tt],Au.prototype,"appearance",void 0)
-const Su=Au.compose({baseName:"text-area",baseClass:Es,template:(t,e)=>q`
+class Vu extends Es{constructor(){super(...arguments),this.appearance=Eu}}zn([tt],Vu.prototype,"appearance",void 0)
+const Lu=Vu.compose({baseName:"text-area",baseClass:Es,template:(t,e)=>q`
     <template
         class="
             ${t=>t.readOnly?"readonly":""}
@@ -3967,11 +4012,11 @@ const Su=Au.compose({baseName:"text-area",baseClass:Es,template:(t,e)=>q`
             ${vt("control")}
         ></textarea>
     </template>
-`,styles:Ou,shadowOptions:{delegatesFocus:!0}})
-Bi.getOrCreate().withPrefix("nimble").register(Su())
-const Eu="underline",Hu="outline",Mu="block",Vu="frameless",Lu=ut`
+`,styles:Mu,shadowOptions:{delegatesFocus:!0}})
+Bi.getOrCreate().withPrefix("nimble").register(Lu())
+const Tu="underline",Pu="outline",Ru="block",Du="frameless",Fu=ut`
     ${Zs("inline-block")}
-    ${Dh}
+    ${Nh}
 
     :host {
         font: ${zr};
@@ -4142,12 +4187,12 @@ const Eu="underline",Hu="outline",Mu="block",Vu="frameless",Lu=ut`
     slot[name='actions']::slotted(*) {
         ${Yn.cssCustomProperty}: 24px;
     }
-`.withBehaviors(wh(Eu,ut`
+`.withBehaviors(wh(Tu,ut`
             .root {
                 border-bottom-width: ${Zn};
                 padding-bottom: 0;
             }
-        `),wh(Mu,ut`
+        `),wh(Ru,ut`
             .root {
                 background-color: rgba(${Fn}, 0.1);
             }
@@ -4175,12 +4220,12 @@ const Eu="underline",Hu="outline",Mu="block",Vu="frameless",Lu=ut`
             :host([disabled]) .root {
                 background-color: rgba(${Fn}, 0.07);
             }
-        `),wh(Hu,ut`
+        `),wh(Pu,ut`
             .root {
                 border-width: ${Zn};
                 padding: 0;
             }
-        `),wh(Vu,ut`
+        `),wh(Du,ut`
             .control {
                 padding-left: ${Zn};
                 padding-right: ${Zn};
@@ -4198,8 +4243,8 @@ const Eu="underline",Hu="outline",Mu="block",Vu="frameless",Lu=ut`
                 filter: invert(100%);
             }
         `))
-class Tu extends ds{constructor(){super(...arguments),this.appearance=Eu}connectedCallback(){super.connectedCallback(),this.control.setAttribute("aria-errormessage","errortext")}}zn([tt],Tu.prototype,"appearance",void 0),zn([tt({attribute:"error-text"})],Tu.prototype,"errorText",void 0)
-const Pu=Tu.compose({baseName:"text-field",baseClass:ds,template:(t,e)=>q`
+class Bu extends ds{constructor(){super(...arguments),this.appearance=Tu}connectedCallback(){super.connectedCallback(),this.control.setAttribute("aria-errormessage","errortext")}}zn([tt],Bu.prototype,"appearance",void 0),zn([tt({attribute:"error-text"})],Bu.prototype,"errorText",void 0)
+const Nu=Bu.compose({baseName:"text-field",baseClass:ds,template:(t,e)=>q`
     <template
         class="
             ${t=>t.readOnly?"readonly":""}
@@ -4259,7 +4304,7 @@ const Pu=Tu.compose({baseName:"text-field",baseClass:ds,template:(t,e)=>q`
             ${Ct(0,e)}
         </div>
     </template>
-`,styles:Lu,shadowOptions:{delegatesFocus:!0},end:q`
+`,styles:Fu,shadowOptions:{delegatesFocus:!0},end:q`
         <nimble-icon-exclamation-mark
             class="error-icon fail"
         ></nimble-icon-exclamation-mark>
@@ -4268,8 +4313,8 @@ const Pu=Tu.compose({baseName:"text-field",baseClass:ds,template:(t,e)=>q`
         </span>
         ${Hh}
     `})
-Bi.getOrCreate().withPrefix("nimble").register(Pu())
-const Ru=ut`
+Bi.getOrCreate().withPrefix("nimble").register(Nu())
+const ju=ut`
     .positioning-region {
         display: flex;
         padding: ${Gn} ${Qn};
@@ -4294,7 +4339,7 @@ const Ru=ut`
         margin-left: auto;
     }
 `
-const Du=class extends Ms{}.compose({baseName:"toolbar",baseClass:Ms,template:(t,e)=>q`
+const qu=class extends Ms{}.compose({baseName:"toolbar",baseClass:Ms,template:(t,e)=>q`
     <template
         aria-label="${t=>t.ariaLabel}"
         aria-labelledby="${t=>t.ariaLabelledby}"
@@ -4315,9 +4360,9 @@ const Du=class extends Ms{}.compose({baseName:"toolbar",baseClass:Ms,template:(t
             ${Ct(0,e)}
         </div>
     </template>
-`,styles:Ru,shadowOptions:{delegatesFocus:!0}})
-Bi.getOrCreate().withPrefix("nimble").register(Du())
-const Fu=ut`
+`,styles:ju,shadowOptions:{delegatesFocus:!0}})
+Bi.getOrCreate().withPrefix("nimble").register(qu())
+const Uu=ut`
     ${Zs("inline-flex")}
 
     :host {
@@ -4403,7 +4448,7 @@ const Fu=ut`
                 opacity: 0.6;
             }
         `))
-const Bu=class extends Ys{}.compose({baseName:"tooltip",baseClass:Ys,template:t=>q`
+const Ku=class extends Ys{}.compose({baseName:"tooltip",baseClass:Ys,template:t=>q`
             ${gt((t=>t.tooltipVisible),q`
             <${t.tagFor(io)}
                 class="anchored-region"
@@ -4424,21 +4469,21 @@ const Bu=class extends Ys{}.compose({baseName:"tooltip",baseClass:Ys,template:t=
             >
                 <div class="tooltip" part="tooltip" role="tooltip">
                     <${t.tagFor(Ph)} class="fail status-icon"></${t.tagFor(Ph)}>
-                    <${t.tagFor(Nd)} class="information status-icon"></${t.tagFor(Nd)}>
+                    <${t.tagFor(Gd)} class="information status-icon"></${t.tagFor(Gd)}>
                     <slot></slot>
                 </div>
             </${t.tagFor(io)}>
         `)}
-        `,styles:Fu})
-Bi.getOrCreate().withPrefix("nimble").register(Bu())
-const Nu="group-selected",ju="all",qu="leaves-only",Uu="none"
-class Ku{constructor(t,e){this.cache=new WeakMap,this.ltr=t,this.rtl=e}bind(t){this.attach(t)}unbind(t){const e=this.cache.get(t)
-e&&An.unsubscribe(e)}attach(t){const e=this.cache.get(t)||new Wu(this.ltr,this.rtl,t),i=An.getValueFor(t)
-An.subscribe(e),e.attach(i),this.cache.set(t,e)}}class Wu{constructor(t,e,i){this.ltr=t,this.rtl=e,this.source=i,this.attached=null}handleChange({target:t,token:e}){this.attach(e.getValueFor(t))}attach(t){this.attached!==this[t]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[t],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}const Xu=class extends Qs{constructor(){super(...arguments),this.treeView=null,this.handleSelectedChange=t=>{t.target===this&&this.selected&&this.setGroupSelectionOnRootParentTreeItem(this)}}connectedCallback(){super.connectedCallback(),this.addEventListener("selected-change",this.handleSelectedChange),this.treeView=this.getParentTreeView(),this.treeView&&this.selected&&this.setGroupSelectionOnRootParentTreeItem(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("selected-change",this.handleSelectedChange),this.treeView=null}clearTreeGroupSelection(){const t=this.treeView?.querySelectorAll("[group-selected]")
-t?.forEach((t=>t.removeAttribute(Nu)))}setGroupSelectionOnRootParentTreeItem(t){this.clearTreeGroupSelection()
+        `,styles:Uu})
+Bi.getOrCreate().withPrefix("nimble").register(Ku())
+const Wu="group-selected",Xu="all",Yu="leaves-only",Gu="none"
+class Qu{constructor(t,e){this.cache=new WeakMap,this.ltr=t,this.rtl=e}bind(t){this.attach(t)}unbind(t){const e=this.cache.get(t)
+e&&An.unsubscribe(e)}attach(t){const e=this.cache.get(t)||new Ju(this.ltr,this.rtl,t),i=An.getValueFor(t)
+An.subscribe(e),e.attach(i),this.cache.set(t,e)}}class Ju{constructor(t,e,i){this.ltr=t,this.rtl=e,this.source=i,this.attached=null}handleChange({target:t,token:e}){this.attach(e.getValueFor(t))}attach(t){this.attached!==this[t]&&(null!==this.attached&&this.source.$fastController.removeStyles(this.attached),this.attached=this[t],null!==this.attached&&this.source.$fastController.addStyles(this.attached))}}const Zu=class extends Qs{constructor(){super(...arguments),this.treeView=null,this.handleSelectedChange=t=>{t.target===this&&this.selected&&this.setGroupSelectionOnRootParentTreeItem(this)}}connectedCallback(){super.connectedCallback(),this.addEventListener("selected-change",this.handleSelectedChange),this.treeView=this.getParentTreeView(),this.treeView&&this.selected&&this.setGroupSelectionOnRootParentTreeItem(this)}disconnectedCallback(){super.disconnectedCallback(),this.removeEventListener("selected-change",this.handleSelectedChange),this.treeView=null}clearTreeGroupSelection(){const t=this.treeView?.querySelectorAll("[group-selected]")
+t?.forEach((t=>t.removeAttribute(Wu)))}setGroupSelectionOnRootParentTreeItem(t){this.clearTreeGroupSelection()
 let e=t
 for(;e?.parentElement!==this.treeView;)e=e?.parentElement
-e&&e.setAttribute(Nu,"true")}getParentTreeView(){return this.parentElement.closest("[role='tree']")}}.compose({baseName:"tree-item",baseClass:Qs,template:(t,e)=>q`
+e&&e.setAttribute(Wu,"true")}getParentTreeView(){return this.parentElement.closest("[role='tree']")}}.compose({baseName:"tree-item",baseClass:Qs,template:(t,e)=>q`
     <template
         role="treeitem"
         slot="${t=>t.isNestedItem()?"item":void 0}"
@@ -4494,7 +4539,7 @@ e&&e.setAttribute(Nu,"true")}getParentTreeView(){return this.parentElement.close
             }
 
             ${""}
-            :host([${Nu}])::after {
+            :host([${Wu}])::after {
                 background: ${Un};
                 border-radius: 0px;
                 content: '';
@@ -4516,7 +4561,7 @@ e&&e.setAttribute(Nu,"true")}getParentTreeView(){return this.parentElement.close
                 background: ${Rn};
             }
 
-            :host([${Nu}]) .positioning-region:hover {
+            :host([${Wu}]) .positioning-region:hover {
                 background: ${Pn};
             }
 
@@ -4626,7 +4671,7 @@ e&&e.setAttribute(Nu,"true")}getParentTreeView(){return this.parentElement.close
             :host([expanded]) .items {
                 display: block;
             }
-        `.withBehaviors(new Ku(ut`
+        `.withBehaviors(new Qu(ut`
                         ${""}
                         .expand-collapse-button {
                             left: var(
@@ -4659,8 +4704,8 @@ e&&e.setAttribute(Nu,"true")}getParentTreeView(){return this.parentElement.close
                             transform: rotate(135deg);
                         }
                     `)),expandCollapseGlyph:Fa.data})
-Bi.getOrCreate().withPrefix("nimble").register(Xu())
-const Yu=ut`
+Bi.getOrCreate().withPrefix("nimble").register(Zu())
+const tp=ut`
     ${Zs("flex")}
 
     :host {
@@ -4673,14 +4718,14 @@ const Yu=ut`
         outline: none;
     }
 `
-class Gu extends Js{constructor(){super(...arguments),this.selectionMode=ju}handleClick(t){if(t.defaultPrevented)return!1
+class ep extends Js{constructor(){super(...arguments),this.selectionMode=Xu}handleClick(t){if(t.defaultPrevented)return!1
 if(!(t.target instanceof Element&&Gs(t.target)))return!0
 const e=t.target
-return!e.disabled&&(this.canSelect(e)?e.selected=!0:this.itemHasChildren(e)&&(e.expanded=!e.expanded),!0)}canSelect(t){switch(this.selectionMode){case ju:return!0
-case Uu:return!1
-case qu:return!this.itemHasChildren(t)
-default:return!0}}itemHasChildren(t){return null!==t.querySelector('[role="treeitem"]')}}zn([tt({attribute:"selection-mode"})],Gu.prototype,"selectionMode",void 0)
-const Qu=Gu.compose({baseName:"tree-view",baseClass:Js,template:(t,e)=>q`
+return!e.disabled&&(this.canSelect(e)?e.selected=!0:this.itemHasChildren(e)&&(e.expanded=!e.expanded),!0)}canSelect(t){switch(this.selectionMode){case Xu:return!0
+case Gu:return!1
+case Yu:return!this.itemHasChildren(t)
+default:return!0}}itemHasChildren(t){return null!==t.querySelector('[role="treeitem"]')}}zn([tt({attribute:"selection-mode"})],ep.prototype,"selectionMode",void 0)
+const ip=ep.compose({baseName:"tree-view",baseClass:Js,template:(t,e)=>q`
     <template
         role="tree"
         ${vt("treeView")}
@@ -4692,6 +4737,6 @@ const Qu=Gu.compose({baseName:"tree-view",baseClass:Js,template:(t,e)=>q`
     >
         <slot ${wt("slottedTreeItems")}></slot>
     </template>
-`,styles:Yu})
-Bi.getOrCreate().withPrefix("nimble").register(Qu())}()
+`,styles:tp})
+Bi.getOrCreate().withPrefix("nimble").register(ip())}()
 //# sourceMappingURL=all-components-bundle.min.js.map