@ni/nimble-components 11.9.0 → 11.10.2

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,8 +2162,13 @@ const Rh=ut`
     :host(:empty) .listbox {
         display: none;
     }
-`
-class Bh extends mi{constructor(){super(...arguments),this.valueUpdatedByInput=!1}setPositioning(){this.$fastController.isConnected&&super.setPositioning()}slottedOptionsChanged(t,e){const i=this.value
+`.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))
@@ -2140,8 +2181,8 @@ case xe:case Ce:this.open&&this.valueUpdatedByInput&&(this.valueUpdatedByInput=!
 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`
+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}"
@@ -2195,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"
@@ -2225,8 +2266,8 @@ const Nh=Bh.compose({baseName:"combobox",baseClass:mi,template:(t,e)=>q`
         </div>
         ${Hh}
     `})
-Bi.getOrCreate().withPrefix("nimble").register(Nh())
-const jh=ut`
+Bi.getOrCreate().withPrefix("nimble").register(Uh())
+const Kh=ut`
     ${Zs("grid")}
 
     dialog {
@@ -2235,7 +2276,7 @@ const jh=ut`
         box-shadow: 0px 2px 3px ${Wn};
         max-width: 50%;
     }
-`,qh=q`
+`,Wh=q`
     <template>
         <dialog
             ${vt("dialogElement")}
@@ -2247,13 +2288,13 @@ const jh=ut`
             <slot></slot>
         </dialog>
     </template>
-`,Uh=Symbol("user dismissed")
-class Kh 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")
+`,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=Uh,!0}}zn([tt({attribute:"prevent-dismiss",mode:"boolean"})],Kh.prototype,"preventDismiss",void 0),de(Kh,Te)
-const Wh=Kh.compose({baseName:"dialog",template:qh,styles:jh,baseClass:Kh,shadowOptions:{delegatesFocus:!0}})
-Bi.getOrCreate().withPrefix("nimble").register(Wh())
-var Xh="undefined"!=typeof globalThis?globalThis:"undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},Yh={},Gh={},Qh={}
+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})
+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
@@ -2282,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}(Qh)
-var Jh,Zh=Xh&&Xh.__extends||(Jh=function(t,e){return(Jh=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}Jh(t,e),t.prototype=null===e?Object.create(e):(i.prototype=e.prototype,new i)})
-Object.defineProperty(Gh,"__esModule",{value:!0})
-var td=Qh,ed=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this
-return e.mode=td.AnimationMode.animateTo,e}return Zh(e,t),e}(td.default)
-Gh.default=ed
-var id={},sd=Xh&&Xh.__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(id,"__esModule",{value:!0})
-var od=Qh,nd=function(t){function e(){var e=null!==t&&t.apply(this,arguments)||this
-return e.mode=od.AnimationMode.animateFrom,e}return sd(e,t),e}(od.default)
-id.default=nd
-var rd={},ad={}
-Object.defineProperty(ad,"__esModule",{value:!0}),ad.invokeFunctionForEach=void 0,ad.invokeFunctionForEach=function(t,e){t.forEach((function(t){return t[e]()}))},Object.defineProperty(rd,"__esModule",{value:!0})
-var ld=ad,cd=function(){function t(t){var e=this
-this.pause=function(){(0,ld.invokeFunctionForEach)(e.animations,"pause")},this.finish=function(){(0,ld.invokeFunctionForEach)(e.animations,"finish")},this.cancel=function(){(0,ld.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,ld.invokeFunctionForEach)(this.animations,"play")},t.prototype.reverse=function(){(0,ld.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}()
-rd.default=cd
-var hd={}
-Object.defineProperty(hd,"__esModule",{value:!0})
-var dd=ad,ud=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,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 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}()
-hd.default=ud
+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}()
+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=Gh
+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)}}(pd)
-var vd={},gd={}
-Object.defineProperty(gd,"__esModule",{value:!0}),gd.navPane=gd.exponentialReversed=gd.fastInFortySevenPercent=gd.exponential=gd.fastInOut=gd.fastOut=gd.fastIn=gd.appToApp=gd.backToApp=gd.drillIn=gd.easeIn=gd.easeOutSmooth=gd.easeOut=gd.linear=void 0,gd.linear=[[0,0],[1,1]],gd.easeOut=[[0,0],[.58,1]],gd.easeOutSmooth=[[0,.35],[.15,1]],gd.easeIn=[[.25,.1],[.25,1]],gd.drillIn=[[.17,.17],[0,1]],gd.backToApp=[[.5,0],[.6,1]],gd.appToApp=[[.5,0],[1,.9]],gd.fastIn=[[.1,.9],[.2,1]],gd.fastOut=[[.9,.1],[1,.2]],gd.fastInOut=[[.8,0],[.2,1]],gd.exponential=[[.1,.25],[.75,.9]],gd.fastInFortySevenPercent=[[.11,.5],[.24,.96]],gd.exponentialReversed=[[.25,.1],[.9,.75]],gd.navPane=[[.1,.7],[.1,1]],Object.defineProperty(vd,"__esModule",{value:!0}),vd.cubicBezier=vd.formatCubicBezier=void 0
-var md=gd
-function fd(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],")")}vd.formatCubicBezier=fd,vd.cubicBezier=function(t){return t in md?fd(md[t]):""}
-var bd={},wd={}
-Object.defineProperty(wd,"__esModule",{value:!0}),wd.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 xd={},yd={}
-Object.defineProperty(yd,"__esModule",{value:!0}),yd.default=function(){return"undefined"==typeof window?NaN:void 0!==window.scrollY?window.scrollY:window.pageYOffset},Object.defineProperty(xd,"__esModule",{value:!0})
-var $d=wd,Cd=yd,kd=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,Cd.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,Cd.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}()
-xd.default=kd
-var _d=Xh&&Xh.__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(bd,"__esModule",{value:!0})
-var zd=wd,Id=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return _d(e,t),e.prototype.update=function(){var e=this
-t.prototype.update.call(this),this.subscriptions.forEach((function(t){var i=(0,zd.default)(t.element)
-i&&t.callback(e.scrollDistance),i!==t.inView&&(t.inView=i)}))},e}(xd.default)
-bd.default=Id
-var Od={},Ad=Xh&&Xh.__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(Od,"__esModule",{value:!0})
-var Sd=wd,Ed=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Ad(e,t),e.prototype.update=function(){var e=this
-t.prototype.update.call(this),this.subscriptions.forEach((function(t,i){var s=(0,Sd.default)(t.element)
-s&&!t.inView&&t.callback(e.scrollDistance),s!==t.inView&&(t.inView=s)}))},e}(xd.default)
-Od.default=Ed
-var Hd={},Md=Xh&&Xh.__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(Hd,"__esModule",{value:!0})
-var Vd=wd,Ld=function(t){function e(){return null!==t&&t.apply(this,arguments)||this}return Md(e,t),e.prototype.update=function(){var e=this
-t.prototype.update.call(this),this.subscriptions.forEach((function(t,i){var s=(0,Vd.default)(t.element)
-!s&&t.inView&&t.callback(e.scrollDistance),s!==t.inView&&(t.inView=s)}))},e}(xd.default)
-Hd.default=Ld,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=Gh
+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=id
+var i=nd
 t.AnimateFrom=i.default
