@ni/nimble-components 11.8.5 → 11.9.0

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

@@ -2226,7 +2226,34 @@ const Nh=Bh.compose({baseName:"combobox",baseClass:mi,template:(t,e)=>q`
         ${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={}
+const jh=ut`
+    ${Zs("grid")}
+
+    dialog {
+        background-color: ${Ln};
+        border: ${Zn} solid ${Xn};
+        box-shadow: 0px 2px 3px ${Wn};
+        max-width: 50%;
+    }
+`,qh=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>
+`,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")
+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={}
 !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
@@ -2255,104 +2282,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}(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)}
 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(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
 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,ld.invokeFunctionForEach)(this.animations,"play")},t.prototype.reverse=function(){(0,ld.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
+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}()
-nd.default=ad
-var ld={}
+hd.default=ud
+var pd={}
 !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=Gh
 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)}}(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""
 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],")")}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 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 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)()
 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)}
+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)}
 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(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)}
 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(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)}
 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(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
 t.AnimateTo=e.default
-var i=Qh
+var i=id
 t.AnimateFrom=i.default
-var s=ed
+var s=rd
 t.AnimateGroup=s.default
-var o=nd
+var o=hd
 t.AnimateSequence=o.default
-var n=Kh
+var n=Qh
 t.Animate=n.default
-var r=ld
+var r=pd
 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=vd
 Object.defineProperty(t,"cubicBezier",{enumerable:!0,get:function(){return a.cubicBezier}})
-var l=pd
+var l=bd
 t.ScrollTrigger=l.default
-var c=Cd
+var c=Od
 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=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`
     ${Zs("block")}
 
     :host {
@@ -2457,30 +2484,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()
+`,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()
 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&&(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()
 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!==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
 break
-case Pd:this.hidden=!1
+case Nd:this.hidden=!1
 break
-case Rd:this.hidden=!1,this.animateClosing()
+case jd:this.hidden=!1,this.animateClosing()
 break
-case Dd:this.hidden=!0
+case qd: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(Td.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=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)
 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 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`
     <div class="positioning-region" part="positioning-region">
         ${gt((t=>t.modal),q`
                 <div
@@ -2504,8 +2531,8 @@ const Bd=Fd.compose({baseName:"drawer",template:(t,e)=>q`
             <slot></slot>
         </div>
     </div>
-`,styles:Md})
-Bi.getOrCreate().withPrefix("nimble").register(Bd())
+`,styles:Rd})
+Bi.getOrCreate().withPrefix("nimble").register(Kd())
 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)}})
@@ -2587,7 +2614,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 Wd extends Lh{constructor(){super(hc)}}Th("icon-info",Wd)
 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)}})
@@ -2646,7 +2673,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 Xd=ut`
     ${Zs("flex")}
 
     :host {
@@ -2701,7 +2728,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 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`
     <template
         aria-checked="${t=>t.ariaChecked}"
         aria-disabled="${t=>t.ariaDisabled}"
@@ -2717,9 +2744,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:Xd})
+Bi.getOrCreate().withPrefix("nimble").register(Yd())
+const Gd=ut`
     ${Zs("grid")}
 
     :host {
@@ -2755,7 +2782,7 @@ const Ud=ut`
         padding-bottom: ${Gn};
     }
 `
-const Kd=class extends as{}.compose({baseName:"menu",baseClass:as,template:(t,e)=>q`
+const Qd=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"
@@ -2764,9 +2791,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:Gd})
+Bi.getOrCreate().withPrefix("nimble").register(Qd())
+const Jd=ut`
     ${Zs("inline-block")}
 
     :host {
@@ -2782,7 +2809,7 @@ const Wd=ut`
         margin-top: ${Gn};
         margin-bottom: ${Gn};
     }
-`,Xd=ut`
+`,Zd=ut`
     ${Ch}
 
     .control[aria-pressed='true'] {
@@ -2808,8 +2835,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 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`
     <div
         role="button"
         part="control"
@@ -2850,22 +2877,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: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
 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],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`
     <template
         ?open="${t=>t.open}"
         @focusout="${(t,e)=>t.focusoutHandler(e.event)}"
     >
-        <${t.tagFor(Yd)}
+        <${t.tagFor(tu)}
             part="button"
             appearance="${t=>t.appearance}"
             ?content-hidden="${t=>t.contentHidden}"
@@ -2882,7 +2909,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(tu)}>
         ${gt((t=>t.open),q`
             <${t.tagFor(io)}
                 fixed-placement="true"
@@ -2901,9 +2928,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:Jd,shadowOptions:{delegatesFocus:!0}})
+Bi.getOrCreate().withPrefix("nimble").register(ou())
+const nu=ut`
     ${Zs("grid")}
 
     :host {
@@ -2982,7 +3009,7 @@ const tu=ut`
         grid-column: 3;
     }
 `
-const eu=class extends rs{}.compose({baseName:"menu-item",baseClass:rs,template:(t,e)=>q`
+const ru=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}"
@@ -3049,9 +3076,9 @@ 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:nu,expandCollapseGlyph:Da.data})
+Bi.getOrCreate().withPrefix("nimble").register(ru())
+const au="underline",lu="outline",cu="block",hu=ut`
     ${Zs("inline-block")}
     ${Dh}
 
@@ -3200,12 +3227,12 @@ const iu="underline",su="outline",ou="block",nu=ut`
         order: 1;
         padding-right: calc(${Qn} / 4);
     }
