@fluentui/web-components 2.0.2 → 2.1.3

package/dist/web-components.min.js

@@ -20,7 +20,7 @@ function ne(t,e,i,o){var s,n=arguments.length,r=n<3?e:null===o?o=Object.getOwnPr
 */
 var So=["input","select","textarea","a[href]","button","[tabindex]","audio[controls]","video[controls]",'[contenteditable]:not([contenteditable="false"])',"details>summary:first-of-type","details"],Ro=So.join(","),Eo="undefined"==typeof Element?function(){}:Element.prototype.matches||Element.prototype.msMatchesSelector||Element.prototype.webkitMatchesSelector,Oo=function(t){return"INPUT"===t.tagName},Ao=function(t){return function(t){return Oo(t)&&"radio"===t.type}(t)&&!function(t){if(!t.name)return!0;var e,i=t.form||t.ownerDocument,o=function(t){return i.querySelectorAll('input[type="radio"][name="'+t+'"]')};if("undefined"!=typeof window&&void 0!==window.CSS&&"function"==typeof window.CSS.escape)e=o(window.CSS.escape(t.name));else try{e=o(t.name)}catch(t){return console.error("Looks like you have a radio button with a name attribute containing invalid CSS selector characters and need the CSS.escape polyfill: %s",t.message),!1}var s=function(t,e){for(var i=0;i<t.length;i++)if(t[i].checked&&t[i].form===e)return t[i]}(e,t.form);return!s||s===t}(t)},Lo=function(t,e){return!(e.disabled||function(t){return Oo(t)&&"hidden"===t.type}(e)||function(t,e){if("hidden"===getComputedStyle(t).visibility)return!0;var i=Eo.call(t,"details>summary:first-of-type")?t.parentElement:t;if(Eo.call(i,"details:not([open]) *"))return!0;if(e&&"full"!==e){if("non-zero-area"===e){var o=t.getBoundingClientRect(),s=o.width,n=o.height;return 0===s&&0===n}}else for(;t;){if("none"===getComputedStyle(t).display)return!0;t=t.parentElement}return!1}(e,t.displayCheck)||function(t){return"DETAILS"===t.tagName&&Array.prototype.slice.apply(t.children).some((function(t){return"SUMMARY"===t.tagName}))}(e))},zo=function(t,e){return!(!Lo(t,e)||Ao(e)||function(t){var e=parseInt(t.getAttribute("tabindex"),10);return isNaN(e)?function(t){return"true"===t.contentEditable}(t)?0:"AUDIO"!==t.nodeName&&"VIDEO"!==t.nodeName&&"DETAILS"!==t.nodeName||null!==t.getAttribute("tabindex")?t.tabIndex:0:e}(e)<0)},Ho=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return!1!==Eo.call(t,Ro)&&zo(e,t)},Po=So.concat("iframe").join(","),Mo=function(t,e){if(e=e||{},!t)throw new Error("No node provided");return!1!==Eo.call(t,Po)&&Lo(e,t)};class Bo extends je{constructor(){super(...arguments),this.modal=!0,this.hidden=!1,this.trapFocus=!0,this.trapFocusChanged=()=>{this.$fastController.isConnected&&this.updateTrapFocus()},this.isTrappingFocus=!1,this.handleDocumentKeydown=t=>{if(!t.defaultPrevented&&!this.hidden)switch(t.key){case"Escape":this.dismiss(),t.preventDefault();break;case"Tab":this.handleTabKeyDown(t)}},this.handleDocumentFocus=t=>{!t.defaultPrevented&&this.shouldForceFocus(t.target)&&(this.focusFirstElement(),t.preventDefault())},this.handleTabKeyDown=t=>{if(!this.trapFocus||this.hidden)return;const e=this.getTabQueueBounds();return 0!==e.length?1===e.length?(e[0].focus(),void t.preventDefault()):void(t.shiftKey&&t.target===e[0]?(e[e.length-1].focus(),t.preventDefault()):t.shiftKey||t.target!==e[e.length-1]||(e[0].focus(),t.preventDefault())):void 0},this.getTabQueueBounds=()=>Bo.reduceTabbableItems([],this),this.focusFirstElement=()=>{const t=this.getTabQueueBounds();t.length>0?t[0].focus():this.dialog instanceof HTMLElement&&this.dialog.focus()},this.shouldForceFocus=t=>this.isTrappingFocus&&!this.contains(t),this.shouldTrapFocus=()=>this.trapFocus&&!this.hidden,this.updateTrapFocus=t=>{const e=void 0===t?this.shouldTrapFocus():t;e&&!this.isTrappingFocus?(this.isTrappingFocus=!0,document.addEventListener("focusin",this.handleDocumentFocus),d.queueUpdate(()=>{this.shouldForceFocus(document.activeElement)&&this.focusFirstElement()})):!e&&this.isTrappingFocus&&(this.isTrappingFocus=!1,document.removeEventListener("focusin",this.handleDocumentFocus))}}dismiss(){this.$emit("dismiss")}show(){this.hidden=!1}hide(){this.hidden=!0}connectedCallback(){super.connectedCallback(),document.addEventListener("keydown",this.handleDocumentKeydown),this.notifier=C.getNotifier(this),this.notifier.subscribe(this,"hidden"),this.updateTrapFocus()}disconnectedCallback(){super.disconnectedCallback(),document.removeEventListener("keydown",this.handleDocumentKeydown),this.updateTrapFocus(!1),this.notifier.unsubscribe(this,"hidden")}handleChange(t,e){switch(e){case"hidden":this.updateTrapFocus()}}static reduceTabbableItems(t,e){return"-1"===e.getAttribute("tabindex")?t:Ho(e)||Bo.isFocusableFastElement(e)&&Bo.hasTabbableShadow(e)?(t.push(e),t):e.childElementCount?t.concat(Array.from(e.children).reduce(Bo.reduceTabbableItems,[])):t}static isFocusableFastElement(t){var e,i;return!!(null===(i=null===(e=t.$fastController)||void 0===e?void 0:e.definition.shadowOptions)||void 0===i?void 0:i.delegatesFocus)}static hasTabbableShadow(t){var e,i;return Array.from(null!==(i=null===(e=t.shadowRoot)||void 0===e?void 0:e.querySelectorAll("*"))&&void 0!==i?i:[]).some(t=>Ho(t))}}ne([ft({mode:"boolean"})],Bo.prototype,"modal",void 0),ne([ft({mode:"boolean"})],Bo.prototype,"hidden",void 0),ne([ft({attribute:"trap-focus",mode:"boolean"})],Bo.prototype,"trapFocus",void 0),ne([ft({attribute:"aria-describedby"})],Bo.prototype,"ariaDescribedby",void 0),ne([ft({attribute:"aria-labelledby"})],Bo.prototype,"ariaLabelledby",void 0),ne([ft({attribute:"aria-label"})],Bo.prototype,"ariaLabel",void 0);var No,jo;!function(t){t.separator="separator",t.presentation="presentation"}(No||(No={}));class Uo extends je{constructor(){super(...arguments),this.role=No.separator}}ne([ft],Uo.prototype,"role",void 0),function(t){t.next="next",t.previous="previous"}(jo||(jo={}));class qo extends je{constructor(){super(...arguments),this.hiddenFromAT=!0,this.direction=jo.next}keyupHandler(t){if(!this.hiddenFromAT){const e=t.key;"Enter"===e&&this.$emit("click",t),"Escape"===e&&this.blur()}}}ne([ft({mode:"boolean"})],qo.prototype,"disabled",void 0),ne([ft({attribute:"aria-hidden",converter:ut})],qo.prototype,"hiddenFromAT",void 0),ne([ft],qo.prototype,"direction",void 0);var _o;!function(t){t.menuitem="menuitem",t.menuitemcheckbox="menuitemcheckbox",t.menuitemradio="menuitemradio"}(_o||(_o={}));const Go={[_o.menuitem]:"menuitem",[_o.menuitemcheckbox]:"menuitemcheckbox",[_o.menuitemradio]:"menuitemradio"};class Wo extends je{constructor(){super(...arguments),this.role=_o.menuitem,this.hasSubmenu=!1,this.currentDirection=Ze.ltr,this.focusSubmenuOnLoad=!1,this.handleMenuItemKeyDown=t=>{if(t.defaultPrevented)return!1;switch(t.key){case"Enter":case" ":return this.invoke(),!1;case"ArrowRight":return this.expandAndFocus(),!1;case"ArrowLeft":if(this.expanded)return this.expanded=!1,this.focus(),!1}return!0},this.handleMenuItemClick=t=>(t.defaultPrevented||this.disabled||this.invoke(),!1),this.submenuLoaded=()=>{this.focusSubmenuOnLoad&&(this.focusSubmenuOnLoad=!1,this.hasSubmenu&&(this.submenu.focus(),this.setAttribute("tabindex","-1")))},this.handleMouseOver=t=>(this.disabled||!this.hasSubmenu||this.expanded||(this.expanded=!0),!1),this.handleMouseOut=t=>(!this.expanded||this.contains(document.activeElement)||(this.expanded=!1),!1),this.expandAndFocus=()=>{this.hasSubmenu&&(this.focusSubmenuOnLoad=!0,this.expanded=!0)},this.invoke=()=>{if(!this.disabled)switch(this.role){case _o.menuitemcheckbox:this.checked=!this.checked,this.$emit("change");break;case _o.menuitem:this.updateSubmenu(),this.hasSubmenu?this.expandAndFocus():this.$emit("change");break;case _o.menuitemradio:this.checked||(this.checked=!0)}},this.updateSubmenu=()=>{this.submenu=this.domChildren().find(t=>"menu"===t.getAttribute("role")),this.hasSubmenu=void 0!==this.submenu}}expandedChanged(t){if(this.$fastController.isConnected){if(void 0===this.submenu)return;!1===this.expanded?this.submenu.collapseExpandedItem():this.currentDirection=ci(this),this.$emit("expanded-change",this,{bubbles:!1})}}checkedChanged(t,e){this.$fastController.isConnected&&this.$emit("change")}connectedCallback(){super.connectedCallback(),d.queueUpdate(()=>{this.updateSubmenu()}),this.startColumnCount||(this.startColumnCount=1),this.observer=new MutationObserver(this.updateSubmenu)}disconnectedCallback(){super.disconnectedCallback(),this.submenu=void 0,void 0!==this.observer&&(this.observer.disconnect(),this.observer=void 0)}domChildren(){return Array.from(this.children)}}ne([ft({mode:"boolean"})],Wo.prototype,"disabled",void 0),ne([ft({mode:"boolean"})],Wo.prototype,"expanded",void 0),ne([T],Wo.prototype,"startColumnCount",void 0),ne([ft],Wo.prototype,"role",void 0),ne([ft({mode:"boolean"})],Wo.prototype,"checked",void 0),ne([T],Wo.prototype,"submenuRegion",void 0),ne([T],Wo.prototype,"hasSubmenu",void 0),ne([T],Wo.prototype,"currentDirection",void 0),ne([T],Wo.prototype,"submenu",void 0),_e(Wo,te);class Ko extends je{constructor(){super(...arguments),this.expandedItem=null,this.focusIndex=-1,this.isNestedMenu=()=>null!==this.parentElement&&Ke(this.parentElement)&&"menuitem"===this.parentElement.getAttribute("role"),this.handleFocusOut=t=>{if(!this.contains(t.relatedTarget)){this.collapseExpandedItem();const t=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[t].setAttribute("tabindex","0"),this.focusIndex=t}},this.handleItemFocus=t=>{const e=t.target;e!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0"))},this.handleExpandedChanged=t=>{if(t.defaultPrevented||null===t.target||this.menuItems.indexOf(t.target)<0)return;t.preventDefault();const e=t.target;null===this.expandedItem||e!==this.expandedItem||!1!==e.expanded?e.expanded&&(null!==this.expandedItem&&this.expandedItem!==e&&(this.expandedItem.expanded=!1),this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.expandedItem=e,this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0")):this.expandedItem=null},this.setItems=()=>{const t=this.menuItems.filter(this.isMenuItemElement);t.length&&(this.focusIndex=0);const e=t.reduce((t,e)=>{const i=(o=e)instanceof Wo?o.role!==_o.menuitem&&null===o.querySelector("[slot=start]")||o.role===_o.menuitem&&null!==o.querySelector("[slot=start]")?1:o.role!==_o.menuitem&&null!==o.querySelector("[slot=start]")?2:0:1;var o;return t>i?t:i},0);t.forEach((t,i)=>{t.setAttribute("tabindex",0===i?"0":"-1"),t.addEventListener("expanded-change",this.handleExpandedChanged),t.addEventListener("focus",this.handleItemFocus),t instanceof Wo&&(t.startColumnCount=e)})},this.resetItems=t=>{t.forEach(t=>{t.removeEventListener("expanded-change",this.handleExpandedChanged),t.removeEventListener("focus",this.handleItemFocus)})},this.changeHandler=t=>{const e=t.target,i=this.menuItems.indexOf(e);if(-1!==i&&"menuitemradio"===e.role&&!0===e.checked){for(let t=i-1;t>=0;--t){const e=this.menuItems[t],i=e.getAttribute("role");if(i===_o.menuitemradio&&(e.checked=!1),"separator"===i)break}const t=this.menuItems.length-1;for(let e=i+1;e<=t;++e){const t=this.menuItems[e],i=t.getAttribute("role");if(i===_o.menuitemradio&&(t.checked=!1),"separator"===i)break}}},this.isMenuItemElement=t=>Ke(t)&&Ko.focusableElementRoles.hasOwnProperty(t.getAttribute("role")),this.isFocusableElement=t=>this.isMenuItemElement(t)}itemsChanged(t,e){this.$fastController.isConnected&&(this.menuItems=this.domChildren(),this.resetItems(t),this.setItems())}connectedCallback(){super.connectedCallback(),this.menuItems=this.domChildren(),this.addEventListener("change",this.changeHandler)}disconnectedCallback(){super.disconnectedCallback(),this.menuItems=[],this.removeEventListener("change",this.changeHandler)}focus(){this.setFocus(0,1)}collapseExpandedItem(){null!==this.expandedItem&&(this.expandedItem.expanded=!1,this.expandedItem=null)}handleMenuKeyDown(t){if(!t.defaultPrevented)switch(t.key){case"ArrowDown":return void this.setFocus(this.focusIndex+1,1);case"ArrowUp":return void this.setFocus(this.focusIndex-1,-1);case"End":return void this.setFocus(this.menuItems.length-1,-1);case"Home":return void this.setFocus(0,1);default:return!0}}domChildren(){return Array.from(this.children)}setFocus(t,e){if(void 0!==this.menuItems)for(;t>=0&&t<this.menuItems.length;){const i=this.menuItems[t];if(this.isFocusableElement(i)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=t,i.setAttribute("tabindex","0"),i.focus();break}t+=e}}}Ko.focusableElementRoles=Go,ne([T],Ko.prototype,"items",void 0);class Xo extends je{}class Yo extends(mi(Xo)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var Qo;!function(t){t.email="email",t.password="password",t.tel="tel",t.text="text",t.url="url"}(Qo||(Qo={}));class Zo extends Yo{constructor(){super(...arguments),this.type=Qo.text}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly,this.validate())}autofocusChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.autofocus=this.autofocus,this.validate())}placeholderChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.placeholder=this.placeholder)}typeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.type=this.type,this.validate())}listChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.setAttribute("list",this.list),this.validate())}maxlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.maxLength=this.maxlength,this.validate())}minlengthChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.minLength=this.minlength,this.validate())}patternChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.pattern=this.pattern,this.validate())}sizeChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.size=this.size)}spellcheckChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.spellcheck=this.spellcheck)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type",this.type),this.validate(),this.autofocus&&d.queueUpdate(()=>{this.focus()})}handleTextInput(){this.value=this.control.value}handleChange(){this.$emit("change")}}ne([ft({attribute:"readonly",mode:"boolean"})],Zo.prototype,"readOnly",void 0),ne([ft({mode:"boolean"})],Zo.prototype,"autofocus",void 0),ne([ft],Zo.prototype,"placeholder",void 0),ne([ft],Zo.prototype,"type",void 0),ne([ft],Zo.prototype,"list",void 0),ne([ft({converter:pt})],Zo.prototype,"maxlength",void 0),ne([ft({converter:pt})],Zo.prototype,"minlength",void 0),ne([ft],Zo.prototype,"pattern",void 0),ne([ft({converter:pt})],Zo.prototype,"size",void 0),ne([ft({mode:"boolean"})],Zo.prototype,"spellcheck",void 0),ne([T],Zo.prototype,"defaultSlottedNodes",void 0);class Jo{}_e(Jo,ri),_e(Zo,te,Jo);class ts extends je{}class es extends(mi(ts)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}class is extends es{constructor(){super(...arguments),this.hideStep=!1,this.step=1}maxChanged(t,e){var i;this.max=Math.max(e,null!==(i=this.min)&&void 0!==i?i:e);const o=Math.min(this.min,this.max);void 0!==this.min&&this.min!==o&&(this.min=o),this.valueChanged(this.value,this.value)}minChanged(t,e){var i;this.min=Math.min(e,null!==(i=this.max)&&void 0!==i?i:e);const o=Math.max(this.min,this.max);void 0!==this.max&&this.max!==o&&(this.max=o),this.valueChanged(this.value,this.value)}valueChanged(t,e){var i,o;let s=parseFloat(e);isNaN(s)?s="":(s=Math.min(s,null!==(i=this.max)&&void 0!==i?i:s),s=Math.max(s,null!==(o=this.min)&&void 0!==o?o:s)),this.value=s.toString(),this.proxy instanceof HTMLInputElement&&(this.proxy.value=this.value),void 0!==t&&(this.$emit("input"),this.$emit("change"))}stepUp(){const t=parseFloat(this.value),e=isNaN(t)?this.min>0?this.min:this.max<0?this.max:this.min?0:this.step:t+this.step;this.value=e.toString(),this.control.value=this.value}stepDown(){const t=parseFloat(this.value),e=isNaN(t)?this.min>0?this.min:this.max<0?this.max:this.min?0:0-this.step:t-this.step;this.value=e.toString(),this.control.value=this.value}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type","number"),this.validate(),this.control.value=this.value,this.autofocus&&d.queueUpdate(()=>{this.focus()})}handleTextInput(){this.control.value=this.control.value.replace(/[^0-9\-+e.]/g,""),this.value=this.control.value}handleChange(){this.$emit("change")}handleKeyDown(t){switch(t.key){case"ArrowUp":return this.stepUp(),!1;case"ArrowDown":return this.stepDown(),!1}return!0}handleBlur(){this.control.value=this.value}}ne([ft({attribute:"readonly",mode:"boolean"})],is.prototype,"readOnly",void 0),ne([ft({mode:"boolean"})],is.prototype,"autofocus",void 0),ne([ft({attribute:"hide-step",mode:"boolean"})],is.prototype,"hideStep",void 0),ne([ft],is.prototype,"placeholder",void 0),ne([ft],is.prototype,"list",void 0),ne([ft({converter:pt})],is.prototype,"maxlength",void 0),ne([ft({converter:pt})],is.prototype,"minlength",void 0),ne([ft({converter:pt})],is.prototype,"size",void 0),ne([ft({converter:pt})],is.prototype,"step",void 0),ne([ft({converter:pt})],is.prototype,"max",void 0),ne([ft({converter:pt})],is.prototype,"min",void 0),ne([T],is.prototype,"defaultSlottedNodes",void 0),_e(is,te,Jo);class os extends je{constructor(){super(...arguments),this.percentComplete=0}valueChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}minChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}maxChanged(){this.$fastController.isConnected&&this.updatePercentComplete()}connectedCallback(){super.connectedCallback(),this.updatePercentComplete()}updatePercentComplete(){const t="number"==typeof this.min?this.min:0,e="number"==typeof this.max?this.max:100,i="number"==typeof this.value?this.value:0,o=e-t;this.percentComplete=0===o?0:Math.fround((i-t)/o*100)}}ne([ft({converter:pt})],os.prototype,"value",void 0),ne([ft({converter:pt})],os.prototype,"min",void 0),ne([ft({converter:pt})],os.prototype,"max",void 0),ne([ft({mode:"boolean"})],os.prototype,"paused",void 0),ne([T],os.prototype,"percentComplete",void 0);class ss extends je{constructor(){super(...arguments),this.orientation=We.horizontal,this.radioChangeHandler=t=>{const e=t.target;e.checked&&(this.slottedRadioButtons.forEach(t=>{t!==e&&(t.checked=!1,this.isInsideFoundationToolbar||t.setAttribute("tabindex","-1"))}),this.selectedRadio=e,this.value=e.value,e.setAttribute("tabindex","0"),this.focusedRadio=e),t.stopPropagation()},this.moveToRadioByIndex=(t,e)=>{const i=t[e];this.isInsideToolbar||(i.setAttribute("tabindex","0"),i.readOnly?this.slottedRadioButtons.forEach(t=>{t!==i&&t.setAttribute("tabindex","-1")}):(i.checked=!0,this.selectedRadio=i)),this.focusedRadio=i,i.focus()},this.moveRightOffGroup=()=>{var t;null===(t=this.nextElementSibling)||void 0===t||t.focus()},this.moveLeftOffGroup=()=>{var t;null===(t=this.previousElementSibling)||void 0===t||t.focus()},this.focusOutHandler=t=>{const e=this.slottedRadioButtons,i=t.target,o=null!==i?e.indexOf(i):0,s=this.focusedRadio?e.indexOf(this.focusedRadio):-1;return(0===s&&o===s||s===e.length-1&&s===o)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),e.forEach(t=>{t!==this.selectedRadio&&t.setAttribute("tabindex","-1")}))):(this.focusedRadio=e[0],this.focusedRadio.setAttribute("tabindex","0"),e.forEach(t=>{t!==this.focusedRadio&&t.setAttribute("tabindex","-1")}))),!0},this.clickHandler=t=>{const e=t.target;if(e){const t=this.slottedRadioButtons;e.checked||0===t.indexOf(e)?(e.setAttribute("tabindex","0"),this.selectedRadio=e):(e.setAttribute("tabindex","-1"),this.selectedRadio=null),this.focusedRadio=e}t.preventDefault()},this.shouldMoveOffGroupToTheRight=(t,e,i)=>t===e.length&&this.isInsideToolbar&&"ArrowRight"===i,this.shouldMoveOffGroupToTheLeft=(t,e)=>(this.focusedRadio?t.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&"ArrowLeft"===e,this.checkFocusedRadio=()=>{null===this.focusedRadio||this.focusedRadio.readOnly||this.focusedRadio.checked||(this.focusedRadio.checked=!0,this.focusedRadio.setAttribute("tabindex","0"),this.focusedRadio.focus(),this.selectedRadio=this.focusedRadio)},this.moveRight=t=>{const e=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?e.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(i,e,t.key))this.moveRightOffGroup();else for(i===e.length&&(i=0);i<e.length&&e.length>1;){if(!e[i].disabled){this.moveToRadioByIndex(e,i);break}if(this.focusedRadio&&i===e.indexOf(this.focusedRadio))break;if(i+1>=e.length){if(this.isInsideToolbar)break;i=0}else i+=1}},this.moveLeft=t=>{const e=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?e.indexOf(this.focusedRadio)-1:0,i=i<0?e.length-1:i,this.shouldMoveOffGroupToTheLeft(e,t.key))this.moveLeftOffGroup();else for(;i>=0&&e.length>1;){if(!e[i].disabled){this.moveToRadioByIndex(e,i);break}if(this.focusedRadio&&i===e.indexOf(this.focusedRadio))break;i-1<0?i=e.length-1:i-=1}},this.keydownHandler=t=>{const e=t.key;if(e in Qe&&this.isInsideFoundationToolbar)return!0;switch(e){case"Enter":this.checkFocusedRadio();break;case"ArrowRight":case"ArrowDown":this.direction===Ze.ltr?this.moveRight(t):this.moveLeft(t);break;case"ArrowLeft":case"ArrowUp":this.direction===Ze.ltr?this.moveLeft(t):this.moveRight(t);break;default:return!0}}}readOnlyChanged(){void 0!==this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{this.readOnly?t.readOnly=!0:t.readOnly=!1})}disabledChanged(){void 0!==this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{this.disabled?t.disabled=!0:t.disabled=!1})}nameChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t.setAttribute("name",this.name)})}valueChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t.getAttribute("value")===this.value&&(t.checked=!0,this.selectedRadio=t)}),this.$emit("change")}slottedRadioButtonsChanged(t,e){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get parentToolbar(){return this.closest('[role="toolbar"]')}get isInsideToolbar(){var t;return null!==(t=this.parentToolbar)&&void 0!==t&&t}get isInsideFoundationToolbar(){var t;return!!(null===(t=this.parentToolbar)||void 0===t?void 0:t.$fastController)}connectedCallback(){super.connectedCallback(),this.direction=ci(this),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(t=>{t.removeEventListener("change",this.radioChangeHandler)})}setupRadioButtons(){const t=this.slottedRadioButtons.filter(t=>t.hasAttribute("checked")),e=t?t.length:0;if(e>1){t[e-1].checked=!0}let i=!1;if(this.slottedRadioButtons.forEach(t=>{void 0!==this.name&&t.setAttribute("name",this.name),this.disabled&&(t.disabled=!0),this.readOnly&&(t.readOnly=!0),this.value&&this.value===t.value?(this.selectedRadio=t,this.focusedRadio=t,t.checked=!0,t.setAttribute("tabindex","0"),i=!0):(this.isInsideFoundationToolbar||t.setAttribute("tabindex","-1"),t.checked=!1),t.addEventListener("change",this.radioChangeHandler)}),void 0===this.value&&this.slottedRadioButtons.length>0){const t=this.slottedRadioButtons.filter(t=>t.hasAttribute("checked")),e=null!==t?t.length:0;if(e>0&&!i){const i=t[e-1];i.checked=!0,this.focusedRadio=i,i.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}ne([ft({attribute:"readonly",mode:"boolean"})],ss.prototype,"readOnly",void 0),ne([ft({attribute:"disabled",mode:"boolean"})],ss.prototype,"disabled",void 0),ne([ft],ss.prototype,"name",void 0),ne([ft],ss.prototype,"value",void 0),ne([ft],ss.prototype,"orientation",void 0),ne([T],ss.prototype,"childItems",void 0),ne([T],ss.prototype,"slottedRadioButtons",void 0);class ns extends je{}class rs extends(bi(ns)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}class as extends rs{constructor(){super(),this.initialValue="on",this.keypressHandler=t=>{switch(t.key){case" ":return void(this.checked||this.readOnly||(this.checked=!0))}return!0},this.proxy.setAttribute("type","radio")}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}defaultCheckedChanged(){var t;this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=null!==(t=this.defaultChecked)&&void 0!==t&&t,this.dirtyChecked=!1))}connectedCallback(){var t,e;super.connectedCallback(),this.validate(),"radiogroup"!==(null===(t=this.parentElement)||void 0===t?void 0:t.getAttribute("role"))&&null===this.getAttribute("tabindex")&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=null!==(e=this.defaultChecked)&&void 0!==e&&e,this.dirtyChecked=!1))}isInsideRadioGroup(){return null!==this.closest("[role=radiogroup]")}clickHandler(t){this.disabled||this.readOnly||this.checked||(this.checked=!0)}}ne([ft({attribute:"readonly",mode:"boolean"})],as.prototype,"readOnly",void 0),ne([T],as.prototype,"name",void 0),ne([T],as.prototype,"defaultSlottedNodes",void 0);class ls extends je{constructor(){super(...arguments),this.framesPerSecond=60,this.updatingItems=!1,this.speed=600,this.easing="ease-in-out",this.flippersHiddenFromAT=!1,this.scrolling=!1,this.resizeDetector=null}get frameTime(){return 1e3/this.framesPerSecond}scrollingChanged(t,e){if(this.scrollContainer){const t=1==this.scrolling?"scrollstart":"scrollend";this.$emit(t,this.scrollContainer.scrollLeft)}}get isRtl(){return this.scrollItems.length>1&&this.scrollItems[0].offsetLeft>this.scrollItems[1].offsetLeft}connectedCallback(){super.connectedCallback(),this.initializeResizeDetector()}disconnectedCallback(){this.disconnectResizeDetector(),super.disconnectedCallback()}scrollItemsChanged(t,e){e&&!this.updatingItems&&this.setStops()}disconnectResizeDetector(){this.resizeDetector&&(this.resizeDetector.disconnect(),this.resizeDetector=null)}initializeResizeDetector(){this.disconnectResizeDetector(),this.resizeDetector=new window.ResizeObserver(this.resized.bind(this)),this.resizeDetector.observe(this)}updateScrollStops(){this.updatingItems=!0;const t=this.scrollItems.reduce((t,e)=>e instanceof HTMLSlotElement?t.concat(e.assignedElements()):(t.push(e),t),[]);this.scrollItems=t,this.updatingItems=!1}setStops(){this.updateScrollStops(),this.width=this.offsetWidth;let t=0,e=this.scrollItems.map(({offsetLeft:e,offsetWidth:i},o)=>{const s=e+i;return this.isRtl?-s:(t=s,0===o?0:e)}).concat(t);e=this.fixScrollMisalign(e),e.sort((t,e)=>Math.abs(t)-Math.abs(e)),this.scrollStops=e,this.setFlippers()}fixScrollMisalign(t){if(this.isRtl&&t.some(t=>t>0)){t.sort((t,e)=>e-t);const e=t[0];t=t.map(t=>t-e)}return t}setFlippers(){var t,e;const i=this.scrollContainer.scrollLeft;if(null===(t=this.previousFlipperContainer)||void 0===t||t.classList.toggle("disabled",0===i),this.scrollStops){const t=Math.abs(this.scrollStops[this.scrollStops.length-1]);null===(e=this.nextFlipperContainer)||void 0===e||e.classList.toggle("disabled",Math.abs(i)+this.width>=t)}}keyupHandler(t){switch(t.key){case"ArrowLeft":this.scrollToPrevious();break;case"ArrowRight":this.scrollToNext()}}scrollToPrevious(){const t=this.scrollContainer.scrollLeft,e=this.scrollStops.findIndex((e,i)=>e<=t&&(this.isRtl||i===this.scrollStops.length-1||this.scrollStops[i+1]>t)),i=Math.abs(this.scrollStops[e+1]);let o=this.scrollStops.findIndex(t=>Math.abs(t)+this.width>i);(o>e||-1===o)&&(o=e>0?e-1:0),this.scrollToPosition(this.scrollStops[o],t)}scrollToNext(){const t=this.scrollContainer.scrollLeft,e=this.scrollStops.findIndex(e=>Math.abs(e)>=Math.abs(t)),i=this.scrollStops.findIndex(e=>Math.abs(t)+this.width<=Math.abs(e));let o=e;i>e+2?o=i-2:e<this.scrollStops.length-2&&(o=e+1),this.scrollToPosition(this.scrollStops[o],t)}scrollToPosition(t,e=this.scrollContainer.scrollLeft){var i;if(this.scrolling)return;this.scrolling=!0;const o=null!==(i=this.duration)&&void 0!==i?i:Math.abs(t-e)/this.speed+"s";this.content.style.setProperty("transition-duration",o);const s=parseFloat(getComputedStyle(this.content).getPropertyValue("transition-duration")),n=e=>{e&&e.target!==e.currentTarget||(this.content.style.setProperty("transition-duration","0s"),this.content.style.removeProperty("transform"),this.scrollContainer.style.setProperty("scroll-behavior","auto"),this.scrollContainer.scrollLeft=t,this.setFlippers(),this.content.removeEventListener("transitionend",n),this.scrolling=!1)};if(0===s)return void n();this.content.addEventListener("transitionend",n);const r=this.scrollContainer.scrollWidth-this.scrollContainer.clientWidth;let a=this.scrollContainer.scrollLeft-Math.min(t,r);this.isRtl&&(a=this.scrollContainer.scrollLeft+Math.min(Math.abs(t),r)),this.content.style.setProperty("transition-property","transform"),this.content.style.setProperty("transition-timing-function",this.easing),this.content.style.setProperty("transform",`translateX(${a}px)`)}resized(){this.resizeTimeout&&(this.resizeTimeout=clearTimeout(this.resizeTimeout)),this.resizeTimeout=setTimeout(()=>{this.width=this.offsetWidth,this.setFlippers()},this.frameTime)}scrolled(){this.scrollTimeout&&(this.scrollTimeout=clearTimeout(this.scrollTimeout)),this.scrollTimeout=setTimeout(()=>{this.setFlippers()},this.frameTime)}}ne([ft({converter:pt})],ls.prototype,"speed",void 0),ne([ft],ls.prototype,"duration",void 0),ne([ft],ls.prototype,"easing",void 0),ne([ft({attribute:"aria-hidden",converter:ut})],ls.prototype,"flippersHiddenFromAT",void 0),ne([T],ls.prototype,"scrolling",void 0),ne([T],ls.prototype,"scrollItems",void 0),ne([ft({attribute:"view"})],ls.prototype,"view",void 0);class cs extends _i{}class hs extends(mi(cs)){constructor(){super(...arguments),this.proxy=document.createElement("select")}}class ds extends hs{constructor(){super(...arguments),this.open=!1,this.forcedPosition=!1,this.role=Bi.combobox,this.position=Mi.below,this.maxHeight=0,this.displayValue=""}openChanged(){this.ariaExpanded=this.open?"true":"false",this.open&&(this.setPositioning(),this.focusAndScrollOptionIntoView(),this.indexWhenOpened=this.selectedIndex)}get value(){return C.track(this,"value"),this._value}set value(t){const e=""+this._value;if(this.$fastController.isConnected&&this.options){const e=this.options.findIndex(e=>e.value===t),i=this.options[this.selectedIndex],o=this.options[e],s=i?i.value:null,n=o?o.value:null;-1!==e&&s===n||(t="",this.selectedIndex=e),this.firstSelectedOption&&(t=this.firstSelectedOption.value)}e!==t&&(this._value=t,super.valueChanged(e,t),C.notify(this,"value"))}updateValue(t){this.$fastController.isConnected&&(this.value=this.firstSelectedOption?this.firstSelectedOption.value:"",this.displayValue=this.firstSelectedOption?this.firstSelectedOption.textContent||this.firstSelectedOption.value:this.value),t&&(this.$emit("input"),this.$emit("change",this,{bubbles:!0,composed:void 0}))}selectedIndexChanged(t,e){super.selectedIndexChanged(t,e),this.updateValue()}setPositioning(){const t=this.getBoundingClientRect(),e=window.innerHeight-t.bottom;this.position=this.forcedPosition?this.positionAttribute:t.top>e?Mi.above:Mi.below,this.positionAttribute=this.forcedPosition?this.positionAttribute:this.position,this.maxHeight=this.position===Mi.above?~~t.top:~~e}maxHeightChanged(){this.listbox&&this.listbox.style.setProperty("--max-height",this.maxHeight+"px")}disabledChanged(t,e){super.disabledChanged&&super.disabledChanged(t,e),this.ariaDisabled=this.disabled?"true":"false"}formResetCallback(){this.setProxyOptions(),this.setDefaultSelectedOption(),this.value=this.firstSelectedOption.value}clickHandler(t){if(!this.disabled){if(this.open){const e=t.target.closest("option,[role=option]");if(e&&e.disabled)return}return super.clickHandler(t),this.open=!this.open,this.open||this.indexWhenOpened===this.selectedIndex||this.updateValue(!0),!0}}focusoutHandler(t){var e;if(!this.open)return!0;const i=t.relatedTarget;this.isSameNode(i)?this.focus():(null===(e=this.options)||void 0===e?void 0:e.includes(i))||(this.open=!1,this.indexWhenOpened!==this.selectedIndex&&this.updateValue(!0))}slottedOptionsChanged(t,e){super.slottedOptionsChanged(t,e),this.setProxyOptions(),this.updateValue()}setProxyOptions(){this.proxy instanceof HTMLSelectElement&&this.options&&(this.proxy.options.length=0,this.options.forEach(t=>{const e=t.proxy||(t instanceof HTMLOptionElement?t.cloneNode():null);e&&this.proxy.appendChild(e)}))}keydownHandler(t){super.keydownHandler(t);switch(t.key||t.key.charCodeAt(0)){case" ":this.typeAheadExpired&&(t.preventDefault(),this.open=!this.open);break;case"Enter":t.preventDefault(),this.open=!this.open;break;case"Escape":this.open&&(t.preventDefault(),this.open=!1);break;case"Tab":if(!this.open)return!0;t.preventDefault(),this.open=!1}return this.open||this.indexWhenOpened===this.selectedIndex||(this.updateValue(!0),this.indexWhenOpened=this.selectedIndex),!0}connectedCallback(){super.connectedCallback(),this.forcedPosition=!!this.positionAttribute}}ne([ft({attribute:"open",mode:"boolean"})],ds.prototype,"open",void 0),ne([ft({attribute:"position"})],ds.prototype,"positionAttribute",void 0),ne([T],ds.prototype,"position",void 0),ne([T],ds.prototype,"maxHeight",void 0),ne([T],ds.prototype,"displayValue",void 0);class us{}ne([T],us.prototype,"ariaExpanded",void 0),ne([ft({attribute:"aria-pressed",mode:"fromView"})],us.prototype,"ariaPressed",void 0),_e(us,ri),_e(ds,te,us);class ps extends je{constructor(){super(...arguments),this.shape="rect"}}ne([ft],ps.prototype,"fill",void 0),ne([ft],ps.prototype,"shape",void 0),ne([ft],ps.prototype,"pattern",void 0),ne([ft({mode:"boolean"})],ps.prototype,"shimmer",void 0);function gs(t,e,i,o){let s=ti(0,1,(t-e)/(i-e));return o===Ze.rtl&&(s=1-s),s}const fs={min:0,max:0,direction:Ze.ltr,orientation:We.horizontal,disabled:!1};class ms extends je{constructor(){super(...arguments),this.hideMark=!1,this.sliderDirection=Ze.ltr,this.getSliderConfiguration=()=>{if(this.isSliderConfig(this.parentNode)){const t=this.parentNode,{min:e,max:i,direction:o,orientation:s,disabled:n}=t;void 0!==n&&(this.disabled=n),this.sliderDirection=o||Ze.ltr,this.sliderOrientation=s||We.horizontal,this.sliderMaxPosition=i,this.sliderMinPosition=e}else this.sliderDirection=fs.direction||Ze.ltr,this.sliderOrientation=fs.orientation||We.horizontal,this.sliderMaxPosition=fs.max,this.sliderMinPosition=fs.min},this.positionAsStyle=()=>{const t=this.sliderDirection?this.sliderDirection:Ze.ltr,e=gs(Number(this.position),Number(this.sliderMinPosition),Number(this.sliderMaxPosition));let i=Math.round(100*(1-e)),o=Math.round(100*e);return o===Number.NaN&&i===Number.NaN&&(i=50,o=50),this.sliderOrientation===We.horizontal?t===Ze.rtl?`right: ${o}%; left: ${i}%;`:`left: ${o}%; right: ${i}%;`:`top: ${o}%; bottom: ${i}%;`}}positionChanged(){this.positionStyle=this.positionAsStyle()}sliderOrientationChanged(){}connectedCallback(){super.connectedCallback(),this.getSliderConfiguration(),this.positionStyle=this.positionAsStyle(),this.notifier=C.getNotifier(this.parentNode),this.notifier.subscribe(this,"orientation"),this.notifier.subscribe(this,"direction"),this.notifier.subscribe(this,"max"),this.notifier.subscribe(this,"min")}disconnectedCallback(){super.disconnectedCallback(),this.notifier.unsubscribe(this,"orientation"),this.notifier.unsubscribe(this,"direction"),this.notifier.unsubscribe(this,"max"),this.notifier.unsubscribe(this,"min")}handleChange(t,e){switch(e){case"direction":this.sliderDirection=t.direction;break;case"orientation":this.sliderOrientation=t.orientation;break;case"max":this.sliderMinPosition=t.max;break;case"min":this.sliderMinPosition=t.min}this.positionStyle=this.positionAsStyle()}isSliderConfig(t){return void 0!==t.max&&void 0!==t.min}}ne([T],ms.prototype,"positionStyle",void 0),ne([ft],ms.prototype,"position",void 0),ne([ft({attribute:"hide-mark",mode:"boolean"})],ms.prototype,"hideMark",void 0),ne([ft({attribute:"disabled",mode:"boolean"})],ms.prototype,"disabled",void 0),ne([T],ms.prototype,"sliderOrientation",void 0),ne([T],ms.prototype,"sliderMinPosition",void 0),ne([T],ms.prototype,"sliderMaxPosition",void 0),ne([T],ms.prototype,"sliderDirection",void 0);class bs extends je{}class vs extends(mi(bs)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var ys;!function(t){t.singleValue="single-value"}(ys||(ys={}));class xs extends vs{constructor(){super(...arguments),this.direction=Ze.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=()=>null,this.min=0,this.max=10,this.step=1,this.orientation=We.horizontal,this.mode=ys.singleValue,this.keypressHandler=t=>{if("Home"===t.key)t.preventDefault(),this.value=""+this.min;else if("End"===t.key)t.preventDefault(),this.value=""+this.max;else if(!t.shiftKey)switch(t.key){case"ArrowRight":case"ArrowUp":t.preventDefault(),this.increment();break;case"ArrowLeft":case"ArrowDown":t.preventDefault(),this.decrement()}},this.setupTrackConstraints=()=>{const t=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=t.bottom,this.trackMinHeight=t.top,this.trackLeft=this.getBoundingClientRect().left,0===this.trackWidth&&(this.trackWidth=1)},this.setupListeners=(t=!1)=>{const e=(t?"remove":"add")+"EventListener";this[e]("keydown",this.keypressHandler),this[e]("mousedown",this.handleMouseDown),this.thumb[e]("mousedown",this.handleThumbMouseDown),this.thumb[e]("touchstart",this.handleThumbMouseDown),t&&(this.handleMouseDown(null),this.handleThumbMouseDown(null))},this.initialValue="",this.handleThumbMouseDown=t=>{if(t){if(this.readOnly||this.disabled||t.defaultPrevented)return;t.preventDefault(),t.target.focus()}const e=(null!==t?"add":"remove")+"EventListener";window[e]("mouseup",this.handleWindowMouseUp),window[e]("mousemove",this.handleMouseMove),window[e]("touchmove",this.handleMouseMove),window[e]("touchend",this.handleWindowMouseUp),this.isDragging=null!==t},this.handleMouseMove=t=>{if(this.readOnly||this.disabled||t.defaultPrevented)return;const e=window.TouchEvent&&t instanceof TouchEvent?t.touches[0]:t,i=this.orientation===We.horizontal?e.pageX-document.documentElement.scrollLeft-this.trackLeft:e.pageY-document.documentElement.scrollTop;this.value=""+this.calculateNewValue(i)},this.calculateNewValue=t=>{const e=gs(t,this.orientation===We.horizontal?this.trackMinWidth:this.trackMinHeight,this.orientation===We.horizontal?this.trackWidth:this.trackHeight,this.direction),i=(this.max-this.min)*e+this.min;return this.convertToConstrainedValue(i)},this.handleWindowMouseUp=t=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=t=>{const e=(null!==t?"add":"remove")+"EventListener";if((null===t||!this.disabled&&!this.readOnly)&&(window[e]("mouseup",this.handleWindowMouseUp),window.document[e]("mouseleave",this.handleWindowMouseUp),window[e]("mousemove",this.handleMouseMove),t)){t.preventDefault(),this.setupTrackConstraints(),t.target.focus();const e=this.orientation===We.horizontal?t.pageX-document.documentElement.scrollLeft-this.trackLeft:t.pageY-document.documentElement.scrollTop;this.value=""+this.calculateNewValue(e)}},this.convertToConstrainedValue=t=>{isNaN(t)&&(t=this.min);let e=t-this.min;const i=e-Math.round(e/this.step)*(this.stepMultiplier*this.step)/this.stepMultiplier;return e=i>=Number(this.step)/2?e-i+Number(this.step):e-i,e+this.min}}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}valueChanged(t,e){super.valueChanged(t,e),this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction),this.$emit("change")}minChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.min=""+this.min),this.validate()}maxChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.max=""+this.max),this.validate()}stepChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.step=""+this.step),this.updateStepMultiplier(),this.validate()}orientationChanged(){this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type","range"),this.direction=ci(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction)}disconnectedCallback(){this.setupListeners(!0)}increment(){const t=this.direction!==Ze.rtl&&this.orientation!==We.vertical?Number(this.value)+Number(this.step):Number(this.value)-Number(this.step),e=this.convertToConstrainedValue(t),i=e<Number(this.max)?""+e:""+this.max;this.value=i}decrement(){const t=this.direction!==Ze.rtl&&this.orientation!==We.vertical?Number(this.value)-Number(this.step):Number(this.value)+Number(this.step),e=this.convertToConstrainedValue(t),i=e>Number(this.min)?""+e:""+this.min;this.value=i}setThumbPositionForOrientation(t){const e=gs(Number(this.value),Number(this.min),Number(this.max),t),i=Math.round(100*(1-e));this.orientation===We.horizontal?this.position=this.isDragging?`right: ${i}%; transition: none;`:`right: ${i}%; transition: all 0.2s ease;`:this.position=this.isDragging?`bottom: ${i}%; transition: none;`:`bottom: ${i}%; transition: all 0.2s ease;`}updateStepMultiplier(){const t=this.step+"",e=this.step%1?t.length-t.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,e)}get midpoint(){return""+this.convertToConstrainedValue((this.max+this.min)/2)}setupDefaultValue(){if("string"==typeof this.value)if(0===this.value.length)this.initialValue=this.midpoint;else{const t=parseFloat(this.value);!Number.isNaN(t)&&(t<this.min||t>this.max)&&(this.value=this.midpoint)}}}ne([ft({attribute:"readonly",mode:"boolean"})],xs.prototype,"readOnly",void 0),ne([T],xs.prototype,"direction",void 0),ne([T],xs.prototype,"isDragging",void 0),ne([T],xs.prototype,"position",void 0),ne([T],xs.prototype,"trackWidth",void 0),ne([T],xs.prototype,"trackMinWidth",void 0),ne([T],xs.prototype,"trackHeight",void 0),ne([T],xs.prototype,"trackLeft",void 0),ne([T],xs.prototype,"trackMinHeight",void 0),ne([T],xs.prototype,"valueTextFormatter",void 0),ne([ft({converter:pt})],xs.prototype,"min",void 0),ne([ft({converter:pt})],xs.prototype,"max",void 0),ne([ft({converter:pt})],xs.prototype,"step",void 0),ne([ft],xs.prototype,"orientation",void 0),ne([ft],xs.prototype,"mode",void 0);class $s extends je{}class ws extends(bi($s)){constructor(){super(...arguments),this.proxy=document.createElement("input")}}class ks extends ws{constructor(){super(),this.initialValue="on",this.keypressHandler=t=>{switch(t.key){case"Enter":case" ":this.checked=!this.checked}},this.clickHandler=t=>{this.disabled||this.readOnly||(this.checked=!this.checked)},this.proxy.setAttribute("type","checkbox")}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly),this.readOnly?this.classList.add("readonly"):this.classList.remove("readonly")}checkedChanged(t,e){super.checkedChanged(t,e),this.checked?this.classList.add("checked"):this.classList.remove("checked")}}ne([ft({attribute:"readonly",mode:"boolean"})],ks.prototype,"readOnly",void 0),ne([T],ks.prototype,"defaultSlottedNodes",void 0);class Cs extends je{}class Fs extends je{}ne([ft({mode:"boolean"})],Fs.prototype,"disabled",void 0);var Is,Ts;!function(t){t.vertical="vertical",t.horizontal="horizontal"}(Is||(Is={}));class Ds extends je{constructor(){super(...arguments),this.orientation=Is.horizontal,this.activeindicator=!0,this.showActiveIndicator=!0,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.ticking=!1,this.change=()=>{this.$emit("change",this.activetab)},this.isDisabledElement=t=>"true"===t.getAttribute("aria-disabled"),this.isFocusableElement=t=>!this.isDisabledElement(t),this.setTabs=()=>{const t=this.isHorizontal()?"gridColumn":"gridRow";this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex(),this.showActiveIndicator=!1,this.tabs.forEach((e,i)=>{if("tab"===e.slot&&this.isFocusableElement(e)){this.activeindicator&&(this.showActiveIndicator=!0);const t=this.tabIds[i],o=this.tabpanelIds[i];e.setAttribute("id","string"!=typeof t?"tab-"+(i+1):t),e.setAttribute("aria-selected",this.activeTabIndex===i?"true":"false"),e.setAttribute("aria-controls","string"!=typeof o?"panel-"+(i+1):o),e.addEventListener("click",this.handleTabClick),e.addEventListener("keydown",this.handleTabKeyDown),e.setAttribute("tabindex",this.activeTabIndex===i?"0":"-1"),this.activeTabIndex===i&&(this.activetab=e)}e.style.gridColumn="",e.style.gridRow="",e.style[t]=""+(i+1),this.isHorizontal()?e.classList.remove("vertical"):e.classList.add("vertical")})},this.setTabPanels=()=>{this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.tabpanels.forEach((t,e)=>{const i=this.tabIds[e],o=this.tabpanelIds[e];t.setAttribute("id","string"!=typeof o?"panel-"+(e+1):o),t.setAttribute("aria-labelledby","string"!=typeof i?"tab-"+(e+1):i),this.activeTabIndex!==e?t.setAttribute("hidden",""):t.removeAttribute("hidden")})},this.handleTabClick=t=>{const e=t.currentTarget;1===e.nodeType&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(e),this.setComponent())},this.handleTabKeyDown=t=>{if(this.isHorizontal())switch(t.key){case"ArrowLeft":t.preventDefault(),this.adjustBackward(t);break;case"ArrowRight":t.preventDefault(),this.adjustForward(t)}else switch(t.key){case"ArrowUp":t.preventDefault(),this.adjustBackward(t);break;case"ArrowDown":t.preventDefault(),this.adjustForward(t)}switch(t.key){case"Home":t.preventDefault(),this.adjust(-this.activeTabIndex);break;case"End":t.preventDefault(),this.adjust(this.tabs.length-this.activeTabIndex-1)}},this.adjustForward=t=>{const e=this.tabs;let i=0;for(i=this.activetab?e.indexOf(this.activetab)+1:1,i===e.length&&(i=0);i<e.length&&e.length>1;){if(this.isFocusableElement(e[i])){this.moveToTabByIndex(e,i);break}if(this.activetab&&i===e.indexOf(this.activetab))break;i+1>=e.length?i=0:i+=1}},this.adjustBackward=t=>{const e=this.tabs;let i=0;for(i=this.activetab?e.indexOf(this.activetab)-1:0,i=i<0?e.length-1:i;i>=0&&e.length>1;){if(this.isFocusableElement(e[i])){this.moveToTabByIndex(e,i);break}i-1<0?i=e.length-1:i-=1}},this.moveToTabByIndex=(t,e)=>{const i=t[e];this.activetab=i,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=e,i.focus(),this.setComponent()}}orientationChanged(){this.$fastController.isConnected&&(this.setTabs(),this.setTabPanels(),this.handleActiveIndicatorPosition())}activeidChanged(t,e){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.prevActiveTabIndex=this.tabs.findIndex(e=>e.id===t),this.setTabs(),this.setTabPanels(),this.handleActiveIndicatorPosition())}tabsChanged(){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.setTabs(),this.setTabPanels(),this.handleActiveIndicatorPosition())}tabpanelsChanged(){this.$fastController.isConnected&&this.tabpanels.length<=this.tabs.length&&(this.setTabs(),this.setTabPanels(),this.handleActiveIndicatorPosition())}getActiveIndex(){return void 0!==this.activeid?-1===this.tabIds.indexOf(this.activeid)?0:this.tabIds.indexOf(this.activeid):0}getTabIds(){return this.tabs.map(t=>t.getAttribute("id"))}getTabPanelIds(){return this.tabpanels.map(t=>t.getAttribute("id"))}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===Is.horizontal}handleActiveIndicatorPosition(){this.showActiveIndicator&&this.activeindicator&&this.activeTabIndex!==this.prevActiveTabIndex&&(this.ticking?this.ticking=!1:(this.ticking=!0,this.animateActiveIndicator()))}animateActiveIndicator(){this.ticking=!0;const t=this.isHorizontal()?"gridColumn":"gridRow",e=this.isHorizontal()?"translateX":"translateY",i=this.isHorizontal()?"offsetLeft":"offsetTop",o=this.activeIndicatorRef[i];this.activeIndicatorRef.style[t]=""+(this.activeTabIndex+1);const s=this.activeIndicatorRef[i];this.activeIndicatorRef.style[t]=""+(this.prevActiveTabIndex+1);const n=s-o;this.activeIndicatorRef.style.transform=`${e}(${n}px)`,this.activeIndicatorRef.classList.add("activeIndicatorTransition"),this.activeIndicatorRef.addEventListener("transitionend",()=>{this.ticking=!1,this.activeIndicatorRef.style[t]=""+(this.activeTabIndex+1),this.activeIndicatorRef.style.transform=e+"(0px)",this.activeIndicatorRef.classList.remove("activeIndicatorTransition")})}adjust(t){this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=Je(0,this.tabs.length-1,this.activeTabIndex+t),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}}ne([ft],Ds.prototype,"orientation",void 0),ne([ft],Ds.prototype,"activeid",void 0),ne([T],Ds.prototype,"tabs",void 0),ne([T],Ds.prototype,"tabpanels",void 0),ne([ft({mode:"boolean"})],Ds.prototype,"activeindicator",void 0),ne([T],Ds.prototype,"activeIndicatorRef",void 0),ne([T],Ds.prototype,"showActiveIndicator",void 0),_e(Ds,te);class Vs extends je{}class Ss extends(mi(Vs)){constructor(){super(...arguments),this.proxy=document.createElement("textarea")}}!function(t){t.none="none",t.both="both",t.horizontal="horizontal",t.vertical="vertical"}(Ts||(Ts={}));class Rs extends Ss{constructor(){super(...arguments),this.resize=Ts.none,this.cols=20,this.handleTextInput=()=>{this.value=this.control.value}}readOnlyChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.readOnly=this.readOnly)}autofocusChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.autofocus=this.autofocus)}listChanged(){this.proxy instanceof HTMLTextAreaElement&&this.proxy.setAttribute("list",this.list)}maxlengthChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.maxLength=this.maxlength)}minlengthChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.minLength=this.minlength)}spellcheckChanged(){this.proxy instanceof HTMLTextAreaElement&&(this.proxy.spellcheck=this.spellcheck)}handleChange(){this.$emit("change")}}ne([ft({mode:"boolean"})],Rs.prototype,"readOnly",void 0),ne([ft],Rs.prototype,"resize",void 0),ne([ft({mode:"boolean"})],Rs.prototype,"autofocus",void 0),ne([ft({attribute:"form"})],Rs.prototype,"formId",void 0),ne([ft],Rs.prototype,"list",void 0),ne([ft({converter:pt})],Rs.prototype,"maxlength",void 0),ne([ft({converter:pt})],Rs.prototype,"minlength",void 0),ne([ft],Rs.prototype,"name",void 0),ne([ft],Rs.prototype,"placeholder",void 0),ne([ft({converter:pt,mode:"fromView"})],Rs.prototype,"cols",void 0),ne([ft({converter:pt,mode:"fromView"})],Rs.prototype,"rows",void 0),ne([ft({mode:"boolean"})],Rs.prototype,"spellcheck",void 0),ne([T],Rs.prototype,"defaultSlottedNodes",void 0),_e(Rs,Jo);const Es=Object.freeze({[Qe.ArrowUp]:{[We.vertical]:-1},[Qe.ArrowDown]:{[We.vertical]:1},[Qe.ArrowLeft]:{[We.horizontal]:{[Ze.ltr]:-1,[Ze.rtl]:1}},[Qe.ArrowRight]:{[We.horizontal]:{[Ze.ltr]:1,[Ze.rtl]:-1}}});class Os extends je{constructor(){super(...arguments),this._activeIndex=0,this.direction=Ze.ltr,this.orientation=We.horizontal}get activeIndex(){return C.track(this,"activeIndex"),this._activeIndex}set activeIndex(t){this.$fastController.isConnected&&(this._activeIndex=ti(0,this.focusableElements.length-1,t),C.notify(this,"activeIndex"))}slottedItemsChanged(){this.$fastController.isConnected&&this.reduceFocusableElements()}clickHandler(t){var e;const i=null===(e=this.focusableElements)||void 0===e?void 0:e.indexOf(t.target);return i>-1&&this.activeIndex!==i&&this.setFocusedElement(i),!0}connectedCallback(){super.connectedCallback(),this.direction=ci(this)}focusinHandler(t){const e=t.relatedTarget;e&&!this.contains(e)&&this.setFocusedElement()}getDirectionalIncrementer(t){var e,i,o,s,n;return null!==(n=null!==(o=null===(i=null===(e=Es[t])||void 0===e?void 0:e[this.orientation])||void 0===i?void 0:i[this.direction])&&void 0!==o?o:null===(s=Es[t])||void 0===s?void 0:s[this.orientation])&&void 0!==n?n:0}keydownHandler(t){const e=t.key;if(!(e in Qe)||t.defaultPrevented||t.shiftKey)return!0;const i=this.getDirectionalIncrementer(e);if(!i)return!t.target.closest("[role=radiogroup]");const o=this.activeIndex+i;return this.focusableElements[o]&&t.preventDefault(),this.setFocusedElement(o),!0}get allSlottedItems(){return[...this.start.assignedElements(),...this.slottedItems,...this.end.assignedElements()]}reduceFocusableElements(){this.focusableElements=this.allSlottedItems.reduce(Os.reduceFocusableItems,[]),this.setFocusableElements()}setFocusedElement(t=this.activeIndex){var e;this.activeIndex=t,this.setFocusableElements(),null===(e=this.focusableElements[this.activeIndex])||void 0===e||e.focus()}static reduceFocusableItems(t,e){var i,o,s,n;const r="radio"===e.getAttribute("role"),a=null===(o=null===(i=e.$fastController)||void 0===i?void 0:i.definition.shadowOptions)||void 0===o?void 0:o.delegatesFocus,l=Array.from(null!==(n=null===(s=e.shadowRoot)||void 0===s?void 0:s.querySelectorAll("*"))&&void 0!==n?n:[]).some(t=>Mo(t));return Mo(e)||r||a||l?(t.push(e),t):e.childElementCount?t.concat(Array.from(e.children).reduce(Os.reduceFocusableItems,[])):t}setFocusableElements(){this.$fastController.isConnected&&this.focusableElements.length>0&&this.focusableElements.forEach((t,e)=>{t.tabIndex=this.activeIndex===e?0:-1})}}ne([T],Os.prototype,"direction",void 0),ne([ft],Os.prototype,"orientation",void 0),ne([T],Os.prototype,"slottedItems",void 0),ne([T],Os.prototype,"slottedLabel",void 0);class As{}ne([ft({attribute:"aria-labelledby"})],As.prototype,"ariaLabelledby",void 0),ne([ft({attribute:"aria-label"})],As.prototype,"ariaLabel",void 0),_e(As,ri),_e(Os,te,As);var Ls;!function(t){t.top="top",t.right="right",t.bottom="bottom",t.left="left",t.start="start",t.end="end"}(Ls||(Ls={}));class zs extends je{constructor(){super(...arguments),this.anchor="",this.delay=300,this.autoUpdateMode="anchor",this.anchorElement=null,this.viewportElement=null,this.verticalPositioningMode="dynamic",this.horizontalPositioningMode="dynamic",this.horizontalInset="true",this.verticalInset="false",this.horizontalScaling="anchor",this.verticalScaling="content",this.verticalDefaultPosition=void 0,this.horizontalDefaultPosition=void 0,this.tooltipVisible=!1,this.currentDirection=Ze.ltr,this.delayTimer=null,this.isAnchorHoveredFocused=!1,this.handlePositionChange=t=>{this.classList.toggle("top","start"===this.region.verticalPosition),this.classList.toggle("bottom","end"===this.region.verticalPosition),this.classList.toggle("inset-top","insetStart"===this.region.verticalPosition),this.classList.toggle("inset-bottom","insetEnd"===this.region.verticalPosition),this.classList.toggle("left","start"===this.region.horizontalPosition),this.classList.toggle("right","end"===this.region.horizontalPosition),this.classList.toggle("inset-left","insetStart"===this.region.horizontalPosition),this.classList.toggle("inset-right","insetEnd"===this.region.horizontalPosition)},this.handleAnchorMouseOver=t=>{this.startHoverTimer()},this.handleAnchorMouseOut=t=>{this.isAnchorHoveredFocused=!1,this.updateTooltipVisibility(),this.clearDelayTimer()},this.handleAnchorFocusIn=t=>{this.startHoverTimer()},this.handleAnchorFocusOut=t=>{this.isAnchorHoveredFocused=!1,this.updateTooltipVisibility(),this.clearDelayTimer()},this.startHoverTimer=()=>{this.isAnchorHoveredFocused||(this.delay>1?null===this.delayTimer&&(this.delayTimer=window.setTimeout(()=>{this.startHover()},this.delay)):this.startHover())},this.startHover=()=>{this.isAnchorHoveredFocused=!0,this.updateTooltipVisibility()},this.clearDelayTimer=()=>{null!==this.delayTimer&&(clearTimeout(this.delayTimer),this.delayTimer=null)},this.getAnchor=()=>{const t=this.getRootNode();return t instanceof ShadowRoot?t.getElementById(this.anchor):document.getElementById(this.anchor)},this.handleDocumentKeydown=t=>{if(!t.defaultPrevented&&this.tooltipVisible)switch(t.key){case"Escape":this.isAnchorHoveredFocused=!1,this.updateTooltipVisibility(),this.$emit("dismiss")}},this.updateTooltipVisibility=()=>{if(!1===this.visible)this.hideTooltip();else{if(!0===this.visible)return void this.showTooltip();if(this.isAnchorHoveredFocused)return void this.showTooltip();this.hideTooltip()}},this.showTooltip=()=>{this.tooltipVisible||(this.currentDirection=ci(this),this.tooltipVisible=!0,document.addEventListener("keydown",this.handleDocumentKeydown),d.queueUpdate(this.setRegionProps))},this.hideTooltip=()=>{this.tooltipVisible&&(null!==this.region&&void 0!==this.region&&(this.region.removeEventListener("positionchange",this.handlePositionChange),this.region.viewportElement=null,this.region.anchorElement=null),document.removeEventListener("keydown",this.handleDocumentKeydown),this.tooltipVisible=!1)},this.setRegionProps=()=>{this.tooltipVisible&&(this.region.viewportElement=this.viewportElement,this.region.anchorElement=this.anchorElement,this.region.addEventListener("positionchange",this.handlePositionChange))}}visibleChanged(){this.$fastController.isConnected&&(this.updateTooltipVisibility(),this.updateLayout())}anchorChanged(){this.$fastController.isConnected&&this.updateLayout()}positionChanged(){this.$fastController.isConnected&&this.updateLayout()}anchorElementChanged(t){if(this.$fastController.isConnected){if(null!=t&&(t.removeEventListener("mouseover",this.handleAnchorMouseOver),t.removeEventListener("mouseout",this.handleAnchorMouseOut),t.removeEventListener("focusin",this.handleAnchorFocusIn),t.removeEventListener("focusout",this.handleAnchorFocusOut)),null!==this.anchorElement&&void 0!==this.anchorElement){this.anchorElement.addEventListener("mouseover",this.handleAnchorMouseOver,{passive:!0}),this.anchorElement.addEventListener("mouseout",this.handleAnchorMouseOut,{passive:!0}),this.anchorElement.addEventListener("focusin",this.handleAnchorFocusIn,{passive:!0}),this.anchorElement.addEventListener("focusout",this.handleAnchorFocusOut,{passive:!0});const t=this.anchorElement.id;null!==this.anchorElement.parentElement&&this.anchorElement.parentElement.querySelectorAll(":hover").forEach(e=>{e.id===t&&this.startHoverTimer()})}null!==this.region&&void 0!==this.region&&this.tooltipVisible&&(this.region.anchorElement=this.anchorElement),this.updateLayout()}}viewportElementChanged(){null!==this.region&&void 0!==this.region&&(this.region.viewportElement=this.viewportElement),this.updateLayout()}connectedCallback(){super.connectedCallback(),this.anchorElement=this.getAnchor(),this.updateLayout(),this.updateTooltipVisibility()}disconnectedCallback(){this.hideTooltip(),this.clearDelayTimer(),super.disconnectedCallback()}updateLayout(){switch(this.position){case Ls.top:case Ls.bottom:this.verticalPositioningMode="locktodefault",this.horizontalPositioningMode="dynamic",this.verticalDefaultPosition=this.position,this.horizontalDefaultPosition=void 0,this.horizontalInset="true",this.verticalInset="false",this.horizontalScaling="anchor",this.verticalScaling="content";break;case Ls.right:case Ls.left:case Ls.start:case Ls.end:this.verticalPositioningMode="dynamic",this.horizontalPositioningMode="locktodefault",this.verticalDefaultPosition=void 0,this.horizontalDefaultPosition=this.position,this.horizontalInset="false",this.verticalInset="true",this.horizontalScaling="content",this.verticalScaling="anchor";break;default:this.verticalPositioningMode="dynamic",this.horizontalPositioningMode="dynamic",this.verticalDefaultPosition=void 0,this.horizontalDefaultPosition=void 0,this.horizontalInset="true",this.verticalInset="false",this.horizontalScaling="anchor",this.verticalScaling="content"}}}ne([ft({mode:"boolean"})],zs.prototype,"visible",void 0),ne([ft],zs.prototype,"anchor",void 0),ne([ft],zs.prototype,"delay",void 0),ne([ft],zs.prototype,"position",void 0),ne([ft({attribute:"auto-update-mode"})],zs.prototype,"autoUpdateMode",void 0),ne([ft({attribute:"horizontal-viewport-lock"})],zs.prototype,"horizontalViewportLock",void 0),ne([ft({attribute:"vertical-viewport-lock"})],zs.prototype,"verticalViewportLock",void 0),ne([T],zs.prototype,"anchorElement",void 0),ne([T],zs.prototype,"viewportElement",void 0),ne([T],zs.prototype,"verticalPositioningMode",void 0),ne([T],zs.prototype,"horizontalPositioningMode",void 0),ne([T],zs.prototype,"horizontalInset",void 0),ne([T],zs.prototype,"verticalInset",void 0),ne([T],zs.prototype,"horizontalScaling",void 0),ne([T],zs.prototype,"verticalScaling",void 0),ne([T],zs.prototype,"verticalDefaultPosition",void 0),ne([T],zs.prototype,"horizontalDefaultPosition",void 0),ne([T],zs.prototype,"tooltipVisible",void 0),ne([T],zs.prototype,"currentDirection",void 0);function Hs(t){return Ke(t)&&"treeitem"===t.getAttribute("role")}class Ps extends je{constructor(){super(...arguments),this.expanded=!1,this.focusable=!1,this.handleExpandCollapseButtonClick=t=>{this.disabled||(t.preventDefault(),this.setExpanded(!this.expanded))},this.handleClick=t=>{if(!t.defaultPrevented){return t.composedPath().find(t=>t instanceof HTMLElement&&Hs(t))===this&&this.handleSelected(),!0}},this.isNestedItem=()=>Hs(this.parentElement)}itemsChanged(t,e){this.$fastController.isConnected&&this.items.forEach(t=>{Hs(t)&&(t.nested=!0)})}static focusItem(t){t.focusable=!0,t.focus()}childItemLength(){const t=this.childItems.filter(t=>Hs(t));return t?t.length:0}handleSelected(t){this.$emit("selected-change",t)}setExpanded(t){this.expanded=t,this.$emit("expanded-change",this)}}ne([ft({mode:"boolean"})],Ps.prototype,"expanded",void 0),ne([ft({mode:"boolean"})],Ps.prototype,"selected",void 0),ne([ft({mode:"boolean"})],Ps.prototype,"disabled",void 0),ne([T],Ps.prototype,"focusable",void 0),ne([T],Ps.prototype,"childItems",void 0),ne([T],Ps.prototype,"items",void 0),ne([T],Ps.prototype,"nested",void 0),ne([T],Ps.prototype,"renderCollapsedChildren",void 0),_e(Ps,te);class Ms extends je{constructor(){super(...arguments),this.handleBlur=t=>{const{relatedTarget:e,target:i}=t;i instanceof HTMLElement&&(null===e||!this.contains(e))&&this.setAttribute("tabindex","0")},this.handleFocus=t=>{const{relatedTarget:e,target:i}=t;if(i instanceof HTMLElement&&(null===e||!this.contains(e))){const t=this;i===this&&this.currentFocused instanceof Ps&&(Ps.focusItem(this.currentFocused),this.currentFocused.setAttribute("tabindex","0")),t.setAttribute("tabindex","-1")}},this.handleKeyDown=t=>{if(!this.treeItems)return!0;switch(t.key){case"Home":this.treeItems&&this.treeItems.length&&(Ps.focusItem(this.treeItems[0]),this.treeItems[0].setAttribute("tabindex","0"));break;case"End":this.treeItems&&this.treeItems.length&&(Ps.focusItem(this.treeItems[this.treeItems.length-1]),this.treeItems[this.treeItems.length-1].setAttribute("tabindex","0"));break;case"ArrowLeft":if(t.target&&this.isFocusableElement(t.target)){const e=t.target;e instanceof Ps&&e.childItemLength()>0&&(e.expanded=!1)}break;case"ArrowRight":if(t.target&&this.isFocusableElement(t.target)){const e=t.target;e instanceof Ps&&e.childItemLength()>0&&(e.expanded=!0)}break;case"ArrowDown":t.target&&this.isFocusableElement(t.target)&&this.focusNextNode(1,t.target);break;case"ArrowUp":t.target&&this.isFocusableElement(t.target)&&this.focusNextNode(-1,t.target);break;case"Enter":this.handleSelected(t.target);break;default:return!0}},this.setItems=()=>{let t=this.treeItems.findIndex(this.isSelectedElement);-1===t&&(t=this.treeItems.findIndex(this.isFocusableElement));for(let e=0;e<this.treeItems.length;e++)e===t&&(this.treeItems[e].setAttribute("tabindex","0"),this.currentFocused=this.treeItems[e]),this.treeItems[e].addEventListener("selected-change",this.handleItemSelected)},this.resetItems=()=>{for(let t=0;t<this.treeItems.length;t++)this.treeItems[t].removeEventListener("selected-change",this.handleItemSelected)},this.handleItemSelected=t=>{const e=t.target;e!==this.currentSelected&&this.handleSelected(e)},this.isFocusableElement=t=>Hs(t),this.isSelectedElement=t=>t.selected}slottedTreeItemsChanged(t,e){this.$fastController.isConnected&&(this.resetItems(),this.treeItems=this.getVisibleNodes(),this.setItems(),this.checkForNestedItems()&&this.slottedTreeItems.forEach(t=>{Hs(t)&&(t.nested=!0)}))}checkForNestedItems(){return this.slottedTreeItems.some(t=>Hs(t)&&t.querySelector("[role='treeitem']"))}connectedCallback(){super.connectedCallback(),this.treeItems=this.getVisibleNodes(),d.queueUpdate(()=>{const t=this.treeView.querySelector("[aria-selected='true']");t&&(this.currentSelected=t)})}focusNextNode(t,e){const i=this.getVisibleNodes();if(!i)return;const o=i.indexOf(e),s=i[o];(t<0&&o>0||t>0&&o<i.length-1)&&s.setAttribute("tabindex","-1");const n=i[i.indexOf(e)+t];Ke(n)&&(Ps.focusItem(n),n.setAttribute("tabindex","0"),this.currentFocused=n)}handleSelected(t){this.currentSelected!==t&&(t.setAttribute("tabindex","0"),this.currentSelected instanceof Ps&&this.currentFocused&&(t.disabled||(this.currentSelected.selected=!1),this.currentFocused.setAttribute("tabindex","-1")),this.currentSelected||this.slottedTreeItems.forEach(t=>{t instanceof Ps&&t.setAttribute("tabindex","-1")}),t.disabled||(t.selected=!0,this.currentSelected=t),this.currentFocused=t)}getVisibleNodes(){return function(t,e){if(!t||!e||!Ke(t))return;return Array.from(t.querySelectorAll(e)).filter(t=>null!==t.offsetParent)}(this,"[role='treeitem']")||[]}}var Bs,Ns,js,Us;function qs(t,e,i){return isNaN(t)||t<=e?e:t>=i?i:t}function _s(t,e,i){return isNaN(t)||t<=e?0:t>=i?1:t/(i-e)}function Gs(t,e,i){return isNaN(t)?e:e+t*(i-e)}function Ws(t,e,i){return isNaN(t)||t<=0?e:t>=1?i:e+t*(i-e)}function Ks(t,e){const i=Math.pow(10,e);return Math.round(t*i)/i}ne([ft({attribute:"render-collapsed-nodes"})],Ms.prototype,"renderCollapsedNodes",void 0),ne([T],Ms.prototype,"currentSelected",void 0),ne([T],Ms.prototype,"nested",void 0),ne([T],Ms.prototype,"slottedTreeItems",void 0),function(t){t.ltr="ltr",t.rtl="rtl"}(Bs||(Bs={})),function(t){t.Canvas="Canvas",t.CanvasText="CanvasText",t.LinkText="LinkText",t.VisitedText="VisitedText",t.ActiveText="ActiveText",t.ButtonFace="ButtonFace",t.ButtonText="ButtonText",t.Field="Field",t.FieldText="FieldText",t.Highlight="Highlight",t.HighlightText="HighlightText",t.GrayText="GrayText"}(Ns||(Ns={}));class Xs{constructor(t,e,i){this.h=t,this.s=e,this.l=i}static fromObject(t){return!t||isNaN(t.h)||isNaN(t.s)||isNaN(t.l)?null:new Xs(t.h,t.s,t.l)}equalValue(t){return this.h===t.h&&this.s===t.s&&this.l===t.l}roundToPrecision(t){return new Xs(Ks(this.h,t),Ks(this.s,t),Ks(this.l,t))}toObject(){return{h:this.h,s:this.s,l:this.l}}}class Ys{constructor(t,e,i){this.l=t,this.a=e,this.b=i}static fromObject(t){return!t||isNaN(t.l)||isNaN(t.a)||isNaN(t.b)?null:new Ys(t.l,t.a,t.b)}equalValue(t){return this.l===t.l&&this.a===t.a&&this.b===t.b}roundToPrecision(t){return new Ys(Ks(this.l,t),Ks(this.a,t),Ks(this.b,t))}toObject(){return{l:this.l,a:this.a,b:this.b}}}Ys.epsilon=216/24389,Ys.kappa=24389/27;class Qs{constructor(t,e,i,o){this.r=t,this.g=e,this.b=i,this.a="number"!=typeof o||isNaN(o)?1:o}static fromObject(t){return!t||isNaN(t.r)||isNaN(t.g)||isNaN(t.b)?null:new Qs(t.r,t.g,t.b,t.a)}equalValue(t){return this.r===t.r&&this.g===t.g&&this.b===t.b&&this.a===t.a}toStringHexRGB(){return"#"+[this.r,this.g,this.b].map(this.formatHexValue).join("")}toStringHexRGBA(){return this.toStringHexRGB()+this.formatHexValue(this.a)}toStringHexARGB(){return"#"+[this.a,this.r,this.g,this.b].map(this.formatHexValue).join("")}toStringWebRGB(){return`rgb(${Math.round(Gs(this.r,0,255))},${Math.round(Gs(this.g,0,255))},${Math.round(Gs(this.b,0,255))})`}toStringWebRGBA(){return`rgba(${Math.round(Gs(this.r,0,255))},${Math.round(Gs(this.g,0,255))},${Math.round(Gs(this.b,0,255))},${qs(this.a,0,1)})`}roundToPrecision(t){return new Qs(Ks(this.r,t),Ks(this.g,t),Ks(this.b,t),Ks(this.a,t))}clamp(){return new Qs(qs(this.r,0,1),qs(this.g,0,1),qs(this.b,0,1),qs(this.a,0,1))}toObject(){return{r:this.r,g:this.g,b:this.b,a:this.a}}formatHexValue(t){return function(t){const e=Math.round(qs(t,0,255)).toString(16);return 1===e.length?"0"+e:e}(Gs(t,0,255))}}class Zs{constructor(t,e,i){this.x=t,this.y=e,this.z=i}static fromObject(t){return!t||isNaN(t.x)||isNaN(t.y)||isNaN(t.z)?null:new Zs(t.x,t.y,t.z)}equalValue(t){return this.x===t.x&&this.y===t.y&&this.z===t.z}roundToPrecision(t){return new Zs(Ks(this.x,t),Ks(this.y,t),Ks(this.z,t))}toObject(){return{x:this.x,y:this.y,z:this.z}}}function Js(t){function e(t){return t<=.03928?t/12.92:Math.pow((t+.055)/1.055,2.4)}return function(t){return.2126*t.r+.7152*t.g+.0722*t.b}(new Qs(e(t.r),e(t.g),e(t.b),1))}function tn(t){const e=Math.max(t.r,t.g,t.b),i=Math.min(t.r,t.g,t.b),o=e-i;let s=0;0!==o&&(s=e===t.r?(t.g-t.b)/o%6*60:e===t.g?60*((t.b-t.r)/o+2):60*((t.r-t.g)/o+4)),s<0&&(s+=360);const n=(e+i)/2;let r=0;return 0!==o&&(r=o/(1-Math.abs(2*n-1))),new Xs(s,r,n)}function en(t){return function(t){function e(t){return t>Ys.epsilon?Math.pow(t,1/3):(Ys.kappa*t+16)/116}const i=e(t.x/Zs.whitePoint.x),o=e(t.y/Zs.whitePoint.y),s=e(t.z/Zs.whitePoint.z);return new Ys(116*o-16,500*(i-o),200*(o-s))}(function(t){function e(t){return t<=.04045?t/12.92:Math.pow((t+.055)/1.055,2.4)}const i=e(t.r),o=e(t.g),s=e(t.b);return new Zs(.4124564*i+.3575761*o+.1804375*s,.2126729*i+.7151522*o+.072175*s,.0193339*i+.119192*o+.9503041*s)}(t))}function on(t,e=1){return function(t,e=1){function i(t){return t<=.0031308?12.92*t:1.055*Math.pow(t,1/2.4)-.055}const o=i(3.2404542*t.x-1.5371385*t.y-.4985314*t.z),s=i(-.969266*t.x+1.8760108*t.y+.041556*t.z),n=i(.0556434*t.x-.2040259*t.y+1.0572252*t.z);return new Qs(o,s,n,e)}(function(t){const e=(t.l+16)/116,i=e+t.a/500,o=e-t.b/200,s=Math.pow(i,3),n=Math.pow(e,3),r=Math.pow(o,3);let a=0;a=s>Ys.epsilon?s:(116*i-16)/Ys.kappa;let l=0;l=t.l>Ys.epsilon*Ys.kappa?n:t.l/Ys.kappa;let c=0;return c=r>Ys.epsilon?r:(116*o-16)/Ys.kappa,a=Zs.whitePoint.x*a,l=Zs.whitePoint.y*l,c=Zs.whitePoint.z*c,new Zs(a,l,c)}(t),e)}function sn(t,e,i){return isNaN(t)||t<=0?e:t>=1?i:new Qs(Ws(t,e.r,i.r),Ws(t,e.g,i.g),Ws(t,e.b,i.b),Ws(t,e.a,i.a))}Zs.whitePoint=new Zs(.95047,1,1.08883),function(t){t[t.Burn=0]="Burn",t[t.Color=1]="Color",t[t.Darken=2]="Darken",t[t.Dodge=3]="Dodge",t[t.Lighten=4]="Lighten",t[t.Multiply=5]="Multiply",t[t.Overlay=6]="Overlay",t[t.Screen=7]="Screen"}(js||(js={})),function(t){t[t.RGB=0]="RGB",t[t.HSL=1]="HSL",t[t.HSV=2]="HSV",t[t.XYZ=3]="XYZ",t[t.LAB=4]="LAB",t[t.LCH=5]="LCH"}(Us||(Us={}));const nn=/^#((?:[0-9a-f]{6}|[0-9a-f]{3}))$/i;function rn(t){const e=nn.exec(t);if(null===e)return null;let i=e[1];if(3===i.length){const t=i.charAt(0),e=i.charAt(1),o=i.charAt(2);i=t.concat(t,e,e,o,o)}const o=parseInt(i,16);return isNaN(o)?null:new Qs(_s((16711680&o)>>>16,0,255),_s((65280&o)>>>8,0,255),_s(255&o,0,255),1)}function an(t,e){const i=t.relativeLuminance>e.relativeLuminance?t:e,o=t.relativeLuminance>e.relativeLuminance?e:t;return(i.relativeLuminance+.05)/(o.relativeLuminance+.05)}const ln=Object.freeze({create:(t,e,i)=>new cn(t,e,i),from:t=>new cn(t.r,t.g,t.b)});class cn extends Qs{constructor(t,e,i){super(t,e,i,1),this.toColorString=this.toStringHexRGB,this.contrast=an.bind(null,this),this.createCSS=this.toColorString,this.relativeLuminance=Js(this)}static fromObject(t){return new cn(t.r,t.g,t.b)}}const hn=(-.1+Math.sqrt(.21))/2;function dn(t){return t.relativeLuminance<=hn}function un(t){return dn(t)?-1:1}const pn={stepContrast:1.03,stepContrastRamp:.03,preserveSource:!1};const gn=Object.freeze({create:function(t,e,i){return"number"==typeof t?gn.from(ln.create(t,e,i)):gn.from(t)},from:function(t,e){return function(t){const e={r:0,g:0,b:0,toColorString:()=>"",contrast:()=>0,relativeLuminance:0};for(const i in e)if(typeof e[i]!=typeof t[i])return!1;return!0}(t)?fn.from(t,e):fn.from(ln.create(t.r,t.g,t.b),e)}});class fn{constructor(t,e){this.closestIndexCache=new Map,this.source=t,this.swatches=e,this.reversedSwatches=Object.freeze([...this.swatches].reverse()),this.lastIndex=this.swatches.length-1}colorContrast(t,e,i,o){void 0===i&&(i=this.closestIndexOf(t));let s=this.swatches;const n=this.lastIndex;let r=i;void 0===o&&(o=un(t));return-1===o&&(s=this.reversedSwatches,r=n-r),function t(e,i,o=0,s=e.length-1){if(s===o)return e[o];const n=Math.floor((s-o)/2)+o;return i(e[n])?t(e,i,o,n):t(e,i,n+1,s)}(s,i=>an(t,i)>=e,r,n)}get(t){return this.swatches[t]||this.swatches[qs(t,0,this.lastIndex)]}closestIndexOf(t){if(this.closestIndexCache.has(t.relativeLuminance))return this.closestIndexCache.get(t.relativeLuminance);let e=this.swatches.indexOf(t);if(-1!==e)return this.closestIndexCache.set(t.relativeLuminance,e),e;const i=this.swatches.reduce((e,i)=>Math.abs(i.relativeLuminance-t.relativeLuminance)<Math.abs(e.relativeLuminance-t.relativeLuminance)?i:e);return e=this.swatches.indexOf(i),this.closestIndexCache.set(t.relativeLuminance,e),e}static saturationBump(t,e){const i=tn(t).s,o=tn(e);if(o.s<i){return function(t,e=1){const i=(1-Math.abs(2*t.l-1))*t.s,o=i*(1-Math.abs(t.h/60%2-1)),s=t.l-i/2;let n=0,r=0,a=0;return t.h<60?(n=i,r=o,a=0):t.h<120?(n=o,r=i,a=0):t.h<180?(n=0,r=i,a=o):t.h<240?(n=0,r=o,a=i):t.h<300?(n=o,r=0,a=i):t.h<360&&(n=i,r=0,a=o),new Qs(n+s,r+s,a+s,e)}(new Xs(o.h,i,o.l))}return e}static ramp(t){const e=t/100;return e>.5?(e-.5)/.5:2*e}static createHighResolutionPalette(t){const e=[],i=en(Qs.fromObject(t).roundToPrecision(4)),o=on(new Ys(0,i.a,i.b)).clamp().roundToPrecision(4),s=on(new Ys(50,i.a,i.b)).clamp().roundToPrecision(4),n=on(new Ys(100,i.a,i.b)).clamp().roundToPrecision(4),r=new Qs(0,0,0),a=new Qs(1,1,1),l=n.equalValue(a)?0:14,c=o.equalValue(r)?0:14;for(let t=100+l;t>=0-c;t-=.5){let i;if(t<0){i=sn(t/c+1,r,o)}else if(t<=50)i=sn(fn.ramp(t),o,s);else if(t<=100)i=sn(fn.ramp(t),s,n);else{i=sn((t-100)/l,n,a)}i=fn.saturationBump(s,i).roundToPrecision(4),e.push(ln.from(i))}return new fn(t,e)}static adjustEnd(t,e,i,o){const s=-1===o?e.swatches:e.reversedSwatches,n=t=>{const i=e.closestIndexOf(t);return 1===o?e.lastIndex-i:i};1===o&&i.reverse();const r=t(i[i.length-2]);if(Ks(an(i[i.length-1],i[i.length-2]),2)<r){i.pop();const t=n(e.colorContrast(s[e.lastIndex],r,void 0,o))-n(i[i.length-2]);let a=1;for(let o=i.length-t-1;o<i.length;o++){const t=n(i[o]),r=o===i.length-1?e.lastIndex:t+a;i[o]=s[r],a++}}1===o&&i.reverse()}static createColorPaletteByContrast(t,e){const i=fn.createHighResolutionPalette(t),o=t=>Ks(e.stepContrast+e.stepContrast*(1-t.relativeLuminance)*e.stepContrastRamp,2),s=[];let n=e.preserveSource?t:i.swatches[0];s.push(n);do{const t=o(n);n=i.colorContrast(n,t,void 0,1),s.push(n)}while(n.relativeLuminance>0);if(e.preserveSource){n=t;do{const t=o(n);n=i.colorContrast(n,t,void 0,-1),s.unshift(n)}while(n.relativeLuminance<1)}return this.adjustEnd(o,i,s,-1),e.preserveSource&&this.adjustEnd(o,i,s,1),s}static from(t,e){const i=void 0===e?pn:Object.assign(Object.assign({},pn),e);return new fn(t,Object.freeze(fn.createColorPaletteByContrast(t,i)))}}const mn=ln.create(1,1,1),bn=ln.create(0,0,0),vn=ln.create(.5,.5,.5),yn=rn("#0078D4"),xn=ln.create(yn.r,yn.g,yn.b);function $n(t,e,i,o,s){const n=t=>t.contrast(mn)>=s?mn:bn,r=n(t),a=n(e);return{rest:r,hover:a,active:r.relativeLuminance===a.relativeLuminance?r:n(i),focus:n(o)}}class wn{constructor(t,e,i,o){this.toColorString=()=>this.cssGradient,this.contrast=an.bind(null,this),this.createCSS=this.toColorString,this.color=new Qs(t,e,i),this.cssGradient=o,this.relativeLuminance=Js(this.color),this.r=t,this.g=e,this.b=i}static fromObject(t,e){return new wn(t.r,t.g,t.b,e)}}const kn=new Qs(0,0,0),Cn=new Qs(1,1,1);function Fn(t,e,i,o,s,n,r,a,l=10,c=!1){const h=t.closestIndexOf(e);function d(i){if(c){const o=t.closestIndexOf(e),s=t.get(o),n=i.relativeLuminance<e.relativeLuminance?kn:Cn,r=function(t,e,i){const o=((t.r-e.r)/(i.r-e.r)+(t.g-e.g)/(i.g-e.g)+(t.b-e.b)/(i.b-e.b))/3;return new Qs(i.r,i.g,i.b,o)}(rn(i.toColorString()),rn(s.toColorString()),n).roundToPrecision(2),a=function(t,e){if(e.a>=1)return e;if(e.a<=0)return new Qs(t.r,t.g,t.b,1);const i=e.a*e.r+(1-e.a)*t.r,o=e.a*e.g+(1-e.a)*t.g,s=e.a*e.b+(1-e.a)*t.b;return new Qs(i,o,s,1)}(rn(e.toColorString()),r);return ln.from(a)}return i}void 0===a&&(a=un(e));const u=h+a*i,p=u+a*(o-i),g=u+a*(s-i),f=u+a*(n-i),m=-1===a?0:100-l,b=-1===a?l:100;function v(e,i){const o=t.get(e);if(i){const i=t.get(e+a*r),s=-1===a?i:o,n=-1===a?o:i,l=`linear-gradient(${d(s).toColorString()} ${m}%, ${d(n).toColorString()} ${b}%)`;return wn.fromObject(s,l)}return d(o)}return{rest:v(u,!0),hover:v(p,!0),active:v(g,!1),focus:v(f,!0)}}function In(t,e,i,o,s,n,r,a){null==a&&(a=un(e));const l=t.closestIndexOf(t.colorContrast(e,i));return{rest:t.get(l+a*o),hover:t.get(l+a*s),active:t.get(l+a*n),focus:t.get(l+a*r)}}function Tn(t,e,i,o,s,n,r){const a=t.closestIndexOf(e);return null==r&&(r=un(e)),{rest:t.get(a+r*i),hover:t.get(a+r*o),active:t.get(a+r*s),focus:t.get(a+r*n)}}function Dn(t,e,i,o,s,n,r,a,l,c,h,d){return dn(e)?Tn(t,e,a,l,c,h,d):Tn(t,e,i,o,s,n,r)}var Vn;function Sn(t,e){return t.closestIndexOf((i=e,ln.create(i,i,i)));var i}function Rn(t,e,i){return t.get(Sn(t,e)+-1*i)}!function(t){t[t.LightMode=.98]="LightMode",t[t.DarkMode=.15]="DarkMode"}(Vn||(Vn={}));const{create:En}=$o;function On(t){return $o.create({name:t,cssCustomPropertyName:null})}const An=En("direction").withDefault(Bs.ltr),Ln=En("disabled-opacity").withDefault(.3),zn=En("base-height-multiplier").withDefault(8),Hn=En("base-horizontal-spacing-multiplier").withDefault(3),Pn=En("density").withDefault(0),Mn=En("design-unit").withDefault(4),Bn=En("control-corner-radius").withDefault(4),Nn=En("layer-corner-radius").withDefault(8),jn=En("stroke-width").withDefault(1),Un=En("focus-stroke-width").withDefault(2),qn=En("body-font").withDefault("Segoe UI, sans-serif"),_n=En("type-ramp-base-font-size").withDefault("14px"),Gn=En("type-ramp-base-line-height").withDefault("20px"),Wn=En("type-ramp-minus-1-font-size").withDefault("12px"),Kn=En("type-ramp-minus-1-line-height").withDefault("16px"),Xn=En("type-ramp-minus-2-font-size").withDefault("10px"),Yn=En("type-ramp-minus-2-line-height").withDefault("14px"),Qn=En("type-ramp-plus-1-font-size").withDefault("16px"),Zn=En("type-ramp-plus-1-line-height").withDefault("22px"),Jn=En("type-ramp-plus-2-font-size").withDefault("20px"),tr=En("type-ramp-plus-2-line-height").withDefault("28px"),er=En("type-ramp-plus-3-font-size").withDefault("24px"),ir=En("type-ramp-plus-3-line-height").withDefault("32px"),or=En("type-ramp-plus-4-font-size").withDefault("28px"),sr=En("type-ramp-plus-4-line-height").withDefault("36px"),nr=En("type-ramp-plus-5-font-size").withDefault("32px"),rr=En("type-ramp-plus-5-line-height").withDefault("40px"),ar=En("type-ramp-plus-6-font-size").withDefault("40px"),lr=En("type-ramp-plus-6-line-height").withDefault("52px"),cr=En("base-layer-luminance").withDefault(Vn.LightMode),hr=On("accent-fill-rest-delta").withDefault(0),dr=On("accent-fill-hover-delta").withDefault(-2),ur=On("accent-fill-active-delta").withDefault(-5),pr=On("accent-fill-focus-delta").withDefault(0),gr=On("accent-foreground-rest-delta").withDefault(0),fr=On("accent-foreground-hover-delta").withDefault(3),mr=On("accent-foreground-active-delta").withDefault(-8),br=On("accent-foreground-focus-delta").withDefault(0),vr=On("neutral-fill-rest-delta").withDefault(-1),yr=On("neutral-fill-hover-delta").withDefault(1),xr=On("neutral-fill-active-delta").withDefault(0),$r=On("neutral-fill-focus-delta").withDefault(0),wr=On("neutral-fill-input-rest-delta").withDefault(-1),kr=On("neutral-fill-input-hover-delta").withDefault(1),Cr=On("neutral-fill-input-active-delta").withDefault(0),Fr=On("neutral-fill-input-focus-delta").withDefault(-2),Ir=On("neutral-fill-input-alt-rest-delta").withDefault(2),Tr=On("neutral-fill-input-alt-hover-delta").withDefault(4),Dr=On("neutral-fill-input-alt-active-delta").withDefault(6),Vr=On("neutral-fill-input-alt-focus-delta").withDefault(2),Sr=On("neutral-fill-layer-rest-delta").withDefault(-2),Rr=On("neutral-fill-layer-hover-delta").withDefault(-3),Er=On("neutral-fill-layer-active-delta").withDefault(-3),Or=On("neutral-fill-layer-alt-rest-delta").withDefault(-1),Ar=On("neutral-fill-secondary-rest-delta").withDefault(3),Lr=On("neutral-fill-secondary-hover-delta").withDefault(2),zr=On("neutral-fill-secondary-active-delta").withDefault(1),Hr=On("neutral-fill-secondary-focus-delta").withDefault(3),Pr=On("neutral-fill-stealth-rest-delta").withDefault(0),Mr=On("neutral-fill-stealth-hover-delta").withDefault(3),Br=On("neutral-fill-stealth-active-delta").withDefault(2),Nr=On("neutral-fill-stealth-focus-delta").withDefault(0),jr=On("neutral-fill-strong-rest-delta").withDefault(0),Ur=On("neutral-fill-strong-hover-delta").withDefault(8),qr=On("neutral-fill-strong-active-delta").withDefault(-5),_r=On("neutral-fill-strong-focus-delta").withDefault(0),Gr=On("neutral-stroke-rest-delta").withDefault(8),Wr=On("neutral-stroke-hover-delta").withDefault(12),Kr=On("neutral-stroke-active-delta").withDefault(6),Xr=On("neutral-stroke-focus-delta").withDefault(8),Yr=On("neutral-stroke-control-rest-delta").withDefault(3),Qr=On("neutral-stroke-control-hover-delta").withDefault(5),Zr=On("neutral-stroke-control-active-delta").withDefault(5),Jr=On("neutral-stroke-control-focus-delta").withDefault(5),ta=On("neutral-stroke-divider-rest-delta").withDefault(4),ea=On("neutral-stroke-layer-rest-delta").withDefault(3),ia=On("neutral-stroke-layer-hover-delta").withDefault(3),oa=On("neutral-stroke-layer-active-delta").withDefault(3),sa=On("neutral-stroke-strong-hover-delta").withDefault(0),na=On("neutral-stroke-strong-active-delta").withDefault(0),ra=On("neutral-stroke-strong-focus-delta").withDefault(0),aa=En("neutral-base-color").withDefault(vn),la=On("neutral-palette").withDefault(t=>gn.from(aa.getValueFor(t))),ca=En("accent-base-color").withDefault(xn),ha=On("accent-palette").withDefault(t=>gn.from(ca.getValueFor(t))),da=On("neutral-layer-card-container-recipe").withDefault({evaluate:t=>Rn(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),ua=En("neutral-layer-card-container").withDefault(t=>da.getValueFor(t).evaluate(t)),pa=On("neutral-layer-floating-recipe").withDefault({evaluate:t=>function(t,e,i){return t.get(Sn(t,e)+i)}(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),ga=En("neutral-layer-floating").withDefault(t=>pa.getValueFor(t).evaluate(t)),fa=On("neutral-layer-1-recipe").withDefault({evaluate:t=>function(t,e){return t.get(Sn(t,e))}(la.getValueFor(t),cr.getValueFor(t))}),ma=En("neutral-layer-1").withDefault(t=>fa.getValueFor(t).evaluate(t)),ba=On("neutral-layer-2-recipe").withDefault({evaluate:t=>Rn(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),va=En("neutral-layer-2").withDefault(t=>ba.getValueFor(t).evaluate(t)),ya=On("neutral-layer-3-recipe").withDefault({evaluate:t=>function(t,e,i){return t.get(Sn(t,e)+-1*i*2)}(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),xa=En("neutral-layer-3").withDefault(t=>ya.getValueFor(t).evaluate(t)),$a=On("neutral-layer-4-recipe").withDefault({evaluate:t=>function(t,e,i){return t.get(Sn(t,e)+-1*i*3)}(la.getValueFor(t),cr.getValueFor(t),Sr.getValueFor(t))}),wa=En("neutral-layer-4").withDefault(t=>$a.getValueFor(t).evaluate(t)),ka=En("fill-color").withDefault(t=>ma.getValueFor(t));var Ca;!function(t){t[t.normal=4.5]="normal",t[t.large=3]="large"}(Ca||(Ca={}));const Fa=On("accent-fill-recipe").withDefault({evaluate:(t,e)=>function(t,e,i,o,s,n,r,a,l,c,h,d,u,p){return dn(e)?In(t,e,l,c,h,d,u,p):In(t,e,i,o,s,n,r,a)}(ha.getValueFor(t),e||ka.getValueFor(t),5,hr.getValueFor(t),dr.getValueFor(t),ur.getValueFor(t),pr.getValueFor(t),void 0,8,hr.getValueFor(t),dr.getValueFor(t),ur.getValueFor(t),pr.getValueFor(t),void 0)}),Ia=En("accent-fill-rest").withDefault(t=>Fa.getValueFor(t).evaluate(t).rest),Ta=En("accent-fill-hover").withDefault(t=>Fa.getValueFor(t).evaluate(t).hover),Da=En("accent-fill-active").withDefault(t=>Fa.getValueFor(t).evaluate(t).active),Va=En("accent-fill-focus").withDefault(t=>Fa.getValueFor(t).evaluate(t).focus),Sa=On("foreground-on-accent-recipe").withDefault({evaluate:t=>$n(Ia.getValueFor(t),Ta.getValueFor(t),Da.getValueFor(t),Va.getValueFor(t),Ca.normal)}),Ra=En("foreground-on-accent-rest").withDefault(t=>Sa.getValueFor(t).evaluate(t).rest),Ea=En("foreground-on-accent-hover").withDefault(t=>Sa.getValueFor(t).evaluate(t).hover),Oa=En("foreground-on-accent-active").withDefault(t=>Sa.getValueFor(t).evaluate(t).active),Aa=En("foreground-on-accent-focus").withDefault(t=>Sa.getValueFor(t).evaluate(t).focus),La=On("accent-foreground-recipe").withDefault({evaluate:(t,e)=>In(ha.getValueFor(t),e||ka.getValueFor(t),9.5,gr.getValueFor(t),fr.getValueFor(t),mr.getValueFor(t),br.getValueFor(t))}),za=En("accent-foreground-rest").withDefault(t=>La.getValueFor(t).evaluate(t).rest),Ha=En("accent-foreground-hover").withDefault(t=>La.getValueFor(t).evaluate(t).hover),Pa=En("accent-foreground-active").withDefault(t=>La.getValueFor(t).evaluate(t).active),Ma=En("accent-foreground-focus").withDefault(t=>La.getValueFor(t).evaluate(t).focus),Ba=On("accent-stroke-control-recipe").withDefault({evaluate:(t,e)=>Fn(la.getValueFor(t),e||ka.getValueFor(t),-3,-3,-3,-3,10,1,void 0,!0)}),Na=En("accent-stroke-control-rest").withDefault(t=>Ba.getValueFor(t).evaluate(t,Ia.getValueFor(t)).rest),ja=En("accent-stroke-control-hover").withDefault(t=>Ba.getValueFor(t).evaluate(t,Ta.getValueFor(t)).hover),Ua=En("accent-stroke-control-active").withDefault(t=>Ba.getValueFor(t).evaluate(t,Da.getValueFor(t)).active),qa=En("accent-stroke-control-focus").withDefault(t=>Ba.getValueFor(t).evaluate(t,Va.getValueFor(t)).focus),_a=On("neutral-fill-recipe").withDefault({evaluate:(t,e)=>Dn(la.getValueFor(t),e||ka.getValueFor(t),vr.getValueFor(t),yr.getValueFor(t),xr.getValueFor(t),$r.getValueFor(t),void 0,2,3,1,2,void 0)}),Ga=En("neutral-fill-rest").withDefault(t=>_a.getValueFor(t).evaluate(t).rest),Wa=En("neutral-fill-hover").withDefault(t=>_a.getValueFor(t).evaluate(t).hover),Ka=En("neutral-fill-active").withDefault(t=>_a.getValueFor(t).evaluate(t).active),Xa=En("neutral-fill-focus").withDefault(t=>_a.getValueFor(t).evaluate(t).focus),Ya=On("neutral-fill-input-recipe").withDefault({evaluate:(t,e)=>Dn(la.getValueFor(t),e||ka.getValueFor(t),wr.getValueFor(t),kr.getValueFor(t),Cr.getValueFor(t),Fr.getValueFor(t),void 0,2,3,1,0,void 0)}),Qa=En("neutral-fill-input-rest").withDefault(t=>Ya.getValueFor(t).evaluate(t).rest),Za=En("neutral-fill-input-hover").withDefault(t=>Ya.getValueFor(t).evaluate(t).hover),Ja=En("neutral-fill-input-active").withDefault(t=>Ya.getValueFor(t).evaluate(t).active),tl=En("neutral-fill-input-focus").withDefault(t=>Ya.getValueFor(t).evaluate(t).focus),el=On("neutral-fill-input-alt-recipe").withDefault({evaluate:(t,e)=>Dn(la.getValueFor(t),e||ka.getValueFor(t),Ir.getValueFor(t),Tr.getValueFor(t),Dr.getValueFor(t),Vr.getValueFor(t),1,Ir.getValueFor(t),Ir.getValueFor(t)-Tr.getValueFor(t),Ir.getValueFor(t)-Dr.getValueFor(t),Vr.getValueFor(t),1)}),il=En("neutral-fill-input-alt-rest").withDefault(t=>el.getValueFor(t).evaluate(t).rest),ol=En("neutral-fill-input-alt-hover").withDefault(t=>el.getValueFor(t).evaluate(t).hover),sl=En("neutral-fill-input-alt-active").withDefault(t=>el.getValueFor(t).evaluate(t).active),nl=En("neutral-fill-input-alt-focus").withDefault(t=>el.getValueFor(t).evaluate(t).focus),rl=On("neutral-fill-layer-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Sr.getValueFor(t),Rr.getValueFor(t),Er.getValueFor(t),Sr.getValueFor(t),1)}),al=En("neutral-fill-layer-rest").withDefault(t=>rl.getValueFor(t).evaluate(t).rest),ll=En("neutral-fill-layer-hover").withDefault(t=>rl.getValueFor(t).evaluate(t).hover),cl=En("neutral-fill-layer-active").withDefault(t=>rl.getValueFor(t).evaluate(t).active),hl=On("neutral-fill-layer-alt-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Or.getValueFor(t),Or.getValueFor(t),Or.getValueFor(t),Or.getValueFor(t))}),dl=En("neutral-fill-layer-alt-rest").withDefault(t=>hl.getValueFor(t).evaluate(t).rest),ul=On("neutral-fill-secondary-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Ar.getValueFor(t),Lr.getValueFor(t),zr.getValueFor(t),Hr.getValueFor(t))}),pl=En("neutral-fill-secondary-rest").withDefault(t=>ul.getValueFor(t).evaluate(t).rest),gl=En("neutral-fill-secondary-hover").withDefault(t=>ul.getValueFor(t).evaluate(t).hover),fl=En("neutral-fill-secondary-active").withDefault(t=>ul.getValueFor(t).evaluate(t).active),ml=En("neutral-fill-secondary-focus").withDefault(t=>ul.getValueFor(t).evaluate(t).focus),bl=On("neutral-fill-stealth-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Pr.getValueFor(t),Mr.getValueFor(t),Br.getValueFor(t),Nr.getValueFor(t))}),vl=En("neutral-fill-stealth-rest").withDefault(t=>bl.getValueFor(t).evaluate(t).rest),yl=En("neutral-fill-stealth-hover").withDefault(t=>bl.getValueFor(t).evaluate(t).hover),xl=En("neutral-fill-stealth-active").withDefault(t=>bl.getValueFor(t).evaluate(t).active),$l=En("neutral-fill-stealth-focus").withDefault(t=>bl.getValueFor(t).evaluate(t).focus),wl=On("neutral-fill-strong-recipe").withDefault({evaluate:(t,e)=>In(la.getValueFor(t),e||ka.getValueFor(t),4.5,jr.getValueFor(t),Ur.getValueFor(t),qr.getValueFor(t),_r.getValueFor(t))}),kl=En("neutral-fill-strong-rest").withDefault(t=>wl.getValueFor(t).evaluate(t).rest),Cl=En("neutral-fill-strong-hover").withDefault(t=>wl.getValueFor(t).evaluate(t).hover),Fl=En("neutral-fill-strong-active").withDefault(t=>wl.getValueFor(t).evaluate(t).active),Il=En("neutral-fill-strong-focus").withDefault(t=>wl.getValueFor(t).evaluate(t).focus),Tl=On("neutral-foreground-recipe").withDefault({evaluate:(t,e)=>In(la.getValueFor(t),e||ka.getValueFor(t),16,0,-19,-30,0)}),Dl=En("neutral-foreground-rest").withDefault(t=>Tl.getValueFor(t).evaluate(t).rest),Vl=En("neutral-foreground-hover").withDefault(t=>Tl.getValueFor(t).evaluate(t).hover),Sl=En("neutral-foreground-active").withDefault(t=>Tl.getValueFor(t).evaluate(t).active),Rl=En("neutral-foreground-focus").withDefault(t=>Tl.getValueFor(t).evaluate(t).focus),El=On("neutral-foreground-hint-recipe").withDefault({evaluate:(t,e)=>function(t,e,i){return t.colorContrast(e,i)}(la.getValueFor(t),e||ka.getValueFor(t),4.5)}),Ol=En("neutral-foreground-hint").withDefault(t=>El.getValueFor(t).evaluate(t)),Al=On("neutral-stroke-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),Gr.getValueFor(t),Wr.getValueFor(t),Kr.getValueFor(t),Xr.getValueFor(t))}),Ll=En("neutral-stroke-rest").withDefault(t=>Al.getValueFor(t).evaluate(t).rest),zl=En("neutral-stroke-hover").withDefault(t=>Al.getValueFor(t).evaluate(t).hover),Hl=En("neutral-stroke-active").withDefault(t=>Al.getValueFor(t).evaluate(t).active),Pl=En("neutral-stroke-focus").withDefault(t=>Al.getValueFor(t).evaluate(t).focus),Ml=On("neutral-stroke-control-recipe").withDefault({evaluate:(t,e)=>Fn(la.getValueFor(t),e||ka.getValueFor(t),Yr.getValueFor(t),Qr.getValueFor(t),Zr.getValueFor(t),Jr.getValueFor(t),5)}),Bl=En("neutral-stroke-control-rest").withDefault(t=>Ml.getValueFor(t).evaluate(t).rest),Nl=En("neutral-stroke-control-hover").withDefault(t=>Ml.getValueFor(t).evaluate(t).hover),jl=En("neutral-stroke-control-active").withDefault(t=>Ml.getValueFor(t).evaluate(t).active),Ul=En("neutral-stroke-control-focus").withDefault(t=>Ml.getValueFor(t).evaluate(t).focus),ql=On("neutral-stroke-divider-recipe").withDefault({evaluate:(t,e)=>function(t,e,i){return t.get(t.closestIndexOf(e)+un(e)*i)}(la.getValueFor(t),e||ka.getValueFor(t),ta.getValueFor(t))}),_l=En("neutral-stroke-divider-rest").withDefault(t=>ql.getValueFor(t).evaluate(t)),Gl=On("neutral-stroke-input-recipe").withDefault({evaluate:(t,e)=>function(t,e,i,o,s,n,r,a){const l=t.closestIndexOf(e),c=un(e),h=l+c*i,d=h+c*(o-i),u=h+c*(s-i),p=h+c*(n-i),g=`calc(100% - ${a})`;function f(e,i){const o=t.get(e);if(i){const i=t.get(e+c*r),s=`linear-gradient(${o.toColorString()} ${g}, ${i.toColorString()} ${g}, ${i.toColorString()})`;return wn.fromObject(o,s)}return o}return{rest:f(h,!0),hover:f(d,!0),active:f(u,!1),focus:f(p,!0)}}(la.getValueFor(t),e||ka.getValueFor(t),Yr.getValueFor(t),Qr.getValueFor(t),Zr.getValueFor(t),Jr.getValueFor(t),20,jn.getValueFor(t)+"px")}),Wl=En("neutral-stroke-input-rest").withDefault(t=>Gl.getValueFor(t).evaluate(t).rest),Kl=En("neutral-stroke-input-hover").withDefault(t=>Gl.getValueFor(t).evaluate(t).hover),Xl=En("neutral-stroke-input-active").withDefault(t=>Gl.getValueFor(t).evaluate(t).active),Yl=En("neutral-stroke-input-focus").withDefault(t=>Gl.getValueFor(t).evaluate(t).focus),Ql=On("neutral-stroke-layer-recipe").withDefault({evaluate:(t,e)=>Tn(la.getValueFor(t),e||ka.getValueFor(t),ea.getValueFor(t),ia.getValueFor(t),oa.getValueFor(t),ea.getValueFor(t))}),Zl=En("neutral-stroke-layer-rest").withDefault(t=>Ql.getValueFor(t).evaluate(t).rest),Jl=En("neutral-stroke-layer-hover").withDefault(t=>Ql.getValueFor(t).evaluate(t).hover),tc=En("neutral-stroke-layer-active").withDefault(t=>Ql.getValueFor(t).evaluate(t).active),ec=On("neutral-stroke-strong-recipe").withDefault({evaluate:(t,e)=>In(la.getValueFor(t),e||ka.getValueFor(t),5.5,0,sa.getValueFor(t),na.getValueFor(t),ra.getValueFor(t))}),ic=En("neutral-stroke-strong-rest").withDefault(t=>ec.getValueFor(t).evaluate(t).rest),oc=En("neutral-stroke-strong-hover").withDefault(t=>ec.getValueFor(t).evaluate(t).hover),sc=En("neutral-stroke-strong-active").withDefault(t=>ec.getValueFor(t).evaluate(t).active),nc=En("neutral-stroke-strong-focus").withDefault(t=>ec.getValueFor(t).evaluate(t).focus),rc=On("focus-stroke-outer-recipe").withDefault({evaluate:t=>(la.getValueFor(t),dn(ka.getValueFor(t))?mn:bn)}),ac=En("focus-stroke-outer").withDefault(t=>rc.getValueFor(t).evaluate(t)),lc=On("focus-stroke-inner-recipe").withDefault({evaluate:t=>{return ha.getValueFor(t),e=ka.getValueFor(t),ac.getValueFor(t),dn(e)?bn:mn;var e}}),cc=En("focus-stroke-inner").withDefault(t=>lc.getValueFor(t).evaluate(t)),hc=On("foreground-on-accent-large-recipe").withDefault({evaluate:t=>$n(Ia.getValueFor(t),Ta.getValueFor(t),Da.getValueFor(t),Va.getValueFor(t),Ca.large)}),dc=En("foreground-on-accent-rest-large").withDefault(t=>hc.getValueFor(t).evaluate(t).rest),uc=En("foreground-on-accent-hover-large").withDefault(t=>hc.getValueFor(t).evaluate(t,Ta.getValueFor(t)).hover),pc=En("foreground-on-accent-active-large").withDefault(t=>hc.getValueFor(t).evaluate(t,Da.getValueFor(t)).active),gc=En("foreground-on-accent-focus-large").withDefault(t=>hc.getValueFor(t).evaluate(t,Va.getValueFor(t)).focus),fc=En("neutral-fill-inverse-rest-delta").withDefault(0),mc=En("neutral-fill-inverse-hover-delta").withDefault(-3),bc=En("neutral-fill-inverse-active-delta").withDefault(7),vc=En("neutral-fill-inverse-focus-delta").withDefault(0);const yc=On("neutral-fill-inverse-recipe").withDefault({evaluate:(t,e)=>function(t,e,i,o,s,n){const r=un(e),a=t.closestIndexOf(t.colorContrast(e,14)),l=a+r*Math.abs(i-o);let c,h;return(1===r?i<o:r*i>r*o)?(c=a,h=l):(c=l,h=a),{rest:t.get(c),hover:t.get(h),active:t.get(c+r*s),focus:t.get(c+r*n)}}(la.getValueFor(t),e||ka.getValueFor(t),fc.getValueFor(t),mc.getValueFor(t),bc.getValueFor(t),vc.getValueFor(t))}),xc=En("neutral-fill-inverse-rest").withDefault(t=>yc.getValueFor(t).evaluate(t).rest),$c=En("neutral-fill-inverse-hover").withDefault(t=>yc.getValueFor(t).evaluate(t).hover),wc=En("neutral-fill-inverse-active").withDefault(t=>yc.getValueFor(t).evaluate(t).active),kc=En("neutral-fill-inverse-focus").withDefault(t=>yc.getValueFor(t).evaluate(t).focus),Cc=Bn,Fc=Nn,Ic=jn,Tc=Un,Dc=fc,Vc=mc,Sc=bc,Rc=vc,Ec=Sr,Oc=jr,Ac=Ur,Lc=qr,zc=_r,Hc=ta,Pc=ma,Mc=va,Bc=xa,Nc=wa,jc=Ra,Uc=dc,qc=_l,_c=al,Gc=xc,Wc=$c,Kc=wc,Xc=kc,Yc=kl,Qc=Cl,Zc=Fl,Jc=Il,th=ac,eh=cc,ih=Ll,oh=zl,sh=Hl,nh=Pl,rh=(t,e)=>Dt`
     ${eo("flex")} :host{box-sizing:border-box;flex-direction:column;font-family:${qn};font-size:${_n};line-height:${Gn};color:${Dl};gap:calc(${Mn} * 1px)}`,ah=St`(${zn} + ${Pn}) * ${Mn}`,lh=$o.create("neutral-fill-stealth-rest-on-neutral-fill-layer-rest").withDefault(t=>{const e=rl.getValueFor(t);return bl.getValueFor(t).evaluate(t,e.evaluate(t).rest).rest}),ch=$o.create("neutral-fill-stealth-hover-on-neutral-fill-layer-rest").withDefault(t=>{const e=rl.getValueFor(t);return bl.getValueFor(t).evaluate(t,e.evaluate(t).rest).hover}),hh=$o.create("neutral-fill-stealth-active-on-neutral-fill-layer-rest").withDefault(t=>{const e=rl.getValueFor(t);return bl.getValueFor(t).evaluate(t,e.evaluate(t).rest).active}),dh=(t,e)=>Dt`
-    ${eo("flex")} :host{box-sizing:border-box;font-family:${qn};flex-direction:column;font-size:${_n};line-height:${Gn};background:${al};color:${Dl};border:calc(${jn} * 1px) solid ${Zl};border-radius:calc(${Nn} * 1px)}.region{display:none;padding:calc(${Mn} * 2 * 1px);background:${dl}}.heading{display:grid;position:relative;grid-template-columns:auto 1fr auto auto;align-items:center;z-index:2}.button{appearance:none;border:none;background:none;grid-column:2;grid-row:1;outline:none;margin:calc(${Mn} * 3 * 1px) 0;padding:0 calc(${Mn} * 2 * 1px);text-align:left;color:inherit;cursor:pointer;font-family:inherit}.button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:1;cursor:pointer}.button:${io}::before{outline:none;border:calc(${jn} * 1px) solid ${ac};border-radius:calc(${Nn} * 1px);box-shadow:0 0 0 calc((${Un} - ${jn}) * 1px) ${ac}}:host(.expanded) .button:${io}::before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.expanded) .region{display:block;border-top:calc(${jn} * 1px) solid ${Zl};border-bottom-left-radius:calc((${Nn} - ${jn}) * 1px);border-bottom-right-radius:calc((${Nn} - ${jn}) * 1px)}.icon{display:flex;align-items:center;justify-content:center;grid-column:4;z-index:2;pointer-events:none;background:${lh};border-radius:calc(${Bn} * 1px);fill:currentcolor;width:calc(${ah} * 1px);height:calc(${ah} * 1px);margin:calc(${Mn} * 2 * 1px)}.heading:hover .icon{background:${ch}}.heading:active .icon{background:${hh}}slot[name='collapsed-icon']{display:flex}:host(.expanded) slot[name='collapsed-icon']{display:none}slot[name='expanded-icon']{display:none}:host(.expanded) slot[name='expanded-icon']{display:flex}.start{display:flex;align-items:center;padding-inline-start:calc(${Mn} * 2 * 1px);justify-content:center;grid-column:1;z-index:2}.end{display:flex;align-items:center;justify-content:center;grid-column:3;z-index:2}`.withBehaviors(Ji(Dt`
+    ${eo("flex")} :host{box-sizing:border-box;font-family:${qn};flex-direction:column;font-size:${_n};line-height:${Gn};background:${al};color:${Dl};border:calc(${jn} * 1px) solid ${Zl};border-radius:calc(${Nn} * 1px)}.region{display:none;padding:calc(${Mn} * 2 * 1px);background:${dl}}.heading{display:grid;position:relative;grid-template-columns:auto 1fr auto auto;align-items:center}.button{appearance:none;border:none;background:none;grid-column:2;grid-row:1;outline:none;margin:calc(${Mn} * 3 * 1px) 0;padding:0 calc(${Mn} * 2 * 1px);text-align:left;color:inherit;cursor:pointer;font-family:inherit}.button::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;cursor:pointer}.button:${io}::before{outline:none;border:calc(${jn} * 1px) solid ${ac};border-radius:calc(${Nn} * 1px);box-shadow:0 0 0 calc((${Un} - ${jn}) * 1px) ${ac}}:host(.expanded) .button:${io}::before{border-bottom-left-radius:0;border-bottom-right-radius:0}:host(.expanded) .region{display:block;border-top:calc(${jn} * 1px) solid ${Zl};border-bottom-left-radius:calc((${Nn} - ${jn}) * 1px);border-bottom-right-radius:calc((${Nn} - ${jn}) * 1px)}.icon{display:flex;align-items:center;justify-content:center;grid-column:4;pointer-events:none;background:${lh};border-radius:calc(${Bn} * 1px);fill:currentcolor;width:calc(${ah} * 1px);height:calc(${ah} * 1px);margin:calc(${Mn} * 2 * 1px)}.heading:hover .icon{background:${ch}}.heading:active .icon{background:${hh}}slot[name='collapsed-icon']{display:flex}:host(.expanded) slot[name='collapsed-icon']{display:none}slot[name='expanded-icon']{display:none}:host(.expanded) slot[name='expanded-icon']{display:flex}.start{display:flex;align-items:center;padding-inline-start:calc(${Mn} * 2 * 1px);justify-content:center;grid-column:1}.end{display:flex;align-items:center;justify-content:center;grid-column:3}.icon,.start,.end{position:relative}`.withBehaviors(Ji(Dt`
         .button:${io}::before{border-color:${Ns.Highlight};box-shadow:0 0 0 calc((${Un} - ${jn}) * 1px) ${Ns.Highlight}}.icon{fill:${Ns.ButtonText}}`)),uh=Ge.compose({baseName:"accordion-item",template:(t,e)=>nt`<template class="${t=>t.expanded?"expanded":""}" slot="item"><div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${Bt("expandbutton")} aria-expanded="${t=>t.expanded}" aria-controls="${t=>t.id}-panel" id="${t=>t.id}" @click="${(t,e)=>t.clickHandler(e.event)}"><span class="heading"><slot name="heading" part="heading"></slot></span></button>${ie(0,e)} ${ee(0,e)}<span class="icon" part="icon" aria-hidden="true"><slot name="expanded-icon" part="expanded-icon">${e.expandedIcon||""}</slot><slot name="collapsed-icon" part="collapsed-icon">${e.collapsedIcon||""}</slot><span></div><div class="region" part="region" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div></template>`,styles:dh,collapsedIcon:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  ',expandedIcon:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 10.7-.7l-3.5-3.5a.5.5 0 00-.7 0l-3.5 3.5a.5.5 0 000 .7z"/>\n    </svg>\n  '}),ph=dh,gh=si.compose({baseName:"accordion",template:(t,e)=>nt`<template><slot name="item" part="item" ${Qt("accordionItems")}></slot></template>`,styles:rh}),fh=rh;
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -80,7 +80,7 @@ ${eo("inline-block")} :host{--calendar-cell-size:calc((${zn} + 2 + ${Pn}) * ${Mn
           .day.selected{color:${Ns.Highlight}}.today .date{background:${Ns.Highlight};color:${Ns.HighlightText}}`),new bh(xd,$d)),title:Ei}),Cd=(t,e)=>Dt`
     ${eo("block")} :host{display:block;contain:content;height:var(--card-height,100%);width:var(--card-width,100%);box-sizing:border-box;background:${ka};color:${Dl};border:calc(${jn} * 1px) solid ${Zl};border-radius:calc(${Nn} * 1px);box-shadow:${Th}}:host{content-visibility:auto}`.withBehaviors(Ji(Dt`
         :host{background:${Ns.Canvas};color:${Ns.CanvasText}}`));class Fd extends Li{cardFillColorChanged(t,e){if(e){const t=rn(e);null!==t&&(this.neutralPaletteSource=e,ka.setValueFor(this,ln.create(t.r,t.g,t.b)))}}neutralPaletteSourceChanged(t,e){if(e){const t=rn(e),i=ln.create(t.r,t.g,t.b);la.setValueFor(this,gn.create(i))}}handleChange(t,e){this.cardFillColor||ka.setValueFor(this,e=>rl.getValueFor(e).evaluate(e,ka.getValueFor(t)).rest)}connectedCallback(){super.connectedCallback();const t=Qi(this);if(t){const e=C.getNotifier(t);e.subscribe(this,"fillColor"),e.subscribe(this,"neutralPalette"),this.handleChange(t,"fillColor")}}}mh([ft({attribute:"card-fill-color",mode:"fromView"})],Fd.prototype,"cardFillColor",void 0),mh([ft({attribute:"neutral-palette-source",mode:"fromView"})],Fd.prototype,"neutralPaletteSource",void 0);const Id=Fd.compose({baseName:"card",baseClass:Li,template:(t,e)=>nt`<slot></slot>`,styles:Cd}),Td=Cd,Dd=(t,e)=>Dt`
-    ${eo("inline-flex")} :host{align-items:center;outline:none;margin:calc(${Mn} * 1px) 0;${""} user-select:none}.control{position:relative;width:calc((${ah} / 2 + ${Mn}) * 1px);height:calc((${ah} / 2 + ${Mn}) * 1px);box-sizing:border-box;border-radius:calc(${Bn} * 1px);border:calc(${jn} * 1px) solid ${ic};background:${il};outline:none;cursor:pointer}.label__hidden{display:none;visibility:hidden}.label{font-family:${qn};color:${Dl};${""} padding-inline-start:calc(${Mn} * 2px + 2px);margin-inline-end:calc(${Mn} * 2px + 2px);cursor:pointer;font-size:${_n};line-height:${Gn}}slot[name='checked-indicator'],slot[name='indeterminate-indicator']{display:flex;align-items:center;justify-content:center;width:100%;height:100%;fill:${Dl};opacity:0;pointer-events:none}slot[name='indeterminate-indicator']{position:absolute;top:0}:host(.checked) slot[name='checked-indicator'],:host(.checked) slot[name='indeterminate-indicator']{fill:${Ra}}:host(:not(.disabled):hover) .control{background:${ol};border-color:${oc}}:host(:not(.disabled):active) .control{background:${sl};border-color:${sc}}:host(:${io}) .control{box-shadow:0 0 0 1px ${ka},0 0 0 3px ${ac};background:${nl};border-color:${ac}}:host(.checked) .control{background:${Ia};border-color:transparent}:host(.checked:not(.disabled):hover) .control{background:${Ta};border-color:transparent}:host(.checked:not(.disabled):active) .control{background:${Da};border-color:transparent}:host(.disabled) .label,:host(.readonly) .label,:host(.readonly) .control,:host(.disabled) .control{cursor:${"not-allowed"}}:host(.checked:not(.indeterminate)) slot[name='checked-indicator'],:host(.indeterminate) slot[name='indeterminate-indicator']{opacity:1}:host(.disabled){opacity:${Ln}}`.withBehaviors(Ji(Dt`
+    ${eo("inline-flex")} :host{align-items:center;outline:none;${""} user-select:none}.control{position:relative;width:calc((${ah} / 2 + ${Mn}) * 1px);height:calc((${ah} / 2 + ${Mn}) * 1px);box-sizing:border-box;border-radius:calc(${Bn} * 1px);border:calc(${jn} * 1px) solid ${ic};background:${il};outline:none;cursor:pointer}.label__hidden{display:none;visibility:hidden}.label{font-family:${qn};color:${Dl};${""} padding-inline-start:calc(${Mn} * 2px + 2px);margin-inline-end:calc(${Mn} * 2px + 2px);cursor:pointer;font-size:${_n};line-height:${Gn}}slot[name='checked-indicator'],slot[name='indeterminate-indicator']{display:flex;align-items:center;justify-content:center;width:100%;height:100%;fill:${Dl};opacity:0;pointer-events:none}slot[name='indeterminate-indicator']{position:absolute;top:0}:host(.checked) slot[name='checked-indicator'],:host(.checked) slot[name='indeterminate-indicator']{fill:${Ra}}:host(:not(.disabled):hover) .control{background:${ol};border-color:${oc}}:host(:not(.disabled):active) .control{background:${sl};border-color:${sc}}:host(:${io}) .control{box-shadow:0 0 0 1px ${ka},0 0 0 3px ${ac};background:${nl};border-color:${ac}}:host(.checked) .control{background:${Ia};border-color:transparent}:host(.checked:not(.disabled):hover) .control{background:${Ta};border-color:transparent}:host(.checked:not(.disabled):active) .control{background:${Da};border-color:transparent}:host(.disabled) .label,:host(.readonly) .label,:host(.readonly) .control,:host(.disabled) .control{cursor:${"not-allowed"}}:host(.checked:not(.indeterminate)) slot[name='checked-indicator'],:host(.indeterminate) slot[name='indeterminate-indicator']{opacity:1}:host(.disabled){opacity:${Ln}}`.withBehaviors(Ji(Dt`
         .control{border-color:${Ns.FieldText};background:${Ns.Field}}:host(:not(.disabled):hover) .control,:host(:not(.disabled):active) .control{border-color:${Ns.Highlight};background:${Ns.Field}}slot[name='checked-indicator'],slot[name='indeterminate-indicator']{fill:${Ns.FieldText}}:host(:${io}) .control{forced-color-adjust:none;box-shadow:0 0 0 1px ${Ns.Field},0 0 0 3px ${Ns.FieldText};background:${Ns.Field};border-color:${Ns.Highlight}}:host(.checked) .control{background:${Ns.Highlight};border-color:${Ns.Highlight}}:host(.checked:not(.disabled):hover) .control,:host(.checked:not(.disabled):active) .control{background:${Ns.HighlightText};border-color:${Ns.Highlight}}:host(.checked:${io}) .control{box-shadow:0 0 0 1px ${Ns.Field},0 0 0 3px ${Ns.FieldText}}:host(.checked) slot[name='checked-indicator'],:host(.checked) slot[name='indeterminate-indicator']{fill:${Ns.HighlightText}}:host(.checked:hover ) .control slot[name='checked-indicator'],:host(.checked:hover ) .control slot[name='indeterminate-indicator']{fill:${Ns.Highlight}}:host(.disabled){opacity:1}:host(.disabled) .control{border-color:${Ns.GrayText};background:${Ns.Field}}:host(.disabled) slot[name='checked-indicator'],:host(.checked.disabled:hover) .control slot[name='checked-indicator'],:host(.disabled) slot[name='indeterminate-indicator'],:host(.checked.disabled:hover) .control slot[name='indeterminate-indicator']{fill:${Ns.GrayText}}`)),Vd=Pi.compose({baseName:"checkbox",template:(t,e)=>nt`<template role="checkbox" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" tabindex="${t=>t.disabled?null:0}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}" class="${t=>t.readOnly?"readonly":""} ${t=>t.checked?"checked":""} ${t=>t.indeterminate?"indeterminate":""}"><div part="control" class="control"><slot name="checked-indicator">${e.checkedIndicator||""}</slot><slot name="indeterminate-indicator">${e.indeterminateIndicator||""}</slot></div><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qt("defaultSlottedNodes")}></slot></label></template>`,styles:Dd,checkedIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M13.86 3.66a.5.5 0 01-.02.7l-7.93 7.48a.6.6 0 01-.84-.02L2.4 9.1a.5.5 0 01.72-.7l2.4 2.44 7.65-7.2a.5.5 0 01.7.02z"/>\n    </svg>\n  ',indeterminateIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M3 8c0-.28.22-.5.5-.5h9a.5.5 0 010 1h-9A.5.5 0 013 8z"/>\n    </svg>\n  '}),Sd=Dd,Rd=(t,e)=>Dt`
   :host{background:${pl};border-color:transparent}:host(:not([disabled]):not([open]):hover){background:${gl};border-color:transparent}:host(:not([disabled]):not([open]):active){background:${fl};border-color:transparent}`.withBehaviors(Ji(Dt`
       :host(:not([disabled]):not([open]):hover){background:transparent}:host(:not([disabled]):not([open]):hover),:host(:not([disabled]):not([open]):active){border-color:${Ns.Highlight}}:host(:${io}){forced-color-adjust:none;background:transparent;border-color:${Ns.Highlight};box-shadow:0 0 0 1px inset ${Ns.Highlight}}`)),Ed=(t,e)=>Dt`
@@ -100,19 +100,19 @@ ${eo("inline-block")} :host{--calendar-cell-size:calc((${zn} + 2 + ${Pn}) * ${Mn
     ${eo("block")}
   `}),Qd=(t,e)=>Dt`
   :host([hidden]){display:none}:host{--dialog-height:480px;--dialog-width:640px;display:block}.overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.3);touch-action:none}.positioning-region{display:flex;justify-content:center;position:fixed;top:0;bottom:0;left:0;right:0;overflow:auto}.control{box-shadow:${zh};margin-top:auto;margin-bottom:auto;border-radius:calc(${Nn} * 1px);width:var(--dialog-width);height:var(--dialog-height);background:${ka};z-index:1;border:calc(${jn} * 1px) solid transparent}`,Zd=Bo.compose({baseName:"dialog",template:(t,e)=>nt`<div class="positioning-region" part="positioning-region">${Nt(t=>t.modal,nt`<div class="overlay" part="overlay" role="presentation" @click="${t=>t.dismiss()}"></div>`)}<div role="dialog" tabindex="-1" class="control" part="control" aria-modal="${t=>t.modal}" aria-describedby="${t=>t.ariaDescribedby}" aria-labelledby="${t=>t.ariaLabelledby}" aria-label="${t=>t.ariaLabel}" ${Bt("dialog")}><slot></slot></div></div>`,styles:Qd}),Jd=Qd,tu=(t,e)=>Dt`
-    ${eo("block")} :host{box-sizing:content-box;height:0;margin:calc(${Mn} * 1px) 0;border:none;border-top:calc(${jn} * 1px) solid ${_l}}`,eu=Uo.compose({baseName:"divider",template:(t,e)=>nt`<template role="${t=>t.role}"></template>`,styles:tu}),iu=tu,ou=(t,e)=>Dt`
-    ${eo("inline-flex")} :host{height:calc((${ah} + ${Mn}) * 1px);justify-content:center;align-items:center;margin:0;fill:currentcolor;color:${kl};background:padding-box linear-gradient(${Ga},${Ga}),border-box ${Bl};box-sizing:border-box;border:calc(${Un} * 1px) solid transparent;border-radius:calc(${Bn} * 1px);outline:none;padding:0}:host(.disabled){opacity:${Ln};cursor:${"not-allowed"}}.next,.previous{display:flex}:host(:not(.disabled):hover){cursor:pointer}:host(:not(.disabled):hover){color:${Cl}}:host(:not(.disabled):active){color:${Fl}}:host(:${io}){border-color:${ac}}:host::-moz-focus-inner{border:0}`.withBehaviors(Ji(Dt`
+    ${eo("block")} :host{box-sizing:content-box;height:0;border:none;border-top:calc(${jn} * 1px) solid ${_l}}`,eu=Uo.compose({baseName:"divider",template:(t,e)=>nt`<template role="${t=>t.role}"></template>`,styles:tu}),iu=tu,ou=(t,e)=>Dt`
+    ${eo("inline-flex")} :host{height:calc((${ah} + ${Mn}) * 1px);justify-content:center;align-items:center;fill:currentcolor;color:${kl};background:padding-box linear-gradient(${Ga},${Ga}),border-box ${Bl};box-sizing:border-box;border:calc(${Un} * 1px) solid transparent;border-radius:calc(${Bn} * 1px);outline:none;padding:0}:host(.disabled){opacity:${Ln};cursor:${"not-allowed"};pointer-events:none}.next,.previous{display:flex}:host(:not(.disabled):hover){cursor:pointer}:host(:not(.disabled):hover){color:${Cl}}:host(:not(.disabled):active){color:${Fl}}:host(:${io}){border-color:${ac}}:host::-moz-focus-inner{border:0}`.withBehaviors(Ji(Dt`
         :host{background:${Ns.ButtonFace};border-color:${Ns.ButtonText}}:host .next,:host .previous{color:${Ns.ButtonText};fill:currentcolor}:host(:not(.disabled):hover){background:${Ns.Highlight}}:host(:not(.disabled):hover) .next,:host(:not(.disabled):hover) .previous{color:${Ns.HighlightText};fill:currentcolor}:host(.disabled){opacity:1}:host(.disabled),:host(.disabled) .next,:host(.disabled) .previous{border-color:${Ns.GrayText};color:${Ns.GrayText};fill:currentcolor}:host(:${io}){forced-color-adjust:none;border-color:${Ns.Highlight};box-shadow:0 0 0 2px ${Ns.ButtonFace},0 0 0 4px ${Ns.ButtonText}}`)),su=qo.compose({baseName:"flipper",template:(t,e)=>nt`<template role="button" aria-disabled="${t=>!!t.disabled||void 0}" tabindex="${t=>t.hiddenFromAT?-1:0}" class="${t=>t.direction} ${t=>t.disabled?"disabled":""}" @keyup="${(t,e)=>t.keyupHandler(e.event)}">${Nt(t=>t.direction===jo.next,nt`<span part="next" class="next"><slot name="next">${e.next||""}</slot></span>`)} ${Nt(t=>t.direction===jo.previous,nt`<span part="previous" class="previous"><slot name="previous">${e.previous||""}</slot></span>`)}</template>`,styles:ou,next:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M7.57 11.84A1 1 0 016 11.02V4.98a1 1 0 011.57-.82l3.79 2.62c.85.59.85 1.85 0 2.44l-3.79 2.62z"/>\n    </svg>\n  ',previous:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M9.43 11.84a1 1 0 001.57-.82V4.98a1 1 0 00-1.57-.82L5.64 6.78c-.85.59-.85 1.85 0 2.44l3.79 2.62z"/>\n    </svg>\n  '}),nu=ou,ru=Dt`
   .scroll-prev{right:auto;left:0}.scroll.scroll-next::before,.scroll-next .scroll-action{left:auto;right:0}.scroll.scroll-next::before{background:linear-gradient(to right,transparent,var(--scroll-fade-next))}.scroll-next .scroll-action{transform:translate(50%,-50%)}`,au=Dt`
   .scroll.scroll-next{right:auto;left:0}.scroll.scroll-next::before{background:linear-gradient(to right,var(--scroll-fade-next),transparent);left:auto;right:0}.scroll.scroll-prev::before{background:linear-gradient(to right,transparent,var(--scroll-fade-previous))}.scroll-prev .scroll-action{left:auto;right:0;transform:translate(50%,-50%)}`,lu=Dt`
   .scroll-area{position:relative}div.scroll-view{overflow-x:hidden}.scroll{bottom:0;pointer-events:none;position:absolute;right:0;top:0;user-select:none;width:100px}.scroll.disabled{display:none}.scroll::before,.scroll-action{left:0;position:absolute}.scroll::before{background:linear-gradient(to right,var(--scroll-fade-previous),transparent);content:'';display:block;height:100%;width:100%}.scroll-action{pointer-events:auto;right:auto;top:50%;transform:translate(-50%,-50%)}::slotted(fluent-flipper){opacity:0;transition:opacity 0.2s ease-in-out}.scroll-area:hover ::slotted(fluent-flipper){opacity:1}`.withBehaviors(new bh(ru,au)),cu=(t,e)=>Dt`
   ${eo("block")} :host{--scroll-align:center;--scroll-item-spacing:4px;contain:layout;position:relative}.scroll-view{overflow-x:auto;scrollbar-width:none}::-webkit-scrollbar{display:none}.content-container{align-items:var(--scroll-align);display:inline-flex;flex-wrap:nowrap;position:relative}.content-container ::slotted(*){margin-right:var(--scroll-item-spacing)}.content-container ::slotted(*:last-child){margin-right:0}`;class hu extends ls{connectedCallback(){super.connectedCallback(),"mobile"!==this.view&&this.$fastController.addStyles(lu)}}const du=hu.compose({baseName:"horizontal-scroll",baseClass:ls,template:(t,e)=>{var i,o;return nt`<template class="horizontal-scroll" @keyup="${(t,e)=>t.keyupHandler(e.event)}">${ie(0,e)}<div class="scroll-area" part="scroll-area"><div class="scroll-view" part="scroll-view" @scroll="${t=>t.scrolled()}" ${Bt("scrollContainer")}><div class="content-container" part="content-container" ${Bt("content")}><slot ${Qt({property:"scrollItems",filter:Kt()})}></slot></div></div>${Nt(t=>"mobile"!==t.view,nt`<div class="scroll scroll-prev" part="scroll-prev" ${Bt("previousFlipperContainer")}><div class="scroll-action" part="scroll-action-previous"><slot name="previous-flipper">${e.previousFlipper instanceof Function?e.previousFlipper(t,e):null!==(i=e.previousFlipper)&&void 0!==i?i:""}</slot></div></div><div class="scroll scroll-next" part="scroll-next" ${Bt("nextFlipperContainer")}><div class="scroll-action" part="scroll-action-next"><slot name="next-flipper">${e.nextFlipper instanceof Function?e.nextFlipper(t,e):null!==(o=e.nextFlipper)&&void 0!==o?o:""}</slot></div></div>`)}</div>${ee(0,e)}</template>`},styles:cu,nextFlipper:nt`<fluent-flipper @click="${t=>t.scrollToNext()}" aria-hidden="${t=>t.flippersHiddenFromAT}"></fluent-flipper>`,previousFlipper:nt`<fluent-flipper @click="${t=>t.scrollToPrevious()}" direction="previous" aria-hidden="${t=>t.flippersHiddenFromAT}"></fluent-flipper>`}),uu=cu,pu=(t,e)=>Dt`
-    ${eo("inline-flex")} :host{border:calc(${jn} * 1px) solid ${Ll};border-radius:calc(${Bn} * 1px);box-sizing:border-box;flex-direction:column;padding:calc(${Mn} * 1px) 0;outline:none}:host(:focus-within:not([disabled])){border-color:${ac};box-shadow:0 0 0 1px ${ac} inset}`,gu=_i.compose({baseName:"listbox",template:(t,e)=>nt`<template aria-activedescendant="${t=>t.ariaActiveDescendant}" class="listbox" role="${t=>t.role}" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @mousedown="${(t,e)=>t.mousedownHandler(e.event)}"><slot ${Qt({filter:_i.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></template>`,styles:pu}),fu=pu,mu=(t,e)=>Dt`
-    ${eo("inline-flex")} :host{position:relative;font-family:${qn};background:${vl};border-radius:calc(${Bn} * 1px);border:calc(${Un} * 1px) solid transparent;box-sizing:border-box;color:${Dl};cursor:pointer;fill:currentcolor;font-size:${_n};height:calc(${ah} * 1px);line-height:${Gn};margin:0 calc(${Mn} * 1px);outline:none;overflow:hidden;align-items:center;padding:0 calc(${Mn} * 2.25px);user-select:none;white-space:nowrap}:host::before{content:'';display:block;position:absolute;left:0;top:calc((${ah} / 4) - ${Un} * 1px);width:3px;height:calc((${ah} / 2) * 1px);background:transparent;border-radius:calc(${Bn} * 1px)}:host(:not([disabled]):hover){background:${yl}}:host(:not([disabled]):active){background:${xl}}:host(:not([disabled]):active)::before{background:${Ia};height:calc(((${ah} / 2) - 6) * 1px)}:host([aria-selected='true'])::before{background:${Ia}}:host(:${io}){border-color:${ac};background:${$l}}:host([aria-selected='true']){background:${pl}}:host(:not([disabled])[aria-selected='true']:hover){background:${gl}}:host(:not([disabled])[aria-selected='true']:active){background:${fl}}:host(:not([disabled]):not([aria-selected='true']):hover){background:${yl}}:host(:not([disabled]):not([aria-selected='true']):active){background:${xl}}:host([disabled]){cursor:${"not-allowed"};opacity:${Ln}}.content{grid-column-start:2;justify-self:start;overflow:hidden;text-overflow:ellipsis}.start,.end,::slotted(svg){display:flex}::slotted([slot='end']){margin-inline-start:1ch}::slotted([slot='start']){margin-inline-end:1ch}`.withBehaviors(Ji(Dt`
+    ${eo("inline-flex")} :host{border:calc(${jn} * 1px) solid ${Ll};border-radius:calc(${Bn} * 1px);box-sizing:border-box;flex-direction:column;padding:calc(${Mn} * 1px) 0;outline:none}::slotted(${t.tagFor(qi)}){margin:0 calc(${Mn} * 1px)}:host(:focus-within:not([disabled])){border-color:${ac};box-shadow:0 0 0 1px ${ac} inset}`,gu=_i.compose({baseName:"listbox",template:(t,e)=>nt`<template aria-activedescendant="${t=>t.ariaActiveDescendant}" class="listbox" role="${t=>t.role}" tabindex="${t=>t.disabled?null:"0"}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @mousedown="${(t,e)=>t.mousedownHandler(e.event)}"><slot ${Qt({filter:_i.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></template>`,styles:pu}),fu=pu,mu=(t,e)=>Dt`
+    ${eo("inline-flex")} :host{position:relative;font-family:${qn};background:${vl};border-radius:calc(${Bn} * 1px);border:calc(${Un} * 1px) solid transparent;box-sizing:border-box;color:${Dl};cursor:pointer;fill:currentcolor;font-size:${_n};height:calc(${ah} * 1px);line-height:${Gn};outline:none;overflow:hidden;align-items:center;padding:0 calc(${Mn} * 2.25px);user-select:none;white-space:nowrap}:host::before{content:'';display:block;position:absolute;left:0;top:calc((${ah} / 4) - ${Un} * 1px);width:3px;height:calc((${ah} / 2) * 1px);background:transparent;border-radius:calc(${Bn} * 1px)}:host(:not([disabled]):hover){background:${yl}}:host(:not([disabled]):active){background:${xl}}:host(:not([disabled]):active)::before{background:${Ia};height:calc(((${ah} / 2) - 6) * 1px)}:host([aria-selected='true'])::before{background:${Ia}}:host(:${io}){border-color:${ac};background:${$l}}:host([aria-selected='true']){background:${pl}}:host(:not([disabled])[aria-selected='true']:hover){background:${gl}}:host(:not([disabled])[aria-selected='true']:active){background:${fl}}:host(:not([disabled]):not([aria-selected='true']):hover){background:${yl}}:host(:not([disabled]):not([aria-selected='true']):active){background:${xl}}:host([disabled]){cursor:${"not-allowed"};opacity:${Ln}}.content{grid-column-start:2;justify-self:start;overflow:hidden;text-overflow:ellipsis}.start,.end,::slotted(svg){display:flex}::slotted([slot='end']){margin-inline-start:1ch}::slotted([slot='start']){margin-inline-end:1ch}`.withBehaviors(Ji(Dt`
         :host{background:${Ns.ButtonFace};border-color:${Ns.ButtonFace};color:${Ns.ButtonText}}:host(:not([disabled]):not([aria-selected="true"]):hover),:host(:not([disabled])[aria-selected="true"]:hover),:host([aria-selected="true"]){forced-color-adjust:none;background:${Ns.Highlight};color:${Ns.HighlightText}}:host(:not([disabled]):active)::before,:host([aria-selected='true'])::before{background:${Ns.HighlightText}}:host([disabled]),:host([disabled]:not([aria-selected='true']):hover){background:${Ns.Canvas};color:${Ns.GrayText};fill:currentcolor;opacity:1}`)),bu=qi.compose({baseName:"option",template:(t,e)=>nt`<template aria-selected="${t=>t.selected}" class="${t=>t.selected?"selected":""} ${t=>t.disabled?"disabled":""}" role="option">${ie(0,e)}<span class="content" part="content"><slot></slot></span>${ee(0,e)}</template>`,styles:mu}),vu=mu,yu=(t,e)=>Dt`
-    ${eo("block")} :host{background:${ga};border:calc(${jn} * 1px) solid transparent;border-radius:calc(${Nn} * 1px);box-shadow:${Ah};margin:0;padding:calc(${Mn} * 1px) 0;max-width:368px;min-width:64px}:host([slot='submenu']){width:max-content;margin:0 calc(${Mn} * 2px)}::slotted(hr){box-sizing:content-box;height:0;margin:calc(${Mn} * 1px) 0;border:none;border-top:calc(${jn} * 1px) solid ${_l}}`.withBehaviors(Ji(Dt`
+    ${eo("block")} :host{background:${ga};border:calc(${jn} * 1px) solid transparent;border-radius:calc(${Nn} * 1px);box-shadow:${Ah};padding:calc(${Mn} * 1px) 0;max-width:368px;min-width:64px}:host([slot='submenu']){width:max-content;margin:0 calc(${Mn} * 2px)}::slotted(${t.tagFor(Wo)}){margin:0 calc(${Mn} * 1px)}::slotted(${t.tagFor(Uo)}){margin:calc(${Mn} * 1px) 0}::slotted(hr){box-sizing:content-box;height:0;margin:calc(${Mn} * 1px) 0;border:none;border-top:calc(${jn} * 1px) solid ${_l}}`.withBehaviors(Ji(Dt`
         :host([slot='submenu']){background:${Ns.Canvas};border-color:${Ns.CanvasText}}`));class xu extends Ko{connectedCallback(){super.connectedCallback(),ka.setValueFor(this,ga)}}const $u=xu.compose({baseName:"menu",baseClass:Ko,template:(t,e)=>nt`<template slot="${t=>t.slot?t.slot:t.isNestedMenu()?"submenu":void 0}" role="menu" @keydown="${(t,e)=>t.handleMenuKeyDown(e.event)}" @focusout="${(t,e)=>t.handleFocusOut(e.event)}"><slot ${Qt("items")}></slot></template>`,styles:yu}),wu=yu,ku=(t,e)=>Dt`
-    ${eo("grid")} :host{contain:layout;overflow:visible;font-family:${qn};outline:none;box-sizing:border-box;height:calc(${ah} * 1px);grid-template-columns:minmax(32px,auto) 1fr minmax(32px,auto);grid-template-rows:auto;justify-items:center;align-items:center;padding:0;margin:0 calc(${Mn} * 1px);white-space:nowrap;color:${Dl};fill:currentcolor;cursor:pointer;font-size:${_n};line-height:${Gn};border-radius:calc(${Bn} * 1px);border:calc(${jn} * 1px) solid transparent}:host(.indent-0){grid-template-columns:auto 1fr minmax(32px,auto)}:host(.indent-0) .content{grid-column:1;grid-row:1;margin-inline-start:10px}:host(.indent-0) .expand-collapse-glyph-container{grid-column:5;grid-row:1}:host(.indent-2){grid-template-columns:minmax(32px,auto) minmax(32px,auto) 1fr minmax(32px,auto) minmax(32px,auto)}:host(.indent-2) .content{grid-column:3;grid-row:1;margin-inline-start:10px}:host(.indent-2) .expand-collapse-glyph-container{grid-column:5;grid-row:1}:host(.indent-2) .start{grid-column:2}:host(.indent-2) .end{grid-column:4}:host(:${io}){border:calc(${jn} * 1px) solid ${ac};box-shadow:0 0 0 calc((${Un} - ${jn}) * 1px) ${ac}}:host(:not([disabled]):hover){background:${yl}}:host(:not([disabled]):active),:host(.expanded){background:${xl};color:${Dl}}:host([disabled]){cursor:${"not-allowed"};opacity:${Ln}}.content{grid-column-start:2;justify-self:start;overflow:hidden;text-overflow:ellipsis}.start,.end{display:flex;justify-content:center}:host(.indent-0[aria-haspopup='menu']){display:grid;grid-template-columns:minmax(32px,auto) auto 1fr minmax(32px,auto) minmax(32px,auto);align-items:center;min-height:32px}:host(.indent-1[aria-haspopup='menu']),:host(.indent-1[role='menuitemcheckbox']),:host(.indent-1[role='menuitemradio']){display:grid;grid-template-columns:minmax(32px,auto) auto 1fr minmax(32px,auto) minmax(32px,auto);align-items:center;min-height:32px}:host(.indent-2:not([aria-haspopup='menu'])) .end{grid-column:5}:host .input-container,:host .expand-collapse-glyph-container{display:none}:host([aria-haspopup='menu']) .expand-collapse-glyph-container,:host([role='menuitemcheckbox']) .input-container,:host([role='menuitemradio']) .input-container{display:grid}:host([aria-haspopup='menu']) .content,:host([role='menuitemcheckbox']) .content,:host([role='menuitemradio']) .content{grid-column-start:3}:host([aria-haspopup='menu'].indent-0) .content{grid-column-start:1}:host([aria-haspopup='menu']) .end,:host([role='menuitemcheckbox']) .end,:host([role='menuitemradio']) .end{grid-column-start:4}:host .expand-collapse,:host .checkbox,:host .radio{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;outline:none}:host .checkbox-indicator,:host .radio-indicator,slot[name='checkbox-indicator'],slot[name='radio-indicator']{display:none}::slotted([slot='end']:not(svg)){margin-inline-end:10px;color:${Ol}}:host([aria-checked='true']) .checkbox-indicator,:host([aria-checked='true']) slot[name='checkbox-indicator'],:host([aria-checked='true']) .radio-indicator,:host([aria-checked='true']) slot[name='radio-indicator']{display:flex}`.withBehaviors(Ji(Dt`
+    ${eo("grid")} :host{contain:layout;overflow:visible;font-family:${qn};outline:none;box-sizing:border-box;height:calc(${ah} * 1px);grid-template-columns:minmax(32px,auto) 1fr minmax(32px,auto);grid-template-rows:auto;justify-items:center;align-items:center;padding:0;white-space:nowrap;color:${Dl};fill:currentcolor;cursor:pointer;font-size:${_n};line-height:${Gn};border-radius:calc(${Bn} * 1px);border:calc(${jn} * 1px) solid transparent}:host(.indent-0){grid-template-columns:auto 1fr minmax(32px,auto)}:host(.indent-0) .content{grid-column:1;grid-row:1;margin-inline-start:10px}:host(.indent-0) .expand-collapse-glyph-container{grid-column:5;grid-row:1}:host(.indent-2){grid-template-columns:minmax(32px,auto) minmax(32px,auto) 1fr minmax(32px,auto) minmax(32px,auto)}:host(.indent-2) .content{grid-column:3;grid-row:1;margin-inline-start:10px}:host(.indent-2) .expand-collapse-glyph-container{grid-column:5;grid-row:1}:host(.indent-2) .start{grid-column:2}:host(.indent-2) .end{grid-column:4}:host(:${io}){border:calc(${jn} * 1px) solid ${ac};box-shadow:0 0 0 calc((${Un} - ${jn}) * 1px) ${ac}}:host(:not([disabled]):hover){background:${yl}}:host(:not([disabled]):active),:host(.expanded){background:${xl};color:${Dl}}:host([disabled]){cursor:${"not-allowed"};opacity:${Ln}}.content{grid-column-start:2;justify-self:start;overflow:hidden;text-overflow:ellipsis}.start,.end{display:flex;justify-content:center}:host(.indent-0[aria-haspopup='menu']){display:grid;grid-template-columns:minmax(32px,auto) auto 1fr minmax(32px,auto) minmax(32px,auto);align-items:center;min-height:32px}:host(.indent-1[aria-haspopup='menu']),:host(.indent-1[role='menuitemcheckbox']),:host(.indent-1[role='menuitemradio']){display:grid;grid-template-columns:minmax(32px,auto) auto 1fr minmax(32px,auto) minmax(32px,auto);align-items:center;min-height:32px}:host(.indent-2:not([aria-haspopup='menu'])) .end{grid-column:5}:host .input-container,:host .expand-collapse-glyph-container{display:none}:host([aria-haspopup='menu']) .expand-collapse-glyph-container,:host([role='menuitemcheckbox']) .input-container,:host([role='menuitemradio']) .input-container{display:grid}:host([aria-haspopup='menu']) .content,:host([role='menuitemcheckbox']) .content,:host([role='menuitemradio']) .content{grid-column-start:3}:host([aria-haspopup='menu'].indent-0) .content{grid-column-start:1}:host([aria-haspopup='menu']) .end,:host([role='menuitemcheckbox']) .end,:host([role='menuitemradio']) .end{grid-column-start:4}:host .expand-collapse,:host .checkbox,:host .radio{display:flex;align-items:center;justify-content:center;position:relative;box-sizing:border-box;outline:none}:host .checkbox-indicator,:host .radio-indicator,slot[name='checkbox-indicator'],slot[name='radio-indicator']{display:none}::slotted([slot='end']:not(svg)){margin-inline-end:10px;color:${Ol}}:host([aria-checked='true']) .checkbox-indicator,:host([aria-checked='true']) slot[name='checkbox-indicator'],:host([aria-checked='true']) .radio-indicator,:host([aria-checked='true']) slot[name='radio-indicator']{display:flex}`.withBehaviors(Ji(Dt`
         :host,::slotted([slot='end']:not(svg)){forced-color-adjust:none;color:${Ns.ButtonText};fill:currentcolor}:host(:not([disabled]):hover){background:${Ns.Highlight};color:${Ns.HighlightText};fill:currentcolor}:host(:hover) .start,:host(:hover) .end,:host(:hover)::slotted(svg),:host(:active) .start,:host(:active) .end,:host(:active)::slotted(svg),:host(:hover) ::slotted([slot='end']:not(svg)),:host(:${io}) ::slotted([slot='end']:not(svg)){color:${Ns.HighlightText};fill:currentcolor}:host(.expanded){background:${Ns.Highlight};border-color:${Ns.Highlight};color:${Ns.HighlightText}}:host(:${io}){background:${Ns.Highlight};border-color:${Ns.ButtonText};box-shadow:0 0 0 calc(${jn} * 1px) inset ${Ns.HighlightText};color:${Ns.HighlightText};fill:currentcolor}:host([disabled]),:host([disabled]:hover),:host([disabled]:hover) .start,:host([disabled]:hover) .end,:host([disabled]:hover)::slotted(svg),:host([disabled]:${io}){background:${Ns.ButtonFace};color:${Ns.GrayText};fill:currentcolor;opacity:1}:host([disabled]:${io}){border-color:${Ns.GrayText}}:host .expanded-toggle,:host .checkbox,:host .radio{border-color:${Ns.ButtonText};background:${Ns.HighlightText}}:host([checked]) .checkbox,:host([checked]) .radio{background:${Ns.HighlightText};border-color:${Ns.HighlightText}}:host(:hover) .expanded-toggle,:host(:hover) .checkbox,:host(:hover) .radio,:host(:${io}) .expanded-toggle,:host(:${io}) .checkbox,:host(:${io}) .radio,:host([checked]:hover) .checkbox,:host([checked]:hover) .radio,:host([checked]:${io}) .checkbox,:host([checked]:${io}) .radio{border-color:${Ns.HighlightText}}:host([aria-checked='true']){background:${Ns.Highlight};color:${Ns.HighlightText}}:host([aria-checked='true']) .checkbox-indicator,:host([aria-checked='true']) ::slotted([slot='checkbox-indicator']),:host([aria-checked='true']) ::slotted([slot='radio-indicator']){fill:${Ns.Highlight}}:host([aria-checked='true']) .radio-indicator{background:${Ns.Highlight}}`),new bh(Dt`
         .expand-collapse-glyph-container{transform:rotate(0deg)}`,Dt`
         .expand-collapse-glyph-container{transform:rotate(180deg)}`)),Cu=Wo.compose({baseName:"menu-item",template:(t,e)=>nt`<template role="${t=>t.role}" aria-haspopup="${t=>t.hasSubmenu?"menu":void 0}" aria-checked="${t=>t.role!==_o.menuitem?t.checked:void 0}" aria-disabled="${t=>t.disabled}" aria-expanded="${t=>t.expanded}" @keydown="${(t,e)=>t.handleMenuItemKeyDown(e.event)}" @click="${(t,e)=>t.handleMenuItemClick(e.event)}" @mouseover="${(t,e)=>t.handleMouseOver(e.event)}" @mouseout="${(t,e)=>t.handleMouseOut(e.event)}" class="${t=>t.disabled?"disabled":""} ${t=>t.expanded?"expanded":""} ${t=>"indent-"+t.startColumnCount}">${Nt(t=>t.role===_o.menuitemcheckbox,nt`<div part="input-container" class="input-container"><span part="checkbox" class="checkbox"><slot name="checkbox-indicator">${e.checkboxIndicator||""}</slot></span></div>`)} ${Nt(t=>t.role===_o.menuitemradio,nt`<div part="input-container" class="input-container"><span part="radio" class="radio"><slot name="radio-indicator">${e.radioIndicator||""}</slot></span></div>`)}</div>${ie(0,e)}<span class="content" part="content"><slot></slot></span>${ee(0,e)} ${Nt(t=>t.hasSubmenu,nt`<div part="expand-collapse-glyph-container" class="expand-collapse-glyph-container"><span part="expand-collapse" class="expand-collapse"><slot name="expand-collapse-indicator">${e.expandCollapseGlyph||""}</slot></span></div>`)} ${Nt(t=>t.expanded,nt`<${t.tagFor(hi)} :anchorElement="${t=>t}" vertical-positioning-mode="dynamic" vertical-default-position="bottom" vertical-inset="true" horizontal-positioning-mode="dynamic" horizontal-default-position="end" class="submenu-region" dir="${t=>t.currentDirection}" @loaded="${t=>t.submenuLoaded()}" ${Bt("submenuRegion")} part="submenu-region"><slot name="submenu"></slot></${t.tagFor(hi)}>`)}</template>`,styles:ku,checkboxIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M13.86 3.66a.5.5 0 01-.02.7l-7.93 7.48a.6.6 0 01-.84-.02L2.4 9.1a.5.5 0 01.72-.7l2.4 2.44 7.65-7.2a.5.5 0 01.7.02z"/>\n    </svg>\n  ',expandCollapseGlyph:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <path d="M5.65 3.15a.5.5 0 000 .7L9.79 8l-4.14 4.15a.5.5 0 00.7.7l4.5-4.5a.5.5 0 000-.7l-4.5-4.5a.5.5 0 00-.7 0z"/>\n    </svg>\n  ',radioIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="8" cy="8" r="2"/>\n    </svg>\n  '}),Fu=ku,Iu=(t,e)=>Dt`
@@ -129,26 +129,26 @@ ${eo("inline-block")} :host{--calendar-cell-size:calc((${zn} + 2 + ${Pn}) * ${Mn
       `))),Ji(Dt`
         ${Yh(0,0,".root")}
         .step-up,.step-down{fill:${Ns.FieldText}}`));class Tu extends is{connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline")}}mh([ft],Tu.prototype,"appearance",void 0);const Du=Iu,Vu=Tu.compose({baseName:"number-field",baseClass:is,styles:Iu,template:(t,e)=>nt`<template class="${t=>t.readOnly?"readonly":""}"><label part="label" for="control" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qt("defaultSlottedNodes")}></slot></label><div class="root" part="root">${ie(0,e)}<input class="control" part="control" id="control" @input="${t=>t.handleTextInput()}" @change="${t=>t.handleChange()}" @keydown="${(t,e)=>t.handleKeyDown(e.event)}" @blur="${(t,e)=>t.handleBlur()}" ?autofocus="${t=>t.autofocus}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" type="text" inputmode="numeric" min="${t=>t.min}" max="${t=>t.max}" step="${t=>t.step}" aria-atomic="${t=>t.ariaAtomic}" aria-busy="${t=>t.ariaBusy}" aria-controls="${t=>t.ariaControls}" aria-current="${t=>t.ariaCurrent}" aria-describedby="${t=>t.ariaDescribedby}" aria-details="${t=>t.ariaDetails}" aria-disabled="${t=>t.ariaDisabled}" aria-errormessage="${t=>t.ariaErrormessage}" aria-flowto="${t=>t.ariaFlowto}" aria-haspopup="${t=>t.ariaHaspopup}" aria-hidden="${t=>t.ariaHidden}" aria-invalid="${t=>t.ariaInvalid}" aria-keyshortcuts="${t=>t.ariaKeyshortcuts}" aria-label="${t=>t.ariaLabel}" aria-labelledby="${t=>t.ariaLabelledby}" aria-live="${t=>t.ariaLive}" aria-owns="${t=>t.ariaOwns}" aria-relevant="${t=>t.ariaRelevant}" aria-roledescription="${t=>t.ariaRoledescription}" ${Bt("control")} />${Nt(t=>!t.hideStep&&!t.readOnly&&!t.disabled,nt`<div class="controls" part="controls"><div class="step-up" part="step-up" @click="${t=>t.stepUp()}"><slot name="step-up-glyph">${e.stepUpGlyph||""}</slot></div><div class="step-down" part="step-down" @click="${t=>t.stepDown()}"><slot name="step-down-glyph">${e.stepDownGlyph||""}</slot></div></div>`)} ${ee(0,e)}</div></template>`,shadowOptions:{delegatesFocus:!0},stepDownGlyph:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  ',stepUpGlyph:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 7.35c.2.2.5.2.7 0L6 4.21l3.15 3.14a.5.5 0 10.7-.7l-3.5-3.5a.5.5 0 00-.7 0l-3.5 3.5a.5.5 0 000 .7z"/>\n    </svg>\n'}),Su=(t,e)=>Dt`
-    ${eo("flex")} :host{align-items:center;outline:none;height:calc((${jn} * 3) * 1px);margin:calc(${Mn} * 1px) 0}.progress{background-color:${ic};border-radius:calc(${Mn} * 1px);width:100%;height:calc(${jn} * 1px);display:flex;align-items:center;position:relative}.determinate{background-color:${Ia};border-radius:calc(${Mn} * 1px);height:calc((${jn} * 3) * 1px);transition:all 0.2s ease-in-out;display:flex}.indeterminate{height:calc((${jn} * 3) * 1px);border-radius:calc(${Mn} * 1px);display:flex;width:100%;position:relative;overflow:hidden}.indeterminate-indicator-1{position:absolute;opacity:0;height:100%;background-color:${Ia};border-radius:calc(${Mn} * 1px);animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:40%;animation:indeterminate-1 2s infinite}.indeterminate-indicator-2{position:absolute;opacity:0;height:100%;background-color:${Ia};border-radius:calc(${Mn} * 1px);animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:60%;animation:indeterminate-2 2s infinite}:host(.paused) .indeterminate-indicator-1,:host(.paused) .indeterminate-indicator-2{animation:none;background-color:${Ol};width:100%;opacity:1}:host(.paused) .determinate{background-color:${Ol}}@keyframes indeterminate-1{0%{opacity:1;transform:translateX(-100%)}70%{opacity:1;transform:translateX(300%)}70.01%{opacity:0}100%{opacity:0;transform:translateX(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translateX(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translateX(-150%)}100%{transform:translateX(166.66%);opacity:1}}`.withBehaviors(Ji(Dt`
+    ${eo("flex")} :host{align-items:center;outline:none;height:calc((${jn} * 3) * 1px)}.progress{background-color:${ic};border-radius:calc(${Mn} * 1px);width:100%;height:calc(${jn} * 1px);display:flex;align-items:center;position:relative}.determinate{background-color:${Ia};border-radius:calc(${Mn} * 1px);height:calc((${jn} * 3) * 1px);transition:all 0.2s ease-in-out;display:flex}.indeterminate{height:calc((${jn} * 3) * 1px);border-radius:calc(${Mn} * 1px);display:flex;width:100%;position:relative;overflow:hidden}.indeterminate-indicator-1{position:absolute;opacity:0;height:100%;background-color:${Ia};border-radius:calc(${Mn} * 1px);animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:40%;animation:indeterminate-1 2s infinite}.indeterminate-indicator-2{position:absolute;opacity:0;height:100%;background-color:${Ia};border-radius:calc(${Mn} * 1px);animation-timing-function:cubic-bezier(0.4,0,0.6,1);width:60%;animation:indeterminate-2 2s infinite}:host(.paused) .indeterminate-indicator-1,:host(.paused) .indeterminate-indicator-2{animation:none;background-color:${Ol};width:100%;opacity:1}:host(.paused) .determinate{background-color:${Ol}}@keyframes indeterminate-1{0%{opacity:1;transform:translateX(-100%)}70%{opacity:1;transform:translateX(300%)}70.01%{opacity:0}100%{opacity:0;transform:translateX(300%)}}@keyframes indeterminate-2{0%{opacity:0;transform:translateX(-150%)}29.99%{opacity:0}30%{opacity:1;transform:translateX(-150%)}100%{transform:translateX(166.66%);opacity:1}}`.withBehaviors(Ji(Dt`
         .indeterminate-indicator-1,.indeterminate-indicator-2,.determinate,.progress{background-color:${Ns.ButtonText}}:host(.paused) .indeterminate-indicator-1,:host(.paused) .indeterminate-indicator-2,:host(.paused) .determinate{background-color:${Ns.GrayText}}`));class Ru extends os{}const Eu=Ru.compose({baseName:"progress",template:(t,e)=>nt`<template role="progressbar" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" class="${t=>t.paused?"paused":""}">${Nt(t=>"number"==typeof t.value,nt`<div class="progress" part="progress" slot="determinate"><div class="determinate" part="determinate" style="width: ${t=>t.percentComplete}%"></div></div>`)} ${Nt(t=>"number"!=typeof t.value,nt`<div class="progress" part="progress" slot="indeterminate"><slot class="indeterminate" name="indeterminate">${e.indeterminateIndicator1||""} ${e.indeterminateIndicator2||""}</slot></div>`)}</template>`,styles:Su,indeterminateIndicator1:'\n    <span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>\n  ',indeterminateIndicator2:'\n    <span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>\n  '}),Ou=Su,Au=(t,e)=>Dt`
-    ${eo("flex")} :host{align-items:center;outline:none;height:calc(${ah} * 1px);width:calc(${ah} * 1px);margin:calc(${ah} * 1px) 0}.progress{height:100%;width:100%}.background{fill:none;stroke-width:2px}.determinate{stroke:${Ia};fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out}.indeterminate-indicator-1{stroke:${Ia};fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out;animation:spin-infinite 2s linear infinite}:host(.paused) .indeterminate-indicator-1{animation:none;stroke:${Ol}}:host(.paused) .determinate{stroke:${Ol}}@keyframes spin-infinite{0%{stroke-dasharray:0.01px 43.97px;transform:rotate(0deg)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}100%{stroke-dasharray:0.01px 43.97px;transform:rotate(1080deg)}}`.withBehaviors(Ji(Dt`
+    ${eo("flex")} :host{align-items:center;outline:none;height:calc(${ah} * 1px);width:calc(${ah} * 1px)}.progress{height:100%;width:100%}.background{fill:none;stroke-width:2px}.determinate{stroke:${Ia};fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out}.indeterminate-indicator-1{stroke:${Ia};fill:none;stroke-width:2px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out;animation:spin-infinite 2s linear infinite}:host(.paused) .indeterminate-indicator-1{animation:none;stroke:${Ol}}:host(.paused) .determinate{stroke:${Ol}}@keyframes spin-infinite{0%{stroke-dasharray:0.01px 43.97px;transform:rotate(0deg)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}100%{stroke-dasharray:0.01px 43.97px;transform:rotate(1080deg)}}`.withBehaviors(Ji(Dt`
         .background{stroke:${Ns.Field}}.determinate,.indeterminate-indicator-1{stroke:${Ns.ButtonText}}:host(.paused) .determinate,:host(.paused) .indeterminate-indicator-1{stroke:${Ns.GrayText}}`));class Lu extends os{}const zu=Lu.compose({baseName:"progress-ring",template:(t,e)=>nt`<template role="progressbar" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" class="${t=>t.paused?"paused":""}">${Nt(t=>"number"==typeof t.value,nt`<svg class="progress" part="progress" viewBox="0 0 16 16" slot="determinate"><circle class="background" part="background" cx="8px" cy="8px" r="7px"></circle><circle class="determinate" part="determinate" style="stroke-dasharray: ${t=>44*t.percentComplete/100}px ${44}px" cx="8px" cy="8px" r="7px"></circle></svg>`)} ${Nt(t=>"number"!=typeof t.value,nt`<slot name="indeterminate" slot="indeterminate">${e.indeterminateIndicator||""}</slot>`)}</template>`,styles:Au,indeterminateIndicator:'\n    <svg class="progress" part="progress" viewBox="0 0 16 16">\n        <circle\n            class="background"\n            part="background"\n            cx="8px"\n            cy="8px"\n            r="7px"\n        ></circle>\n        <circle\n            class="indeterminate-indicator-1"\n            part="indeterminate-indicator-1"\n            cx="8px"\n            cy="8px"\n            r="7px"\n        ></circle>\n    </svg>\n  '}),Hu=Au,Pu=(t,e)=>Dt`
-    ${eo("inline-flex")} :host{--input-size:calc((${ah} / 2) + ${Mn});align-items:center;outline:none;margin:calc(${Mn} * 1px) 0;${""} user-select:none;position:relative;flex-direction:row;transition:all 0.2s ease-in-out}.control{position:relative;width:calc(var(--input-size) * 1px);height:calc(var(--input-size) * 1px);box-sizing:border-box;border-radius:50%;border:calc(${jn} * 1px) solid ${ic};background:${il};outline:none;cursor:pointer}.label__hidden{display:none;visibility:hidden}.label{font-family:${qn};color:${Dl};${""} padding-inline-start:calc(${Mn} * 2px + 2px);margin-inline-end:calc(${Mn} * 2px + 2px);cursor:pointer;font-size:${_n};line-height:${Gn}}.control,slot[name='checked-indicator']{flex-shrink:0}slot[name='checked-indicator']{display:flex;align-items:center;justify-content:center;width:100%;height:100%;fill:${Ra};opacity:0;pointer-events:none}:host(:not(.disabled):hover) .control{background:${ol};border-color:${oc}}:host(:not(.disabled):active) .control{background:${sl};border-color:${sc}}:host(:not(.disabled):active) slot[name='checked-indicator']{opacity:1}:host(:${io}) .control{box-shadow:0 0 0 1px ${ka},0 0 0 3px ${ac};background:${nl};border-color:${ac}}:host(.checked) .control{background:${Ia};border-color:transparent}:host(.checked:not(.disabled):hover) .control{background:${Ta};border-color:transparent}:host(.checked:not(.disabled):active) .control{background:${Da};border-color:transparent}:host(.disabled) .label,:host(.readonly) .label,:host(.readonly) .control,:host(.disabled) .control{cursor:${"not-allowed"}}:host(.checked) slot[name='checked-indicator']{opacity:1}:host(.disabled){opacity:${Ln}}`.withBehaviors(Ji(Dt`
+    ${eo("inline-flex")} :host{--input-size:calc((${ah} / 2) + ${Mn});align-items:center;outline:none;${""} user-select:none;position:relative;flex-direction:row;transition:all 0.2s ease-in-out}.control{position:relative;width:calc(var(--input-size) * 1px);height:calc(var(--input-size) * 1px);box-sizing:border-box;border-radius:50%;border:calc(${jn} * 1px) solid ${ic};background:${il};outline:none;cursor:pointer}.label__hidden{display:none;visibility:hidden}.label{font-family:${qn};color:${Dl};${""} padding-inline-start:calc(${Mn} * 2px + 2px);margin-inline-end:calc(${Mn} * 2px + 2px);cursor:pointer;font-size:${_n};line-height:${Gn}}.control,slot[name='checked-indicator']{flex-shrink:0}slot[name='checked-indicator']{display:flex;align-items:center;justify-content:center;width:100%;height:100%;fill:${Ra};opacity:0;pointer-events:none}:host(:not(.disabled):hover) .control{background:${ol};border-color:${oc}}:host(:not(.disabled):active) .control{background:${sl};border-color:${sc}}:host(:not(.disabled):active) slot[name='checked-indicator']{opacity:1}:host(:${io}) .control{box-shadow:0 0 0 1px ${ka},0 0 0 3px ${ac};background:${nl};border-color:${ac}}:host(.checked) .control{background:${Ia};border-color:transparent}:host(.checked:not(.disabled):hover) .control{background:${Ta};border-color:transparent}:host(.checked:not(.disabled):active) .control{background:${Da};border-color:transparent}:host(.disabled) .label,:host(.readonly) .label,:host(.readonly) .control,:host(.disabled) .control{cursor:${"not-allowed"}}:host(.checked) slot[name='checked-indicator']{opacity:1}:host(.disabled){opacity:${Ln}}`.withBehaviors(Ji(Dt`
         .control{background:${Ns.Field};border-color:${Ns.FieldText}}:host(:not(.disabled):hover) .control,:host(:not(.disabled):active) .control{border-color:${Ns.Highlight}}:host(:${io}) .control{forced-color-adjust:none;box-shadow:0 0 0 1px ${Ns.Field},0 0 0 3px ${Ns.FieldText};background:${Ns.Field};border-color:${Ns.Highlight}}:host(.checked:not(.disabled):hover) .control,:host(.checked:not(.disabled):active) .control{border-color:${Ns.Highlight};background:${Ns.Highlight}}:host(.checked:${io}) .control{box-shadow:0 0 0 1px ${Ns.Field},0 0 0 3px ${Ns.FieldText}}:host(.checked) slot[name='checked-indicator']{fill:${Ns.Highlight}}:host(.checked:hover) .control slot[name='checked-indicator']{fill:${Ns.HighlightText}}:host(.disabled){opacity:1}:host(.disabled) .label{color:${Ns.GrayText}}:host(.disabled) .control,:host(.checked.disabled) .control{background:${Ns.Field};border-color:${Ns.GrayText}}:host(.disabled) slot[name='checked-indicator'],:host(.checked.disabled) slot[name='checked-indicator']{fill:${Ns.GrayText}}`)),Mu=as.compose({baseName:"radio",template:(t,e)=>nt`<template role="radio" class="${t=>t.checked?"checked":""} ${t=>t.readOnly?"readonly":""}" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}"><div part="control" class="control"><slot name="checked-indicator">${e.checkedIndicator||""}</slot></div><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qt("defaultSlottedNodes")}></slot></label></template>`,styles:Pu,checkedIndicator:'\n    <svg width="16" height="16" xmlns="http://www.w3.org/2000/svg">\n      <circle cx="8" cy="8" r="4"/>\n    </svg>\n  '}),Bu=Pu,Nu=(t,e)=>Dt`
-  ${eo("flex")} :host{align-items:flex-start;margin:calc(${Mn} * 1px) 0;flex-direction:column}.positioning-region{display:flex;flex-wrap:wrap}:host([orientation='vertical']) .positioning-region{flex-direction:column}:host([orientation='horizontal']) .positioning-region{flex-direction:row}`,ju=ss.compose({baseName:"radio-group",template:(t,e)=>nt`<template role="radiogroup" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @focusout="${(t,e)=>t.focusOutHandler(e.event)}"><slot name="label"></slot><div class="positioning-region ${t=>t.orientation===We.horizontal?"horizontal":"vertical"}" part="positioning-region"><slot ${Qt({property:"slottedRadioButtons",filter:Kt("[role=radio]")})}></slot></div></template>`,styles:Nu}),Uu=Nu;class qu extends ds{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline"),this.listbox&&ka.setValueFor(this.listbox,ga)}}mh([ft({mode:"fromView"})],qu.prototype,"appearance",void 0);const _u=qu.compose({baseName:"select",baseClass:ds,template:(t,e)=>nt`<template class="${t=>t.open?"open":""} ${t=>t.disabled?"disabled":""} ${t=>t.position}" role="${t=>t.role}" tabindex="${t=>t.disabled?null:"0"}" aria-disabled="${t=>t.ariaDisabled}" aria-expanded="${t=>t.ariaExpanded}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><div aria-activedescendant="${t=>t.open?t.ariaActiveDescendant:null}" aria-controls="listbox" aria-expanded="${t=>t.ariaExpanded}" aria-haspopup="listbox" class="control" part="control" role="button" ?disabled="${t=>t.disabled}">${ie(0,e)}<slot name="button-container"><div class="selected-value" part="selected-value"><slot name="selected-value">${t=>t.displayValue}</slot></div><div class="indicator" part="indicator"><slot name="indicator">${e.indicator||""}</slot></div></slot>${ee(0,e)}</div><div aria-disabled="${t=>t.disabled}" class="listbox" id="listbox" part="listbox" role="listbox" ?disabled="${t=>t.disabled}" ?hidden="${t=>!t.open}" ${Bt("listbox")}><slot ${Qt({filter:_i.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:Ed,indicator:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  '}),Gu=Ed,Wu=(t,e)=>Dt`
+  ${eo("flex")} :host{align-items:flex-start;flex-direction:column}.positioning-region{display:flex;flex-wrap:wrap}:host([orientation='vertical']) .positioning-region{flex-direction:column}:host([orientation='horizontal']) .positioning-region{flex-direction:row}`,ju=ss.compose({baseName:"radio-group",template:(t,e)=>nt`<template role="radiogroup" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @focusout="${(t,e)=>t.focusOutHandler(e.event)}"><slot name="label"></slot><div class="positioning-region ${t=>t.orientation===We.horizontal?"horizontal":"vertical"}" part="positioning-region"><slot ${Qt({property:"slottedRadioButtons",filter:Kt("[role=radio]")})}></slot></div></template>`,styles:Nu}),Uu=Nu;class qu extends ds{appearanceChanged(t,e){t!==e&&(this.classList.add(e),this.classList.remove(t))}connectedCallback(){super.connectedCallback(),this.appearance||(this.appearance="outline"),this.listbox&&ka.setValueFor(this.listbox,ga)}}mh([ft({mode:"fromView"})],qu.prototype,"appearance",void 0);const _u=qu.compose({baseName:"select",baseClass:ds,template:(t,e)=>nt`<template class="${t=>t.open?"open":""} ${t=>t.disabled?"disabled":""} ${t=>t.position}" role="${t=>t.role}" tabindex="${t=>t.disabled?null:"0"}" aria-disabled="${t=>t.ariaDisabled}" aria-expanded="${t=>t.ariaExpanded}" @click="${(t,e)=>t.clickHandler(e.event)}" @focusout="${(t,e)=>t.focusoutHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><div aria-activedescendant="${t=>t.open?t.ariaActiveDescendant:null}" aria-controls="listbox" aria-expanded="${t=>t.ariaExpanded}" aria-haspopup="listbox" class="control" part="control" role="button" ?disabled="${t=>t.disabled}">${ie(0,e)}<slot name="button-container"><div class="selected-value" part="selected-value"><slot name="selected-value">${t=>t.displayValue}</slot></div><div class="indicator" part="indicator"><slot name="indicator">${e.indicator||""}</slot></div></slot>${ee(0,e)}</div><div aria-disabled="${t=>t.disabled}" class="listbox" id="listbox" part="listbox" role="listbox" ?disabled="${t=>t.disabled}" ?hidden="${t=>!t.open}" ${Bt("listbox")}><slot ${Qt({filter:_i.slottedOptionFilter,flatten:!0,property:"slottedOptions"})}></slot></div></template>`,styles:Ed,indicator:'\n    <svg width="12" height="12" xmlns="http://www.w3.org/2000/svg">\n      <path d="M2.15 4.65c.2-.2.5-.2.7 0L6 7.79l3.15-3.14a.5.5 0 11.7.7l-3.5 3.5a.5.5 0 01-.7 0l-3.5-3.5a.5.5 0 010-.7z"/>\n    </svg>\n  '}),Gu=Ed,Wu=(t,e)=>Dt`
     ${eo("block")} :host{--skeleton-fill-default:${pl};overflow:hidden;width:100%;position:relative;background-color:var(--skeleton-fill,var(--skeleton-fill-default));--skeleton-animation-gradient-default:linear-gradient(
         270deg,var(--skeleton-fill,var(--skeleton-fill-default)) 0%,${gl} 51%,var(--skeleton-fill,var(--skeleton-fill-default)) 100%
       );--skeleton-animation-timing-default:ease-in-out}:host(.rect){border-radius:calc(${Bn} * 1px)}:host(.circle){border-radius:100%;overflow:hidden}object{position:absolute;width:100%;height:auto;z-index:2}object img{width:100%;height:auto}${eo("block")} span.shimmer{position:absolute;width:100%;height:100%;background-image:var(--skeleton-animation-gradient,var(--skeleton-animation-gradient-default));background-size:0px 0px / 90% 100%;background-repeat:no-repeat;background-color:var(--skeleton-animation-fill,${pl});animation:shimmer 2s infinite;animation-timing-function:var(--skeleton-animation-timing,var(--skeleton-timing-default));animation-direction:normal;z-index:1}::slotted(svg){z-index:2}::slotted(.pattern){width:100%;height:100%}@keyframes shimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}`.withBehaviors(Ji(Dt`
         :host{background-color:${Ns.CanvasText}}`)),Ku=ps.compose({baseName:"skeleton",template:(t,e)=>nt`<template class="${t=>"circle"===t.shape?"circle":"rect"}" pattern="${t=>t.pattern}" ?shimmer="${t=>t.shimmer}">${Nt(t=>!0===t.shimmer,nt`<span class="shimmer"></span>`)}<object type="image/svg+xml" data="${t=>t.pattern}"><img class="pattern" src="${t=>t.pattern}" /></object><slot></slot></template>`,styles:Wu}),Xu=Wu,Yu=(t,e)=>Dt`
-    ${eo("inline-grid")} :host{--thumb-size:calc((${ah} / 2) + ${Mn} + (${jn} * 2));--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:calc((${Mn} / 2) * -1);--track-width:${Mn};align-items:center;width:100%;margin:calc(${Mn} * 1px) 0;user-select:none;box-sizing:border-box;border-radius:calc(${Bn} * 1px);outline:none;cursor:pointer}:host(.horizontal) .positioning-region{position:relative;margin:0 8px;display:grid;grid-template-rows:calc(var(--thumb-size) * 1px) 1fr}:host(.vertical) .positioning-region{position:relative;margin:0 8px;display:grid;height:100%;grid-template-columns:calc(var(--thumb-size) * 1px) 1fr}:host(:${io}) .thumb-cursor{box-shadow:0 0 0 2px ${ka},0 0 0 4px ${ac}}.thumb-container{position:absolute;height:calc(var(--thumb-size) * 1px);width:calc(var(--thumb-size) * 1px);transition:all 0.2s ease}.thumb-cursor{display:flex;position:relative;border:none;width:calc(var(--thumb-size) * 1px);height:calc(var(--thumb-size) * 1px);background:padding-box linear-gradient(${Ga},${Ga}),border-box ${Bl};border:calc(${jn} * 1px) solid transparent;border-radius:50%;box-sizing:border-box}.thumb-cursor::after{content:'';display:block;border-radius:50%;width:100%;margin:4px;background:${Ia}}:host(:not(.disabled)) .thumb-cursor:hover::after{background:${Ta};margin:3px}:host(:not(.disabled)) .thumb-cursor:active::after{background:${Da};margin:5px}:host(:not(.disabled)) .thumb-cursor:hover{background:padding-box linear-gradient(${Ga},${Ga}),border-box ${Nl}}:host(:not(.disabled)) .thumb-cursor:active{background:padding-box linear-gradient(${Ga},${Ga}),border-box ${jl}}.track-start{background:${Ia};position:absolute;height:100%;left:0;border-radius:calc(${Bn} * 1px)}:host(.horizontal) .thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5px)) translateY(calc(var(--thumb-translate) * 1px))}:host(.vertical) .thumb-container{transform:translateX(calc(var(--thumb-translate) * 1px)) translateY(calc(var(--thumb-size) * 0.5px))}:host(.horizontal){min-width:calc(var(--thumb-size) * 1px)}:host(.horizontal) .track{right:calc(var(--track-overhang) * 1px);left:calc(var(--track-overhang) * 1px);align-self:start;height:calc(var(--track-width) * 1px)}:host(.vertical) .track{top:calc(var(--track-overhang) * 1px);bottom:calc(var(--track-overhang) * 1px);width:calc(var(--track-width) * 1px);height:100%}.track{background:${kl};border:1px solid ${ic};border-radius:2px;box-sizing:border-box;position:absolute}:host(.vertical){height:100%;min-height:calc(${Mn} * 60px);min-width:calc(${Mn} * 20px)}:host(.vertical) .track-start{height:auto;width:100%;top:0}:host(.disabled),:host(.readonly){cursor:${"not-allowed"}}:host(.disabled){opacity:${Ln}}`.withBehaviors(Ji(Dt`
+    ${eo("inline-grid")} :host{--thumb-size:calc((${ah} / 2) + ${Mn} + (${jn} * 2));--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:calc((${Mn} / 2) * -1);--track-width:${Mn};align-items:center;width:100%;user-select:none;box-sizing:border-box;border-radius:calc(${Bn} * 1px);outline:none;cursor:pointer}:host(.horizontal) .positioning-region{position:relative;margin:0 8px;display:grid;grid-template-rows:calc(var(--thumb-size) * 1px) 1fr}:host(.vertical) .positioning-region{position:relative;margin:0 8px;display:grid;height:100%;grid-template-columns:calc(var(--thumb-size) * 1px) 1fr}:host(:${io}) .thumb-cursor{box-shadow:0 0 0 2px ${ka},0 0 0 4px ${ac}}.thumb-container{position:absolute;height:calc(var(--thumb-size) * 1px);width:calc(var(--thumb-size) * 1px);transition:all 0.2s ease}.thumb-cursor{display:flex;position:relative;border:none;width:calc(var(--thumb-size) * 1px);height:calc(var(--thumb-size) * 1px);background:padding-box linear-gradient(${Ga},${Ga}),border-box ${Bl};border:calc(${jn} * 1px) solid transparent;border-radius:50%;box-sizing:border-box}.thumb-cursor::after{content:'';display:block;border-radius:50%;width:100%;margin:4px;background:${Ia}}:host(:not(.disabled)) .thumb-cursor:hover::after{background:${Ta};margin:3px}:host(:not(.disabled)) .thumb-cursor:active::after{background:${Da};margin:5px}:host(:not(.disabled)) .thumb-cursor:hover{background:padding-box linear-gradient(${Ga},${Ga}),border-box ${Nl}}:host(:not(.disabled)) .thumb-cursor:active{background:padding-box linear-gradient(${Ga},${Ga}),border-box ${jl}}.track-start{background:${Ia};position:absolute;height:100%;left:0;border-radius:calc(${Bn} * 1px)}:host(.horizontal) .thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5px)) translateY(calc(var(--thumb-translate) * 1px))}:host(.vertical) .thumb-container{transform:translateX(calc(var(--thumb-translate) * 1px)) translateY(calc(var(--thumb-size) * 0.5px))}:host(.horizontal){min-width:calc(var(--thumb-size) * 1px)}:host(.horizontal) .track{right:calc(var(--track-overhang) * 1px);left:calc(var(--track-overhang) * 1px);align-self:start;height:calc(var(--track-width) * 1px)}:host(.vertical) .track{top:calc(var(--track-overhang) * 1px);bottom:calc(var(--track-overhang) * 1px);width:calc(var(--track-width) * 1px);height:100%}.track{background:${kl};border:1px solid ${ic};border-radius:2px;box-sizing:border-box;position:absolute}:host(.vertical){height:100%;min-height:calc(${Mn} * 60px);min-width:calc(${Mn} * 20px)}:host(.vertical) .track-start{height:auto;width:100%;top:0}:host(.disabled),:host(.readonly){cursor:${"not-allowed"}}:host(.disabled){opacity:${Ln}}`.withBehaviors(Ji(Dt`
         .thumb-cursor{forced-color-adjust:none;border-color:${Ns.FieldText};background:${Ns.FieldText}}:host(:not(.disabled)) .thumb-cursor:hover,:host(:not(.disabled)) .thumb-cursor:active{background:${Ns.Highlight}}.track{forced-color-adjust:none;background:${Ns.FieldText}}.thumb-cursor::after,:host(:not(.disabled)) .thumb-cursor:hover::after,:host(:not(.disabled)) .thumb-cursor:active::after{background:${Ns.Field}}:host(:${io}) .thumb-cursor{background:${Ns.Highlight};border-color:${Ns.Highlight};box-shadow:0 0 0 1px ${Ns.Field},0 0 0 3px ${Ns.FieldText}}:host(.disabled){opacity:1}:host(.disabled) .track,:host(.disabled) .thumb-cursor{forced-color-adjust:none;background:${Ns.GrayText}}`)),Qu=xs.compose({baseName:"slider",template:(t,e)=>nt`<template role="slider" class="${t=>t.readOnly?"readonly":""} ${t=>t.orientation||We.horizontal}" tabindex="${t=>t.disabled?null:0}" aria-valuetext="${t=>t.valueTextFormatter(t.value)}" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" aria-disabled="${t=>!!t.disabled||void 0}" aria-readonly="${t=>!!t.readOnly||void 0}" aria-orientation="${t=>t.orientation}" class="${t=>t.orientation}"><div part="positioning-region" class="positioning-region"><div ${Bt("track")} part="track-container" class="track"><slot name="track"></slot></div><slot></slot><div ${Bt("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}"><slot name="thumb">${e.thumb||""}</slot></div></div></template>`,styles:Yu,thumb:'\n    <div class="thumb-cursor"></div>\n  '}),Zu=Yu,Ju=(t,e)=>Dt`
     ${eo("block")} :host{font-family:${qn}}.root{position:absolute;display:grid}:host(.horizontal){align-self:start;grid-row:2;margin-top:-4px}:host(.vertical){justify-self:start;grid-column:2;margin-left:2px}.container{display:grid;justify-self:center}:host(.horizontal) .container{grid-template-rows:auto auto;grid-template-columns:0}:host(.vertical) .container{grid-template-columns:auto auto;grid-template-rows:0;min-width:calc(var(--thumb-size) * 1px);height:calc(var(--thumb-size) * 1px)}.label{justify-self:center;align-self:center;white-space:nowrap;max-width:30px;margin:2px 0}.mark{width:calc(${jn} * 1px);height:calc(${Mn} * 1px);background:${ic};justify-self:center}:host(.vertical) .mark{transform:rotate(90deg);align-self:center}:host(.vertical) .label{margin-left:calc((${Mn} / 2) * 2px);align-self:center}:host(.disabled){opacity:${Ln}}`.withBehaviors(Ji(Dt`
         .mark{forced-color-adjust:none;background:${Ns.FieldText}}:host(.disabled){forced-color-adjust:none;opacity:1}:host(.disabled) .label{color:${Ns.GrayText}}:host(.disabled) .mark{background:${Ns.GrayText}}`)),tp=ms.compose({baseName:"slider-label",template:(t,e)=>nt`<template aria-disabled="${t=>t.disabled}" class="${t=>t.sliderOrientation||We.horizontal} ${t=>t.disabled?"disabled":""}"><div ${Bt("root")} part="root" class="root" style="${t=>t.positionStyle}"><div class="container">${Nt(t=>!t.hideMark,nt`<div class="mark"></div>`)}<div class="label"><slot></slot></div></div></div></template>`,styles:Ju}),ep=Ju,ip=(t,e)=>Dt`
-    :host([hidden]){display:none}${eo("inline-flex")} :host{align-items:center;outline:none;font-family:${qn};margin:calc(${Mn} * 1px) 0;${""} user-select:none}:host(.disabled){opacity:${Ln}}:host(.disabled) .label,:host(.readonly) .label,:host(.disabled) .switch,:host(.readonly) .switch,:host(.disabled) .status-message,:host(.readonly) .status-message{cursor:${"not-allowed"}}.switch{position:relative;outline:none;box-sizing:border-box;width:calc(((${ah} / 2) + ${Mn}) * 2px);height:calc(((${ah} / 2) + ${Mn}) * 1px);background:${il};border-radius:calc(${ah} * 1px);border:calc(${jn} * 1px) solid ${ic};cursor:pointer}:host(:not(.disabled):hover) .switch{background:${ol};border-color:${oc}}:host(:not(.disabled):active) .switch{background:${sl};border-color:${sc}}:host(:${io}) .switch{box-shadow:0 0 0 1px ${ka},0 0 0 3px ${ac};background:${nl};border-color:${ac}}:host(.checked) .switch{background:${Ia};border-color:transparent}:host(.checked:not(.disabled):hover) .switch{background:${Ta};border-color:transparent}:host(.checked:not(.disabled):active) .switch{background:${Da};border-color:transparent}slot[name='switch']{position:absolute;display:flex;border:1px solid transparent;fill:${Dl};transition:all 0.2s ease-in-out}.status-message{color:${Dl};cursor:pointer;font-size:${_n};line-height:${Gn}}.label__hidden{display:none;visibility:hidden}.label{color:${Dl};font-size:${_n};line-height:${Gn};margin-inline-end:calc(${Mn} * 2px + 2px);cursor:pointer}.status-message{margin-inline-start:calc(${Mn} * 2px + 2px)}:host(.checked) .switch{background:${Ia}}:host(.checked) .switch slot[name='switch']{fill:${Ra};filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.15))}:host(.checked:not(.disabled)) .switch:hover{background:${Ta}}:host(.checked:not(.disabled)) .switch:hover slot[name='switch']{fill:${Ea}}:host(.checked:not(.disabled)) .switch:active{background:${Da}}:host(.checked:not(.disabled)) .switch:active slot[name='switch']{fill:${Oa}}:host(.checked:${io}:not(.disabled)) .switch{box-shadow:0 0 0 1px ${ka},0 0 0 3px ${ac};border-color:transparent}.unchecked-message{display:block}.checked-message{display:none}:host(.checked) .unchecked-message{display:none}:host(.checked) .checked-message{display:block}`.withBehaviors(new bh(Dt`
+    :host([hidden]){display:none}${eo("inline-flex")} :host{align-items:center;outline:none;font-family:${qn};${""} user-select:none}:host(.disabled){opacity:${Ln}}:host(.disabled) .label,:host(.readonly) .label,:host(.disabled) .switch,:host(.readonly) .switch,:host(.disabled) .status-message,:host(.readonly) .status-message{cursor:${"not-allowed"}}.switch{position:relative;outline:none;box-sizing:border-box;width:calc(((${ah} / 2) + ${Mn}) * 2px);height:calc(((${ah} / 2) + ${Mn}) * 1px);background:${il};border-radius:calc(${ah} * 1px);border:calc(${jn} * 1px) solid ${ic};cursor:pointer}:host(:not(.disabled):hover) .switch{background:${ol};border-color:${oc}}:host(:not(.disabled):active) .switch{background:${sl};border-color:${sc}}:host(:${io}) .switch{box-shadow:0 0 0 1px ${ka},0 0 0 3px ${ac};background:${nl};border-color:${ac}}:host(.checked) .switch{background:${Ia};border-color:transparent}:host(.checked:not(.disabled):hover) .switch{background:${Ta};border-color:transparent}:host(.checked:not(.disabled):active) .switch{background:${Da};border-color:transparent}slot[name='switch']{position:absolute;display:flex;border:1px solid transparent;fill:${Dl};transition:all 0.2s ease-in-out}.status-message{color:${Dl};cursor:pointer;font-size:${_n};line-height:${Gn}}.label__hidden{display:none;visibility:hidden}.label{color:${Dl};font-size:${_n};line-height:${Gn};margin-inline-end:calc(${Mn} * 2px + 2px);cursor:pointer}::slotted([slot="checked-message"]),::slotted([slot="unchecked-message"]){margin-inline-start:calc(${Mn} * 2px + 2px)}:host(.checked) .switch{background:${Ia}}:host(.checked) .switch slot[name='switch']{fill:${Ra};filter:drop-shadow(0px 1px 1px rgba(0,0,0,0.15))}:host(.checked:not(.disabled)) .switch:hover{background:${Ta}}:host(.checked:not(.disabled)) .switch:hover slot[name='switch']{fill:${Ea}}:host(.checked:not(.disabled)) .switch:active{background:${Da}}:host(.checked:not(.disabled)) .switch:active slot[name='switch']{fill:${Oa}}:host(.checked:${io}:not(.disabled)) .switch{box-shadow:0 0 0 1px ${ka},0 0 0 3px ${ac};border-color:transparent}.unchecked-message{display:block}.checked-message{display:none}:host(.checked) .unchecked-message{display:none}:host(.checked) .checked-message{display:block}`.withBehaviors(new bh(Dt`
         slot[name='switch']{left:0}:host(.checked) slot[name='switch']{left:100%;transform:translateX(-100%)}`,Dt`
         slot[name='switch']{right:0}:host(.checked) slot[name='switch']{right:100%;transform:translateX(100%)}`),Ji(Dt`
         :host(:not(.disabled)) .switch slot[name='switch']{forced-color-adjust:none;fill:${Ns.FieldText}}.switch{background:${Ns.Field};border-color:${Ns.FieldText}}:host(.checked) .switch{background:${Ns.Highlight};border-color:${Ns.Highlight}}:host(:not(.disabled):hover) .switch,:host(:not(.disabled):active) .switch,:host(.checked:not(.disabled):hover) .switch{background:${Ns.HighlightText};border-color:${Ns.Highlight}}:host(.checked:not(.disabled)) .switch slot[name="switch"]{fill:${Ns.HighlightText}}:host(.checked:not(.disabled):hover) .switch slot[name='switch']{fill:${Ns.Highlight}}:host(:${io}) .switch{forced-color-adjust:none;background:${Ns.Field};border-color:${Ns.Highlight};box-shadow:0 0 0 1px ${Ns.Highlight},0 0 0 3px ${Ns.FieldText}}:host(.checked:${io}:not(.disabled)) .switch{forced-color-adjust:none;background:${Ns.Highlight};box-shadow:0 0 0 1px ${Ns.Field},0 0 0 3px ${Ns.FieldText};border-color:${Ns.Field}}:host(.disabled){opacity:1}:host(.disabled) slot[name='switch']{forced-color-adjust:none;fill:${Ns.GrayText}}:host(.disabled) .switch{background:${Ns.Field};border-color:${Ns.GrayText}}.status-message,.label{color:${Ns.FieldText}}`)),op=ks.compose({baseName:"switch",template:(t,e)=>nt`<template role="switch" aria-checked="${t=>t.checked}" aria-disabled="${t=>t.disabled}" aria-readonly="${t=>t.readOnly}" tabindex="${t=>t.disabled?null:0}" @keypress="${(t,e)=>t.keypressHandler(e.event)}" @click="${(t,e)=>t.clickHandler(e.event)}" class="${t=>t.checked?"checked":""}"><label part="label" class="${t=>t.defaultSlottedNodes&&t.defaultSlottedNodes.length?"label":"label label__hidden"}"><slot ${Qt("defaultSlottedNodes")}></slot></label><div part="switch" class="switch"><slot name="switch">${e.switch||""}</slot></div><span class="status-message" part="status-message"><span class="checked-message" part="checked-message"><slot name="checked-message"></slot></span><span class="unchecked-message" part="unchecked-message"><slot name="unchecked-message"></slot></span></span></template>`,styles:ip,switch:'\n    <svg width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg">\n      <rect x="2" y="2" width="12" height="12" rx="6"/>\n    </svg>\n  '}),sp=ip,np=(t,e)=>Dt`
-      ${eo("grid")} :host{box-sizing:border-box;font-family:${qn};font-size:${_n};line-height:${Gn};color:${Dl};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}.tablist{display:grid;grid-template-rows:calc(${ah} * 1px);auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end}.start,.end{align-self:center}.activeIndicator{grid-row:2;grid-column:1;width:20px;height:3px;border-radius:calc(${Bn} * 1px);justify-self:center;background:${Ia}}.activeIndicatorTransition{transition:transform 0.2s ease-in-out}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host(.vertical){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host(.vertical) .tablist{grid-row-start:2;grid-row-end:2;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;position:relative;width:max-content;justify-self:end;width:100%}:host(.vertical) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host(.vertical) .end{grid-row:3}:host(.vertical) .activeIndicator{grid-column:1;grid-row:1;width:3px;height:20px;margin-inline-start:calc(${Un} * 1px);border-radius:calc(${Bn} * 1px);align-self:center;background:${Ia}}:host(.vertical) .activeIndicatorTransition{transition:transform 0.2s linear}`.withBehaviors(Ji(Dt`
+      ${eo("grid")} :host{box-sizing:border-box;font-family:${qn};font-size:${_n};line-height:${Gn};color:${Dl};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}.tablist{display:grid;grid-template-rows:calc(${ah} * 1px);auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end}.start,.end{align-self:center}.activeIndicator{grid-row:2;grid-column:1;width:20px;height:3px;border-radius:calc(${Bn} * 1px);justify-self:center;background:${Ia}}.activeIndicatorTransition{transition:transform 0.2s ease-in-out}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host(.vertical){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host(.vertical) .tablist{grid-row-start:2;grid-row-end:2;display:grid;grid-template-rows:auto;grid-template-columns:auto 1fr;position:relative;width:max-content;justify-self:end;align-self:flex-start;width:100%}:host(.vertical) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host(.vertical) .end{grid-row:3}:host(.vertical) .activeIndicator{grid-column:1;grid-row:1;width:3px;height:20px;margin-inline-start:calc(${Un} * 1px);border-radius:calc(${Bn} * 1px);align-self:center;background:${Ia}}:host(.vertical) .activeIndicatorTransition{transition:transform 0.2s linear}`.withBehaviors(Ji(Dt`
         .activeIndicator,:host(.vertical) .activeIndicator{background:${Ns.Highlight}}`)),rp=(t,e)=>Dt`
       ${eo("inline-flex")} :host{box-sizing:border-box;font-family:${qn};font-size:${_n};font-weight:400;line-height:${Gn};height:calc((${ah} + (${Mn} * 2)) * 1px);padding:0 calc((6 + (${Mn} * 2 * ${Pn})) * 1px);color:${Dl};border-radius:calc(${Bn} * 1px);border:calc(${jn} * 1px) solid transparent;align-items:center;justify-content:center;grid-row:1 / 3;cursor:pointer;outline:none}:host([aria-selected='true']){z-index:2}:host(:hover),:host(:active){color:${Dl}}:host(:${io}){border-color:${ac};box-shadow:0 0 0 calc((${Un} - ${jn}) * 1px) ${ac} inset}:host(.vertical){justify-content:start;grid-column:1 / 3}:host(.vertical[aria-selected='true']){z-index:2}:host(.vertical:hover),:host(.vertical:active){color:${Dl}}:host(.vertical:hover[aria-selected='true']){}`.withBehaviors(Ji(Dt`
           :host{forced-color-adjust:none;border-color:transparent;color:${Ns.ButtonText};fill:currentcolor}:host(:hover),:host(.vertical:hover),:host([aria-selected='true']:hover){background:transparent;color:${Ns.Highlight};fill:currentcolor}:host([aria-selected='true']){background:transparent;color:${Ns.Highlight};fill:currentcolor}:host(:${io}){background:transparent;border-color:${Ns.ButtonText};box-shadow:none}`)),ap=Fs.compose({baseName:"tab",template:(t,e)=>nt`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}"><slot></slot></template>`,styles:rp}),lp=rp,cp=(t,e)=>Dt`

package/package.json

@@ -2,7 +2,7 @@
   "name": "@fluentui/web-components",
   "description": "A library of Fluent Web Components",
   "sideEffects": false,
-  "version": "2.0.2",
+  "version": "2.1.3",
   "author": {
     "name": "Microsoft",
     "url": "https://discord.gg/FcSNfg4"
@@ -60,7 +60,6 @@
     "ignore-loader": "^0.1.2",
     "istanbul": "^0.4.5",
     "istanbul-instrumenter-loader": "^3.0.1",
-    "jsdom": "^16.2.2",
     "jsdom-global": "3.0.2",
     "karma": "^5.0.4",
     "karma-chrome-launcher": "^3.1.0",