-var s=rd
+var s=cd
 t.AnimateGroup=s.default
-var o=hd
+var o=pd
 t.AnimateSequence=o.default
-var n=Qh
+var n=td
 t.Animate=n.default
-var r=pd
+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=vd
+var a=fd
 Object.defineProperty(t,"cubicBezier",{enumerable:!0,get:function(){return a.cubicBezier}})
-var l=bd
+var l=yd
 t.ScrollTrigger=l.default
-var c=Od
+var c=Ed
 t.ViewEnterTrigger=c.default
-var h=Hd
-t.ViewExitTrigger=h.default}(Yh)
-const Td=window.matchMedia("(prefers-reduced-motion: reduce)"),Pd={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"}},Rd=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 {
@@ -2484,30 +2525,30 @@ const Td=window.matchMedia("(prefers-reduced-motion: reduce)"),Pd={slideLeftKeyf
         justify-content: flex-end;
         border-top: ${Zn} solid ${Xn};
     }
-`,Dd="left",Fd="right",Bd="opening",Nd="opened",jd="closing",qd="closed"
-class Ud extends ts{constructor(){super(...arguments),this.location=Dd,this.state=qd,this.preventDismiss=!1,this.propertiesToWatch=["hidden","location","state"],this.animationDurationMilliseconds=.001}connectedCallback(){this.trapFocus=!1,super.connectedCallback(),this.updateAnimationDuration(),this.animationsEnabledChangedHandler=()=>this.updateAnimationDuration(),Td.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&&(Td.removeEventListener("change",this.animationsEnabledChangedHandler),this.animationsEnabledChangedHandler=void 0)}show(){this.state=Bd}hide(){this.state=jd}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!==qd?this.state=qd:this.hidden||this.state!==qd||(this.state=Nd)}onLocationChanged(){this.cancelCurrentAnimation()}onStateChanged(){if(this.isConnected){switch(this.cancelCurrentAnimation(),this.state){case Bd: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 Nd:this.hidden=!1
+case Ud:this.hidden=!1
 break
-case jd:this.hidden=!1,this.animateClosing()
+case Kd:this.hidden=!1,this.animateClosing()
 break
-case qd: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(Td.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=qd:this.animateOpenClose(!1)}animateOpenClose(t){const e={...t?Pd.slideInOptions:Pd.slideOutOptions,duration:this.animationDurationMilliseconds},i=this.location===Fd?Pd.slideRightKeyframes:Pd.slideLeftKeyframes,s=new Yh.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 Yh.AnimateTo(n,void 0,e)
-t.addKeyframes(Pd.fadeOverlayKeyframes),o.push(t)}const r=new Yh.AnimateGroup(o)
-r.onFinish=()=>{this.state=t?Nd:qd},this.animationGroup=r,r.play()}cancelCurrentAnimation(){this.animationGroup?.cancel()}}zn([tt],Ud.prototype,"location",void 0),zn([tt],Ud.prototype,"state",void 0),zn([tt({attribute:"prevent-dismiss",mode:"boolean"})],Ud.prototype,"preventDismiss",void 0)
-const Kd=Ud.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
@@ -2531,8 +2572,8 @@ const Kd=Ud.compose({baseName:"drawer",template:(t,e)=>q`
             <slot></slot>
         </div>
     </div>
-`,styles:Rd})
-Bi.getOrCreate().withPrefix("nimble").register(Kd())
+`,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)}})
@@ -2614,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 Wd extends Lh{constructor(){super(hc)}}Th("icon-info",Wd)
+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)}})
@@ -2673,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 Xd=ut`
+const Qd=ut`
     ${Zs("flex")}
 
     :host {
@@ -2728,7 +2769,7 @@ const Xd=ut`
         outline: none;
     }
 `
-const Yd=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}"
@@ -2744,9 +2785,9 @@ const Yd=class extends oi{get value(){return super.value}set value(t){super.valu
         </span>
         ${Ct(0,e)}
     </template>
-`,styles:Xd})
-Bi.getOrCreate().withPrefix("nimble").register(Yd())
-const Gd=ut`
+`,styles:Qd})
+Bi.getOrCreate().withPrefix("nimble").register(Jd())
+const Zd=ut`
     ${Zs("grid")}
 
     :host {
@@ -2782,7 +2823,7 @@ const Gd=ut`
         padding-bottom: ${Gn};
     }
 `
-const Qd=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"
@@ -2791,9 +2832,9 @@ const Qd=class extends as{}.compose({baseName:"menu",baseClass:as,template:(t,e)
     >
         <slot ${wt("items")}></slot>
     </template>
-`,styles:Gd})
-Bi.getOrCreate().withPrefix("nimble").register(Qd())
-const Jd=ut`
+`,styles:Zd})
+Bi.getOrCreate().withPrefix("nimble").register(tu())
+const eu=ut`
     ${Zs("inline-block")}
 
     :host {
@@ -2809,7 +2850,7 @@ const Jd=ut`
         margin-top: ${Gn};
         margin-bottom: ${Gn};
     }
-`,Zd=ut`
+`,iu=ut`
     ${Ch}
 
     .control[aria-pressed='true'] {
@@ -2835,8 +2876,8 @@ const Jd=ut`
         border-color: ${Tn};
     }
 `
-class tu extends Cs{constructor(){super(...arguments),this.appearance=xh,this.contentHidden=!1}}zn([tt],tu.prototype,"appearance",void 0),zn([tt({attribute:"content-hidden",mode:"boolean"})],tu.prototype,"contentHidden",void 0),de(tu,$t,Ze)
-const eu=tu.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"
@@ -2877,22 +2918,22 @@ const eu=tu.compose({baseName:"toggle-button",template:(t,e)=>q`
         </span>
         ${Ct(0,e)}
     </div>
-`,styles:Zd,shadowOptions:{delegatesFocus:!0}})
-Bi.getOrCreate().withPrefix("nimble").register(eu())
-const iu="auto"
-class su extends le{constructor(){super(...arguments),this.appearance=xh,this.disabled=!1,this.contentHidden=!1,this.open=!1,this.position=iu,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],su.prototype,"appearance",void 0),zn([tt({mode:"boolean"})],su.prototype,"disabled",void 0),zn([tt({attribute:"content-hidden",mode:"boolean"})],su.prototype,"contentHidden",void 0),zn([tt({mode:"boolean"})],su.prototype,"open",void 0),zn([tt({attribute:"position"})],su.prototype,"position",void 0),zn([v],su.prototype,"toggleButton",void 0),zn([v],su.prototype,"region",void 0),zn([v],su.prototype,"slottedMenus",void 0)
-const ou=su.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(tu)}
+        <${t.tagFor(su)}
             part="button"
             appearance="${t=>t.appearance}"
             ?content-hidden="${t=>t.contentHidden}"
@@ -2909,7 +2950,7 @@ const ou=su.compose({baseName:"menu-button",template:t=>q`
             <slot slot="start" name="start"></slot>
             <slot></slot>
             <slot slot="end" name="end"></slot>
-        </${t.tagFor(tu)}>
+        </${t.tagFor(su)}>
         ${gt((t=>t.open),q`
             <${t.tagFor(io)}
                 fixed-placement="true"
@@ -2928,9 +2969,9 @@ const ou=su.compose({baseName:"menu-button",template:t=>q`
             </${t.tagFor(io)}>
         `)}
     </template>
-`,styles:Jd,shadowOptions:{delegatesFocus:!0}})
-Bi.getOrCreate().withPrefix("nimble").register(ou())
-const nu=ut`
+`,styles:eu,shadowOptions:{delegatesFocus:!0}})
+Bi.getOrCreate().withPrefix("nimble").register(au())
+const lu=ut`
     ${Zs("grid")}
 
     :host {
@@ -3009,7 +3050,7 @@ const nu=ut`
         grid-column: 3;
     }
 `
-const ru=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}"
@@ -3076,11 +3117,11 @@ const ru=class extends rs{}.compose({baseName:"menu-item",baseClass:rs,template:
                 </${t.tagFor(Fe)}>
             `)}
     </template>