-`.withBehaviors(wh(iu,ut`
+`.withBehaviors(wh(au,ut`
             .root {
                 border-bottom-width: ${Zn};
                 padding-bottom: 0;
             }
-        `),wh(ou,ut`
+        `),wh(cu,ut`
             .root {
                 background-color: rgba(${Fn}, 0.1);
             }
@@ -3223,14 +3250,14 @@ const iu="underline",su="outline",ou="block",nu=ut`
             :host([disabled]) .root {
                 background-color: rgba(${Fn}, 0.07);
             }
-        `),wh(su,ut`
+        `),wh(lu,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 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`
     <template class="${t=>t.readOnly?"readonly":""}">
         <label
             part="label"
@@ -3305,7 +3332,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:hu,shadowOptions:{delegatesFocus:!0},stepDownGlyph:q`
         <nimble-button
             class="step-up-down-button"
             appearance="ghost"
@@ -3331,10 +3358,10 @@ 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`
+Bi.getOrCreate().withPrefix("nimble").register(uu())
+const pu="underline",vu="outline",gu="block",mu=ut`
     ${Rh}
-`.withBehaviors(wh(lu,ut`
+`.withBehaviors(wh(pu,ut`
             .control {
                 padding-top: ${Zn};
                 padding-left: calc(${Zn} + ${Qn} / 2);
@@ -3344,7 +3371,7 @@ const lu="underline",cu="outline",hu="block",du=ut`
             :host([disabled]) .control {
                 border-color: rgba(${Fn}, 0.1);
             }
-        `),wh(cu,ut`
+        `),wh(vu,ut`
             .control {
                 border: ${Zn} solid rgba(${Fn}, 0.3);
             }
@@ -3352,7 +3379,7 @@ const lu="underline",cu="outline",hu="block",du=ut`
             :host(.invalid) .errortext {
                 top: calc(${Yn} - ${Zn});
             }
-        `),wh(hu,ut`
+        `),wh(gu,ut`
             .control {
                 background-color: rgba(${Fn}, 0.1);
                 padding-left: calc(${Zn} + ${Qn} / 2);
@@ -3366,9 +3393,9 @@ const lu="underline",cu="outline",hu="block",du=ut`
                 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`
+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
+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}"
@@ -3421,9 +3448,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 {
@@ -3585,7 +3612,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}"
@@ -3620,9 +3647,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 {
@@ -3716,13 +3743,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 {
@@ -3732,13 +3759,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 {
@@ -3761,7 +3788,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">
@@ -3780,9 +3807,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 {
@@ -3800,15 +3827,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 {
@@ -3900,12 +3927,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);
                 }
@@ -3919,8 +3946,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":""}
@@ -3975,9 +4002,9 @@ 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}
 
@@ -4150,12 +4177,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);
             }
@@ -4183,12 +4210,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};
@@ -4206,8 +4233,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":""}
@@ -4267,7 +4294,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>
@@ -4276,8 +4303,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};
@@ -4302,7 +4329,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}"
@@ -4323,9 +4350,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 {
@@ -4411,7 +4438,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"
@@ -4432,21 +4459,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(Wd)} class="information status-icon"></${t.tagFor(Wd)}>
                     <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}"
@@ -4502,7 +4529,7 @@ e&&e.setAttribute(Nu,"true")}getParentTreeView(){return this.parentElement.close
             }
 
             ${""}
-            :host([${Nu}])::after {
+            :host([${Wu}])::after {
                 background: ${Un};
                 border-radius: 0px;
                 content: '';
@@ -4524,7 +4551,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};
             }
 
@@ -4634,7 +4661,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(
@@ -4667,8 +4694,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 {
@@ -4681,14 +4708,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")}
@@ -4700,6 +4727,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