-`,styles:nu,expandCollapseGlyph:Da.data})
-Bi.getOrCreate().withPrefix("nimble").register(ru())
-const au="underline",lu="outline",cu="block",hu=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};
@@ -3227,12 +3268,12 @@ const au="underline",lu="outline",cu="block",hu=ut`
         order: 1;
         padding-right: calc(${Qn} / 4);
     }
-`.withBehaviors(wh(au,ut`
+`.withBehaviors(wh(hu,ut`
             .root {
                 border-bottom-width: ${Zn};
                 padding-bottom: 0;
             }
-        `),wh(cu,ut`
+        `),wh(uu,ut`
             .root {
                 background-color: rgba(${Fn}, 0.1);
             }
@@ -3250,14 +3291,14 @@ const au="underline",lu="outline",cu="block",hu=ut`
             :host([disabled]) .root {
                 background-color: rgba(${Fn}, 0.07);
             }
-        `),wh(lu,ut`
+        `),wh(du,ut`
             .root {
                 border-width: ${Zn};
                 padding: 0;
             }
         `))
-class du extends gs{constructor(){super(...arguments),this.appearance=au}connectedCallback(){super.connectedCallback(),this.control.setAttribute("role","spinbutton")}}zn([tt],du.prototype,"appearance",void 0),zn([tt({attribute:"error-text"})],du.prototype,"errorText",void 0)
-const uu=du.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"
@@ -3332,7 +3373,7 @@ const uu=du.compose({baseName:"number-field",baseClass:gs,template:(t,e)=>q`
             ${Ct(0,e)}
         </div>
     </template>
-`,styles:hu,shadowOptions:{delegatesFocus:!0},stepDownGlyph:q`
+`,styles:pu,shadowOptions:{delegatesFocus:!0},stepDownGlyph:q`
         <nimble-button
             class="step-up-down-button"
             appearance="ghost"
@@ -3358,42 +3399,11 @@ const uu=du.compose({baseName:"number-field",baseClass:gs,template:(t,e)=>q`
         ></nimble-icon-exclamation-mark>
         ${Hh}
     `})
-Bi.getOrCreate().withPrefix("nimble").register(uu())
-const pu="underline",vu="outline",gu="block",mu=ut`
-    ${Rh}
-`.withBehaviors(wh(pu,ut`
-            .control {
-                padding-top: ${Zn};
-                padding-left: calc(${Zn} + ${Qn} / 2);
-                padding-right: ${Zn};
-            }
-
-            :host([disabled]) .control {
-                border-color: rgba(${Fn}, 0.1);
-            }
-        `),wh(vu,ut`
-            .control {
-                border: ${Zn} solid rgba(${Fn}, 0.3);
-            }
-
-            :host(.invalid) .errortext {
-                top: calc(${Yn} - ${Zn});
-            }
-        `),wh(gu,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 fu extends ws{constructor(){super(...arguments),this.appearance=pu}setPositioning(){this.$fastController.isConnected&&(super.setPositioning(),this.updateListboxMaxHeightCssVariable())}slottedOptionsChanged(t,e){const i=this.value
+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
@@ -4006,7 +4016,7 @@ const Lu=Vu.compose({baseName:"text-area",baseClass:Es,template:(t,e)=>q`
 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};
@@ -4459,7 +4469,7 @@ const Ku=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(Wd)} class="information status-icon"></${t.tagFor(Wd)}>
+                    <${t.tagFor(Gd)} class="information status-icon"></${t.tagFor(Gd)}>
                     <slot></slot>
                 </div>
             </${t.tagFor(io)}>