@fluentui/web-components 3.0.0-beta.36 → 3.0.0-beta.37

package/dist/web-components.min.js

@@ -1,7 +1,7 @@
-const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let go;const si="fast-kernel";try{if(document.currentScript)go=document.currentScript.getAttribute(si);else{const o=document.getElementsByTagName("script");go=o[o.length-1].getAttribute(si)}}catch{go="isolate"}let ne;switch(go){case"share":ne=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ne=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:const o=`-${Math.random().toString(36).substring(2,8)}`;ne=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const $e=o=>typeof o=="function",Ct=o=>typeof o=="string",ii=()=>{};var ls=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof ls<"u")ls.globalThis=ls;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const t=new Function("return this")();t.globalThis=t}})();const ri={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},ri));const G=globalThis.FAST;if(G.getById===void 0){const o=Object.create(null);Reflect.defineProperty(G,"getById",Object.assign({value(t,e){let s=o[t];return s===void 0&&(s=e?o[t]=e():null),s}},ri))}G.error===void 0&&Object.assign(G,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const ni=Object.freeze([]);function cs(){const o=new Map;return Object.freeze({register(t){return o.has(t.type)?!1:(o.set(t.type,t),!0)},getByType(t){return o.get(t)},getForInstance(t){if(t!=null)return o.get(t.constructor)}})}function ai(){const o=new WeakMap;return function(t){let e=o.get(t);if(e===void 0){let s=Reflect.getPrototypeOf(t);for(;e===void 0&&s!==null;)e=o.get(s),s=Reflect.getPrototypeOf(s);e=e===void 0?[]:e.slice(0),o.set(t,e)}return e}}function ve(o){o.prototype.toJSON=ii}const Y=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),li=o=>o,hn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:li}):{createHTML:li};let fo=Object.freeze({createHTML(o){return hn.createHTML(o)},protect(o,t,e,s){return s}});const un=fo,ye=Object.freeze({get policy(){return fo},setPolicy(o){if(fo!==un)throw G.error(1201);fo=o},setAttribute(o,t,e){e==null?o.removeAttribute(t):o.setAttribute(t,e)},setBooleanAttribute(o,t,e){e?o.setAttribute(t,""):o.removeAttribute(t)}}),St=G.getById(ne.updateQueue,()=>{const o=[],t=[],e=globalThis.requestAnimationFrame;let s=!0;function i(){if(t.length)throw t.shift()}function r(p){try{p.call()}catch(u){if(s)t.push(u),setTimeout(i,0);else throw o.length=0,u}}function n(){let u=0;for(;u<o.length;)if(r(o[u]),u++,u>1024){for(let c=0,b=o.length-u;c<b;c++)o[c]=o[c+u];o.length-=u,u=0}o.length=0}function h(p){o.push(p),o.length<2&&(s?e(n):n())}return Object.freeze({enqueue:h,next:()=>new Promise(h),process:n,setMode:p=>s=p})});class ds{constructor(t,e){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=t,this.sub1=e}has(t){return this.spillover===void 0?this.sub1===t||this.sub2===t:this.spillover.indexOf(t)!==-1}subscribe(t){const e=this.spillover;if(e===void 0){if(this.has(t))return;if(this.sub1===void 0){this.sub1=t;return}if(this.sub2===void 0){this.sub2=t;return}this.spillover=[this.sub1,this.sub2,t],this.sub1=void 0,this.sub2=void 0}else e.indexOf(t)===-1&&e.push(t)}unsubscribe(t){const e=this.spillover;if(e===void 0)this.sub1===t?this.sub1=void 0:this.sub2===t&&(this.sub2=void 0);else{const s=e.indexOf(t);s!==-1&&e.splice(s,1)}}notify(t){const e=this.spillover,s=this.subject;if(e===void 0){const i=this.sub1,r=this.sub2;i!==void 0&&i.handleChange(s,t),r!==void 0&&r.handleChange(s,t)}else for(let i=0,r=e.length;i<r;++i)e[i].handleChange(s,t)}}class ci{constructor(t){this.subscribers={},this.subjectSubscribers=null,this.subject=t}notify(t){var e,s;(e=this.subscribers[t])===null||e===void 0||e.notify(t),(s=this.subjectSubscribers)===null||s===void 0||s.notify(t)}subscribe(t,e){var s,i;let r;e?r=(s=this.subscribers[e])!==null&&s!==void 0?s:this.subscribers[e]=new ds(this.subject):r=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new ds(this.subject),r.subscribe(t)}unsubscribe(t,e){var s,i;e?(s=this.subscribers[e])===null||s===void 0||s.unsubscribe(t):(i=this.subjectSubscribers)===null||i===void 0||i.unsubscribe(t)}}const hs=Object.freeze({unknown:void 0,coupled:1}),$=G.getById(ne.observable,()=>{const o=St.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let s,i=u=>{throw G.error(1101)};function r(u){var c;let b=(c=u.$fastController)!==null&&c!==void 0?c:e.get(u);return b===void 0&&(Array.isArray(u)?b=i(u):e.set(u,b=new ci(u))),b}const n=ai();class h{constructor(c){this.name=c,this.field=`_${c}`,this.callback=`${c}Changed`}getValue(c){return s!==void 0&&s.watch(c,this.name),c[this.field]}setValue(c,b){const I=this.field,N=c[I];if(N!==b){c[I]=b;const Qt=c[this.callback];$e(Qt)&&Qt.call(c,N,b),r(c).notify(this.name)}}}class p extends ds{constructor(c,b,I=!1){super(c,b),this.expression=c,this.isVolatileBinding=I,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(c){this.isAsync=this.needsQueue=c}bind(c){this.controller=c;const b=this.observe(c.source,c.context);return!c.isBound&&this.requiresUnbind(c)&&c.onUnbind(this),b}requiresUnbind(c){return c.sourceLifetime!==hs.coupled||this.first!==this.last||this.first.propertySource!==c.source}unbind(c){this.dispose()}observe(c,b){this.needsRefresh&&this.last!==null&&this.dispose();const I=s;s=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let N;try{N=this.expression(c,b)}finally{s=I}return N}disconnect(){this.dispose()}dispose(){if(this.last!==null){let c=this.first;for(;c!==void 0;)c.notifier.unsubscribe(this,c.propertyName),c=c.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(c,b){const I=this.last,N=r(c),Qt=I===null?this.first:{};if(Qt.propertySource=c,Qt.propertyName=b,Qt.notifier=N,N.subscribe(this,b),I!==null){if(!this.needsRefresh){let oi;s=void 0,oi=I.propertySource[I.propertyName],s=this,c===oi&&(this.needsRefresh=!0)}I.next=Qt}this.last=Qt}handleChange(){this.needsQueue?(this.needsQueue=!1,o(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let c=this.first;for(;c!==void 0;)yield c,c=c.next}}return ve(p),Object.freeze({setArrayObserverFactory(u){i=u},getNotifier:r,track(u,c){s&&s.watch(u,c)},trackVolatile(){s&&(s.needsRefresh=!0)},notify(u,c){r(u).notify(c)},defineProperty(u,c){Ct(c)&&(c=new h(c)),n(u).push(c),Reflect.defineProperty(u,c.name,{enumerable:!0,get(){return c.getValue(this)},set(b){c.setValue(this,b)}})},getAccessors:n,binding(u,c,b=this.isVolatileBinding(u)){return new p(u,c,b)},isVolatileBinding(u){return t.test(u.toString())}})});function v(o,t){$.defineProperty(o,t)}function pn(o,t,e){return Object.assign({},e,{get(){return $.trackVolatile(),e.get.apply(this)}})}const di=G.getById(ne.contextEvent,()=>{let o=null;return{get(){return o},set(t){o=t}}}),De=Object.freeze({default:{index:0,length:0,get event(){return De.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return di.get()},setEvent(o){di.set(o)}});class bo{constructor(t,e,s=!1){this.evaluate=t,this.policy=e,this.isVolatile=s}}class gn extends bo{createObserver(t){return $.binding(this.evaluate,t,this.isVolatile)}}function hi(o,t,e=$.isVolatileBinding(o)){return new gn(o,t,e)}class ui extends bo{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}ve(ui);function pi(o,t){return new ui(o,t)}let gi;function fi(o){return o.map(t=>t instanceof it?fi(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class it{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof it?e.behaviors:null).reduce((e,s)=>s===null?e:e===null?s:e.concat(s),null)}get strategy(){return this._strategy===null&&this.withStrategy(gi),this._strategy}addStylesTo(t){this.strategy.addStylesTo(t),this.targets.add(t)}removeStylesFrom(t){this.strategy.removeStylesFrom(t),this.targets.delete(t)}isAttachedTo(t){return this.targets.has(t)}withBehaviors(...t){return this.behaviors=this.behaviors===null?t:this.behaviors.concat(t),this}withStrategy(t){return this._strategy=new t(fi(this.styles)),this}static setDefaultStrategy(t){gi=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new it(t):t instanceof it?t:new it([t])}}it.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const us=cs(),ps=Object.freeze({getForInstance:us.getForInstance,getByType:us.getByType,define(o){return us.register({type:o}),o}});function gs(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class fs{constructor(t,e){this.dataBinding=t,this.targetAspect=e}createCSS(t){return t(this),`var(${this.targetAspect})`}addedCallback(t){var e;const s=t.source;if(!s.$cssBindings){s.$cssBindings=new Map;const r=s.setAttribute;s.setAttribute=(n,h)=>{r.call(s,n,h),n==="style"&&s.$cssBindings.forEach((p,u)=>gs(u,p.controller,p.observer))}}const i=(e=t[this.targetAspect])!==null&&e!==void 0?e:t[this.targetAspect]=this.dataBinding.createObserver(this,this);i.controller=t,t.source.$cssBindings.set(this,{controller:t,observer:i})}connectedCallback(t){gs(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){gs(this,e.controller,e)}}ps.define(fs);const fn=`${Math.random().toString(36).substring(2,8)}`;let bn=0;const bi=()=>`--v${fn}${++bn}`;function mi(o,t){const e=[];let s="";const i=[],r=n=>{i.push(n)};for(let n=0,h=o.length-1;n<h;++n){s+=o[n];let p=t[n];$e(p)?p=new fs(hi(p),bi()).createCSS(r):p instanceof bo?p=new fs(p,bi()).createCSS(r):ps.getForInstance(p)!==void 0&&(p=p.createCSS(r)),p instanceof it||p instanceof CSSStyleSheet?(s.trim()!==""&&(e.push(s),s=""),e.push(p)):s+=p}return s+=o[o.length-1],s.trim()!==""&&e.push(s),{styles:e,behaviors:i}}const l=(o,...t)=>{const{styles:e,behaviors:s}=mi(o,t),i=new it(e);return s.length?i.withBehaviors(...s):i};class $i{constructor(t,e){this.behaviors=e,this.css="";const s=t.reduce((i,r)=>(Ct(r)?this.css+=r:i.push(r),i),[]);s.length&&(this.styles=new it(s))}createCSS(t){return this.behaviors.forEach(t),this.styles&&t(this),this.css}addedCallback(t){t.addStyles(this.styles)}removedCallback(t){t.removeStyles(this.styles)}}ps.define($i),l.partial=(o,...t)=>{const{styles:e,behaviors:s}=mi(o,t);return new $i(e,s)};const bs=`fast-${Math.random().toString(36).substring(2,8)}`,mo=`${bs}{`,Ne=`}${bs}`,mn=Ne.length;let $n=0;const ms=()=>`${bs}-${++$n}`,vi=Object.freeze({interpolation:o=>`${mo}${o}${Ne}`,attribute:o=>`${ms()}="${mo}${o}${Ne}"`,comment:o=>`<!--${mo}${o}${Ne}-->`}),$o=Object.freeze({parse(o,t){const e=o.split(mo);if(e.length===1)return null;const s=[];for(let i=0,r=e.length;i<r;++i){const n=e[i],h=n.indexOf(Ne);let p;if(h===-1)p=n;else{const u=n.substring(0,h);s.push(t[u]),p=n.substring(h+mn)}p!==""&&s.push(p)}return s}}),$s=cs(),bt=Object.freeze({getForInstance:$s.getForInstance,getByType:$s.getByType,define(o,t){return t=t||{},t.type=o,$s.register(t),o},assignAspect(o,t){if(!t){o.aspectType=Y.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?Y.tokenList:Y.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=Y.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=Y.event;break;default:o.targetAspect=t,o.aspectType=Y.attribute;break}}});class vs{constructor(t){this.options=t}createHTML(t){return vi.attribute(t(this))}createBehavior(){return this}}ve(vs);function vn(o,t,e,s){if(e==null&&(e=""),e.create){o.textContent="";let i=o.$fastView;i===void 0?i=e.create():o.$fastTemplate!==e&&(i.isComposed&&(i.remove(),i.unbind()),i=e.create()),i.isComposed?i.needsBindOnly&&(i.needsBindOnly=!1,i.bind(s.source,s.context)):(i.isComposed=!0,i.bind(s.source,s.context),i.insertBefore(o),o.$fastView=i,o.$fastTemplate=e)}else{const i=o.$fastView;i!==void 0&&i.isComposed&&(i.isComposed=!1,i.remove(),i.needsBindOnly?i.needsBindOnly=!1:i.unbind()),o.textContent=e}}function yn(o,t,e){var s;const i=`${this.id}-t`,r=(s=o[i])!==null&&s!==void 0?s:o[i]={v:0,cv:Object.create(null)},n=r.cv;let h=r.v;const p=o[t];if(e!=null&&e.length){const u=e.split(/\s+/);for(let c=0,b=u.length;c<b;++c){const I=u[c];I!==""&&(n[I]=h,p.add(I))}}if(r.v=h+1,h!==0){h-=1;for(const u in n)n[u]===h&&p.remove(u)}}const kn={[Y.attribute]:ye.setAttribute,[Y.booleanAttribute]:ye.setBooleanAttribute,[Y.property]:(o,t,e)=>o[t]=e,[Y.content]:vn,[Y.tokenList]:yn,[Y.event]:()=>{}};class ke{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=Y.content}createHTML(t){return vi.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=kn[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw G.error(1205);this.data=`${this.id}-d`,this.updateTarget=s.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const s=t.targets[this.targetNodeId];switch(this.aspectType){case Y.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Y.content:t.onUnbind(this);default:const i=(e=s[this.data])!==null&&e!==void 0?e:s[this.data]=this.dataBinding.createObserver(this,this);i.target=s,i.controller=t,this.updateTarget(s,this.targetAspect,i.bind(t),t);break}}unbind(t){const s=t.targets[this.targetNodeId].$fastView;s!==void 0&&s.isComposed&&(s.unbind(),s.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){De.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);De.setEvent(null),s!==!0&&t.preventDefault()}}handleChange(t,e){const s=e.target,i=e.controller;this.updateTarget(s,this.targetAspect,e.bind(i),i)}}bt.define(ke,{aspected:!0});function yi(o,t){const e=o.parentNode;let s=o,i;for(;s!==t;)i=s.nextSibling,e.removeChild(s),s=i;e.removeChild(t)}class vo{constructor(t,e,s){this.fragment=t,this.factories=e,this.targets=s,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=hs.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=t.firstChild,this.lastChild=t.lastChild}get event(){return De.getEvent()}get isEven(){return this.index%2===0}get isOdd(){return this.index%2!==0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}appendTo(t){t.appendChild(this.fragment)}insertBefore(t){if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let i=this.firstChild,r;for(;i!==e;)r=i.nextSibling,s.insertBefore(i,t),i=r;s.insertBefore(e,t)}}remove(){const t=this.fragment,e=this.lastChild;let s=this.firstChild,i;for(;s!==e;)i=s.nextSibling,t.appendChild(s),s=i;t.appendChild(e)}dispose(){yi(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}bind(t,e=this){if(this.source===t)return;let s=this.behaviors;if(s===null){this.source=t,this.context=e,this.behaviors=s=new Array(this.factories.length);const i=this.factories;for(let r=0,n=i.length;r<n;++r){const h=i[r].createBehavior();h.bind(this),s[r]=h}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let i=0,r=s.length;i<r;++i)s[i].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}static disposeContiguousBatch(t){if(t.length!==0){yi(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,s=t.length;e<s;++e)t[e].unbind()}}}ve(vo),$.defineProperty(vo.prototype,"index"),$.defineProperty(vo.prototype,"length");const ki=(o,t)=>`${o}.${t}`,xi={},It={index:0,node:null};function wi(o){o.startsWith("fast-")||G.warn(1204,{name:o})}const xn=new Proxy(document.createElement("div"),{get(o,t){wi(t);const e=Reflect.get(o,t);return $e(e)?e.bind(o):e},set(o,t,e){return wi(t),Reflect.set(o,t,e)}});class wn{constructor(t,e,s){this.fragment=t,this.directives=e,this.policy=s,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,s,i,r){var n,h;this.nodeIds.has(s)||(this.nodeIds.add(s),this.addTargetDescriptor(e,s,i)),t.id=(n=t.id)!==null&&n!==void 0?n:ms(),t.targetNodeId=s,t.targetTagName=r,t.policy=(h=t.policy)!==null&&h!==void 0?h:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,s){const i=this.descriptors;if(e==="r"||e==="h"||i[e])return;if(!i[t]){const n=t.lastIndexOf("."),h=t.substring(0,n),p=parseInt(t.substring(n+1));this.addTargetDescriptor(h,t,p)}let r=xi[e];if(!r){const n=`_${e}`;xi[e]=r={get(){var h;return(h=this[n])!==null&&h!==void 0?h:this[n]=this[t].childNodes[s]}}}i[e]=r}createView(t){const e=this.fragment.cloneNode(!0),s=Object.create(this.proto);s.r=e,s.h=t??xn;for(const i of this.nodeIds)s[i];return new vo(e,this.factories,s)}}function Ci(o,t,e,s,i,r=!1){const n=e.attributes,h=o.directives;for(let p=0,u=n.length;p<u;++p){const c=n[p],b=c.value,I=$o.parse(b,h);let N=null;I===null?r&&(N=new ke(pi(()=>b,o.policy)),bt.assignAspect(N,c.name)):N=ys.aggregate(I,o.policy),N!==null&&(e.removeAttributeNode(c),p--,u--,o.addFactory(N,t,s,i,e.tagName))}}function Cn(o,t,e,s,i){const r=$o.parse(t.textContent,o.directives);if(r===null)return It.node=t.nextSibling,It.index=i+1,It;let n,h=n=t;for(let p=0,u=r.length;p<u;++p){const c=r[p];p!==0&&(i++,s=ki(e,i),n=h.parentNode.insertBefore(document.createTextNode(""),h.nextSibling)),Ct(c)?n.textContent=c:(n.textContent=" ",bt.assignAspect(c),o.addFactory(c,e,s,i,null)),h=n}return It.index=i+1,It.node=h.nextSibling,It}function Si(o,t,e){let s=0,i=t.firstChild;for(;i;){const r=Sn(o,e,i,s);i=r.node,s=r.index}}function Sn(o,t,e,s){const i=ki(t,s);switch(e.nodeType){case 1:Ci(o,t,e,i,s),Si(o,e,i);break;case 3:return Cn(o,e,t,i,s);case 8:const r=$o.parse(e.data,o.directives);r!==null&&o.addFactory(ys.aggregate(r),t,i,s,null);break}return It.index=s+1,It.node=e.nextSibling,It}function In(o,t){return o&&o.nodeType==8&&$o.parse(o.data,t)!==null}const Ii="TEMPLATE",ys={compile(o,t,e=ye.policy){let s;if(Ct(o)){s=document.createElement(Ii),s.innerHTML=e.createHTML(o);const n=s.content.firstElementChild;n!==null&&n.tagName===Ii&&(s=n)}else s=o;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const i=document.adoptNode(s.content),r=new wn(i,t,e);return Ci(r,"",s,"h",0,!0),(In(i.firstChild,t)||i.childNodes.length===1&&Object.keys(t).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),Si(r,i,"r"),It.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=ye.policy){if(o.length===1)return o[0];let e,s,i=!1,r;const n=o.length,h=o.map(c=>Ct(c)?()=>c:(e=c.sourceAspect||e,s=c.dataBinding||s,i=i||c.dataBinding.isVolatile,r=r||c.dataBinding.policy,c.dataBinding.evaluate)),p=(c,b)=>{let I="";for(let N=0;N<n;++N)I+=h[N](c,b);return I};s.evaluate=p,s.isVolatile=i,s.policy=r??t;const u=new ke(s);return bt.assignAspect(u,e),u}},Pn=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Bn=Object.create(null);class ae{constructor(t,e=Bn){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}ae.empty=new ae(""),bt.define(ae);function Tn(o,t,e,s=bt.getForInstance(o)){if(s.aspected){const i=Pn.exec(t);i!==null&&bt.assignAspect(o,i[2])}return o.createHTML(e)}class rs{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}create(t){return this.result===null&&(this.result=ys.compile(this.html,this.factories,this.policy)),this.result.createView(t)}inline(){return new ae(Ct(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw G.error(1208);if(this.policy)throw G.error(1207);return this.policy=t,this}render(t,e,s){const i=this.create(s);return i.bind(t),i.appendTo(e),i}static create(t,e,s){let i="";const r=Object.create(null),n=h=>{var p;const u=(p=h.id)!==null&&p!==void 0?p:h.id=ms();return r[u]=h,u};for(let h=0,p=t.length-1;h<p;++h){const u=t[h];let c=e[h],b;if(i+=u,$e(c))c=new ke(hi(c));else if(c instanceof bo)c=new ke(c);else if(!(b=bt.getForInstance(c))){const I=c;c=new ke(pi(()=>I))}i+=Tn(c,u,n,b)}return new rs(i+t[t.length-1],r,s)}}ve(rs);const f=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return rs.create(o,t);throw G.error(1206)};f.partial=o=>new ae(o);class Pi extends vs{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}bt.define(Pi);const Pt=o=>new Pi(o),zn=o=>o.nodeType===1,le=o=>o?t=>t.nodeType===1&&t.matches(o):zn;class Bi extends vs{get id(){return this._id}set id(t){this._id=t,this._controllerProperty=`${t}-c`}bind(t){const e=t.targets[this.targetNodeId];e[this._controllerProperty]=t,this.updateTarget(t.source,this.computeNodes(e)),this.observe(e),t.onUnbind(this)}unbind(t){const e=t.targets[this.targetNodeId];this.updateTarget(t.source,ni),this.disconnect(e),e[this._controllerProperty]=null}getSource(t){return t[this._controllerProperty].source}updateTarget(t,e){t[this.options.property]=e}computeNodes(t){let e=this.getNodes(t);return"filter"in this.options&&(e=e.filter(this.options.filter)),e}}const Ti="slotchange";class zi extends Bi{observe(t){t.addEventListener(Ti,this)}disconnect(t){t.removeEventListener(Ti,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}bt.define(zi);function rt(o){return Ct(o)&&(o={property:o}),new zi(o)}class Fi extends Bi{constructor(t){super(t),this.observerProperty=Symbol(),this.handleEvent=(e,s)=>{const i=s.target;this.updateTarget(this.getSource(i),this.computeNodes(i))},t.childList=!0}observe(t){let e=t[this.observerProperty];e||(e=new MutationObserver(this.handleEvent),e.toJSON=ii,t[this.observerProperty]=e),e.target=t,e.observe(t,this.options)}disconnect(t){const e=t[this.observerProperty];e.target=null,e.disconnect()}getNodes(t){return"selector"in this.options?Array.from(t.querySelectorAll(this.options.selector)):Array.from(t.childNodes)}}bt.define(Fi);function Fn(o){return Ct(o)&&(o={property:o}),new Fi(o)}const Oi="boolean",Ai="reflect",yo=Object.freeze({locate:ai()}),_i={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Mi(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const nt={toView(o){const t=Mi(o);return t&&t.toString()},fromView:Mi};class ns{constructor(t,e,s=e.toLowerCase(),i=Ai,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=s,this.mode=i,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,i===Oi&&r===void 0&&(this.converter=_i)}setValue(t,e){const s=t[this.fieldName],i=this.converter;i!==void 0&&(e=i.fromView(e)),s!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](s,e),t.$fastController.notify(this.name))}getValue(t){return $.track(t,this.name),t[this.fieldName]}onAttributeChangedCallback(t,e){this.guards.has(t)||(this.guards.add(t),this.setValue(t,e),this.guards.delete(t))}tryReflectToAttribute(t){const e=this.mode,s=this.guards;s.has(t)||e==="fromView"||St.enqueue(()=>{s.add(t);const i=t[this.fieldName];switch(e){case Ai:const r=this.converter;ye.setAttribute(t,this.attribute,r!==void 0?r.toView(i):i);break;case Oi:ye.setBooleanAttribute(t,this.attribute,i);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(yo.locate(t));for(let i=0,r=e.length;i<r;++i){const n=e[i];if(n!==void 0)for(let h=0,p=n.length;h<p;++h){const u=n[h];Ct(u)?s.push(new ns(t,u)):s.push(new ns(t,u.property,u.attribute,u.mode,u.converter))}}return s}}function a(o,t){let e;function s(i,r){arguments.length>1&&(e.property=r),yo.locate(i.constructor).push(e)}if(arguments.length>1){e={},s(o,t);return}return e=o===void 0?{}:o,s}const Ei={mode:"open"},Li={},Hi=new Set,ko=G.getById(ne.elementRegistry,()=>cs());class wt{constructor(t,e=t.definition){var s;this.platformDefined=!1,Ct(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.registry=(s=e.registry)!==null&&s!==void 0?s:customElements;const i=t.prototype,r=ns.collect(t,e.attributes),n=new Array(r.length),h={},p={};for(let u=0,c=r.length;u<c;++u){const b=r[u];n[u]=b.attribute,h[b.name]=b,p[b.attribute]=b,$.defineProperty(i,b)}Reflect.defineProperty(t,"observedAttributes",{value:n,enumerable:!0}),this.attributes=r,this.propertyLookup=h,this.attributeLookup=p,this.shadowOptions=e.shadowOptions===void 0?Ei:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Ei),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?Li:Object.assign(Object.assign({},Li),e.elementOptions),this.styles=it.normalize(e.styles),ko.register(this)}get isDefined(){return this.platformDefined}define(t=this.registry){const e=this.type;return t.get(this.name)||(this.platformDefined=!0,t.define(this.name,e,this.elementOptions)),this}static compose(t,e){return Hi.has(t)||ko.getByType(t)?new wt(class extends t{},e):new wt(t,e)}static registerBaseType(t){Hi.add(t)}}wt.getByType=ko.getByType,wt.getForInstance=ko.getForInstance;const On={bubbles:!0,composed:!0,cancelable:!0},ks="isConnected",Di=new WeakMap;function xo(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:Di.get(o))!==null&&e!==void 0?e:null}let Ni;class wo extends ci{constructor(t,e){super(t),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=t,this.definition=e;const s=e.shadowOptions;if(s!==void 0){let r=t.shadowRoot;r?this.hasExistingShadowRoot=!0:(r=t.attachShadow(s),s.mode==="closed"&&Di.set(t,r))}const i=$.getAccessors(t);if(i.length>0){const r=this.boundObservables=Object.create(null);for(let n=0,h=i.length;n<h;++n){const p=i[n].name,u=t[p];u!==void 0&&(delete t[p],r[p]=u)}}}get isConnected(){return $.track(this,ks),this.stage===1}get context(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.context)!==null&&e!==void 0?e:De.default}get isBound(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.isBound)!==null&&e!==void 0?e:!1}get sourceLifetime(){var t;return(t=this.view)===null||t===void 0?void 0:t.sourceLifetime}get template(){var t;if(this._template===null){const e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=(t=e.template)!==null&&t!==void 0?t:null)}return this._template}set template(t){this._template!==t&&(this._template=t,this.needsInitialization||this.renderTemplate(t))}get mainStyles(){var t;if(this._mainStyles===null){const e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=(t=e.styles)!==null&&t!==void 0?t:null)}return this._mainStyles}set mainStyles(t){this._mainStyles!==t&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=t,this.needsInitialization||this.addStyles(t))}onUnbind(t){var e;(e=this.view)===null||e===void 0||e.onUnbind(t)}addBehavior(t){var e,s;const i=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(s=i.get(t))!==null&&s!==void 0?s:0;r===0?(i.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):i.set(t,r+1)}removeBehavior(t,e=!1){const s=this.behaviors;if(s===null)return;const i=s.get(t);i!==void 0&&(i===1||e?(s.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):s.set(t,i-1))}addStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=xo(s))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(s)){const i=t.behaviors;if(t.addStylesTo(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.addBehavior(i[r])}}removeStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=xo(s))!==null&&e!==void 0?e:s).removeChild(t);else if(t.isAttachedTo(s)){const i=t.behaviors;if(t.removeStylesFrom(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.removeBehavior(i[r])}}connect(){if(this.stage!==3)return;if(this.stage=0,this.boundObservables!==null){const e=this.source,s=this.boundObservables,i=Object.keys(s);for(let r=0,n=i.length;r<n;++r){const h=i[r];e[h]=s[h]}this.boundObservables=null}const t=this.behaviors;if(t!==null){this.guardBehaviorConnection=!0;for(const e of t.keys())e.connectedCallback&&e.connectedCallback(this);this.guardBehaviorConnection=!1}this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,$.notify(this,ks)}disconnect(){if(this.stage!==1)return;this.stage=2,$.notify(this,ks),this.view!==null&&this.view.unbind();const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.stage=3}onAttributeChangedCallback(t,e,s){const i=this.definition.attributeLookup[t];i!==void 0&&i.onAttributeChangedCallback(this.source,s)}emit(t,e,s){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},On),s))):!1}renderTemplate(t){var e;const s=this.source,i=(e=xo(s))!==null&&e!==void 0?e:s;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=i.firstChild;r!==null;r=i.firstChild)i.removeChild(r)}t&&(this.view=t.render(s,i,s),this.view.sourceLifetime=hs.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const s=wt.getForInstance(t);if(s===void 0)throw G.error(1401);return t.$fastController=new Ni(t,s)}static setStrategy(t){Ni=t}}ve(wo),wo.setStrategy(wo);function Co(o){var t;return"adoptedStyleSheets"in o?o:(t=xo(o))!==null&&t!==void 0?t:o.getRootNode()}class as{constructor(t){const e=as.styleSheetCache;this.sheets=t.map(s=>{if(s instanceof CSSStyleSheet)return s;let i=e.get(s);return i===void 0&&(i=new CSSStyleSheet,i.replaceSync(s),e.set(s,i)),i})}addStylesTo(t){Vi(Co(t),this.sheets)}removeStylesFrom(t){ji(Co(t),this.sheets)}}as.styleSheetCache=new Map;let An=0;const _n=()=>`fast-${++An}`;function Ri(o){return o===document?document.body:o}class Mn{constructor(t){this.styles=t,this.styleClass=_n()}addStylesTo(t){t=Ri(Co(t));const e=this.styles,s=this.styleClass;for(let i=0;i<e.length;i++){const r=document.createElement("style");r.innerHTML=e[i],r.className=s,t.append(r)}}removeStylesFrom(t){t=Ri(Co(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,i=e.length;s<i;++s)t.removeChild(e[s])}}let Vi=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},ji=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(it.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Vi=(o,t)=>{o.adoptedStyleSheets.push(...t)},ji=(o,t)=>{for(const e of t){const s=o.adoptedStyleSheets.indexOf(e);s!==-1&&o.adoptedStyleSheets.splice(s,1)}}}catch{}it.setDefaultStrategy(as)}else it.setDefaultStrategy(Mn);function qi(o){const t=class extends o{constructor(){super(),wo.forCustomElement(this)}$emit(e,s,i){return this.$fastController.emit(e,s,i)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,s,i){this.$fastController.onAttributeChangedCallback(e,s,i)}};return wt.registerBaseType(t),t}function En(o,t){return $e(o)?wt.compose(o,t):wt.compose(this,o)}function Ln(o,t){return $e(o)?wt.compose(o,t).define().type:wt.compose(this,o).define().type}function Hn(o){return qi(o)}const x=Object.assign(qi(HTMLElement),{from:Hn,define:Ln,compose:En}),Q={horizontal:"horizontal",vertical:"vertical"};function Gi(...o){return o.every(t=>t instanceof HTMLElement)}const xe="ArrowDown",we="ArrowLeft",Ce="ArrowRight",Se="ArrowUp",So="End",Ie="Enter",Dn="Escape",Io="Home",Po=" ",Nn="Tab",Rn={ArrowDown:xe,ArrowLeft:we,ArrowRight:Ce,ArrowUp:Se};var ht;(function(o){o.ltr="ltr",o.rtl="rtl"})(ht||(ht={}));function Vn(o,t,e){return e<o?t:e>t?o:e}function xs(o,t,e){return Math.min(Math.max(e,o),t)}let jn=0;function ws(o=""){return`${o}${jn++}`}var qn=Object.defineProperty,Gn=Object.getOwnPropertyDescriptor,L=(o,t,e,s)=>{for(var i=s>1?void 0:s?Gn(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&qn(t,e,i),i};class H{}L([a({attribute:"aria-atomic"})],H.prototype,"ariaAtomic",2),L([a({attribute:"aria-busy"})],H.prototype,"ariaBusy",2),L([a({attribute:"aria-controls"})],H.prototype,"ariaControls",2),L([a({attribute:"aria-current"})],H.prototype,"ariaCurrent",2),L([a({attribute:"aria-describedby"})],H.prototype,"ariaDescribedby",2),L([a({attribute:"aria-details"})],H.prototype,"ariaDetails",2),L([a({attribute:"aria-disabled"})],H.prototype,"ariaDisabled",2),L([a({attribute:"aria-errormessage"})],H.prototype,"ariaErrormessage",2),L([a({attribute:"aria-flowto"})],H.prototype,"ariaFlowto",2),L([a({attribute:"aria-haspopup"})],H.prototype,"ariaHaspopup",2),L([a({attribute:"aria-hidden"})],H.prototype,"ariaHidden",2),L([a({attribute:"aria-invalid"})],H.prototype,"ariaInvalid",2),L([a({attribute:"aria-keyshortcuts"})],H.prototype,"ariaKeyshortcuts",2),L([a({attribute:"aria-label"})],H.prototype,"ariaLabel",2),L([a({attribute:"aria-labelledby"})],H.prototype,"ariaLabelledby",2),L([a({attribute:"aria-live"})],H.prototype,"ariaLive",2),L([a({attribute:"aria-owns"})],H.prototype,"ariaOwns",2),L([a({attribute:"aria-relevant"})],H.prototype,"ariaRelevant",2),L([a({attribute:"aria-roledescription"})],H.prototype,"ariaRoledescription",2);const Wi=o=>o.closest("[dir]")?.dir==="rtl"?ht.rtl:ht.ltr;function ut(o){return o?typeof o=="string"?new ae(o):"inline"in o?o.inline():o:ae.empty}const Xi=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Wn=":host([hidden]){display:none}";function w(o){return`${Wn}:host{display:${o}}`}class Xn{constructor(t){this.listenerCache=new WeakMap,this.query=t}connectedCallback(t){const{query:e}=this;let s=this.listenerCache.get(t);s||(s=this.constructListener(t),this.listenerCache.set(t,s)),s.bind(e)(),e.addEventListener("change",s)}disconnectedCallback(t){const e=this.listenerCache.get(t);e&&this.query.removeEventListener("change",e)}}class po extends Xn{constructor(t,e){super(t),this.styles=e}static with(t){return e=>new po(t,e)}constructListener(t){let e=!1;const s=this.styles;return function(){const{matches:r}=this;r&&!e?(t.addStyles(s),e=r):!r&&e&&(t.removeStyles(s),e=r)}}removedCallback(t){t.removeStyles(this.styles)}}const Z=po.with(window.matchMedia("(forced-colors)"));po.with(window.matchMedia("(prefers-color-scheme: dark)")),po.with(window.matchMedia("(prefers-color-scheme: light)"));class Lt{}function Ht(o){return f`<slot name="end" ${Pt("end")}>${ut(o.end)}</slot>`.inline()}function Dt(o){return f`<slot name="start" ${Pt("start")}>${ut(o.start)}</slot>`.inline()}function Nt(o,...t){const e=yo.locate(o);t.forEach(s=>{Object.getOwnPropertyNames(s.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(s.prototype,r))}),yo.locate(s).forEach(r=>e.push(r))})}var Un=Object.defineProperty,Kn=Object.getOwnPropertyDescriptor,ce=(o,t,e,s)=>{for(var i=s>1?void 0:s?Kn(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Un(t,e,i),i};class J extends x{constructor(){super(...arguments),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=ws("accordion-"),this.block=!1,this.clickHandler=t=>{this.disabled||this.$emit("click",t)}}}ce([a({attribute:"heading-level",mode:"fromView",converter:nt})],J.prototype,"headinglevel",2),ce([a({mode:"boolean"})],J.prototype,"expanded",2),ce([a({mode:"boolean"})],J.prototype,"disabled",2),ce([a],J.prototype,"id",2),ce([a],J.prototype,"size",2),ce([a({mode:"boolean"})],J.prototype,"block",2),ce([a({attribute:"expand-icon-position"})],J.prototype,"expandIconPosition",2),Nt(J,Lt);const A="var(--colorNeutralForeground1)",Ui="var(--colorNeutralForeground1Hover)",Yn="var(--colorNeutralForeground1Pressed)",Rt="var(--colorNeutralForeground2)",Bo="var(--colorNeutralForeground2Hover)",To="var(--colorNeutralForeground2Pressed)",Qn="var(--colorNeutralForeground2Selected)",zo="var(--colorNeutralForeground2BrandHover)",Fo="var(--colorNeutralForeground2BrandPressed)",Zn="var(--colorNeutralForeground2BrandSelected)",tt="var(--colorNeutralForeground3)",Jn="var(--colorNeutralForeground3Hover)",ta="var(--colorNeutralForeground3Pressed)",ea="var(--colorNeutralForeground4)",k="var(--colorNeutralForegroundDisabled)",oa="var(--colorBrandForegroundLink)",sa="var(--colorBrandForegroundLinkHover)",ia="var(--colorBrandForegroundLinkPressed)",ra="var(--colorNeutralForeground2Link)",na="var(--colorNeutralForeground2LinkHover)",aa="var(--colorNeutralForeground2LinkPressed)",Ki="var(--colorCompoundBrandForeground1)",Yi="var(--colorCompoundBrandForeground1Hover)",Qi="var(--colorCompoundBrandForeground1Pressed)",Vt="var(--colorNeutralForegroundOnBrand)",Oo="var(--colorNeutralForegroundInverted)",la="var(--colorNeutralForegroundInvertedHover)",ca="var(--colorNeutralForegroundInvertedPressed)",Zi="var(--colorNeutralForegroundStaticInverted)",Cs="var(--colorBrandForeground1)",da="var(--colorBrandForeground2)",ha="var(--colorNeutralForeground1Static)",_="var(--colorNeutralBackground1)",Ss="var(--colorNeutralBackground1Hover)",Ji="var(--colorNeutralBackground1Pressed)",tr="var(--colorNeutralBackground1Selected)",er="var(--colorNeutralBackground3)",ua="var(--colorNeutralBackground4)",pa="var(--colorNeutralBackground5)",Ao="var(--colorNeutralBackground6)",ga="var(--colorNeutralBackgroundInverted)",fa="var(--colorSubtleBackground)",Is="var(--colorSubtleBackgroundHover)",_o="var(--colorSubtleBackgroundPressed)",ba="var(--colorSubtleBackgroundSelected)",mt="var(--colorTransparentBackground)",Ps="var(--colorTransparentBackgroundHover)",Bs="var(--colorTransparentBackgroundPressed)",ma="var(--colorTransparentBackgroundSelected)",Re="var(--colorNeutralBackgroundDisabled)",Ts="var(--colorBackgroundOverlay)",zs="var(--colorBrandBackground)",or="var(--colorBrandBackgroundHover)",sr="var(--colorBrandBackgroundPressed)",$a="var(--colorBrandBackgroundSelected)",Ve="var(--colorCompoundBrandBackground)",je="var(--colorCompoundBrandBackgroundHover)",qe="var(--colorCompoundBrandBackgroundPressed)",ir="var(--colorBrandBackgroundStatic)",va="var(--colorBrandBackground2)",jt="var(--colorNeutralStrokeAccessible)",Ge="var(--colorNeutralStrokeAccessibleHover)",We="var(--colorNeutralStrokeAccessiblePressed)",Pe="var(--colorNeutralStroke1)",Mo="var(--colorNeutralStroke1Hover)",Fs="var(--colorNeutralStroke1Pressed)",Xe="var(--colorNeutralStroke2)",ya="var(--colorNeutralStroke3)",ka="var(--colorNeutralStrokeOnBrand2)",rr="var(--colorBrandStroke1)",nr="var(--colorBrandStroke2)",Os="var(--colorCompoundBrandStroke)",As="var(--colorCompoundBrandStrokeHover)",_s="var(--colorCompoundBrandStrokePressed)",qt="var(--colorNeutralStrokeDisabled)",at="var(--colorTransparentStroke)",ar="var(--colorTransparentStrokeInteractive)",Eo="var(--colorStrokeFocus1)",Bt="var(--colorStrokeFocus2)",xa="var(--colorPaletteRedBackground1)",wa="var(--colorPaletteRedBackground2)",lr="var(--colorPaletteRedBackground3)",Ca="var(--colorPaletteRedBorder1)",Sa="var(--colorPaletteRedBorder2)",cr="var(--colorPaletteRedForeground1)",Ia="var(--colorPaletteRedForeground2)",dr="var(--colorPaletteRedForeground3)",Pa="var(--colorPaletteGreenBackground1)",hr="var(--colorPaletteGreenBackground3)",Ba="var(--colorPaletteGreenBorder2)",Ta="var(--colorPaletteGreenForeground1)",za="var(--colorPaletteGreenForeground2)",Fa="var(--colorPaletteGreenForeground3)",Oa="var(--colorPaletteDarkOrangeBackground1)",ur="var(--colorPaletteDarkOrangeBackground3)",Aa="var(--colorPaletteDarkOrangeBorder1)",_a="var(--colorPaletteDarkOrangeForeground1)",pr="var(--colorPaletteDarkOrangeForeground3)",Ma="var(--colorPaletteYellowBackground1)",Ea="var(--colorPaletteYellowBackground3)",La="var(--colorPaletteYellowBorder1)",Ms="var(--colorPaletteYellowForeground2)",Ha="var(--colorPaletteMarigoldBackground2)",Da="var(--colorPaletteMarigoldForeground2)",Na="var(--colorPaletteAnchorBackground2)",Ra="var(--colorPaletteAnchorForeground2)",Va="var(--colorPaletteBeigeBackground2)",ja="var(--colorPaletteBeigeForeground2)",qa="var(--colorPaletteBlueBackground2)",Ga="var(--colorPaletteBlueForeground2)",Wa="var(--colorPaletteBrassBackground2)",Xa="var(--colorPaletteBrassForeground2)",Ua="var(--colorPaletteBrownBackground2)",Ka="var(--colorPaletteBrownForeground2)",Ya="var(--colorPaletteCornflowerBackground2)",Qa="var(--colorPaletteCornflowerForeground2)",Za="var(--colorPaletteCranberryBackground2)",Ja="var(--colorPaletteCranberryForeground2)",tl="var(--colorPaletteDarkGreenBackground2)",el="var(--colorPaletteDarkGreenForeground2)",ol="var(--colorPaletteDarkRedBackground2)",sl="var(--colorPaletteDarkRedForeground2)",il="var(--colorPaletteForestBackground2)",rl="var(--colorPaletteForestForeground2)",nl="var(--colorPaletteGoldBackground2)",al="var(--colorPaletteGoldForeground2)",ll="var(--colorPaletteGrapeBackground2)",cl="var(--colorPaletteGrapeForeground2)",dl="var(--colorPaletteLavenderBackground2)",hl="var(--colorPaletteLavenderForeground2)",ul="var(--colorPaletteLightTealBackground2)",pl="var(--colorPaletteLightTealForeground2)",gl="var(--colorPaletteLilacBackground2)",fl="var(--colorPaletteLilacForeground2)",bl="var(--colorPaletteMagentaBackground2)",ml="var(--colorPaletteMagentaForeground2)",$l="var(--colorPaletteMinkBackground2)",vl="var(--colorPaletteMinkForeground2)",yl="var(--colorPaletteNavyBackground2)",kl="var(--colorPaletteNavyForeground2)",xl="var(--colorPalettePeachBackground2)",wl="var(--colorPalettePeachForeground2)",Cl="var(--colorPalettePinkBackground2)",Sl="var(--colorPalettePinkForeground2)",Il="var(--colorPalettePlatinumBackground2)",Pl="var(--colorPalettePlatinumForeground2)",Bl="var(--colorPalettePlumBackground2)",Tl="var(--colorPalettePlumForeground2)",zl="var(--colorPalettePumpkinBackground2)",Fl="var(--colorPalettePumpkinForeground2)",Ol="var(--colorPalettePurpleBackground2)",Al="var(--colorPalettePurpleForeground2)",_l="var(--colorPaletteRoyalBlueBackground2)",Ml="var(--colorPaletteRoyalBlueForeground2)",El="var(--colorPaletteSeafoamBackground2)",Ll="var(--colorPaletteSeafoamForeground2)",Hl="var(--colorPaletteSteelBackground2)",Dl="var(--colorPaletteSteelForeground2)",Nl="var(--colorPaletteTealBackground2)",Rl="var(--colorPaletteTealForeground2)",Es="var(--borderRadiusNone)",$t="var(--borderRadiusSmall)",F="var(--borderRadiusMedium)",gr="var(--borderRadiusLarge)",fr="var(--borderRadiusXLarge)",lt="var(--borderRadiusCircular)",m="var(--fontFamilyBase)",Vl="var(--fontFamilyMonospace)",jl="var(--fontFamilyNumeric)",Ue="var(--fontSizeBase100)",W="var(--fontSizeBase200)",P="var(--fontSizeBase300)",ct="var(--fontSizeBase400)",Be="var(--fontSizeBase500)",Lo="var(--fontSizeBase600)",br="var(--fontSizeHero700)",mr="var(--fontSizeHero800)",$r="var(--fontSizeHero900)",vr="var(--fontSizeHero1000)",B="var(--fontWeightRegular)",ql="var(--fontWeightMedium)",D="var(--fontWeightSemibold)",Ho="var(--fontWeightBold)",Do="var(--lineHeightBase100)",dt="var(--lineHeightBase200)",M="var(--lineHeightBase300)",vt="var(--lineHeightBase400)",No="var(--lineHeightBase500)",yr="var(--lineHeightBase600)",kr="var(--lineHeightHero700)",xr="var(--lineHeightHero800)",wr="var(--lineHeightHero900)",Cr="var(--lineHeightHero1000)",Sr="var(--shadow2)",Ro="var(--shadow4)",Gl="var(--shadow8)",Ir="var(--shadow16)",Wl="var(--shadow28)",Pr="var(--shadow64)",X="var(--strokeWidthThin)",de="var(--strokeWidthThick)",Zt="var(--strokeWidthThicker)",Br="var(--strokeWidthThickest)",he="var(--spacingHorizontalXXS)",Gt="var(--spacingHorizontalXS)",ue="var(--spacingHorizontalSNudge)",Tt="var(--spacingHorizontalS)",Wt="var(--spacingHorizontalMNudge)",Jt="var(--spacingHorizontalM)",Xl="var(--spacingHorizontalL)",Ul="var(--spacingHorizontalXXL)",Vo="var(--spacingVerticalXXS)",Kl="var(--spacingVerticalXS)",Ke="var(--spacingVerticalSNudge)",U="var(--spacingVerticalS)",Tr="var(--spacingVerticalMNudge)",zr="var(--spacingVerticalL)",Ye="var(--spacingVerticalXXL)",Yl="var(--durationUltraFast)",Ls="var(--durationFaster)",Fr="var(--durationNormal)",Hs="var(--durationGentle)",Ql="var(--durationSlow)",Or="var(--durationSlower)",jo="var(--durationUltraSlow)",Zl="var(--curveAccelerateMax)",Qe="var(--curveAccelerateMid)",Jl="var(--curveAccelerateMin)",Ar="var(--curveDecelerateMax)",Ze="var(--curveDecelerateMid)",tc="var(--curveDecelerateMin)",ec="var(--curveEasyEaseMax)",Ds="var(--curveEasyEase)",Ns="var(--curveLinear)",oc=l`
+const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let vo;const pi="fast-kernel";try{if(document.currentScript)vo=document.currentScript.getAttribute(pi);else{const o=document.getElementsByTagName("script");vo=o[o.length-1].getAttribute(pi)}}catch{vo="isolate"}let ce;switch(vo){case"share":ce=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ce=Object.freeze({updateQueue:1.2,observable:2.2,contextEvent:3.2,elementRegistry:4.2});break;default:const o=`-${Math.random().toString(36).substring(2,8)}`;ce=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const we=o=>typeof o=="function",Pt=o=>typeof o=="string",gi=()=>{};var gs=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof gs<"u")gs.globalThis=gs;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const t=new Function("return this")();t.globalThis=t}})();const fi={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},fi));const U=globalThis.FAST;if(U.getById===void 0){const o=Object.create(null);Reflect.defineProperty(U,"getById",Object.assign({value(t,e){let s=o[t];return s===void 0&&(s=e?o[t]=e():null),s}},fi))}U.error===void 0&&Object.assign(U,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const bi=Object.freeze([]);function fs(){const o=new Map;return Object.freeze({register(t){return o.has(t.type)?!1:(o.set(t.type,t),!0)},getByType(t){return o.get(t)},getForInstance(t){if(t!=null)return o.get(t.constructor)}})}function mi(){const o=new WeakMap;return function(t){let e=o.get(t);if(e===void 0){let s=Reflect.getPrototypeOf(t);for(;e===void 0&&s!==null;)e=o.get(s),s=Reflect.getPrototypeOf(s);e=e===void 0?[]:e.slice(0),o.set(t,e)}return e}}function Ce(o){o.prototype.toJSON=gi}const Z=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),$i=o=>o,xn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:$i}):{createHTML:$i};let yo=Object.freeze({createHTML(o){return xn.createHTML(o)},protect(o,t,e,s){return s}});const wn=yo,Ie=Object.freeze({get policy(){return yo},setPolicy(o){if(yo!==wn)throw U.error(1201);yo=o},setAttribute(o,t,e){e==null?o.removeAttribute(t):o.setAttribute(t,e)},setBooleanAttribute(o,t,e){e?o.setAttribute(t,""):o.removeAttribute(t)}}),Bt=U.getById(ce.updateQueue,()=>{const o=[],t=[],e=globalThis.requestAnimationFrame;let s=!0;function i(){if(t.length)throw t.shift()}function r(g){try{g.call()}catch(u){if(s)t.push(u),setTimeout(i,0);else throw o.length=0,u}}function n(){let u=0;for(;u<o.length;)if(r(o[u]),u++,u>1024){for(let c=0,b=o.length-u;c<b;c++)o[c]=o[c+u];o.length-=u,u=0}o.length=0}function h(g){o.push(g),o.length<2&&(s?e(n):n())}return Object.freeze({enqueue:h,next:()=>new Promise(h),process:n,setMode:g=>s=g})});class bs{constructor(t,e){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=t,this.sub1=e}has(t){return this.spillover===void 0?this.sub1===t||this.sub2===t:this.spillover.indexOf(t)!==-1}subscribe(t){const e=this.spillover;if(e===void 0){if(this.has(t))return;if(this.sub1===void 0){this.sub1=t;return}if(this.sub2===void 0){this.sub2=t;return}this.spillover=[this.sub1,this.sub2,t],this.sub1=void 0,this.sub2=void 0}else e.indexOf(t)===-1&&e.push(t)}unsubscribe(t){const e=this.spillover;if(e===void 0)this.sub1===t?this.sub1=void 0:this.sub2===t&&(this.sub2=void 0);else{const s=e.indexOf(t);s!==-1&&e.splice(s,1)}}notify(t){const e=this.spillover,s=this.subject;if(e===void 0){const i=this.sub1,r=this.sub2;i!==void 0&&i.handleChange(s,t),r!==void 0&&r.handleChange(s,t)}else for(let i=0,r=e.length;i<r;++i)e[i].handleChange(s,t)}}class vi{constructor(t){this.subscribers={},this.subjectSubscribers=null,this.subject=t}notify(t){var e,s;(e=this.subscribers[t])===null||e===void 0||e.notify(t),(s=this.subjectSubscribers)===null||s===void 0||s.notify(t)}subscribe(t,e){var s,i;let r;e?r=(s=this.subscribers[e])!==null&&s!==void 0?s:this.subscribers[e]=new bs(this.subject):r=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new bs(this.subject),r.subscribe(t)}unsubscribe(t,e){var s,i;e?(s=this.subscribers[e])===null||s===void 0||s.unsubscribe(t):(i=this.subjectSubscribers)===null||i===void 0||i.unsubscribe(t)}}const ms=Object.freeze({unknown:void 0,coupled:1}),$=U.getById(ce.observable,()=>{const o=Bt.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let s,i=u=>{throw U.error(1101)};function r(u){var c;let b=(c=u.$fastController)!==null&&c!==void 0?c:e.get(u);return b===void 0&&(Array.isArray(u)?b=i(u):e.set(u,b=new vi(u))),b}const n=mi();class h{constructor(c){this.name=c,this.field=`_${c}`,this.callback=`${c}Changed`}getValue(c){return s!==void 0&&s.watch(c,this.name),c[this.field]}setValue(c,b){const P=this.field,R=c[P];if(R!==b){c[P]=b;const ee=c[this.callback];we(ee)&&ee.call(c,R,b),r(c).notify(this.name)}}}class g extends bs{constructor(c,b,P=!1){super(c,b),this.expression=c,this.isVolatileBinding=P,this.needsRefresh=!0,this.needsQueue=!0,this.isAsync=!0,this.first=this,this.last=null,this.propertySource=void 0,this.propertyName=void 0,this.notifier=void 0,this.next=void 0}setMode(c){this.isAsync=this.needsQueue=c}bind(c){this.controller=c;const b=this.observe(c.source,c.context);return!c.isBound&&this.requiresUnbind(c)&&c.onUnbind(this),b}requiresUnbind(c){return c.sourceLifetime!==ms.coupled||this.first!==this.last||this.first.propertySource!==c.source}unbind(c){this.dispose()}observe(c,b){this.needsRefresh&&this.last!==null&&this.dispose();const P=s;s=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let R;try{R=this.expression(c,b)}finally{s=P}return R}disconnect(){this.dispose()}dispose(){if(this.last!==null){let c=this.first;for(;c!==void 0;)c.notifier.unsubscribe(this,c.propertyName),c=c.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(c,b){const P=this.last,R=r(c),ee=P===null?this.first:{};if(ee.propertySource=c,ee.propertyName=b,ee.notifier=R,R.subscribe(this,b),P!==null){if(!this.needsRefresh){let ui;s=void 0,ui=P.propertySource[P.propertyName],s=this,c===ui&&(this.needsRefresh=!0)}P.next=ee}this.last=ee}handleChange(){this.needsQueue?(this.needsQueue=!1,o(this)):this.isAsync||this.call()}call(){this.last!==null&&(this.needsQueue=this.isAsync,this.notify(this))}*records(){let c=this.first;for(;c!==void 0;)yield c,c=c.next}}return Ce(g),Object.freeze({setArrayObserverFactory(u){i=u},getNotifier:r,track(u,c){s&&s.watch(u,c)},trackVolatile(){s&&(s.needsRefresh=!0)},notify(u,c){r(u).notify(c)},defineProperty(u,c){Pt(c)&&(c=new h(c)),n(u).push(c),Reflect.defineProperty(u,c.name,{enumerable:!0,get(){return c.getValue(this)},set(b){c.setValue(this,b)}})},getAccessors:n,binding(u,c,b=this.isVolatileBinding(u)){return new g(u,c,b)},isVolatileBinding(u){return t.test(u.toString())}})});function v(o,t){$.defineProperty(o,t)}function Cn(o,t,e){return Object.assign({},e,{get(){return $.trackVolatile(),e.get.apply(this)}})}const yi=U.getById(ce.contextEvent,()=>{let o=null;return{get(){return o},set(t){o=t}}}),Ve=Object.freeze({default:{index:0,length:0,get event(){return Ve.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return yi.get()},setEvent(o){yi.set(o)}});class ko{constructor(t,e,s=!1){this.evaluate=t,this.policy=e,this.isVolatile=s}}class In extends ko{createObserver(t){return $.binding(this.evaluate,t,this.isVolatile)}}function ki(o,t,e=$.isVolatileBinding(o)){return new In(o,t,e)}class xi extends ko{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}Ce(xi);function wi(o,t){return new xi(o,t)}let Ci;function Ii(o){return o.map(t=>t instanceof nt?Ii(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class nt{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof nt?e.behaviors:null).reduce((e,s)=>s===null?e:e===null?s:e.concat(s),null)}get strategy(){return this._strategy===null&&this.withStrategy(Ci),this._strategy}addStylesTo(t){this.strategy.addStylesTo(t),this.targets.add(t)}removeStylesFrom(t){this.strategy.removeStylesFrom(t),this.targets.delete(t)}isAttachedTo(t){return this.targets.has(t)}withBehaviors(...t){return this.behaviors=this.behaviors===null?t:this.behaviors.concat(t),this}withStrategy(t){return this._strategy=new t(Ii(this.styles)),this}static setDefaultStrategy(t){Ci=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new nt(t):t instanceof nt?t:new nt([t])}}nt.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const $s=fs(),vs=Object.freeze({getForInstance:$s.getForInstance,getByType:$s.getByType,define(o){return $s.register({type:o}),o}});function ys(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class ks{constructor(t,e){this.dataBinding=t,this.targetAspect=e}createCSS(t){return t(this),`var(${this.targetAspect})`}addedCallback(t){var e;const s=t.source;if(!s.$cssBindings){s.$cssBindings=new Map;const r=s.setAttribute;s.setAttribute=(n,h)=>{r.call(s,n,h),n==="style"&&s.$cssBindings.forEach((g,u)=>ys(u,g.controller,g.observer))}}const i=(e=t[this.targetAspect])!==null&&e!==void 0?e:t[this.targetAspect]=this.dataBinding.createObserver(this,this);i.controller=t,t.source.$cssBindings.set(this,{controller:t,observer:i})}connectedCallback(t){ys(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){ys(this,e.controller,e)}}vs.define(ks);const Sn=`${Math.random().toString(36).substring(2,8)}`;let Pn=0;const Si=()=>`--v${Sn}${++Pn}`;function Pi(o,t){const e=[];let s="";const i=[],r=n=>{i.push(n)};for(let n=0,h=o.length-1;n<h;++n){s+=o[n];let g=t[n];we(g)?g=new ks(ki(g),Si()).createCSS(r):g instanceof ko?g=new ks(g,Si()).createCSS(r):vs.getForInstance(g)!==void 0&&(g=g.createCSS(r)),g instanceof nt||g instanceof CSSStyleSheet?(s.trim()!==""&&(e.push(s),s=""),e.push(g)):s+=g}return s+=o[o.length-1],s.trim()!==""&&e.push(s),{styles:e,behaviors:i}}const l=(o,...t)=>{const{styles:e,behaviors:s}=Pi(o,t),i=new nt(e);return s.length?i.withBehaviors(...s):i};class Bi{constructor(t,e){this.behaviors=e,this.css="";const s=t.reduce((i,r)=>(Pt(r)?this.css+=r:i.push(r),i),[]);s.length&&(this.styles=new nt(s))}createCSS(t){return this.behaviors.forEach(t),this.styles&&t(this),this.css}addedCallback(t){t.addStyles(this.styles)}removedCallback(t){t.removeStyles(this.styles)}}vs.define(Bi),l.partial=(o,...t)=>{const{styles:e,behaviors:s}=Pi(o,t);return new Bi(e,s)};const xs=`fast-${Math.random().toString(36).substring(2,8)}`,xo=`${xs}{`,je=`}${xs}`,Bn=je.length;let zn=0;const ws=()=>`${xs}-${++zn}`,zi=Object.freeze({interpolation:o=>`${xo}${o}${je}`,attribute:o=>`${ws()}="${xo}${o}${je}"`,comment:o=>`<!--${xo}${o}${je}-->`}),wo=Object.freeze({parse(o,t){const e=o.split(xo);if(e.length===1)return null;const s=[];for(let i=0,r=e.length;i<r;++i){const n=e[i],h=n.indexOf(je);let g;if(h===-1)g=n;else{const u=n.substring(0,h);s.push(t[u]),g=n.substring(h+Bn)}g!==""&&s.push(g)}return s}}),Cs=fs(),$t=Object.freeze({getForInstance:Cs.getForInstance,getByType:Cs.getByType,define(o,t){return t=t||{},t.type=o,Cs.register(t),o},assignAspect(o,t){if(!t){o.aspectType=Z.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?Z.tokenList:Z.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=Z.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=Z.event;break;default:o.targetAspect=t,o.aspectType=Z.attribute;break}}});class Is{constructor(t){this.options=t}createHTML(t){return zi.attribute(t(this))}createBehavior(){return this}}Ce(Is);function Tn(o,t,e,s){if(e==null&&(e=""),e.create){o.textContent="";let i=o.$fastView;i===void 0?i=e.create():o.$fastTemplate!==e&&(i.isComposed&&(i.remove(),i.unbind()),i=e.create()),i.isComposed?i.needsBindOnly&&(i.needsBindOnly=!1,i.bind(s.source,s.context)):(i.isComposed=!0,i.bind(s.source,s.context),i.insertBefore(o),o.$fastView=i,o.$fastTemplate=e)}else{const i=o.$fastView;i!==void 0&&i.isComposed&&(i.isComposed=!1,i.remove(),i.needsBindOnly?i.needsBindOnly=!1:i.unbind()),o.textContent=e}}function On(o,t,e){var s;const i=`${this.id}-t`,r=(s=o[i])!==null&&s!==void 0?s:o[i]={v:0,cv:Object.create(null)},n=r.cv;let h=r.v;const g=o[t];if(e!=null&&e.length){const u=e.split(/\s+/);for(let c=0,b=u.length;c<b;++c){const P=u[c];P!==""&&(n[P]=h,g.add(P))}}if(r.v=h+1,h!==0){h-=1;for(const u in n)n[u]===h&&g.remove(u)}}const Fn={[Z.attribute]:Ie.setAttribute,[Z.booleanAttribute]:Ie.setBooleanAttribute,[Z.property]:(o,t,e)=>o[t]=e,[Z.content]:Tn,[Z.tokenList]:On,[Z.event]:()=>{}};class Se{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=Z.content}createHTML(t){return zi.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Fn[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw U.error(1205);this.data=`${this.id}-d`,this.updateTarget=s.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const s=t.targets[this.targetNodeId];switch(this.aspectType){case Z.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case Z.content:t.onUnbind(this);default:const i=(e=s[this.data])!==null&&e!==void 0?e:s[this.data]=this.dataBinding.createObserver(this,this);i.target=s,i.controller=t,this.updateTarget(s,this.targetAspect,i.bind(t),t);break}}unbind(t){const s=t.targets[this.targetNodeId].$fastView;s!==void 0&&s.isComposed&&(s.unbind(),s.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){Ve.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);Ve.setEvent(null),s!==!0&&t.preventDefault()}}handleChange(t,e){const s=e.target,i=e.controller;this.updateTarget(s,this.targetAspect,e.bind(i),i)}}$t.define(Se,{aspected:!0});function Ti(o,t){const e=o.parentNode;let s=o,i;for(;s!==t;)i=s.nextSibling,e.removeChild(s),s=i;e.removeChild(t)}class Co{constructor(t,e,s){this.fragment=t,this.factories=e,this.targets=s,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=ms.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=t.firstChild,this.lastChild=t.lastChild}get event(){return Ve.getEvent()}get isEven(){return this.index%2===0}get isOdd(){return this.index%2!==0}get isFirst(){return this.index===0}get isInMiddle(){return!this.isFirst&&!this.isLast}get isLast(){return this.index===this.length-1}eventDetail(){return this.event.detail}eventTarget(){return this.event.target}appendTo(t){t.appendChild(this.fragment)}insertBefore(t){if(this.fragment.hasChildNodes())t.parentNode.insertBefore(this.fragment,t);else{const e=this.lastChild;if(t.previousSibling===e)return;const s=t.parentNode;let i=this.firstChild,r;for(;i!==e;)r=i.nextSibling,s.insertBefore(i,t),i=r;s.insertBefore(e,t)}}remove(){const t=this.fragment,e=this.lastChild;let s=this.firstChild,i;for(;s!==e;)i=s.nextSibling,t.appendChild(s),s=i;t.appendChild(e)}dispose(){Ti(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}bind(t,e=this){if(this.source===t)return;let s=this.behaviors;if(s===null){this.source=t,this.context=e,this.behaviors=s=new Array(this.factories.length);const i=this.factories;for(let r=0,n=i.length;r<n;++r){const h=i[r].createBehavior();h.bind(this),s[r]=h}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let i=0,r=s.length;i<r;++i)s[i].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const t=this.unbindables;for(let e=0,s=t.length;e<s;++e)t[e].unbind(this);t.length=0}static disposeContiguousBatch(t){if(t.length!==0){Ti(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,s=t.length;e<s;++e)t[e].unbind()}}}Ce(Co),$.defineProperty(Co.prototype,"index"),$.defineProperty(Co.prototype,"length");const Oi=(o,t)=>`${o}.${t}`,Fi={},zt={index:0,node:null};function Ai(o){o.startsWith("fast-")||U.warn(1204,{name:o})}const An=new Proxy(document.createElement("div"),{get(o,t){Ai(t);const e=Reflect.get(o,t);return we(e)?e.bind(o):e},set(o,t,e){return Ai(t),Reflect.set(o,t,e)}});class _n{constructor(t,e,s){this.fragment=t,this.directives=e,this.policy=s,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,s,i,r){var n,h;this.nodeIds.has(s)||(this.nodeIds.add(s),this.addTargetDescriptor(e,s,i)),t.id=(n=t.id)!==null&&n!==void 0?n:ws(),t.targetNodeId=s,t.targetTagName=r,t.policy=(h=t.policy)!==null&&h!==void 0?h:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,s){const i=this.descriptors;if(e==="r"||e==="h"||i[e])return;if(!i[t]){const n=t.lastIndexOf("."),h=t.substring(0,n),g=parseInt(t.substring(n+1));this.addTargetDescriptor(h,t,g)}let r=Fi[e];if(!r){const n=`_${e}`;Fi[e]=r={get(){var h;return(h=this[n])!==null&&h!==void 0?h:this[n]=this[t].childNodes[s]}}}i[e]=r}createView(t){const e=this.fragment.cloneNode(!0),s=Object.create(this.proto);s.r=e,s.h=t??An;for(const i of this.nodeIds)s[i];return new Co(e,this.factories,s)}}function _i(o,t,e,s,i,r=!1){const n=e.attributes,h=o.directives;for(let g=0,u=n.length;g<u;++g){const c=n[g],b=c.value,P=wo.parse(b,h);let R=null;P===null?r&&(R=new Se(wi(()=>b,o.policy)),$t.assignAspect(R,c.name)):R=Ss.aggregate(P,o.policy),R!==null&&(e.removeAttributeNode(c),g--,u--,o.addFactory(R,t,s,i,e.tagName))}}function Mn(o,t,e,s,i){const r=wo.parse(t.textContent,o.directives);if(r===null)return zt.node=t.nextSibling,zt.index=i+1,zt;let n,h=n=t;for(let g=0,u=r.length;g<u;++g){const c=r[g];g!==0&&(i++,s=Oi(e,i),n=h.parentNode.insertBefore(document.createTextNode(""),h.nextSibling)),Pt(c)?n.textContent=c:(n.textContent=" ",$t.assignAspect(c),o.addFactory(c,e,s,i,null)),h=n}return zt.index=i+1,zt.node=h.nextSibling,zt}function Mi(o,t,e){let s=0,i=t.firstChild;for(;i;){const r=En(o,e,i,s);i=r.node,s=r.index}}function En(o,t,e,s){const i=Oi(t,s);switch(e.nodeType){case 1:_i(o,t,e,i,s),Mi(o,e,i);break;case 3:return Mn(o,e,t,i,s);case 8:const r=wo.parse(e.data,o.directives);r!==null&&o.addFactory(Ss.aggregate(r),t,i,s,null);break}return zt.index=s+1,zt.node=e.nextSibling,zt}function Ln(o,t){return o&&o.nodeType==8&&wo.parse(o.data,t)!==null}const Ei="TEMPLATE",Ss={compile(o,t,e=Ie.policy){let s;if(Pt(o)){s=document.createElement(Ei),s.innerHTML=e.createHTML(o);const n=s.content.firstElementChild;n!==null&&n.tagName===Ei&&(s=n)}else s=o;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const i=document.adoptNode(s.content),r=new _n(i,t,e);return _i(r,"",s,"h",0,!0),(Ln(i.firstChild,t)||i.childNodes.length===1&&Object.keys(t).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),Mi(r,i,"r"),zt.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=Ie.policy){if(o.length===1)return o[0];let e,s,i=!1,r;const n=o.length,h=o.map(c=>Pt(c)?()=>c:(e=c.sourceAspect||e,s=c.dataBinding||s,i=i||c.dataBinding.isVolatile,r=r||c.dataBinding.policy,c.dataBinding.evaluate)),g=(c,b)=>{let P="";for(let R=0;R<n;++R)P+=h[R](c,b);return P};s.evaluate=g,s.isVolatile=i,s.policy=r??t;const u=new Se(s);return $t.assignAspect(u,e),u}},Hn=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Dn=Object.create(null);class de{constructor(t,e=Dn){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}de.empty=new de(""),$t.define(de);function Nn(o,t,e,s=$t.getForInstance(o)){if(s.aspected){const i=Hn.exec(t);i!==null&&$t.assignAspect(o,i[2])}return o.createHTML(e)}class hs{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}create(t){return this.result===null&&(this.result=Ss.compile(this.html,this.factories,this.policy)),this.result.createView(t)}inline(){return new de(Pt(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw U.error(1208);if(this.policy)throw U.error(1207);return this.policy=t,this}render(t,e,s){const i=this.create(s);return i.bind(t),i.appendTo(e),i}static create(t,e,s){let i="";const r=Object.create(null),n=h=>{var g;const u=(g=h.id)!==null&&g!==void 0?g:h.id=ws();return r[u]=h,u};for(let h=0,g=t.length-1;h<g;++h){const u=t[h];let c=e[h],b;if(i+=u,we(c))c=new Se(ki(c));else if(c instanceof ko)c=new Se(c);else if(!(b=$t.getForInstance(c))){const P=c;c=new Se(wi(()=>P))}i+=Nn(c,u,n,b)}return new hs(i+t[t.length-1],r,s)}}Ce(hs);const f=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return hs.create(o,t);throw U.error(1206)};f.partial=o=>new de(o);class Li extends Is{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}$t.define(Li);const Tt=o=>new Li(o),Rn=o=>o.nodeType===1,he=o=>o?t=>t.nodeType===1&&t.matches(o):Rn;class Hi extends Is{get id(){return this._id}set id(t){this._id=t,this._controllerProperty=`${t}-c`}bind(t){const e=t.targets[this.targetNodeId];e[this._controllerProperty]=t,this.updateTarget(t.source,this.computeNodes(e)),this.observe(e),t.onUnbind(this)}unbind(t){const e=t.targets[this.targetNodeId];this.updateTarget(t.source,bi),this.disconnect(e),e[this._controllerProperty]=null}getSource(t){return t[this._controllerProperty].source}updateTarget(t,e){t[this.options.property]=e}computeNodes(t){let e=this.getNodes(t);return"filter"in this.options&&(e=e.filter(this.options.filter)),e}}const Di="slotchange";class Ni extends Hi{observe(t){t.addEventListener(Di,this)}disconnect(t){t.removeEventListener(Di,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}$t.define(Ni);function at(o){return Pt(o)&&(o={property:o}),new Ni(o)}class Ri extends Hi{constructor(t){super(t),this.observerProperty=Symbol(),this.handleEvent=(e,s)=>{const i=s.target;this.updateTarget(this.getSource(i),this.computeNodes(i))},t.childList=!0}observe(t){let e=t[this.observerProperty];e||(e=new MutationObserver(this.handleEvent),e.toJSON=gi,t[this.observerProperty]=e),e.target=t,e.observe(t,this.options)}disconnect(t){const e=t[this.observerProperty];e.target=null,e.disconnect()}getNodes(t){return"selector"in this.options?Array.from(t.querySelectorAll(this.options.selector)):Array.from(t.childNodes)}}$t.define(Ri);function Vn(o){return Pt(o)&&(o={property:o}),new Ri(o)}const Vi="boolean",ji="reflect",Io=Object.freeze({locate:mi()}),qi={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Gi(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const K={toView(o){const t=Gi(o);return t&&t.toString()},fromView:Gi};class us{constructor(t,e,s=e.toLowerCase(),i=ji,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=s,this.mode=i,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,i===Vi&&r===void 0&&(this.converter=qi)}setValue(t,e){const s=t[this.fieldName],i=this.converter;i!==void 0&&(e=i.fromView(e)),s!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](s,e),t.$fastController.notify(this.name))}getValue(t){return $.track(t,this.name),t[this.fieldName]}onAttributeChangedCallback(t,e){this.guards.has(t)||(this.guards.add(t),this.setValue(t,e),this.guards.delete(t))}tryReflectToAttribute(t){const e=this.mode,s=this.guards;s.has(t)||e==="fromView"||Bt.enqueue(()=>{s.add(t);const i=t[this.fieldName];switch(e){case ji:const r=this.converter;Ie.setAttribute(t,this.attribute,r!==void 0?r.toView(i):i);break;case Vi:Ie.setBooleanAttribute(t,this.attribute,i);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(Io.locate(t));for(let i=0,r=e.length;i<r;++i){const n=e[i];if(n!==void 0)for(let h=0,g=n.length;h<g;++h){const u=n[h];Pt(u)?s.push(new us(t,u)):s.push(new us(t,u.property,u.attribute,u.mode,u.converter))}}return s}}function a(o,t){let e;function s(i,r){arguments.length>1&&(e.property=r),Io.locate(i.constructor).push(e)}if(arguments.length>1){e={},s(o,t);return}return e=o===void 0?{}:o,s}const Wi={mode:"open"},Xi={},Ui=new Set,So=U.getById(ce.elementRegistry,()=>fs());class St{constructor(t,e=t.definition){var s;this.platformDefined=!1,Pt(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.registry=(s=e.registry)!==null&&s!==void 0?s:customElements;const i=t.prototype,r=us.collect(t,e.attributes),n=new Array(r.length),h={},g={};for(let u=0,c=r.length;u<c;++u){const b=r[u];n[u]=b.attribute,h[b.name]=b,g[b.attribute]=b,$.defineProperty(i,b)}Reflect.defineProperty(t,"observedAttributes",{value:n,enumerable:!0}),this.attributes=r,this.propertyLookup=h,this.attributeLookup=g,this.shadowOptions=e.shadowOptions===void 0?Wi:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Wi),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?Xi:Object.assign(Object.assign({},Xi),e.elementOptions),this.styles=nt.normalize(e.styles),So.register(this)}get isDefined(){return this.platformDefined}define(t=this.registry){const e=this.type;return t.get(this.name)||(this.platformDefined=!0,t.define(this.name,e,this.elementOptions)),this}static compose(t,e){return Ui.has(t)||So.getByType(t)?new St(class extends t{},e):new St(t,e)}static registerBaseType(t){Ui.add(t)}}St.getByType=So.getByType,St.getForInstance=So.getForInstance;const jn={bubbles:!0,composed:!0,cancelable:!0},Ps="isConnected",Ki=new WeakMap;function Po(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:Ki.get(o))!==null&&e!==void 0?e:null}let Yi;class Bo extends vi{constructor(t,e){super(t),this.boundObservables=null,this.needsInitialization=!0,this.hasExistingShadowRoot=!1,this._template=null,this.stage=3,this.guardBehaviorConnection=!1,this.behaviors=null,this._mainStyles=null,this.$fastController=this,this.view=null,this.source=t,this.definition=e;const s=e.shadowOptions;if(s!==void 0){let r=t.shadowRoot;r?this.hasExistingShadowRoot=!0:(r=t.attachShadow(s),s.mode==="closed"&&Ki.set(t,r))}const i=$.getAccessors(t);if(i.length>0){const r=this.boundObservables=Object.create(null);for(let n=0,h=i.length;n<h;++n){const g=i[n].name,u=t[g];u!==void 0&&(delete t[g],r[g]=u)}}}get isConnected(){return $.track(this,Ps),this.stage===1}get context(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.context)!==null&&e!==void 0?e:Ve.default}get isBound(){var t,e;return(e=(t=this.view)===null||t===void 0?void 0:t.isBound)!==null&&e!==void 0?e:!1}get sourceLifetime(){var t;return(t=this.view)===null||t===void 0?void 0:t.sourceLifetime}get template(){var t;if(this._template===null){const e=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():e.template&&(this._template=(t=e.template)!==null&&t!==void 0?t:null)}return this._template}set template(t){this._template!==t&&(this._template=t,this.needsInitialization||this.renderTemplate(t))}get mainStyles(){var t;if(this._mainStyles===null){const e=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():e.styles&&(this._mainStyles=(t=e.styles)!==null&&t!==void 0?t:null)}return this._mainStyles}set mainStyles(t){this._mainStyles!==t&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=t,this.needsInitialization||this.addStyles(t))}onUnbind(t){var e;(e=this.view)===null||e===void 0||e.onUnbind(t)}addBehavior(t){var e,s;const i=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(s=i.get(t))!==null&&s!==void 0?s:0;r===0?(i.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):i.set(t,r+1)}removeBehavior(t,e=!1){const s=this.behaviors;if(s===null)return;const i=s.get(t);i!==void 0&&(i===1||e?(s.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):s.set(t,i-1))}addStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=Po(s))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(s)){const i=t.behaviors;if(t.addStylesTo(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.addBehavior(i[r])}}removeStyles(t){var e;if(!t)return;const s=this.source;if(t instanceof HTMLElement)((e=Po(s))!==null&&e!==void 0?e:s).removeChild(t);else if(t.isAttachedTo(s)){const i=t.behaviors;if(t.removeStylesFrom(s),i!==null)for(let r=0,n=i.length;r<n;++r)this.removeBehavior(i[r])}}connect(){if(this.stage!==3)return;if(this.stage=0,this.boundObservables!==null){const e=this.source,s=this.boundObservables,i=Object.keys(s);for(let r=0,n=i.length;r<n;++r){const h=i[r];e[h]=s[h]}this.boundObservables=null}const t=this.behaviors;if(t!==null){this.guardBehaviorConnection=!0;for(const e of t.keys())e.connectedCallback&&e.connectedCallback(this);this.guardBehaviorConnection=!1}this.needsInitialization?(this.renderTemplate(this.template),this.addStyles(this.mainStyles),this.needsInitialization=!1):this.view!==null&&this.view.bind(this.source),this.stage=1,$.notify(this,Ps)}disconnect(){if(this.stage!==1)return;this.stage=2,$.notify(this,Ps),this.view!==null&&this.view.unbind();const t=this.behaviors;if(t!==null)for(const e of t.keys())e.disconnectedCallback&&e.disconnectedCallback(this);this.stage=3}onAttributeChangedCallback(t,e,s){const i=this.definition.attributeLookup[t];i!==void 0&&i.onAttributeChangedCallback(this.source,s)}emit(t,e,s){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},jn),s))):!1}renderTemplate(t){var e;const s=this.source,i=(e=Po(s))!==null&&e!==void 0?e:s;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=i.firstChild;r!==null;r=i.firstChild)i.removeChild(r)}t&&(this.view=t.render(s,i,s),this.view.sourceLifetime=ms.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const s=St.getForInstance(t);if(s===void 0)throw U.error(1401);return t.$fastController=new Yi(t,s)}static setStrategy(t){Yi=t}}Ce(Bo),Bo.setStrategy(Bo);function zo(o){var t;return"adoptedStyleSheets"in o?o:(t=Po(o))!==null&&t!==void 0?t:o.getRootNode()}class ps{constructor(t){const e=ps.styleSheetCache;this.sheets=t.map(s=>{if(s instanceof CSSStyleSheet)return s;let i=e.get(s);return i===void 0&&(i=new CSSStyleSheet,i.replaceSync(s),e.set(s,i)),i})}addStylesTo(t){Zi(zo(t),this.sheets)}removeStylesFrom(t){Ji(zo(t),this.sheets)}}ps.styleSheetCache=new Map;let qn=0;const Gn=()=>`fast-${++qn}`;function Qi(o){return o===document?document.body:o}class Wn{constructor(t){this.styles=t,this.styleClass=Gn()}addStylesTo(t){t=Qi(zo(t));const e=this.styles,s=this.styleClass;for(let i=0;i<e.length;i++){const r=document.createElement("style");r.innerHTML=e[i],r.className=s,t.append(r)}}removeStylesFrom(t){t=Qi(zo(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,i=e.length;s<i;++s)t.removeChild(e[s])}}let Zi=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},Ji=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(nt.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),Zi=(o,t)=>{o.adoptedStyleSheets.push(...t)},Ji=(o,t)=>{for(const e of t){const s=o.adoptedStyleSheets.indexOf(e);s!==-1&&o.adoptedStyleSheets.splice(s,1)}}}catch{}nt.setDefaultStrategy(ps)}else nt.setDefaultStrategy(Wn);function tr(o){const t=class extends o{constructor(){super(),Bo.forCustomElement(this)}$emit(e,s,i){return this.$fastController.emit(e,s,i)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,s,i){this.$fastController.onAttributeChangedCallback(e,s,i)}};return St.registerBaseType(t),t}function Xn(o,t){return we(o)?St.compose(o,t):St.compose(this,o)}function Un(o,t){return we(o)?St.compose(o,t).define().type:St.compose(this,o).define().type}function Kn(o){return tr(o)}const k=Object.assign(tr(HTMLElement),{from:Kn,define:Un,compose:Xn}),ot={horizontal:"horizontal",vertical:"vertical"};function er(...o){return o.every(t=>t instanceof HTMLElement)}const Pe="ArrowDown",Be="ArrowLeft",ze="ArrowRight",Te="ArrowUp",To="End",Oe="Enter",Yn="Escape",Oo="Home",Fo=" ",Qn="Tab",Zn={ArrowDown:Pe,ArrowLeft:Be,ArrowRight:ze,ArrowUp:Te};var pt;(function(o){o.ltr="ltr",o.rtl="rtl"})(pt||(pt={}));function Jn(o,t,e){return e<o?t:e>t?o:e}function Bs(o,t,e){return Math.min(Math.max(e,o),t)}let ta=0;function zs(o=""){return`${o}${ta++}`}var ea=Object.defineProperty,oa=Object.getOwnPropertyDescriptor,H=(o,t,e,s)=>{for(var i=s>1?void 0:s?oa(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&ea(t,e,i),i};class D{}H([a({attribute:"aria-atomic"})],D.prototype,"ariaAtomic",2),H([a({attribute:"aria-busy"})],D.prototype,"ariaBusy",2),H([a({attribute:"aria-controls"})],D.prototype,"ariaControls",2),H([a({attribute:"aria-current"})],D.prototype,"ariaCurrent",2),H([a({attribute:"aria-describedby"})],D.prototype,"ariaDescribedby",2),H([a({attribute:"aria-details"})],D.prototype,"ariaDetails",2),H([a({attribute:"aria-disabled"})],D.prototype,"ariaDisabled",2),H([a({attribute:"aria-errormessage"})],D.prototype,"ariaErrormessage",2),H([a({attribute:"aria-flowto"})],D.prototype,"ariaFlowto",2),H([a({attribute:"aria-haspopup"})],D.prototype,"ariaHaspopup",2),H([a({attribute:"aria-hidden"})],D.prototype,"ariaHidden",2),H([a({attribute:"aria-invalid"})],D.prototype,"ariaInvalid",2),H([a({attribute:"aria-keyshortcuts"})],D.prototype,"ariaKeyshortcuts",2),H([a({attribute:"aria-label"})],D.prototype,"ariaLabel",2),H([a({attribute:"aria-labelledby"})],D.prototype,"ariaLabelledby",2),H([a({attribute:"aria-live"})],D.prototype,"ariaLive",2),H([a({attribute:"aria-owns"})],D.prototype,"ariaOwns",2),H([a({attribute:"aria-relevant"})],D.prototype,"ariaRelevant",2),H([a({attribute:"aria-roledescription"})],D.prototype,"ariaRoledescription",2);const or=o=>o.closest("[dir]")?.dir==="rtl"?pt.rtl:pt.ltr;function gt(o){return o?typeof o=="string"?new de(o):"inline"in o?o.inline():o:de.empty}const sr=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,sa=":host([hidden]){display:none}";function w(o){return`${sa}:host{display:${o}}`}class ia{constructor(t){this.listenerCache=new WeakMap,this.query=t}connectedCallback(t){const{query:e}=this;let s=this.listenerCache.get(t);s||(s=this.constructListener(t),this.listenerCache.set(t,s)),s.bind(e)(),e.addEventListener("change",s)}disconnectedCallback(t){const e=this.listenerCache.get(t);e&&this.query.removeEventListener("change",e)}}class $o extends ia{constructor(t,e){super(t),this.styles=e}static with(t){return e=>new $o(t,e)}constructListener(t){let e=!1;const s=this.styles;return function(){const{matches:r}=this;r&&!e?(t.addStyles(s),e=r):!r&&e&&(t.removeStyles(s),e=r)}}removedCallback(t){t.removeStyles(this.styles)}}const J=$o.with(window.matchMedia("(forced-colors)"));$o.with(window.matchMedia("(prefers-color-scheme: dark)")),$o.with(window.matchMedia("(prefers-color-scheme: light)"));class Nt{}function Rt(o){return f`<slot name="end" ${Tt("end")}>${gt(o.end)}</slot>`.inline()}function Vt(o){return f`<slot name="start" ${Tt("start")}>${gt(o.start)}</slot>`.inline()}function jt(o,...t){const e=Io.locate(o);t.forEach(s=>{Object.getOwnPropertyNames(s.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(s.prototype,r))}),Io.locate(s).forEach(r=>e.push(r))})}var ra=Object.defineProperty,na=Object.getOwnPropertyDescriptor,ue=(o,t,e,s)=>{for(var i=s>1?void 0:s?na(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&ra(t,e,i),i};class st extends k{constructor(){super(...arguments),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=zs("accordion-"),this.block=!1,this.clickHandler=t=>{this.disabled||this.$emit("click",t)}}}ue([a({attribute:"heading-level",mode:"fromView",converter:K})],st.prototype,"headinglevel",2),ue([a({mode:"boolean"})],st.prototype,"expanded",2),ue([a({mode:"boolean"})],st.prototype,"disabled",2),ue([a],st.prototype,"id",2),ue([a],st.prototype,"size",2),ue([a({mode:"boolean"})],st.prototype,"block",2),ue([a({attribute:"expand-icon-position"})],st.prototype,"expandIconPosition",2),jt(st,Nt);const z="var(--colorNeutralForeground1)",ir="var(--colorNeutralForeground1Hover)",aa="var(--colorNeutralForeground1Pressed)",qt="var(--colorNeutralForeground2)",Ao="var(--colorNeutralForeground2Hover)",_o="var(--colorNeutralForeground2Pressed)",la="var(--colorNeutralForeground2Selected)",Mo="var(--colorNeutralForeground2BrandHover)",Eo="var(--colorNeutralForeground2BrandPressed)",ca="var(--colorNeutralForeground2BrandSelected)",tt="var(--colorNeutralForeground3)",da="var(--colorNeutralForeground3Hover)",ha="var(--colorNeutralForeground3Pressed)",ua="var(--colorNeutralForeground4)",x="var(--colorNeutralForegroundDisabled)",pa="var(--colorBrandForegroundLink)",ga="var(--colorBrandForegroundLinkHover)",fa="var(--colorBrandForegroundLinkPressed)",ba="var(--colorNeutralForeground2Link)",ma="var(--colorNeutralForeground2LinkHover)",$a="var(--colorNeutralForeground2LinkPressed)",rr="var(--colorCompoundBrandForeground1)",nr="var(--colorCompoundBrandForeground1Hover)",ar="var(--colorCompoundBrandForeground1Pressed)",Gt="var(--colorNeutralForegroundOnBrand)",Lo="var(--colorNeutralForegroundInverted)",va="var(--colorNeutralForegroundInvertedHover)",ya="var(--colorNeutralForegroundInvertedPressed)",lr="var(--colorNeutralForegroundStaticInverted)",Ts="var(--colorBrandForeground1)",ka="var(--colorBrandForeground2)",xa="var(--colorNeutralForeground1Static)",E="var(--colorNeutralBackground1)",Os="var(--colorNeutralBackground1Hover)",Fs="var(--colorNeutralBackground1Pressed)",cr="var(--colorNeutralBackground1Selected)",As="var(--colorNeutralBackground3)",wa="var(--colorNeutralBackground4)",Ca="var(--colorNeutralBackground5)",Ho="var(--colorNeutralBackground6)",Ia="var(--colorNeutralBackgroundInverted)",Sa="var(--colorSubtleBackground)",_s="var(--colorSubtleBackgroundHover)",Do="var(--colorSubtleBackgroundPressed)",Pa="var(--colorSubtleBackgroundSelected)",vt="var(--colorTransparentBackground)",Ms="var(--colorTransparentBackgroundHover)",Es="var(--colorTransparentBackgroundPressed)",Ba="var(--colorTransparentBackgroundSelected)",qe="var(--colorNeutralBackgroundDisabled)",Ls="var(--colorBackgroundOverlay)",No="var(--colorBrandBackground)",dr="var(--colorBrandBackgroundHover)",hr="var(--colorBrandBackgroundPressed)",za="var(--colorBrandBackgroundSelected)",Ge="var(--colorCompoundBrandBackground)",We="var(--colorCompoundBrandBackgroundHover)",Xe="var(--colorCompoundBrandBackgroundPressed)",ur="var(--colorBrandBackgroundStatic)",Ta="var(--colorBrandBackground2)",Wt="var(--colorNeutralStrokeAccessible)",Ue="var(--colorNeutralStrokeAccessibleHover)",Ke="var(--colorNeutralStrokeAccessiblePressed)",pe="var(--colorNeutralStroke1)",Ro="var(--colorNeutralStroke1Hover)",Hs="var(--colorNeutralStroke1Pressed)",Ye="var(--colorNeutralStroke2)",Oa="var(--colorNeutralStroke3)",Fa="var(--colorNeutralStrokeOnBrand2)",pr="var(--colorBrandStroke1)",Ds="var(--colorBrandStroke2)",Ns="var(--colorCompoundBrandStroke)",Rs="var(--colorCompoundBrandStrokeHover)",Vs="var(--colorCompoundBrandStrokePressed)",Xt="var(--colorNeutralStrokeDisabled)",lt="var(--colorTransparentStroke)",gr="var(--colorTransparentStrokeInteractive)",Vo="var(--colorStrokeFocus1)",Ot="var(--colorStrokeFocus2)",fr="var(--colorPaletteRedBackground1)",Aa="var(--colorPaletteRedBackground2)",br="var(--colorPaletteRedBackground3)",mr="var(--colorPaletteRedBorder1)",_a="var(--colorPaletteRedBorder2)",$r="var(--colorPaletteRedForeground1)",Ma="var(--colorPaletteRedForeground2)",vr="var(--colorPaletteRedForeground3)",yr="var(--colorPaletteGreenBackground1)",kr="var(--colorPaletteGreenBackground3)",Ea="var(--colorPaletteGreenBorder1)",La="var(--colorPaletteGreenBorder2)",Ha="var(--colorPaletteGreenForeground1)",Da="var(--colorPaletteGreenForeground2)",Na="var(--colorPaletteGreenForeground3)",xr="var(--colorPaletteDarkOrangeBackground1)",wr="var(--colorPaletteDarkOrangeBackground3)",Cr="var(--colorPaletteDarkOrangeBorder1)",Ra="var(--colorPaletteDarkOrangeForeground1)",Ir="var(--colorPaletteDarkOrangeForeground3)",Va="var(--colorPaletteYellowBackground1)",ja="var(--colorPaletteYellowBackground3)",qa="var(--colorPaletteYellowBorder1)",js="var(--colorPaletteYellowForeground2)",Sr="var(--colorPaletteMarigoldBackground2)",Ga="var(--colorPaletteMarigoldBackground3)",Wa="var(--colorPaletteMarigoldForeground2)",Xa="var(--colorPaletteAnchorBackground2)",Ua="var(--colorPaletteAnchorForeground2)",Ka="var(--colorPaletteBeigeBackground2)",Ya="var(--colorPaletteBeigeForeground2)",Qa="var(--colorPaletteBlueBackground2)",Za="var(--colorPaletteBlueForeground2)",Ja="var(--colorPaletteBrassBackground2)",tl="var(--colorPaletteBrassForeground2)",el="var(--colorPaletteBrownBackground2)",ol="var(--colorPaletteBrownForeground2)",sl="var(--colorPaletteCornflowerBackground2)",il="var(--colorPaletteCornflowerForeground2)",rl="var(--colorPaletteCranberryBackground2)",nl="var(--colorPaletteCranberryForeground2)",al="var(--colorPaletteDarkGreenBackground2)",ll="var(--colorPaletteDarkGreenForeground2)",cl="var(--colorPaletteDarkRedBackground2)",dl="var(--colorPaletteDarkRedForeground2)",hl="var(--colorPaletteForestBackground2)",ul="var(--colorPaletteForestForeground2)",pl="var(--colorPaletteGoldBackground2)",gl="var(--colorPaletteGoldForeground2)",fl="var(--colorPaletteGrapeBackground2)",bl="var(--colorPaletteGrapeForeground2)",ml="var(--colorPaletteLavenderBackground2)",$l="var(--colorPaletteLavenderForeground2)",vl="var(--colorPaletteLightTealBackground2)",yl="var(--colorPaletteLightTealForeground2)",kl="var(--colorPaletteLilacBackground2)",xl="var(--colorPaletteLilacForeground2)",wl="var(--colorPaletteMagentaBackground2)",Cl="var(--colorPaletteMagentaForeground2)",Il="var(--colorPaletteMinkBackground2)",Sl="var(--colorPaletteMinkForeground2)",Pl="var(--colorPaletteNavyBackground2)",Bl="var(--colorPaletteNavyForeground2)",zl="var(--colorPalettePeachBackground2)",Tl="var(--colorPalettePeachForeground2)",Ol="var(--colorPalettePinkBackground2)",Fl="var(--colorPalettePinkForeground2)",Al="var(--colorPalettePlatinumBackground2)",_l="var(--colorPalettePlatinumForeground2)",Ml="var(--colorPalettePlumBackground2)",El="var(--colorPalettePlumForeground2)",Ll="var(--colorPalettePumpkinBackground2)",Hl="var(--colorPalettePumpkinForeground2)",Dl="var(--colorPalettePurpleBackground2)",Nl="var(--colorPalettePurpleForeground2)",Rl="var(--colorPaletteRoyalBlueBackground2)",Vl="var(--colorPaletteRoyalBlueForeground2)",jl="var(--colorPaletteSeafoamBackground2)",ql="var(--colorPaletteSeafoamForeground2)",Gl="var(--colorPaletteSteelBackground2)",Wl="var(--colorPaletteSteelForeground2)",Xl="var(--colorPaletteTealBackground2)",Ul="var(--colorPaletteTealForeground2)",qs="var(--borderRadiusNone)",yt="var(--borderRadiusSmall)",T="var(--borderRadiusMedium)",Pr="var(--borderRadiusLarge)",Br="var(--borderRadiusXLarge)",ct="var(--borderRadiusCircular)",m="var(--fontFamilyBase)",Kl="var(--fontFamilyMonospace)",Yl="var(--fontFamilyNumeric)",Qe="var(--fontSizeBase100)",V="var(--fontSizeBase200)",B="var(--fontSizeBase300)",dt="var(--fontSizeBase400)",Fe="var(--fontSizeBase500)",jo="var(--fontSizeBase600)",zr="var(--fontSizeHero700)",Tr="var(--fontSizeHero800)",Or="var(--fontSizeHero900)",Fr="var(--fontSizeHero1000)",O="var(--fontWeightRegular)",Ql="var(--fontWeightMedium)",L="var(--fontWeightSemibold)",qo="var(--fontWeightBold)",Go="var(--lineHeightBase100)",et="var(--lineHeightBase200)",_="var(--lineHeightBase300)",kt="var(--lineHeightBase400)",Wo="var(--lineHeightBase500)",Ar="var(--lineHeightBase600)",_r="var(--lineHeightHero700)",Mr="var(--lineHeightHero800)",Er="var(--lineHeightHero900)",Lr="var(--lineHeightHero1000)",Hr="var(--shadow2)",Xo="var(--shadow4)",Zl="var(--shadow8)",Dr="var(--shadow16)",Jl="var(--shadow28)",Nr="var(--shadow64)",Y="var(--strokeWidthThin)",ge="var(--strokeWidthThick)",oe="var(--strokeWidthThicker)",Rr="var(--strokeWidthThickest)",ht="var(--spacingHorizontalXXS)",xt="var(--spacingHorizontalXS)",Ut="var(--spacingHorizontalSNudge)",ut="var(--spacingHorizontalS)",Kt="var(--spacingHorizontalMNudge)",Ft="var(--spacingHorizontalM)",tc="var(--spacingHorizontalL)",ec="var(--spacingHorizontalXXL)",Uo="var(--spacingVerticalXXS)",oc="var(--spacingVerticalXS)",Ze="var(--spacingVerticalSNudge)",q="var(--spacingVerticalS)",Je="var(--spacingVerticalMNudge)",Vr="var(--spacingVerticalL)",to="var(--spacingVerticalXXL)",sc="var(--durationUltraFast)",Gs="var(--durationFaster)",jr="var(--durationNormal)",Ws="var(--durationGentle)",ic="var(--durationSlow)",qr="var(--durationSlower)",Ko="var(--durationUltraSlow)",rc="var(--curveAccelerateMax)",eo="var(--curveAccelerateMid)",nc="var(--curveAccelerateMin)",Gr="var(--curveDecelerateMax)",oo="var(--curveDecelerateMid)",ac="var(--curveDecelerateMin)",lc="var(--curveEasyEaseMax)",Xs="var(--curveEasyEase)",Us="var(--curveLinear)",cc=l`
   ${w("block")}
 
-  :host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;vertical-align:middle;padding-inline:${Jt} ${Wt};border-radius:${F};font-family:${m};font-size:${P};font-weight:${B};line-height:${M};grid-template-columns:auto auto 1fr auto}.heading-content{height:100%;display:flex;align-items:center}.button{box-sizing:border-box;appearance:none;border:none;outline:none;text-align:start;cursor:pointer;font-family:inherit;height:44px;color:${A};background:${mt};line-height:${M};height:auto;padding:0;font-size:inherit;grid-column:auto / span 2;grid-row:1}.button::before{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${$t}}.icon{display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-right:${Tt};grid-column:1 / span 1;grid-row:1}.region{margin:0 ${Jt}}::slotted([slot='start']),::slotted([slot='end']){justify-content:center;align-items:center;padding-right:${Tt};grid-column:2 / span 1;grid-row:1 / span 1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${$t};outline:none;border:2px solid ${Eo};box-shadow:inset 0 0 0 1px ${Bt}}:host([disabled]) .button{color:${k}}:host([disabled]) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host([expanded]) .region{display:block}:host([expanded]) .default-collapsed-icon,:host([expanded]) ::slotted([slot='collapsed-icon']),:host(:not([expanded])) .default-expanded-icon,:host(:not([expanded])) ::slotted([slot='expanded-icon']),:host([expanded]) ::slotted([slot='end']),::slotted([slot='start']),.region{display:none}:host([expanded]) ::slotted([slot='start']),:host([expanded]) ::slotted([slot='expanded-icon']),:host(:not([expanded])) ::slotted([slot='collapsed-icon']),::slotted([slot='end']){display:flex}.heading{font-size:${P};line-height:${M}}:host([size='small']) .heading{font-size:${W};line-height:${dt}}:host([size='large']) .heading{font-size:${ct};line-height:${vt}}:host([size='extra-large']) .heading{font-size:${Be};line-height:${No}}:host([expand-icon-position='end']) :slotted(span[slot='start']),:host([expand-icon-position='end']) ::slotted(span[slot='end']){grid-column:1 / span 1;grid-row:1}:host([expand-icon-position='end']) ::slotted(span[slot='start']),:host([expand-icon-position='end']) ::slotted(span[slot='end']){grid-column:1 / span 1;grid-row:1}:host([expand-icon-position='end']) .icon{grid-column:4 / span 1;grid-row:1;display:flex;padding-left:10px;padding-right:0}:host([expand-icon-position='end']) .button{grid-column:2 / span 3;grid-row:1}:host([block]){max-width:100%}:host([expand-icon-position='end']) .heading{grid-template-columns:auto auto 28px}:host([expand-icon-position='end']) .icon{grid-column:5 / span 1}:host([block][expand-icon-position='end']) .heading{grid-template-columns:auto 1fr}:host([block][expand-icon-position='end']) .icon{grid-column:5 / span 1}`,sc=f.partial(`<svg
+  :host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;vertical-align:middle;padding-inline:${Ft} ${Kt};border-radius:${T};font-family:${m};font-size:${B};font-weight:${O};line-height:${_};grid-template-columns:auto auto 1fr auto}.heading-content{height:100%;display:flex;align-items:center}.button{box-sizing:border-box;appearance:none;border:none;outline:none;text-align:start;cursor:pointer;font-family:inherit;height:44px;color:${z};background:${vt};line-height:${_};height:auto;padding:0;font-size:inherit;grid-column:auto / span 2;grid-row:1}.button::before{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${yt}}.icon{display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-right:${ut};grid-column:1 / span 1;grid-row:1}.region{margin:0 ${Ft}}::slotted([slot='start']),::slotted([slot='end']){justify-content:center;align-items:center;padding-right:${ut};grid-column:2 / span 1;grid-row:1 / span 1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${yt};outline:none;border:2px solid ${Vo};box-shadow:inset 0 0 0 1px ${Ot}}:host([disabled]) .button{color:${x}}:host([disabled]) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host([expanded]) .region{display:block}:host([expanded]) .default-collapsed-icon,:host([expanded]) ::slotted([slot='collapsed-icon']),:host(:not([expanded])) .default-expanded-icon,:host(:not([expanded])) ::slotted([slot='expanded-icon']),:host([expanded]) ::slotted([slot='end']),::slotted([slot='start']),.region{display:none}:host([expanded]) ::slotted([slot='start']),:host([expanded]) ::slotted([slot='expanded-icon']),:host(:not([expanded])) ::slotted([slot='collapsed-icon']),::slotted([slot='end']){display:flex}.heading{font-size:${B};line-height:${_}}:host([size='small']) .heading{font-size:${V};line-height:${et}}:host([size='large']) .heading{font-size:${dt};line-height:${kt}}:host([size='extra-large']) .heading{font-size:${Fe};line-height:${Wo}}:host([expand-icon-position='end']) :slotted(span[slot='start']),:host([expand-icon-position='end']) ::slotted(span[slot='end']){grid-column:1 / span 1;grid-row:1}:host([expand-icon-position='end']) ::slotted(span[slot='start']),:host([expand-icon-position='end']) ::slotted(span[slot='end']){grid-column:1 / span 1;grid-row:1}:host([expand-icon-position='end']) .icon{grid-column:4 / span 1;grid-row:1;display:flex;padding-left:10px;padding-right:0}:host([expand-icon-position='end']) .button{grid-column:2 / span 3;grid-row:1}:host([block]){max-width:100%}:host([expand-icon-position='end']) .heading{grid-template-columns:auto auto 28px}:host([expand-icon-position='end']) .icon{grid-column:5 / span 1}:host([block][expand-icon-position='end']) .heading{grid-template-columns:auto 1fr}:host([block][expand-icon-position='end']) .icon{grid-column:5 / span 1}`,dc=f.partial(`<svg
   width="20"
   height="20"
   viewBox="0 0 20 20"
@@ -13,7 +13,7 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
     d="M7.73271 4.20694C8.03263 3.92125 8.50737 3.93279 8.79306 4.23271L13.7944 9.48318C14.0703 9.77285 14.0703 10.2281 13.7944 10.5178L8.79306 15.7682C8.50737 16.0681 8.03263 16.0797 7.73271 15.794C7.43279 15.5083 7.42125 15.0336 7.70694 14.7336L12.2155 10.0005L7.70694 5.26729C7.42125 4.96737 7.43279 4.49264 7.73271 4.20694Z"
     fill="currentColor"
   />
-</svg>`),ic=f.partial(`<svg
+</svg>`),hc=f.partial(`<svg
   width="20"
   height="20"
   viewBox="0 0 20 20"
@@ -25,38 +25,38 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
     d="M15.794 7.73271C16.0797 8.03263 16.0681 8.50737 15.7682 8.79306L10.5178 13.7944C10.2281 14.0703 9.77285 14.0703 9.48318 13.7944L4.23271 8.79306C3.93279 8.50737 3.92125 8.03263 4.20694 7.73271C4.49264 7.43279 4.96737 7.42125 5.26729 7.70694L10.0005 12.2155L14.7336 7.70694C15.0336 7.42125 15.5083 7.43279 15.794 7.73271Z"
     fill="currentColor"
   />
-</svg>`);function rc(o={}){return f`<div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${Pt("expandbutton")} ?disabled="${t=>t.disabled?"true":void 0}" 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-content" part="heading-content"><slot name="heading"></slot></span></button>${Dt(o)} ${Ht(o)}<span class="icon" part="icon" aria-hidden="true"><slot name="expanded-icon">${ut(o.expandedIcon)}</slot><slot name="collapsed-icon">${ut(o.collapsedIcon)}</slot><span></div><div class="region" part="region" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div>`}const nc=rc({collapsedIcon:sc,expandedIcon:ic}),ac=J.compose({name:`${g.prefix}-accordion-item`,template:nc,styles:oc});ac.define(g.registry);const Rs={single:"single",multi:"multi"};var lc=Object.defineProperty,cc=Object.getOwnPropertyDescriptor,_r=(o,t,e,s)=>{for(var i=s>1?void 0:s?cc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&lc(t,e,i),i};class Vs extends x{constructor(){super(...arguments),this.expandmode=Rs.multi,this.activeItemIndex=0,this.change=()=>{this.$emit("change",this.activeid)},this.setItems=()=>{if(this.slottedAccordionItems.length===0)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>$.getNotifier(e).subscribe(this,"disabled")),this.accordionItems=t.filter(e=>!e.hasAttribute("disabled")),this.accordionIds=this.getItemIds(),this.accordionItems.forEach((e,s)=>{e instanceof J&&(e.addEventListener("click",this.activeItemChange),e.addEventListener("keydown",this.handleItemKeyDown),e.addEventListener("focus",this.handleItemFocus),$.getNotifier(e).subscribe(this,"expanded"));const i=this.accordionIds[s];e.setAttribute("id",typeof i!="string"?`accordion-${s+1}`:i),this.activeid=this.accordionIds[this.activeItemIndex]}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}},this.removeItemListeners=t=>{t.forEach((e,s)=>{$.getNotifier(e).unsubscribe(this,"disabled"),$.getNotifier(e).unsubscribe(this,"expanded"),e.removeEventListener("click",this.activeItemChange),e.removeEventListener("keydown",this.handleItemKeyDown),e.removeEventListener("focus",this.handleItemFocus)})},this.activeItemChange=t=>{t.defaultPrevented||t.target!==t.currentTarget||(t.preventDefault(),this.handleExpandedChange(t.target))},this.handleExpandedChange=t=>{t instanceof J&&(this.activeid=t.getAttribute("id"),this.isSingleExpandMode()?this.setSingleExpandMode(t):(t.expanded=!t.expanded,this.activeItemIndex=this.accordionItems.indexOf(t)),this.change())},this.handleItemKeyDown=t=>{if(t.target===t.currentTarget)switch(this.accordionIds=this.getItemIds(),t.key){case Se:t.preventDefault(),this.adjust(-1);break;case xe:t.preventDefault(),this.adjust(1);break;case Io:this.activeItemIndex=0,this.focusItem();break;case So:this.activeItemIndex=this.accordionItems.length-1,this.focusItem();break}},this.handleItemFocus=t=>{if(t.target===t.currentTarget){const e=t.target,s=this.activeItemIndex=Array.from(this.accordionItems).indexOf(e);this.activeItemIndex!==s&&s!==-1&&(this.activeItemIndex=s,this.activeid=this.accordionIds[this.activeItemIndex])}}}expandmodeChanged(t,e){if(!this.$fastController.isConnected)return;const s=this.findExpandedItem();s&&(e!==Rs.single?s?.expandbutton.removeAttribute("aria-disabled"):this.setSingleExpandMode(s))}slottedAccordionItemsChanged(t,e){this.$fastController.isConnected&&this.setItems()}handleChange(t,e){e==="disabled"?this.setItems():e==="expanded"&&t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}findExpandedItem(){return this.accordionItems.length===0?null:this.accordionItems.find(t=>t instanceof J&&t.expanded)??this.accordionItems[0]}setSingleExpandMode(t){if(this.accordionItems.length===0)return;const e=Array.from(this.accordionItems);this.activeItemIndex=e.indexOf(t),e.forEach((s,i)=>{s instanceof J&&(this.activeItemIndex===i?(s.expanded=!0,s.expandbutton.setAttribute("aria-disabled","true")):(s.expanded=!1,s.hasAttribute("disabled")||s.expandbutton.removeAttribute("aria-disabled")))})}getItemIds(){return this.slottedAccordionItems.map(t=>t.id)}isSingleExpandMode(){return this.expandmode===Rs.single}adjust(t){this.activeItemIndex=Vn(0,this.accordionItems.length-1,this.activeItemIndex+t),this.focusItem()}focusItem(){const t=this.accordionItems[this.activeItemIndex];t instanceof J&&t.expandbutton.focus()}}_r([a({attribute:"expand-mode"})],Vs.prototype,"expandmode",2),_r([v],Vs.prototype,"slottedAccordionItems",2);const dc=l`
+</svg>`);function uc(o={}){return f`<div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${Tt("expandbutton")} ?disabled="${t=>t.disabled?"true":void 0}" 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-content" part="heading-content"><slot name="heading"></slot></span></button>${Vt(o)} ${Rt(o)}<span class="icon" part="icon" aria-hidden="true"><slot name="expanded-icon">${gt(o.expandedIcon)}</slot><slot name="collapsed-icon">${gt(o.collapsedIcon)}</slot><span></div><div class="region" part="region" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div>`}const pc=uc({collapsedIcon:dc,expandedIcon:hc}),gc=st.compose({name:`${p.prefix}-accordion-item`,template:pc,styles:cc});gc.define(p.registry);const Ks={single:"single",multi:"multi"};var fc=Object.defineProperty,bc=Object.getOwnPropertyDescriptor,Wr=(o,t,e,s)=>{for(var i=s>1?void 0:s?bc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&fc(t,e,i),i};class Ys extends k{constructor(){super(...arguments),this.expandmode=Ks.multi,this.activeItemIndex=0,this.change=()=>{this.$emit("change",this.activeid)},this.setItems=()=>{if(this.slottedAccordionItems.length===0)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>$.getNotifier(e).subscribe(this,"disabled")),this.accordionItems=t.filter(e=>!e.hasAttribute("disabled")),this.accordionIds=this.getItemIds(),this.accordionItems.forEach((e,s)=>{e instanceof st&&(e.addEventListener("click",this.activeItemChange),e.addEventListener("keydown",this.handleItemKeyDown),e.addEventListener("focus",this.handleItemFocus),$.getNotifier(e).subscribe(this,"expanded"));const i=this.accordionIds[s];e.setAttribute("id",typeof i!="string"?`accordion-${s+1}`:i),this.activeid=this.accordionIds[this.activeItemIndex]}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}},this.removeItemListeners=t=>{t.forEach((e,s)=>{$.getNotifier(e).unsubscribe(this,"disabled"),$.getNotifier(e).unsubscribe(this,"expanded"),e.removeEventListener("click",this.activeItemChange),e.removeEventListener("keydown",this.handleItemKeyDown),e.removeEventListener("focus",this.handleItemFocus)})},this.activeItemChange=t=>{t.defaultPrevented||t.target!==t.currentTarget||(t.preventDefault(),this.handleExpandedChange(t.target))},this.handleExpandedChange=t=>{t instanceof st&&(this.activeid=t.getAttribute("id"),this.isSingleExpandMode()?this.setSingleExpandMode(t):(t.expanded=!t.expanded,this.activeItemIndex=this.accordionItems.indexOf(t)),this.change())},this.handleItemKeyDown=t=>{if(t.target===t.currentTarget)switch(this.accordionIds=this.getItemIds(),t.key){case Te:t.preventDefault(),this.adjust(-1);break;case Pe:t.preventDefault(),this.adjust(1);break;case Oo:this.activeItemIndex=0,this.focusItem();break;case To:this.activeItemIndex=this.accordionItems.length-1,this.focusItem();break}},this.handleItemFocus=t=>{if(t.target===t.currentTarget){const e=t.target,s=this.activeItemIndex=Array.from(this.accordionItems).indexOf(e);this.activeItemIndex!==s&&s!==-1&&(this.activeItemIndex=s,this.activeid=this.accordionIds[this.activeItemIndex])}}}expandmodeChanged(t,e){if(!this.$fastController.isConnected)return;const s=this.findExpandedItem();s&&(e!==Ks.single?s?.expandbutton.removeAttribute("aria-disabled"):this.setSingleExpandMode(s))}slottedAccordionItemsChanged(t,e){this.$fastController.isConnected&&this.setItems()}handleChange(t,e){e==="disabled"?this.setItems():e==="expanded"&&t.expanded&&this.isSingleExpandMode()&&this.setSingleExpandMode(t)}findExpandedItem(){return this.accordionItems.length===0?null:this.accordionItems.find(t=>t instanceof st&&t.expanded)??this.accordionItems[0]}setSingleExpandMode(t){if(this.accordionItems.length===0)return;const e=Array.from(this.accordionItems);this.activeItemIndex=e.indexOf(t),e.forEach((s,i)=>{s instanceof st&&(this.activeItemIndex===i?(s.expanded=!0,s.expandbutton.setAttribute("aria-disabled","true")):(s.expanded=!1,s.hasAttribute("disabled")||s.expandbutton.removeAttribute("aria-disabled")))})}getItemIds(){return this.slottedAccordionItems.map(t=>t.id)}isSingleExpandMode(){return this.expandmode===Ks.single}adjust(t){this.activeItemIndex=Jn(0,this.accordionItems.length-1,this.activeItemIndex+t),this.focusItem()}focusItem(){const t=this.accordionItems[this.activeItemIndex];t instanceof st&&t.expandbutton.focus()}}Wr([a({attribute:"expand-mode"})],Ys.prototype,"expandmode",2),Wr([v],Ys.prototype,"slottedAccordionItems",2);const mc=l`
   ${w("flex")}
 
-  :host{flex-direction:column;width:100%;contain:content}`;function hc(){return f`<template><slot ${rt({property:"slottedAccordionItems",filter:le()})}></slot></template>`}const uc=hc(),pc=Vs.compose({name:`${g.prefix}-accordion`,template:uc,styles:dc});pc.define(g.registry);const gc=CSS.supports("selector(:state(g))");function d(o,t,e){if(!gc){o.shadowRoot.host.toggleAttribute(`state--${t}`,e);return}if(e=e??!o.states.has(t),e){o.states.add(t);return}o.states.delete(t)}const qo={submit:"submit",reset:"reset",button:"button"},fc={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var bc=Object.defineProperty,mc=Object.getOwnPropertyDescriptor,pt=(o,t,e,s)=>{for(var i=s>1?void 0:s?mc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&bc(t,e,i),i};class zt extends x{constructor(){super(),this.isMac=navigator.userAgent.includes("Mac"),this.elementInternals=this.attachInternals(),this.internalProxyAnchor=this.createProxyElement(),this.elementInternals.role="link"}connectedCallback(){super.connectedCallback(),$.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)}),this.append(this.internalProxyAnchor)}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this)}handleChange(t,e){if(e in fc){const s=this.$fastController.definition.attributeLookup[e]?.attribute;s&&this.handleProxyAttributeChange(s,this[e])}}clickHandler(t){if(this.href){const e=this.isMac?t.metaKey:t.ctrlKey;this.handleNavigation(e)}return!0}keydownHandler(t){if(this.href&&t.key===Ie){const e=this.isMac&&t.metaKey||t.ctrlKey;this.handleNavigation(e);return}return!0}handleNavigation(t){t?window.open(this.href,"_blank"):this.internalProxyAnchor.click()}handleProxyAttributeChange(t,e){e?this.internalProxyAnchor.setAttribute(t,e):this.internalProxyAnchor.removeAttribute(t)}createProxyElement(){const t=this.internalProxyAnchor??document.createElement("a");return t.ariaHidden="true",t.tabIndex=-1,t}}pt([a],zt.prototype,"download",2),pt([a],zt.prototype,"href",2),pt([a],zt.prototype,"hreflang",2),pt([a],zt.prototype,"ping",2),pt([a],zt.prototype,"referrerpolicy",2),pt([a],zt.prototype,"rel",2),pt([a],zt.prototype,"target",2),pt([a],zt.prototype,"type",2);class Te extends zt{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}iconOnlyChanged(t,e){d(this.elementInternals,"icon",!!e)}}pt([a],Te.prototype,"appearance",2),pt([a],Te.prototype,"shape",2),pt([a],Te.prototype,"size",2),pt([a({attribute:"icon-only",mode:"boolean"})],Te.prototype,"iconOnly",2),Nt(Te,Lt);const Go=l.partial`:is([state--filled-lighter], :state(filled-lighter))`,Wo=l.partial`:is([state--filled-darker], :state(filled-darker))`,Xt=l.partial`:is([state--ghost], :state(ghost))`,Mr=l.partial`:is([state--inverted], :state(inverted))`,et=l.partial`:is([state--primary], :state(primary))`,R=l.partial`:is([state--outline], :state(outline))`,Je=l.partial`:is([state--strong], :state(strong))`,C=l.partial`:is([state--subtle], :state(subtle))`,te=l.partial`:is([state--tint], :state(tint))`,to=l.partial`:is([state--underline], :state(underline))`,V=l.partial`:is([state--transparent], :state(transparent))`,eo=l.partial`:is([state--circular], :state(circular))`,Ut=l.partial`:is([state--rounded], :state(rounded))`,Xo=l.partial`:is([state--square], :state(square))`,oo=l.partial`:is([state--tiny], :state(tiny))`,so=l.partial`:is([state--extra-small], :state(extra-small))`,ot=l.partial`:is([state--small], :state(small))`,E=l.partial`:is([state--large], :state(large))`,js=l.partial`:is([state--extra-large], :state(extra-large))`,$c=l.partial`:is([state--huge], :state(huge))`,Er=l.partial`:is([state--align-start], :state(align-start))`,Lr=l.partial`:is([state--align-end], :state(align-end))`,qs=l.partial`:is([state--inset], :state(inset))`,ze=l.partial`:is([state--icon], :state(icon))`,T=l.partial`:is([state--pressed], :state(pressed))`,io=l.partial`:is([state--brand], :state(brand))`,Hr=l.partial`:is([state--error], :state(error))`,Uo=l.partial`:is([state--danger], :state(danger))`,Ko=l.partial`:is([state--important], :state(important))`,Yo=l.partial`:is([state--informative], :state(informative))`,Qo=l.partial`:is([state--severe], :state(severe))`,Fe=l.partial`:is([state--success], :state(success))`,Oe=l.partial`:is([state--warning], :state(warning))`,gt=l.partial`:is([state--vertical], :state(vertical))`;l.partial`:is([state--horizontal], :state(horizontal))`;const Dr=l`
+  :host{flex-direction:column;width:100%;contain:content}`;function $c(){return f`<template><slot ${at({property:"slottedAccordionItems",filter:he()})}></slot></template>`}const vc=$c(),yc=Ys.compose({name:`${p.prefix}-accordion`,template:vc,styles:mc});yc.define(p.registry);const kc=CSS.supports("selector(:state(g))");function d(o,t,e){if(!kc){o.shadowRoot.host.toggleAttribute(`state--${t}`,e);return}if(e=e??!o.states.has(t),e){o.states.add(t);return}o.states.delete(t)}const Yo={submit:"submit",reset:"reset",button:"button"},xc={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var wc=Object.defineProperty,Cc=Object.getOwnPropertyDescriptor,ft=(o,t,e,s)=>{for(var i=s>1?void 0:s?Cc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&wc(t,e,i),i};class At extends k{constructor(){super(),this.isMac=navigator.userAgent.includes("Mac"),this.elementInternals=this.attachInternals(),this.internalProxyAnchor=this.createProxyElement(),this.elementInternals.role="link"}connectedCallback(){super.connectedCallback(),$.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)}),this.append(this.internalProxyAnchor)}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this)}handleChange(t,e){if(e in xc){const s=this.$fastController.definition.attributeLookup[e]?.attribute;s&&this.handleProxyAttributeChange(s,this[e])}}clickHandler(t){if(this.href){const e=this.isMac?t.metaKey:t.ctrlKey;this.handleNavigation(e)}return!0}keydownHandler(t){if(this.href&&t.key===Oe){const e=this.isMac&&t.metaKey||t.ctrlKey;this.handleNavigation(e);return}return!0}handleNavigation(t){t?window.open(this.href,"_blank"):this.internalProxyAnchor.click()}handleProxyAttributeChange(t,e){e?this.internalProxyAnchor.setAttribute(t,e):this.internalProxyAnchor.removeAttribute(t)}createProxyElement(){const t=this.internalProxyAnchor??document.createElement("a");return t.ariaHidden="true",t.tabIndex=-1,t}}ft([a],At.prototype,"download",2),ft([a],At.prototype,"href",2),ft([a],At.prototype,"hreflang",2),ft([a],At.prototype,"ping",2),ft([a],At.prototype,"referrerpolicy",2),ft([a],At.prototype,"rel",2),ft([a],At.prototype,"target",2),ft([a],At.prototype,"type",2);class Ae extends At{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}iconOnlyChanged(t,e){d(this.elementInternals,"icon",!!e)}}ft([a],Ae.prototype,"appearance",2),ft([a],Ae.prototype,"shape",2),ft([a],Ae.prototype,"size",2),ft([a({attribute:"icon-only",mode:"boolean"})],Ae.prototype,"iconOnly",2),jt(Ae,Nt);const Qo=l.partial`:is([state--filled-lighter], :state(filled-lighter))`,Zo=l.partial`:is([state--filled-darker], :state(filled-darker))`,Yt=l.partial`:is([state--ghost], :state(ghost))`,Xr=l.partial`:is([state--inverted], :state(inverted))`,it=l.partial`:is([state--primary], :state(primary))`,j=l.partial`:is([state--outline], :state(outline))`,so=l.partial`:is([state--strong], :state(strong))`,C=l.partial`:is([state--subtle], :state(subtle))`,se=l.partial`:is([state--tint], :state(tint))`,io=l.partial`:is([state--underline], :state(underline))`,G=l.partial`:is([state--transparent], :state(transparent))`,ro=l.partial`:is([state--circular], :state(circular))`,Qt=l.partial`:is([state--rounded], :state(rounded))`,no=l.partial`:is([state--square], :state(square))`,ao=l.partial`:is([state--tiny], :state(tiny))`,lo=l.partial`:is([state--extra-small], :state(extra-small))`,N=l.partial`:is([state--small], :state(small))`,I=l.partial`:is([state--large], :state(large))`,Qs=l.partial`:is([state--extra-large], :state(extra-large))`,Ic=l.partial`:is([state--huge], :state(huge))`,Ur=l.partial`:is([state--align-start], :state(align-start))`,Kr=l.partial`:is([state--align-end], :state(align-end))`,Zs=l.partial`:is([state--inset], :state(inset))`,_e=l.partial`:is([state--icon], :state(icon))`,F=l.partial`:is([state--pressed], :state(pressed))`,Zt=l.partial`:is([state--brand], :state(brand))`,Js=l.partial`:is([state--error], :state(error))`,Jo=l.partial`:is([state--danger], :state(danger))`,ts=l.partial`:is([state--important], :state(important))`,es=l.partial`:is([state--informative], :state(informative))`;l.partial`:is([state--marigold], :state(marigold))`;const os=l.partial`:is([state--neutral], :state(neutral))`,ss=l.partial`:is([state--severe], :state(severe))`,fe=l.partial`:is([state--success], :state(success))`,be=l.partial`:is([state--warning], :state(warning))`,bt=l.partial`:is([state--vertical], :state(vertical))`;l.partial`:is([state--horizontal], :state(horizontal))`,l.partial`:is([state--singleline], :state(singleline))`;const co=l.partial`:is([state--multiline], :state(multiline))`,Yr=l`
   ${w("inline-flex")}
 
-  :host{--icon-spacing:${ue};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:32px;outline-style:none;background-color:${_};color:${A};border:${X} solid ${Pe};padding:0 ${Jt};min-width:96px;border-radius:${F};font-size:${P};font-family:${m};font-weight:${D};line-height:${M};transition-duration:${Ls};transition-property:background,border,color;transition-timing-function:${Ds};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${Ss};color:${Ui};border-color:${Mo}}:host(:hover:active){background-color:${Ji};border-color:${Fs};color:${Yn};outline-style:none}:host(:focus-visible){border-color:${at};outline:${de} solid ${at};box-shadow:${Ro},0 0 0 2px ${Bt}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:20px;height:20px;width:20px;fill:currentColor}:is([slot='start'],::slotted([slot='start'])){margin-inline-end:var(--icon-spacing)}:is([slot='end'],::slotted([slot='end'])){margin-inline-start:var(--icon-spacing)}:host(${ze}){min-width:32px;max-width:32px}:host(${ot}){--icon-spacing:${Gt};min-height:24px;min-width:64px;padding:0 ${Tt};border-radius:${$t};font-size:${W};line-height:${dt};font-weight:${B}}:host(${ot}${ze}){min-width:24px;max-width:24px}:host(${E}){min-height:40px;border-radius:${gr};padding:0 ${Xl};font-size:${ct};line-height:${vt}}:host(${E}${ze}){min-width:40px;max-width:40px}:host(${E}) ::slotted(svg){font-size:24px;height:24px;width:24px}:host(:is(${eo},${eo}:focus-visible)){border-radius:${lt}}:host(:is(${Xo},${Xo}:focus-visible)){border-radius:${Es}}:host(${et}){background-color:${zs};color:${Vt};border-color:transparent}:host(${et}:hover){background-color:${or}}:host(${et}:is(:hover,:hover:active)){border-color:transparent;color:${Vt}}:host(${et}:hover:active){background-color:${sr}}:host(${et}:focus-visible){border-color:${Vt};box-shadow:${Sr},0 0 0 2px ${Bt}}:host(${R}){background-color:${mt}}:host(${R}:hover){background-color:${Ps}}:host(${R}:hover:active){background-color:${Bs}}:host(${C}){background-color:${fa};color:${Rt};border-color:transparent}:host(${C}:hover){background-color:${Is};color:${Bo};border-color:transparent}:host(${C}:hover:active){background-color:${_o};color:${To};border-color:transparent}:host(${C}:hover) ::slotted(svg){fill:${zo}}:host(${C}:hover:active) ::slotted(svg){fill:${Fo}}:host(${V}){background-color:${mt};color:${Rt}}:host(${V}:hover){background-color:${Ps};color:${zo}}:host(${V}:hover:active){background-color:${Bs};color:${Fo}}:host(:is(${V},${V}:is(:hover,:active))){border-color:transparent}`,Zo=l`
-  ${Dr}
+  :host{--icon-spacing:${Ut};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:32px;outline-style:none;background-color:${E};color:${z};border:${Y} solid ${pe};padding:0 ${Ft};min-width:96px;border-radius:${T};font-size:${B};font-family:${m};font-weight:${L};line-height:${_};transition-duration:${Gs};transition-property:background,border,color;transition-timing-function:${Xs};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${Os};color:${ir};border-color:${Ro}}:host(:hover:active){background-color:${Fs};border-color:${Hs};color:${aa};outline-style:none}:host(:focus-visible){border-color:${lt};outline:${ge} solid ${lt};box-shadow:${Xo},0 0 0 2px ${Ot}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:20px;height:20px;width:20px;fill:currentColor}:is([slot='start'],::slotted([slot='start'])){margin-inline-end:var(--icon-spacing)}:is([slot='end'],::slotted([slot='end'])){margin-inline-start:var(--icon-spacing)}:host(${_e}){min-width:32px;max-width:32px}:host(${N}){--icon-spacing:${xt};min-height:24px;min-width:64px;padding:0 ${ut};border-radius:${yt};font-size:${V};line-height:${et};font-weight:${O}}:host(${N}${_e}){min-width:24px;max-width:24px}:host(${I}){min-height:40px;border-radius:${Pr};padding:0 ${tc};font-size:${dt};line-height:${kt}}:host(${I}${_e}){min-width:40px;max-width:40px}:host(${I}) ::slotted(svg){font-size:24px;height:24px;width:24px}:host(:is(${ro},${ro}:focus-visible)){border-radius:${ct}}:host(:is(${no},${no}:focus-visible)){border-radius:${qs}}:host(${it}){background-color:${No};color:${Gt};border-color:transparent}:host(${it}:hover){background-color:${dr}}:host(${it}:is(:hover,:hover:active)){border-color:transparent;color:${Gt}}:host(${it}:hover:active){background-color:${hr}}:host(${it}:focus-visible){border-color:${Gt};box-shadow:${Hr},0 0 0 2px ${Ot}}:host(${j}){background-color:${vt}}:host(${j}:hover){background-color:${Ms}}:host(${j}:hover:active){background-color:${Es}}:host(${C}){background-color:${Sa};color:${qt};border-color:transparent}:host(${C}:hover){background-color:${_s};color:${Ao};border-color:transparent}:host(${C}:hover:active){background-color:${Do};color:${_o};border-color:transparent}:host(${C}:hover) ::slotted(svg){fill:${Mo}}:host(${C}:hover:active) ::slotted(svg){fill:${Eo}}:host(${G}){background-color:${vt};color:${qt}}:host(${G}:hover){background-color:${Ms};color:${Mo}}:host(${G}:hover:active){background-color:${Es};color:${Eo}}:host(:is(${G},${G}:is(:hover,:active))){border-color:transparent}`,is=l`
+  ${Yr}
 
-  :host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover:active){background-color:${Re};border-color:${qt};color:${k};cursor:not-allowed}:host(${et}:is(:disabled,[disabled-focusable])),:host(${et}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent}:host(${R}:is(:disabled,[disabled-focusable])),:host(${R}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${mt}}:host(${C}:is(:disabled,[disabled-focusable])),:host(${C}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${mt};border-color:transparent}:host(${V}:is(:disabled,[disabled-focusable])),:host(${V}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent;background-color:${mt}}`.withBehaviors(Z(l`
-    :host{background:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight}`)),vc=l`
-  ${Dr}
+  :host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable])),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover),:host(:is(:disabled,[disabled-focusable],[appearance]:disabled,[appearance][disabled-focusable]):hover:active){background-color:${qe};border-color:${Xt};color:${x};cursor:not-allowed}:host(${it}:is(:disabled,[disabled-focusable])),:host(${it}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent}:host(${j}:is(:disabled,[disabled-focusable])),:host(${j}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${vt}}:host(${C}:is(:disabled,[disabled-focusable])),:host(${C}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${vt};border-color:transparent}:host(${G}:is(:disabled,[disabled-focusable])),:host(${G}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent;background-color:${vt}}`.withBehaviors(J(l`
+    :host{background:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight}`)),Sc=l`
+  ${Yr}
 
-  ::slotted(a){position:absolute;inset:0}`.withBehaviors(Z(l`
-    :host{border-color:LinkText;color:LinkText}`));function yc(o={}){return f`<template tabindex="0" @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}">${Dt(o)}<span class="content" part="content"><slot></slot></span>${Ht(o)}</template>`}const kc=yc(),xc=Te.compose({name:`${g.prefix}-anchor-button`,template:kc,styles:vc});xc.define(g.registry);const wc=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,Cc=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,Sc=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,Ic=/\s+/g,Pc=/[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/;function Bc(o,t,e){let s="";const i=o.split(" ");return i.length!==0&&(s+=i[0].charAt(0).toUpperCase()),e||(i.length===2?s+=i[1].charAt(0).toUpperCase():i.length===3&&(s+=i[2].charAt(0).toUpperCase())),t&&s.length>1?s.charAt(1)+s.charAt(0):s}function Tc(o){return o=o.replace(wc,""),o=o.replace(Cc,""),o=o.replace(Ic," "),o=o.trim(),o}function zc(o,t,e){return!o||(o=Tc(o),Pc.test(o)||!e?.allowPhoneInitials&&Sc.test(o))?"":Bc(o,t,e?.firstInitialOnly)}const Nr={darkRed:"dark-red",cranberry:"cranberry",red:"red",pumpkin:"pumpkin",peach:"peach",marigold:"marigold",gold:"gold",brass:"brass",brown:"brown",forest:"forest",seafoam:"seafoam",darkGreen:"dark-green",lightTeal:"light-teal",teal:"teal",steel:"steel",blue:"blue",royalBlue:"royal-blue",cornflower:"cornflower",navy:"navy",lavender:"lavender",purple:"purple",grape:"grape",lilac:"lilac",pink:"pink",magenta:"magenta",plum:"plum",beige:"beige",mink:"mink",platinum:"platinum",anchor:"anchor"},Rr={neutral:"neutral",brand:"brand",colorful:"colorful",...Nr};var Fc=Object.defineProperty,Oc=Object.getOwnPropertyDescriptor,ee=(o,t,e,s)=>{for(var i=s>1?void 0:s?Oc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Fc(t,e,i),i};const Ft=class ti extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}connectedCallback(){super.connectedCallback(),$.getNotifier(this).subscribe(this),this.generateColor()}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"color":case"colorId":this.generateColor();break}}generateColor(){const t=this.color===Rr.colorful,e=this.currentColor;d(this.elementInternals,`${e}`,!1),this.currentColor=t&&this.colorId?this.colorId:t?ti.colors[_c(this.name??"")%ti.colors.length]:this.color??Rr.neutral,d(this.elementInternals,`${this.currentColor}`,!0)}generateInitials(){if(!this.name&&!this.initials)return;const t=this.size??32;return this.initials??zc(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:t<=16})}};Ft.colors=Object.values(Nr),ee([a],Ft.prototype,"name",2),ee([a],Ft.prototype,"initials",2),ee([a({converter:nt})],Ft.prototype,"size",2),ee([a],Ft.prototype,"shape",2),ee([a],Ft.prototype,"active",2),ee([a],Ft.prototype,"appearance",2),ee([a],Ft.prototype,"color",2),ee([a({attribute:"color-id"})],Ft.prototype,"colorId",2);let Ac=Ft;const _c=o=>{let t=0;for(let e=o.length-1;e>=0;e--){const s=o.charCodeAt(e),i=e%8;t^=(s<<i)+(s>>8-i)}return t},oe={fastOutSlowInMax:Ar,fastOutSlowInMid:Ze,fastOutSlowInMin:tc,slowOutFastInMax:Zl,slowOutFastInMid:Qe,slowOutFastInMin:Jl,fastEase:ec,normalEase:Ds,nullEasing:Ns},Mc=l`
-  ${w("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${m};font-weight:${D};font-size:${P};border-radius:${lt};color:${tt};background-color:${Ao};contain:layout style}.default-icon,::slotted(svg){width:20px;height:20px;font-size:20px}::slotted(img){box-sizing:border-box;width:100%;height:100%;border-radius:${lt}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${X}) ${_}}:host([size='64']) ::slotted([slot='badge']),:host([size='72']) ::slotted([slot='badge']),:host([size='96']) ::slotted([slot='badge']),:host([size='120']) ::slotted([slot='badge']),:host([size='128']) ::slotted([slot='badge']){box-shadow:0 0 0 ${de}) ${_}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${Ue};font-weight:${B}}:host([size='16']){width:16px;height:16px}:host([size='20']){width:20px;height:20px}:host([size='24']){width:24px;height:24px}:host([size='16']) .default-icon,:host([size='16']) ::slotted(svg){width:12px;height:12px;font-size:12px}:host([size='20']) .default-icon,:host([size='24']) .default-icon,:host([size='20']) ::slotted(svg),:host([size='24']) ::slotted(svg){width:16px;height:16px;font-size:16px}:host([size='28']){width:28px;height:28px;font-size:${W}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${ct}}:host([size='48']){width:48px;height:48px}:host([size='48']) .default-icon,:host([size='48']) ::slotted(svg){width:24px;height:24px;font-size:24px}:host([size='56']){width:56px;height:56px}:host([size='56']) .default-icon,:host([size='56']) ::slotted(svg){width:28px;height:28px;font-size:28px}:host([size='64']),:host([size='72']),:host([size='96']){font-size:${Be}}:host([size='64']) .default-icon,:host([size='72']) .default-icon,:host([size='64']) ::slotted(svg),:host([size='72']) ::slotted(svg){width:32px;height:32px;font-size:32px}:host([size='64']){width:64px;height:64px}:host([size='72']){width:72px;height:72px}:host([size='96']){width:96px;height:96px}:host([size='96']) .default-icon,:host([size='120']) .default-icon,:host([size='128']) .default-icon,:host([size='96']) ::slotted(svg),:host([size='120']) ::slotted(svg),:host([size='128']) ::slotted(svg){width:48px;height:48px;font-size:48px}:host([size='120']),:host([size='128']){font-size:${Lo}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${F}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${$t}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${gr}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${fr}}:host(:is([state--brand],:state(brand))){color:${Zi};background-color:${ir}}:host(:is([state--dark-red],:state(dark-red))){color:${sl};background-color:${ol}}:host(:is([state--cranberry],:state(cranberry))){color:${Ja};background-color:${Za}}:host(:is([state--red],:state(red))){color:${Ia};background-color:${wa}}:host(:is([state--pumpkin],:state(pumpkin))){color:${Fl};background-color:${zl}}:host(:is([state--peach],:state(peach))){color:${wl};background-color:${xl}}:host(:is([state--marigold],:state(marigold))){color:${Da};background-color:${Ha}}:host(:is([state--gold],:state(gold))){color:${al};background-color:${nl}}:host(:is([state--brass],:state(brass))){color:${Xa};background-color:${Wa}}:host(:is([state--brown],:state(brown))){color:${Ka};background-color:${Ua}}:host(:is([state--forest],:state(forest))){color:${rl};background-color:${il}}:host(:is([state--seafoam],:state(seafoam))){color:${Ll};background-color:${El}}:host(:is([state--dark-green],:state(dark-green))){color:${el};background-color:${tl}}:host(:is([state--light-teal],:state(light-teal))){color:${pl};background-color:${ul}}:host(:is([state--teal],:state(teal))){color:${Rl};background-color:${Nl}}:host(:is([state--steel],:state(steel))){color:${Dl};background-color:${Hl}}:host(:is([state--blue],:state(blue))){color:${Ga};background-color:${qa}}:host(:is([state--royal-blue],:state(royal-blue))){color:${Ml};background-color:${_l}}:host(:is([state--cornflower],:state(cornflower))){color:${Qa};background-color:${Ya}}:host(:is([state--navy],:state(navy))){color:${kl};background-color:${yl}}:host(:is([state--lavender],:state(lavender))){color:${hl};background-color:${dl}}:host(:is([state--purple],:state(purple))){color:${Al};background-color:${Ol}}:host(:is([state--grape],:state(grape))){color:${cl};background-color:${ll}}:host(:is([state--lilac],:state(lilac))){color:${fl};background-color:${gl}}:host(:is([state--pink],:state(pink))){color:${Sl};background-color:${Cl}}:host(:is([state--magenta],:state(magenta))){color:${ml};background-color:${bl}}:host(:is([state--plum],:state(plum))){color:${Tl};background-color:${Bl}}:host(:is([state--beige],:state(beige))){color:${ja};background-color:${Va}}:host(:is([state--mink],:state(mink))){color:${vl};background-color:${$l}}:host(:is([state--platinum],:state(platinum))){color:${Pl};background-color:${Il}}:host(:is([state--anchor],:state(anchor))){color:${Ra};background-color:${Na}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${jo},${Ls};transition-delay:${oe.fastEase},${oe.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${jo}),${Or};transition-delay:${oe.fastEase}),${oe.nullEasing})}:host([active])::before{box-shadow:${Gl};border-style:solid;border-color:${ir}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${de});border-width:${de}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${Zt});border-width:${Zt}}:host([size='72'][active]:not([appearance='shadow']))::before,:host([size='96'][active]:not([appearance='shadow']))::before,:host([size='120'][active]:not([appearance='shadow']))::before,:host([size='128'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${Br});border-width:${Br}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Ro}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Ir}}:host([size='72'][active][appearance])::before,:host([size='96'][active][appearance])::before,:host([size='120'][active][appearance])::before,:host([size='128'][active][appearance])::before{box-shadow:${Wl}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${jo},${Ls};transition-delay:${oe.fastOutSlowInMin},${oe.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${jo},${Or};transition-delay:${oe.fastOutSlowInMin},${oe.nullEasing}}@media screen and (prefers-reduced-motion:reduce){:host([active]){transition-duration:0.01ms}:host([active])::before{transition-duration:0.01ms;transition-delay:0.01ms}}`,Ec=f`<svg width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="default-icon" fill="currentcolor" aria-hidden="true"><path d="M10 2a4 4 0 100 8 4 4 0 000-8zM7 6a3 3 0 116 0 3 3 0 01-6 0zm-2 5a2 2 0 00-2 2c0 1.7.83 2.97 2.13 3.8A9.14 9.14 0 0010 18c1.85 0 3.58-.39 4.87-1.2A4.35 4.35 0 0017 13a2 2 0 00-2-2H5zm-1 2a1 1 0 011-1h10a1 1 0 011 1c0 1.3-.62 2.28-1.67 2.95A8.16 8.16 0 0110 17a8.16 8.16 0 01-4.33-1.05A3.36 3.36 0 014 13z"></path></svg>`;function Lc(){return f`<slot>${o=>o.name||o.initials?o.generateInitials():Ec}</slot><slot name="badge"></slot>`}const Hc=Lc(),Dc=Ac.compose({name:`${g.prefix}-avatar`,template:Hc,styles:Mc});Dc.define(g.registry);const Nc={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},Rc={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"};var Vc=Object.defineProperty,jc=Object.getOwnPropertyDescriptor,Jo=(o,t,e,s)=>{for(var i=s>1?void 0:s?jc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Vc(t,e,i),i};class Ae extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.appearance=Nc.filled,this.color=Rc.brand}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}}Jo([a],Ae.prototype,"appearance",2),Jo([a],Ae.prototype,"color",2),Jo([a],Ae.prototype,"shape",2),Jo([a],Ae.prototype,"size",2),Nt(Ae,Lt);const ts=he,Vr=l.partial`
+  ::slotted(a){position:absolute;inset:0}`.withBehaviors(J(l`
+    :host{border-color:LinkText;color:LinkText}`));function Pc(o={}){return f`<template tabindex="0" @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}">${Vt(o)}<span class="content" part="content"><slot></slot></span>${Rt(o)}</template>`}const Bc=Pc(),zc=Ae.compose({name:`${p.prefix}-anchor-button`,template:Bc,styles:Sc});zc.define(p.registry);const Tc=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,Oc=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,Fc=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,Ac=/\s+/g,_c=/[\u0600-\u06FF\u0750-\u077F\u08A0-\u08FF\u1100-\u11FF\u3130-\u318F\uA960-\uA97F\uAC00-\uD7AF\uD7B0-\uD7FF\u3040-\u309F\u30A0-\u30FF\u3400-\u4DBF\u4E00-\u9FFF\uF900-\uFAFF]|[\uD840-\uD869][\uDC00-\uDED6]/;function Mc(o,t,e){let s="";const i=o.split(" ");return i.length!==0&&(s+=i[0].charAt(0).toUpperCase()),e||(i.length===2?s+=i[1].charAt(0).toUpperCase():i.length===3&&(s+=i[2].charAt(0).toUpperCase())),t&&s.length>1?s.charAt(1)+s.charAt(0):s}function Ec(o){return o=o.replace(Tc,""),o=o.replace(Oc,""),o=o.replace(Ac," "),o=o.trim(),o}function Lc(o,t,e){return!o||(o=Ec(o),_c.test(o)||!e?.allowPhoneInitials&&Fc.test(o))?"":Mc(o,t,e?.firstInitialOnly)}const Qr={darkRed:"dark-red",cranberry:"cranberry",red:"red",pumpkin:"pumpkin",peach:"peach",marigold:"marigold",gold:"gold",brass:"brass",brown:"brown",forest:"forest",seafoam:"seafoam",darkGreen:"dark-green",lightTeal:"light-teal",teal:"teal",steel:"steel",blue:"blue",royalBlue:"royal-blue",cornflower:"cornflower",navy:"navy",lavender:"lavender",purple:"purple",grape:"grape",lilac:"lilac",pink:"pink",magenta:"magenta",plum:"plum",beige:"beige",mink:"mink",platinum:"platinum",anchor:"anchor"},Zr={neutral:"neutral",brand:"brand",colorful:"colorful",...Qr};var Hc=Object.defineProperty,Dc=Object.getOwnPropertyDescriptor,ie=(o,t,e,s)=>{for(var i=s>1?void 0:s?Dc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Hc(t,e,i),i};const _t=class di extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}connectedCallback(){super.connectedCallback(),$.getNotifier(this).subscribe(this),this.generateColor()}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"color":case"colorId":this.generateColor();break}}generateColor(){const t=this.color===Zr.colorful,e=this.currentColor;d(this.elementInternals,`${e}`,!1),this.currentColor=t&&this.colorId?this.colorId:t?di.colors[Rc(this.name??"")%di.colors.length]:this.color??Zr.neutral,d(this.elementInternals,`${this.currentColor}`,!0)}generateInitials(){if(!this.name&&!this.initials)return;const t=this.size??32;return this.initials??Lc(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:t<=16})}};_t.colors=Object.values(Qr),ie([a],_t.prototype,"name",2),ie([a],_t.prototype,"initials",2),ie([a({converter:K})],_t.prototype,"size",2),ie([a],_t.prototype,"shape",2),ie([a],_t.prototype,"active",2),ie([a],_t.prototype,"appearance",2),ie([a],_t.prototype,"color",2),ie([a({attribute:"color-id"})],_t.prototype,"colorId",2);let Nc=_t;const Rc=o=>{let t=0;for(let e=o.length-1;e>=0;e--){const s=o.charCodeAt(e),i=e%8;t^=(s<<i)+(s>>8-i)}return t},re={fastOutSlowInMax:Gr,fastOutSlowInMid:oo,fastOutSlowInMin:ac,slowOutFastInMax:rc,slowOutFastInMid:eo,slowOutFastInMin:nc,fastEase:lc,normalEase:Xs,nullEasing:Us},Vc=l`
+  ${w("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${m};font-weight:${L};font-size:${B};border-radius:${ct};color:${tt};background-color:${Ho};contain:layout style}.default-icon,::slotted(svg){width:20px;height:20px;font-size:20px}::slotted(img){box-sizing:border-box;width:100%;height:100%;border-radius:${ct}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${Y}) ${E}}:host([size='64']) ::slotted([slot='badge']),:host([size='72']) ::slotted([slot='badge']),:host([size='96']) ::slotted([slot='badge']),:host([size='120']) ::slotted([slot='badge']),:host([size='128']) ::slotted([slot='badge']){box-shadow:0 0 0 ${ge}) ${E}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${Qe};font-weight:${O}}:host([size='16']){width:16px;height:16px}:host([size='20']){width:20px;height:20px}:host([size='24']){width:24px;height:24px}:host([size='16']) .default-icon,:host([size='16']) ::slotted(svg){width:12px;height:12px;font-size:12px}:host([size='20']) .default-icon,:host([size='24']) .default-icon,:host([size='20']) ::slotted(svg),:host([size='24']) ::slotted(svg){width:16px;height:16px;font-size:16px}:host([size='28']){width:28px;height:28px;font-size:${V}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${dt}}:host([size='48']){width:48px;height:48px}:host([size='48']) .default-icon,:host([size='48']) ::slotted(svg){width:24px;height:24px;font-size:24px}:host([size='56']){width:56px;height:56px}:host([size='56']) .default-icon,:host([size='56']) ::slotted(svg){width:28px;height:28px;font-size:28px}:host([size='64']),:host([size='72']),:host([size='96']){font-size:${Fe}}:host([size='64']) .default-icon,:host([size='72']) .default-icon,:host([size='64']) ::slotted(svg),:host([size='72']) ::slotted(svg){width:32px;height:32px;font-size:32px}:host([size='64']){width:64px;height:64px}:host([size='72']){width:72px;height:72px}:host([size='96']){width:96px;height:96px}:host([size='96']) .default-icon,:host([size='120']) .default-icon,:host([size='128']) .default-icon,:host([size='96']) ::slotted(svg),:host([size='120']) ::slotted(svg),:host([size='128']) ::slotted(svg){width:48px;height:48px;font-size:48px}:host([size='120']),:host([size='128']){font-size:${jo}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${T}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${yt}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${Pr}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${Br}}:host(:is([state--brand],:state(brand))){color:${lr};background-color:${ur}}:host(:is([state--dark-red],:state(dark-red))){color:${dl};background-color:${cl}}:host(:is([state--cranberry],:state(cranberry))){color:${nl};background-color:${rl}}:host(:is([state--red],:state(red))){color:${Ma};background-color:${Aa}}:host(:is([state--pumpkin],:state(pumpkin))){color:${Hl};background-color:${Ll}}:host(:is([state--peach],:state(peach))){color:${Tl};background-color:${zl}}:host(:is([state--marigold],:state(marigold))){color:${Wa};background-color:${Sr}}:host(:is([state--gold],:state(gold))){color:${gl};background-color:${pl}}:host(:is([state--brass],:state(brass))){color:${tl};background-color:${Ja}}:host(:is([state--brown],:state(brown))){color:${ol};background-color:${el}}:host(:is([state--forest],:state(forest))){color:${ul};background-color:${hl}}:host(:is([state--seafoam],:state(seafoam))){color:${ql};background-color:${jl}}:host(:is([state--dark-green],:state(dark-green))){color:${ll};background-color:${al}}:host(:is([state--light-teal],:state(light-teal))){color:${yl};background-color:${vl}}:host(:is([state--teal],:state(teal))){color:${Ul};background-color:${Xl}}:host(:is([state--steel],:state(steel))){color:${Wl};background-color:${Gl}}:host(:is([state--blue],:state(blue))){color:${Za};background-color:${Qa}}:host(:is([state--royal-blue],:state(royal-blue))){color:${Vl};background-color:${Rl}}:host(:is([state--cornflower],:state(cornflower))){color:${il};background-color:${sl}}:host(:is([state--navy],:state(navy))){color:${Bl};background-color:${Pl}}:host(:is([state--lavender],:state(lavender))){color:${$l};background-color:${ml}}:host(:is([state--purple],:state(purple))){color:${Nl};background-color:${Dl}}:host(:is([state--grape],:state(grape))){color:${bl};background-color:${fl}}:host(:is([state--lilac],:state(lilac))){color:${xl};background-color:${kl}}:host(:is([state--pink],:state(pink))){color:${Fl};background-color:${Ol}}:host(:is([state--magenta],:state(magenta))){color:${Cl};background-color:${wl}}:host(:is([state--plum],:state(plum))){color:${El};background-color:${Ml}}:host(:is([state--beige],:state(beige))){color:${Ya};background-color:${Ka}}:host(:is([state--mink],:state(mink))){color:${Sl};background-color:${Il}}:host(:is([state--platinum],:state(platinum))){color:${_l};background-color:${Al}}:host(:is([state--anchor],:state(anchor))){color:${Ua};background-color:${Xa}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${Ko},${Gs};transition-delay:${re.fastEase},${re.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${Ko}),${qr};transition-delay:${re.fastEase}),${re.nullEasing})}:host([active])::before{box-shadow:${Zl};border-style:solid;border-color:${ur}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${ge});border-width:${ge}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${oe});border-width:${oe}}:host([size='72'][active]:not([appearance='shadow']))::before,:host([size='96'][active]:not([appearance='shadow']))::before,:host([size='120'][active]:not([appearance='shadow']))::before,:host([size='128'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${Rr});border-width:${Rr}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Xo}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Dr}}:host([size='72'][active][appearance])::before,:host([size='96'][active][appearance])::before,:host([size='120'][active][appearance])::before,:host([size='128'][active][appearance])::before{box-shadow:${Jl}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${Ko},${Gs};transition-delay:${re.fastOutSlowInMin},${re.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${Ko},${qr};transition-delay:${re.fastOutSlowInMin},${re.nullEasing}}@media screen and (prefers-reduced-motion:reduce){:host([active]){transition-duration:0.01ms}:host([active])::before{transition-duration:0.01ms;transition-delay:0.01ms}}`,jc=f`<svg width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg" class="default-icon" fill="currentcolor" aria-hidden="true"><path d="M10 2a4 4 0 100 8 4 4 0 000-8zM7 6a3 3 0 116 0 3 3 0 01-6 0zm-2 5a2 2 0 00-2 2c0 1.7.83 2.97 2.13 3.8A9.14 9.14 0 0010 18c1.85 0 3.58-.39 4.87-1.2A4.35 4.35 0 0017 13a2 2 0 00-2-2H5zm-1 2a1 1 0 011-1h10a1 1 0 011 1c0 1.3-.62 2.28-1.67 2.95A8.16 8.16 0 0110 17a8.16 8.16 0 01-4.33-1.05A3.36 3.36 0 014 13z"></path></svg>`;function qc(){return f`<slot>${o=>o.name||o.initials?o.generateInitials():jc}</slot><slot name="badge"></slot>`}const Gc=qc(),Wc=Nc.compose({name:`${p.prefix}-avatar`,template:Gc,styles:Vc});Wc.define(p.registry);const Xc={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},Uc={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"};var Kc=Object.defineProperty,Yc=Object.getOwnPropertyDescriptor,rs=(o,t,e,s)=>{for(var i=s>1?void 0:s?Yc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Kc(t,e,i),i};class Me extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.appearance=Xc.filled,this.color=Uc.brand}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}}rs([a],Me.prototype,"appearance",2),rs([a],Me.prototype,"color",2),rs([a],Me.prototype,"shape",2),rs([a],Me.prototype,"size",2),jt(Me,Nt);const Jr=l.partial`
   ${w("inline-flex")} :host {
     position: relative;
     box-sizing: border-box;
     align-items: center;
     justify-content: center;
     font-family: ${m};
-    font-weight: ${D};
-    font-size: ${W};
-    line-height: ${dt};
+    font-weight: ${L};
+    font-size: ${V};
+    line-height: ${et};
     min-width: 20px;
     height: 20px;
-    padding-inline: calc(${Gt} + ${ts});
-    border-radius: ${lt};
-    border-color: ${at};
-    background-color: ${zs};
-    color: ${Vt};
+    padding-inline: calc(${xt} + ${ht});
+    border-radius: ${ct};
+    border-color: ${lt};
+    background-color: ${No};
+    color: ${Gt};
     contain: content;
   }
 
@@ -64,7 +64,7 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
     font-size: 12px;
   }
 
-  :host(:not(${Xt}))::after {
+  :host(:not(${Yt}))::after {
     position: absolute;
     content: '';
     top: 0;
@@ -72,12 +72,12 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
     bottom: 0;
     right: 0;
     border-style: solid;
-    border-width: ${X};
+    border-width: ${Y};
     border-color: inherit;
     border-radius: inherit;
   }
-`,jr=l.partial`
-  :host(${oo}) {
+`,tn=l.partial`
+  :host(${ao}) {
     width: 6px;
     height: 6px;
     font-size: 4px;
@@ -85,10 +85,10 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
     padding-inline: 0;
     min-width: unset;
   }
-  :host(${oo}) ::slotted(svg) {
+  :host(${ao}) ::slotted(svg) {
     font-size: 6px;
   }
-  :host(${so}) {
+  :host(${lo}) {
     width: 10px;
     height: 10px;
     font-size: 6px;
@@ -96,289 +96,289 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
     padding-inline: 0;
     min-width: unset;
   }
-  :host(${so}) ::slotted(svg) {
+  :host(${lo}) ::slotted(svg) {
     font-size: 10px;
   }
-  :host(${ot}) {
+  :host(${N}) {
     min-width: 16px;
     height: 16px;
-    font-size: ${Ue};
-    line-height: ${Do};
-    padding-inline: calc(${he} + ${ts});
+    font-size: ${Qe};
+    line-height: ${Go};
+    padding-inline: calc(${ht} + ${ht});
   }
-  :host(${ot}) ::slotted(svg) {
+  :host(${N}) ::slotted(svg) {
     font-size: 12px;
   }
-  :host(${E}) {
+  :host(${I}) {
     min-width: 24px;
     height: 24px;
-    font-size: ${W};
-    line-height: ${dt};
-    padding-inline: calc(${Gt} + ${ts});
+    font-size: ${V};
+    line-height: ${et};
+    padding-inline: calc(${xt} + ${ht});
   }
-  :host(${E}) ::slotted(svg) {
+  :host(${I}) ::slotted(svg) {
     font-size: 16px;
   }
-  :host(${js}) {
+  :host(${Qs}) {
     min-width: 32px;
     height: 32px;
-    font-size: ${W};
-    line-height: ${dt};
-    padding-inline: calc(${ue} + ${ts});
+    font-size: ${V};
+    line-height: ${et};
+    padding-inline: calc(${Ut} + ${ht});
   }
-  :host(${js}) ::slotted(svg) {
+  :host(${Qs}) ::slotted(svg) {
     font-size: 20px;
   }
-`,qr=l.partial`
-  :host(${Uo}) {
-    background-color: ${lr};
-    color: ${Vt};
+`,en=l.partial`
+  :host(${Jo}) {
+    background-color: ${br};
+    color: ${Gt};
   }
 
-  :host(${Ko}) {
-    background-color: ${A};
-    color: ${_};
+  :host(${ts}) {
+    background-color: ${z};
+    color: ${E};
   }
 
-  :host(${Yo}) {
-    background-color: ${pa};
+  :host(${es}) {
+    background-color: ${Ca};
     color: ${tt};
   }
 
-  :host(${Qo}) {
-    background-color: ${ur};
-    color: ${Vt};
+  :host(${ss}) {
+    background-color: ${wr};
+    color: ${Gt};
   }
 
   :host(${C}) {
-    background-color: ${_};
-    color: ${A};
+    background-color: ${E};
+    color: ${z};
   }
 
-  :host(${Fe}) {
-    background-color: ${hr};
-    color: ${Vt};
+  :host(${fe}) {
+    background-color: ${kr};
+    color: ${Gt};
   }
 
-  :host(${Oe}) {
-    background-color: ${Ea};
-    color: ${ha};
+  :host(${be}) {
+    background-color: ${ja};
+    color: ${xa};
   }
-`,Gr=l.partial`
-  :host(${Xt}) {
-    color: ${Cs};
+`,on=l.partial`
+  :host(${Yt}) {
+    color: ${Ts};
     background-color: initial;
   }
 
-  :host(${Xt}${Uo}) {
-    color: ${dr};
+  :host(${Yt}${Jo}) {
+    color: ${vr};
   }
 
-  :host(${Xt}${Ko}) {
-    color: ${A};
+  :host(${Yt}${ts}) {
+    color: ${z};
   }
 
-  :host(${Xt}${Yo}) {
+  :host(${Yt}${es}) {
     color: ${tt};
   }
 
-  :host(${Xt}${Qo}) {
-    color: ${pr};
+  :host(${Yt}${ss}) {
+    color: ${Ir};
   }
 
-  :host(${Xt}${C}) {
-    color: ${Oo};
+  :host(${Yt}${C}) {
+    color: ${Lo};
   }
 
-  :host(${Xt}${Fe}) {
-    color: ${Fa};
+  :host(${Yt}${fe}) {
+    color: ${Na};
   }
 
-  :host(${Xt}${Oe}) {
-    color: ${Ms};
+  :host(${Yt}${be}) {
+    color: ${js};
   }
-`,qc=l.partial`
-  :host(${R}) {
+`,Qc=l.partial`
+  :host(${j}) {
     border-color: currentColor;
-    color: ${Cs};
+    color: ${Ts};
     background-color: initial;
   }
 
-  :host(${R}${Uo}) {
-    color: ${dr};
+  :host(${j}${Jo}) {
+    color: ${vr};
   }
 
-  :host(${R}${Ko}) {
+  :host(${j}${ts}) {
     color: ${tt};
-    border-color: ${jt};
+    border-color: ${Wt};
   }
 
-  :host(${R}${Yo}) {
+  :host(${j}${es}) {
     color: ${tt};
-    border-color: ${Xe};
+    border-color: ${Ye};
   }
 
-  :host(${R}${Qo}) {
-    color: ${pr};
+  :host(${j}${ss}) {
+    color: ${Ir};
   }
 
-  :host(${R}${C}) {
-    color: ${Zi};
+  :host(${j}${C}) {
+    color: ${lr};
   }
 
-  :host(${R}${Fe}) {
-    color: ${za};
+  :host(${j}${fe}) {
+    color: ${Da};
   }
 
-  :host(${R}${Oe}) {
-    color: ${Ms};
+  :host(${j}${be}) {
+    color: ${js};
   }
-`,Gc=l.partial`
-  :host(${te}) {
-    background-color: ${va};
-    color: ${da};
-    border-color: ${nr};
+`,Zc=l.partial`
+  :host(${se}) {
+    background-color: ${Ta};
+    color: ${ka};
+    border-color: ${Ds};
   }
 
-  :host(${te}${Uo}) {
-    background-color: ${xa};
-    color: ${cr};
-    border-color: ${Ca};
+  :host(${se}${Jo}) {
+    background-color: ${fr};
+    color: ${$r};
+    border-color: ${mr};
   }
 
-  :host(${te}${Ko}) {
+  :host(${se}${ts}) {
     background-color: ${tt};
-    color: ${_};
-    border-color: ${at};
+    color: ${E};
+    border-color: ${lt};
   }
 
-  :host(${te}${Yo}) {
-    background-color: ${ua};
+  :host(${se}${es}) {
+    background-color: ${wa};
     color: ${tt};
-    border-color: ${Xe};
+    border-color: ${Ye};
   }
 
-  :host(${te}${Qo}) {
-    background-color: ${Oa};
-    color: ${_a};
-    border-color: ${Aa};
+  :host(${se}${ss}) {
+    background-color: ${xr};
+    color: ${Ra};
+    border-color: ${Cr};
   }
 
-  :host(${te}${C}) {
-    background-color: ${_};
+  :host(${se}${C}) {
+    background-color: ${E};
     color: ${tt};
-    border-color: ${Xe};
+    border-color: ${Ye};
   }
 
-  :host(${te}${Fe}) {
-    background-color: ${Pa};
-    color: ${Ta};
-    border-color: ${Ba};
+  :host(${se}${fe}) {
+    background-color: ${yr};
+    color: ${Ha};
+    border-color: ${La};
   }
 
-  :host(${te}${Oe}) {
-    background-color: ${Ma};
-    color: ${Ms};
-    border-color: ${La};
+  :host(${se}${be}) {
+    background-color: ${Va};
+    color: ${js};
+    border-color: ${qa};
   }
 `;l.partial`
   font-family: ${m};
-  font-size: ${P};
-  line-height: ${M};
-  font-weight: ${B};
+  font-size: ${B};
+  line-height: ${_};
+  font-weight: ${O};
 `,l.partial`
   font-family: ${m};
-  font-size: ${P};
-  line-height: ${M};
-  font-weight: ${D};
+  font-size: ${B};
+  line-height: ${_};
+  font-weight: ${L};
 `,l.partial`
   font-family: ${m};
-  font-size: ${P};
-  line-height: ${M};
-  font-weight: ${Ho};
+  font-size: ${B};
+  line-height: ${_};
+  font-weight: ${qo};
 `,l.partial`
   font-family: ${m};
-  font-size: ${ct};
-  line-height: ${vt};
-  font-weight: ${B};
+  font-size: ${dt};
+  line-height: ${kt};
+  font-weight: ${O};
 `,l.partial`
   font-family: ${m};
-  font-size: ${W};
-  line-height: ${dt};
-  font-weight: ${B};
+  font-size: ${V};
+  line-height: ${et};
+  font-weight: ${O};
 `,l.partial`
   font-family: ${m};
-  font-size: ${W};
-  line-height: ${dt};
-  font-weight: ${D};
+  font-size: ${V};
+  line-height: ${et};
+  font-weight: ${L};
 `,l.partial`
   font-family: ${m};
-  font-size: ${W};
-  line-height: ${dt};
-  font-weight: ${Ho};
+  font-size: ${V};
+  line-height: ${et};
+  font-weight: ${qo};
 `,l.partial`
   font-family: ${m};
-  font-size: ${Ue};
-  line-height: ${Do};
-  font-weight: ${B};
+  font-size: ${Qe};
+  line-height: ${Go};
+  font-weight: ${O};
 `,l.partial`
   font-family: ${m};
-  font-size: ${Ue};
-  line-height: ${Do};
-  font-weight: ${D};
+  font-size: ${Qe};
+  line-height: ${Go};
+  font-weight: ${L};
 `,l.partial`
   font-family: ${m};
-  font-size: ${Be};
-  line-height: ${No};
-  font-weight: ${D};
+  font-size: ${Fe};
+  line-height: ${Wo};
+  font-weight: ${L};
 `,l.partial`
   font-family: ${m};
-  font-size: ${ct};
-  line-height: ${vt};
-  font-weight: ${D};
+  font-size: ${dt};
+  line-height: ${kt};
+  font-weight: ${L};
 `,l.partial`
   font-family: ${m};
-  font-size: ${ct};
-  line-height: ${vt};
-  font-weight: ${Ho};
+  font-size: ${dt};
+  line-height: ${kt};
+  font-weight: ${qo};
 `,l.partial`
   font-family: ${m};
-  font-size: ${mr};
-  line-height: ${xr};
-  font-weight: ${D};
+  font-size: ${Tr};
+  line-height: ${Mr};
+  font-weight: ${L};
 `,l.partial`
   font-family: ${m};
-  font-size: ${br};
-  line-height: ${kr};
-  font-weight: ${D};
+  font-size: ${zr};
+  line-height: ${_r};
+  font-weight: ${L};
 `,l.partial`
   font-family: ${m};
-  font-size: ${Lo};
-  line-height: ${yr};
-  font-weight: ${D};
+  font-size: ${jo};
+  line-height: ${Ar};
+  font-weight: ${L};
 `,l.partial`
   font-family: ${m};
-  font-size: ${$r};
-  line-height: ${wr};
-  font-weight: ${D};
+  font-size: ${Or};
+  line-height: ${Er};
+  font-weight: ${L};
 `,l.partial`
   font-family: ${m};
-  font-size: ${vr};
-  line-height: ${Cr};
-  font-weight: ${D};
-`;const Wc=l`
-  :host(${Xo}){border-radius:${Es}}:host(${Ut}){border-radius:${F}}:host(${Ut}${oo}),:host(${Ut}${so}),:host(${Ut}${ot}){border-radius:${$t}}${jr}
-  ${qr}
-  ${Gr}
-  ${qc}
-  ${Gc}
-  ${Vr}
-`.withBehaviors(Z(l`
-    :host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function Wr(o={}){return f` ${Dt(o)}<slot>${ut(o.defaultContent)}</slot>${Ht(o)} `}const Xc=Wr(),Uc=Ae.compose({name:`${g.prefix}-badge`,template:Xc,styles:Wc});Uc.define(g.registry);var Kc=Object.defineProperty,Yc=Object.getOwnPropertyDescriptor,j=(o,t,e,s)=>{for(var i=s>1?void 0:s?Yc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Kc(t,e,i),i};class z extends x{constructor(){super(),this.disabledFocusable=!1,this.elementInternals=this.attachInternals(),this.iconOnly=!1,this.elementInternals.role="button"}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}disabledFocusableChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=`${!!e}`)}get form(){return this.elementInternals.form}iconOnlyChanged(t,e){d(this.elementInternals,"icon",e)}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}typeChanged(t,e){e!==qo.submit&&(this.formSubmissionFallbackControl?.remove(),this.shadowRoot?.querySelector('slot[name="internal"]')?.remove())}clickHandler(t){if(t&&this.disabledFocusable){t.stopImmediatePropagation();return}return this.press(),!0}connectedCallback(){super.connectedCallback(),this.elementInternals.ariaDisabled=`${!!this.disabledFocusable}`}createAndInsertFormSubmissionFallbackControl(){const t=this.formSubmissionFallbackControlSlot??document.createElement("slot");t.setAttribute("name","internal"),this.shadowRoot?.appendChild(t),this.formSubmissionFallbackControlSlot=t;const e=this.formSubmissionFallbackControl??document.createElement("button");e.style.display="none",e.setAttribute("type","submit"),e.setAttribute("slot","internal"),this.formNoValidate&&e.toggleAttribute("formnovalidate",!0),this.elementInternals.form?.id&&e.setAttribute("form",this.elementInternals.form.id),this.name&&e.setAttribute("name",this.name),this.value&&e.setAttribute("value",this.value),this.formAction&&e.setAttribute("formaction",this.formAction??""),this.formEnctype&&e.setAttribute("formenctype",this.formEnctype??""),this.formMethod&&e.setAttribute("formmethod",this.formMethod??""),this.formTarget&&e.setAttribute("formtarget",this.formTarget??""),this.append(e),this.formSubmissionFallbackControl=e}formDisabledCallback(t){this.disabled=t}keypressHandler(t){if(t&&this.disabledFocusable){t.stopImmediatePropagation();return}if(t.key===Ie||t.key===Po){this.click();return}return!0}press(){switch(this.type){case qo.reset:{this.resetForm();break}case qo.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==qo.submit)){if(!this.name&&!this.formAction&&!this.formEnctype&&!this.form&&!this.formMethod&&!this.formNoValidate&&!this.formTarget){this.elementInternals.form.requestSubmit();return}try{this.elementInternals.setFormValue(this.value??""),this.elementInternals.form.requestSubmit(this)}catch{this.createAndInsertFormSubmissionFallbackControl(),this.elementInternals.setFormValue(null),this.elementInternals.form.requestSubmit(this.formSubmissionFallbackControl)}}}}z.formAssociated=!0,j([a],z.prototype,"appearance",2),j([a({mode:"boolean"})],z.prototype,"autofocus",2),j([v],z.prototype,"defaultSlottedContent",2),j([a({mode:"boolean"})],z.prototype,"disabled",2),j([a({attribute:"disabled-focusable",mode:"boolean"})],z.prototype,"disabledFocusable",2),j([a({attribute:"formaction"})],z.prototype,"formAction",2),j([a({attribute:"form"})],z.prototype,"formAttribute",2),j([a({attribute:"formenctype"})],z.prototype,"formEnctype",2),j([a({attribute:"formmethod"})],z.prototype,"formMethod",2),j([a({attribute:"formnovalidate",mode:"boolean"})],z.prototype,"formNoValidate",2),j([a({attribute:"formtarget"})],z.prototype,"formTarget",2),j([a({attribute:"icon-only",mode:"boolean"})],z.prototype,"iconOnly",2),j([a],z.prototype,"name",2),j([a],z.prototype,"shape",2),j([a],z.prototype,"size",2),j([a],z.prototype,"type",2),j([a],z.prototype,"value",2),Nt(z,Lt);function Gs(o={}){return f`<template tabindex="${t=>t.disabled?-1:0}" @click="${(t,e)=>t.clickHandler(e.event)}" @keypress="${(t,e)=>t.keypressHandler(e.event)}">${Dt(o)}<span class="content" part="content"><slot ${rt("defaultSlottedContent")}></slot></span>${Ht(o)}</template>`}const Qc=Gs(),Zc=z.compose({name:`${g.prefix}-button`,template:Qc,styles:Zo});Zc.define(g.registry);var Jc=Object.defineProperty,td=Object.getOwnPropertyDescriptor,Ot=(o,t,e,s)=>{for(var i=s>1?void 0:s?td(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Jc(t,e,i),i};class yt extends x{constructor(){super(),this.disabled=!1,this.initialValue="on",this._checked=this.initialChecked??!1,this.dirtyChecked=!1,this.elementInternals=this.attachInternals(),this._validationFallbackMessage="",this._value=this.initialValue,this.elementInternals.role="checkbox"}get checked(){return $.track(this,"checked"),this._checked}set checked(t){this._checked=t,this.setFormValue(t?this.value:null),this.setValidity(),this.setAriaChecked(),d(this.elementInternals,"checked",t),$.notify(this,"checked")}indeterminateChanged(t,e){this.setAriaChecked(),d(this.elementInternals,"indeterminate",e)}initialCheckedChanged(t,e){this.dirtyChecked||(this.checked=e)}initialValueChanged(t,e){this._value=e}requiredChanged(t,e){this.$fastController.isConnected&&(this.setValidity(),this.elementInternals.ariaRequired=`${!!e}`)}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(!this._validationFallbackMessage){const t=document.createElement("input");t.type="checkbox",t.required=!0,t.checked=!1,this._validationFallbackMessage=t.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return $.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity(),$.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}setAriaChecked(){this.elementInternals.ariaChecked=this.indeterminate?"mixed":`${this.checked}`}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){if(!this.disabled)return this.dirtyChecked=!0,this.toggleChecked(),this.$emit("change"),this.$emit("input"),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.checked?this.value:null),this.setAriaChecked(),this.setValidity()}inputHandler(t){return this.elementInternals.setFormValue(this.value),this.setValidity(),!0}keydownHandler(t){if(t.key!==" ")return!0}keyupHandler(t){if(t.key!==" ")return!0;this.click()}formResetCallback(){this.checked=this.initialChecked??!1,this.dirtyChecked=!1,this.indeterminate=!1,this.setValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setCustomValidity(t){this.elementInternals.setValidity({customError:!0},t),this.setValidity()}setValidity(t={valueMissing:!!this.required&&!this.checked},e=this.validationMessage,s){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(t,e,s)}}toggleChecked(t=!this.checked){this.indeterminate=!1,this.checked=t}}yt.formAssociated=!0,Ot([a({mode:"boolean"})],yt.prototype,"autofocus",2),Ot([a({mode:"boolean"})],yt.prototype,"disabled",2),Ot([a({attribute:"form"})],yt.prototype,"formAttribute",2),Ot([v],yt.prototype,"indeterminate",2),Ot([a({attribute:"checked",mode:"boolean"})],yt.prototype,"initialChecked",2),Ot([a({attribute:"value",mode:"fromView"})],yt.prototype,"initialValue",2),Ot([a],yt.prototype,"name",2),Ot([a({mode:"boolean"})],yt.prototype,"required",2);class Ws extends yt{shapeChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}sizeChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}}Ot([a],Ws.prototype,"shape",2),Ot([a],Ws.prototype,"size",2);const kt=l.partial`:is([state--checked], :state(checked))`,pe=l.partial`:is([state--indeterminate], :state(indeterminate))`,ed=l`
+  font-size: ${Fr};
+  line-height: ${Lr};
+  font-weight: ${L};
+`;const Jc=l`
+  :host(${no}){border-radius:${qs}}:host(${Qt}){border-radius:${T}}:host(${Qt}${ao}),:host(${Qt}${lo}),:host(${Qt}${N}){border-radius:${yt}}${tn}
+  ${en}
+  ${on}
+  ${Qc}
+  ${Zc}
+  ${Jr}
+`.withBehaviors(J(l`
+    :host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function sn(o={}){return f` ${Vt(o)}<slot>${gt(o.defaultContent)}</slot>${Rt(o)} `}const td=sn(),ed=Me.compose({name:`${p.prefix}-badge`,template:td,styles:Jc});ed.define(p.registry);var od=Object.defineProperty,sd=Object.getOwnPropertyDescriptor,W=(o,t,e,s)=>{for(var i=s>1?void 0:s?sd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&od(t,e,i),i};class A extends k{constructor(){super(),this.disabledFocusable=!1,this.elementInternals=this.attachInternals(),this.iconOnly=!1,this.elementInternals.role="button"}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}disabledFocusableChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=`${!!e}`)}get form(){return this.elementInternals.form}iconOnlyChanged(t,e){d(this.elementInternals,"icon",e)}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}typeChanged(t,e){e!==Yo.submit&&(this.formSubmissionFallbackControl?.remove(),this.shadowRoot?.querySelector('slot[name="internal"]')?.remove())}clickHandler(t){if(t&&this.disabledFocusable){t.stopImmediatePropagation();return}return this.press(),!0}connectedCallback(){super.connectedCallback(),this.elementInternals.ariaDisabled=`${!!this.disabledFocusable}`}createAndInsertFormSubmissionFallbackControl(){const t=this.formSubmissionFallbackControlSlot??document.createElement("slot");t.setAttribute("name","internal"),this.shadowRoot?.appendChild(t),this.formSubmissionFallbackControlSlot=t;const e=this.formSubmissionFallbackControl??document.createElement("button");e.style.display="none",e.setAttribute("type","submit"),e.setAttribute("slot","internal"),this.formNoValidate&&e.toggleAttribute("formnovalidate",!0),this.elementInternals.form?.id&&e.setAttribute("form",this.elementInternals.form.id),this.name&&e.setAttribute("name",this.name),this.value&&e.setAttribute("value",this.value),this.formAction&&e.setAttribute("formaction",this.formAction??""),this.formEnctype&&e.setAttribute("formenctype",this.formEnctype??""),this.formMethod&&e.setAttribute("formmethod",this.formMethod??""),this.formTarget&&e.setAttribute("formtarget",this.formTarget??""),this.append(e),this.formSubmissionFallbackControl=e}formDisabledCallback(t){this.disabled=t}keypressHandler(t){if(t&&this.disabledFocusable){t.stopImmediatePropagation();return}if(t.key===Oe||t.key===Fo){this.click();return}return!0}press(){switch(this.type){case Yo.reset:{this.resetForm();break}case Yo.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==Yo.submit)){if(!this.name&&!this.formAction&&!this.formEnctype&&!this.form&&!this.formMethod&&!this.formNoValidate&&!this.formTarget){this.elementInternals.form.requestSubmit();return}try{this.elementInternals.setFormValue(this.value??""),this.elementInternals.form.requestSubmit(this)}catch{this.createAndInsertFormSubmissionFallbackControl(),this.elementInternals.setFormValue(null),this.elementInternals.form.requestSubmit(this.formSubmissionFallbackControl)}}}}A.formAssociated=!0,W([a],A.prototype,"appearance",2),W([a({mode:"boolean"})],A.prototype,"autofocus",2),W([v],A.prototype,"defaultSlottedContent",2),W([a({mode:"boolean"})],A.prototype,"disabled",2),W([a({attribute:"disabled-focusable",mode:"boolean"})],A.prototype,"disabledFocusable",2),W([a({attribute:"formaction"})],A.prototype,"formAction",2),W([a({attribute:"form"})],A.prototype,"formAttribute",2),W([a({attribute:"formenctype"})],A.prototype,"formEnctype",2),W([a({attribute:"formmethod"})],A.prototype,"formMethod",2),W([a({attribute:"formnovalidate",mode:"boolean"})],A.prototype,"formNoValidate",2),W([a({attribute:"formtarget"})],A.prototype,"formTarget",2),W([a({attribute:"icon-only",mode:"boolean"})],A.prototype,"iconOnly",2),W([a],A.prototype,"name",2),W([a],A.prototype,"shape",2),W([a],A.prototype,"size",2),W([a],A.prototype,"type",2),W([a],A.prototype,"value",2),jt(A,Nt);function ti(o={}){return f`<template tabindex="${t=>t.disabled?-1:0}" @click="${(t,e)=>t.clickHandler(e.event)}" @keypress="${(t,e)=>t.keypressHandler(e.event)}">${Vt(o)}<span class="content" part="content"><slot ${at("defaultSlottedContent")}></slot></span>${Rt(o)}</template>`}const id=ti(),rd=A.compose({name:`${p.prefix}-button`,template:id,styles:is});rd.define(p.registry);var nd=Object.defineProperty,ad=Object.getOwnPropertyDescriptor,Mt=(o,t,e,s)=>{for(var i=s>1?void 0:s?ad(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&nd(t,e,i),i};class wt extends k{constructor(){super(),this.disabled=!1,this.initialValue="on",this._checked=this.initialChecked??!1,this.dirtyChecked=!1,this.elementInternals=this.attachInternals(),this._validationFallbackMessage="",this._value=this.initialValue,this.elementInternals.role="checkbox"}get checked(){return $.track(this,"checked"),this._checked}set checked(t){this._checked=t,this.setFormValue(t?this.value:null),this.setValidity(),this.setAriaChecked(),d(this.elementInternals,"checked",t),$.notify(this,"checked")}indeterminateChanged(t,e){this.setAriaChecked(),d(this.elementInternals,"indeterminate",e)}initialCheckedChanged(t,e){this.dirtyChecked||(this.checked=e)}initialValueChanged(t,e){this._value=e}requiredChanged(t,e){this.$fastController.isConnected&&(this.setValidity(),this.elementInternals.ariaRequired=`${!!e}`)}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(!this._validationFallbackMessage){const t=document.createElement("input");t.type="checkbox",t.required=!0,t.checked=!1,this._validationFallbackMessage=t.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return $.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity(),$.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}setAriaChecked(){this.elementInternals.ariaChecked=this.indeterminate?"mixed":`${this.checked}`}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){if(!this.disabled)return this.dirtyChecked=!0,this.toggleChecked(),this.$emit("change"),this.$emit("input"),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.checked?this.value:null),this.setAriaChecked(),this.setValidity()}inputHandler(t){return this.elementInternals.setFormValue(this.value),this.setValidity(),!0}keydownHandler(t){if(t.key!==" ")return!0}keyupHandler(t){if(t.key!==" ")return!0;this.click()}formResetCallback(){this.checked=this.initialChecked??!1,this.dirtyChecked=!1,this.indeterminate=!1,this.setValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setCustomValidity(t){this.elementInternals.setValidity({customError:!0},t),this.setValidity()}setValidity(t={valueMissing:!!this.required&&!this.checked},e=this.validationMessage,s){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(t,e,s)}}toggleChecked(t=!this.checked){this.indeterminate=!1,this.checked=t}}wt.formAssociated=!0,Mt([a({mode:"boolean"})],wt.prototype,"autofocus",2),Mt([a({mode:"boolean"})],wt.prototype,"disabled",2),Mt([a({attribute:"form"})],wt.prototype,"formAttribute",2),Mt([v],wt.prototype,"indeterminate",2),Mt([a({attribute:"checked",mode:"boolean"})],wt.prototype,"initialChecked",2),Mt([a({attribute:"value",mode:"fromView"})],wt.prototype,"initialValue",2),Mt([a],wt.prototype,"name",2),Mt([a({mode:"boolean"})],wt.prototype,"required",2);class ei extends wt{shapeChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}sizeChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}}Mt([a],ei.prototype,"shape",2),Mt([a],ei.prototype,"size",2);const Ct=l.partial`:is([state--checked], :state(checked))`,me=l.partial`:is([state--indeterminate], :state(indeterminate))`,ld=l`
   ${w("inline-flex")}
 
-  :host{--size:16px;background-color:${_};border-radius:${$t};border:${X} solid ${jt};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${Ge}}:host(:active){border-color:${We}}:host(${kt}:hover){background-color:${je};border-color:${As}}:host(${kt}:active){background-color:${qe};border-color:${_s}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${de} solid ${at};border-radius:${F}}:host(:not([slot='input']):focus-visible)::after{border-color:${Bt}}.indeterminate-indicator,.checked-indicator{color:${Oo};inset:0;margin:auto;position:absolute}::slotted([slot='checked-indicator']),.checked-indicator{fill:currentColor;display:inline-flex;flex:1 0 auto;width:12px}:host(:not(${kt})) *:is(::slotted([slot='checked-indicator']),.checked-indicator){display:none}:host(${kt}),:host(${pe}){border-color:${Os}}:host(${kt}),:host(${pe}) .indeterminate-indicator{background-color:${Ve}}:host(${pe}) .indeterminate-indicator{border-radius:${$t};position:absolute;width:calc(var(--size) / 2);inset:0}:host(${E}){--size:20px}:host(${E}) ::slotted([slot='checked-indicator']),:host(${E}) .checked-indicator{width:16px}:host(${eo}),:host(${eo}) .indeterminate-indicator{border-radius:${lt}}:host([disabled]),:host([disabled]${kt}){background-color:${Re};border-color:${qt}}:host([disabled]){cursor:unset}:host([disabled]${pe}) .indeterminate-indicator{background-color:${qt}}:host([disabled]${kt}) .checked-indicator{color:${qt}}`.withBehaviors(Z(l`
-    :host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${kt}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${kt}),:host(${pe}) .indeterminate-indicator{background-color:FieldText}:host(${kt}:not([disabled]):hover),:host(${pe}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${pe}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${kt}) .checked-indicator{color:GrayText}`)),od=f.partial(`
+  :host{--size:16px;background-color:${E};border-radius:${yt};border:${Y} solid ${Wt};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${Ue}}:host(:active){border-color:${Ke}}:host(${Ct}:hover){background-color:${We};border-color:${Rs}}:host(${Ct}:active){background-color:${Xe};border-color:${Vs}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${ge} solid ${lt};border-radius:${T}}:host(:not([slot='input']):focus-visible)::after{border-color:${Ot}}.indeterminate-indicator,.checked-indicator{color:${Lo};inset:0;margin:auto;position:absolute}::slotted([slot='checked-indicator']),.checked-indicator{fill:currentColor;display:inline-flex;flex:1 0 auto;width:12px}:host(:not(${Ct})) *:is(::slotted([slot='checked-indicator']),.checked-indicator){display:none}:host(${Ct}),:host(${me}){border-color:${Ns}}:host(${Ct}),:host(${me}) .indeterminate-indicator{background-color:${Ge}}:host(${me}) .indeterminate-indicator{border-radius:${yt};position:absolute;width:calc(var(--size) / 2);inset:0}:host(${I}){--size:20px}:host(${I}) ::slotted([slot='checked-indicator']),:host(${I}) .checked-indicator{width:16px}:host(${ro}),:host(${ro}) .indeterminate-indicator{border-radius:${ct}}:host([disabled]),:host([disabled]${Ct}){background-color:${qe};border-color:${Xt}}:host([disabled]){cursor:unset}:host([disabled]${me}) .indeterminate-indicator{background-color:${Xt}}:host([disabled]${Ct}) .checked-indicator{color:${Xt}}`.withBehaviors(J(l`
+    :host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${Ct}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${Ct}),:host(${me}) .indeterminate-indicator{background-color:FieldText}:host(${Ct}:not([disabled]):hover),:host(${me}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${me}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${Ct}) .checked-indicator{color:GrayText}`)),cd=f.partial(`
     <svg
         fill="currentColor"
         aria-hidden="true"
@@ -389,21 +389,21 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
         xmlns="http://www.w3.org/2000/svg">
             <path d="M9.76 3.2c.3.29.32.76.04 1.06l-4.25 4.5a.75.75 0 0 1-1.08.02L2.22 6.53a.75.75 0 0 1 1.06-1.06l1.7 1.7L8.7 3.24a.75.75 0 0 1 1.06-.04Z" fill="currentColor"></path>
     </svg>
-`),sd=f.partial(`
+`),dd=f.partial(`
     <span class="indeterminate-indicator"></span>
-`);function id(o={}){return f`<template tabindex="${t=>t.disabled?void 0:0}" @click="${(t,e)=>t.clickHandler(e.event)}" @input="${(t,e)=>t.inputHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @keyup="${(t,e)=>t.keyupHandler(e.event)}"><slot name="checked-indicator">${ut(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${ut(o.indeterminateIndicator)}</slot></template>`}const rd=id({checkedIndicator:od,indeterminateIndicator:sd}),nd=Ws.compose({name:`${g.prefix}-checkbox`,template:rd,styles:ed});nd.define(g.registry);class ad extends z{}const ld=l`
-  ${Zo}
-
-  :host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${P};line-height:${M}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${Rt};line-height:100%;font-size:${W};font-weight:${B}}::slotted(svg),:host(${E}) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${Bo}}:host(:active) ::slotted([slot='description']){color:${To}}:host(:is(${et},${et}:hover,${et}:active)) ::slotted([slot='description']){color:${Vt}}:host(:is(${C},${C}:hover,${C}:active)) ::slotted([slot='description']),:host(${V}) ::slotted([slot='description']){color:${Rt}}:host(${V}:hover) ::slotted([slot='description']){color:${zo}}:host(${V}:active) ::slotted([slot='description']){color:${Fo}}:host(:is(:disabled,:disabled[appearance],[disabled-focusable],[disabled-focusable][appearance]))
-    ::slotted([slot='description']){color:${k}}:host(${ot}){padding:8px;padding-bottom:10px}:host(${ze}){min-width:52px;max-width:52px;padding:${ue}}:host(${ze}${ot}){min-width:48px;max-width:48px;padding:${Gt}}:host(${ze}${E}){min-width:56px;max-width:56px;padding:${Tt}}:host(${E}){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${ct};line-height:${vt}}:host(${E}) ::slotted([slot='description']){font-size:${P}}`;function cd(o={}){return f`<template ?disabled="${t=>t.disabled}" tabindex="${t=>t.disabled?-1:0}">${Dt(o)}<span class="content" part="content"><slot ${rt("defaultSlottedContent")}></slot><slot name="description"></slot></span>${Ht(o)}</template>`}const dd=cd(),hd=ad.compose({name:`${g.prefix}-compound-button`,template:dd,styles:ld});hd.define(g.registry);var ud=Object.defineProperty,pd=Object.getOwnPropertyDescriptor,se=(o,t,e,s)=>{for(var i=s>1?void 0:s?pd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&ud(t,e,i),i};class At extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.count=0,this.overflowCount=99,this.showZero=!1,this.dot=!1}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}dotChanged(t,e){d(this.elementInternals,"dot",!!e)}setCount(){const t=this.count??0;if((t!==0||this.showZero)&&!this.dot)return t>this.overflowCount?`${this.overflowCount}+`:`${t}`}}se([a],At.prototype,"appearance",2),se([a],At.prototype,"color",2),se([a],At.prototype,"shape",2),se([a],At.prototype,"size",2),se([a({converter:nt})],At.prototype,"count",2),se([a({attribute:"overflow-count",converter:nt})],At.prototype,"overflowCount",2),se([a({attribute:"show-zero",mode:"boolean"})],At.prototype,"showZero",2),se([a({mode:"boolean"})],At.prototype,"dot",2),Nt(At,Lt);const Xr=l.partial`:is([state--dot], :state(dot))`,gd=l`
-  :host(${Ut}){border-radius:${F}}:host(${Ut}${oo}),:host(${Ut}${so}),:host(${Ut}${ot}){border-radius:${$t}}${jr}
-  ${qr}
-  ${Gr}
-  ${Vr}
-
-  :host(${Xr}),:host(${Xr}[appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function fd(o={}){return Wr({defaultContent:f`${t=>t.setCount()}`})}const bd=fd(),md=At.compose({name:`${g.prefix}-counter-badge`,template:bd,styles:gd});md.define(g.registry);const _t={modal:"modal",nonModal:"non-modal",alert:"alert"};var $d=Object.defineProperty,vd=Object.getOwnPropertyDescriptor,es=(o,t,e,s)=>{for(var i=s>1?void 0:s?vd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&$d(t,e,i),i};class ro extends x{constructor(){super(...arguments),this.type=_t.modal,this.emitBeforeToggle=()=>{this.$emit("beforetoggle",{oldState:this.dialog.open?"open":"closed",newState:this.dialog.open?"closed":"open"})},this.emitToggle=()=>{this.$emit("toggle",{oldState:this.dialog.open?"closed":"open",newState:this.dialog.open?"open":"closed"})}}show(){St.enqueue(()=>{this.emitBeforeToggle(),this.type===_t.alert||this.type===_t.modal?this.dialog.showModal():this.type===_t.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(t){return t.preventDefault(),this.dialog.open&&this.type!==_t.alert&&t.target===this.dialog&&this.hide(),!0}}es([v],ro.prototype,"dialog",2),es([a({attribute:"aria-describedby"})],ro.prototype,"ariaDescribedby",2),es([a({attribute:"aria-labelledby"})],ro.prototype,"ariaLabelledby",2),es([a],ro.prototype,"type",2);const yd=f`<dialog role="${o=>o.type===_t.alert?"alertdialog":"dialog"}" type="${o=>o.type}" class="dialog" part="dialog" aria-modal="${o=>o.type===_t.modal||o.type===_t.alert?"true":void 0}" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" @click="${(o,t)=>o.clickHandler(t.event)}" @cancel="${(o,t)=>o.type===_t.alert?t.event.preventDefault():o.hide()}" ${Pt("dialog")}><slot></slot></dialog>`,kd=l`
-  @layer base{:host{--dialog-backdrop:${Ts};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${_};border-radius:${fr};border:none;box-shadow:${Pr};color:${A};max-height:calc(-48px + 100vh);padding:0;width:100%;max-width:600px}:host([type='non-modal']) dialog{inset:0;position:fixed;z-index:2;overflow:auto}}@layer animations{@media (prefers-reduced-motion:no-preference){dialog,::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${Hs};transition-timing-function:${Ze};opacity:0}::backdrop{transition-timing-function:${Ns}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${Qe}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(Z(l`
-    @layer base{dialog{border:${X} solid ${at}}}`)),xd=ro.compose({name:`${g.prefix}-dialog`,template:yd,styles:kd});xd.define(g.registry);var wd=Object.defineProperty,Cd=Object.getOwnPropertyDescriptor,Sd=(o,t,e,s)=>{for(var i=s>1?void 0:s?Cd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&wd(t,e,i),i};class Ur extends x{constructor(){super(...arguments),this.noTitleAction=!1}}Sd([a({mode:"boolean",attribute:"no-title-action"})],Ur.prototype,"noTitleAction",2);const Id=f.partial(`
+`);function hd(o={}){return f`<template tabindex="${t=>t.disabled?void 0:0}" @click="${(t,e)=>t.clickHandler(e.event)}" @input="${(t,e)=>t.inputHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @keyup="${(t,e)=>t.keyupHandler(e.event)}"><slot name="checked-indicator">${gt(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${gt(o.indeterminateIndicator)}</slot></template>`}const ud=hd({checkedIndicator:cd,indeterminateIndicator:dd}),pd=ei.compose({name:`${p.prefix}-checkbox`,template:ud,styles:ld});pd.define(p.registry);class gd extends A{}const fd=l`
+  ${is}
+
+  :host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${B};line-height:${_}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${qt};line-height:100%;font-size:${V};font-weight:${O}}::slotted(svg),:host(${I}) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${Ao}}:host(:active) ::slotted([slot='description']){color:${_o}}:host(:is(${it},${it}:hover,${it}:active)) ::slotted([slot='description']){color:${Gt}}:host(:is(${C},${C}:hover,${C}:active)) ::slotted([slot='description']),:host(${G}) ::slotted([slot='description']){color:${qt}}:host(${G}:hover) ::slotted([slot='description']){color:${Mo}}:host(${G}:active) ::slotted([slot='description']){color:${Eo}}:host(:is(:disabled,:disabled[appearance],[disabled-focusable],[disabled-focusable][appearance]))
+    ::slotted([slot='description']){color:${x}}:host(${N}){padding:8px;padding-bottom:10px}:host(${_e}){min-width:52px;max-width:52px;padding:${Ut}}:host(${_e}${N}){min-width:48px;max-width:48px;padding:${xt}}:host(${_e}${I}){min-width:56px;max-width:56px;padding:${ut}}:host(${I}){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${dt};line-height:${kt}}:host(${I}) ::slotted([slot='description']){font-size:${B}}`;function bd(o={}){return f`<template ?disabled="${t=>t.disabled}" tabindex="${t=>t.disabled?-1:0}">${Vt(o)}<span class="content" part="content"><slot ${at("defaultSlottedContent")}></slot><slot name="description"></slot></span>${Rt(o)}</template>`}const md=bd(),$d=gd.compose({name:`${p.prefix}-compound-button`,template:md,styles:fd});$d.define(p.registry);var vd=Object.defineProperty,yd=Object.getOwnPropertyDescriptor,ne=(o,t,e,s)=>{for(var i=s>1?void 0:s?yd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&vd(t,e,i),i};class Et extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.count=0,this.overflowCount=99,this.showZero=!1,this.dot=!1}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}dotChanged(t,e){d(this.elementInternals,"dot",!!e)}setCount(){const t=this.count??0;if((t!==0||this.showZero)&&!this.dot)return t>this.overflowCount?`${this.overflowCount}+`:`${t}`}}ne([a],Et.prototype,"appearance",2),ne([a],Et.prototype,"color",2),ne([a],Et.prototype,"shape",2),ne([a],Et.prototype,"size",2),ne([a({converter:K})],Et.prototype,"count",2),ne([a({attribute:"overflow-count",converter:K})],Et.prototype,"overflowCount",2),ne([a({attribute:"show-zero",mode:"boolean"})],Et.prototype,"showZero",2),ne([a({mode:"boolean"})],Et.prototype,"dot",2),jt(Et,Nt);const rn=l.partial`:is([state--dot], :state(dot))`,kd=l`
+  :host(${Qt}){border-radius:${T}}:host(${Qt}${ao}),:host(${Qt}${lo}),:host(${Qt}${N}){border-radius:${yt}}${tn}
+  ${en}
+  ${on}
+  ${Jr}
+
+  :host(${rn}),:host(${rn}[appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function xd(o={}){return sn({defaultContent:f`${t=>t.setCount()}`})}const wd=xd(),Cd=Et.compose({name:`${p.prefix}-counter-badge`,template:wd,styles:kd});Cd.define(p.registry);const Lt={modal:"modal",nonModal:"non-modal",alert:"alert"};var Id=Object.defineProperty,Sd=Object.getOwnPropertyDescriptor,ns=(o,t,e,s)=>{for(var i=s>1?void 0:s?Sd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Id(t,e,i),i};class ho extends k{constructor(){super(...arguments),this.type=Lt.modal,this.emitBeforeToggle=()=>{this.$emit("beforetoggle",{oldState:this.dialog.open?"open":"closed",newState:this.dialog.open?"closed":"open"})},this.emitToggle=()=>{this.$emit("toggle",{oldState:this.dialog.open?"closed":"open",newState:this.dialog.open?"open":"closed"})}}show(){Bt.enqueue(()=>{this.emitBeforeToggle(),this.type===Lt.alert||this.type===Lt.modal?this.dialog.showModal():this.type===Lt.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(t){return t.preventDefault(),this.dialog.open&&this.type!==Lt.alert&&t.target===this.dialog&&this.hide(),!0}}ns([v],ho.prototype,"dialog",2),ns([a({attribute:"aria-describedby"})],ho.prototype,"ariaDescribedby",2),ns([a({attribute:"aria-labelledby"})],ho.prototype,"ariaLabelledby",2),ns([a],ho.prototype,"type",2);const Pd=f`<dialog role="${o=>o.type===Lt.alert?"alertdialog":"dialog"}" type="${o=>o.type}" class="dialog" part="dialog" aria-modal="${o=>o.type===Lt.modal||o.type===Lt.alert?"true":void 0}" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" @click="${(o,t)=>o.clickHandler(t.event)}" @cancel="${(o,t)=>o.type===Lt.alert?t.event.preventDefault():o.hide()}" ${Tt("dialog")}><slot></slot></dialog>`,Bd=l`
+  @layer base{:host{--dialog-backdrop:${Ls};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${E};border-radius:${Br};border:none;box-shadow:${Nr};color:${z};max-height:calc(-48px + 100vh);padding:0;width:100%;max-width:600px}:host([type='non-modal']) dialog{inset:0;position:fixed;z-index:2;overflow:auto}}@layer animations{@media (prefers-reduced-motion:no-preference){dialog,::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${Ws};transition-timing-function:${oo};opacity:0}::backdrop{transition-timing-function:${Us}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${eo}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(J(l`
+    @layer base{dialog{border:${Y} solid ${lt}}}`)),zd=ho.compose({name:`${p.prefix}-dialog`,template:Pd,styles:Bd});zd.define(p.registry);var Td=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,Fd=(o,t,e,s)=>{for(var i=s>1?void 0:s?Od(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Td(t,e,i),i};class nn extends k{constructor(){super(...arguments),this.noTitleAction=!1}}Fd([a({mode:"boolean",attribute:"no-title-action"})],nn.prototype,"noTitleAction",2);const Ad=f.partial(`
   <svg
     fill="currentColor"
     aria-hidden="true"
@@ -416,87 +416,93 @@ const g=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
       d="m4.09 4.22.06-.07a.5.5 0 0 1 .63-.06l.07.06L10 9.29l5.15-5.14a.5.5 0 0 1 .63-.06l.07.06c.18.17.2.44.06.63l-.06.07L10.71 10l5.14 5.15c.18.17.2.44.06.63l-.06.07a.5.5 0 0 1-.63.06l-.07-.06L10 10.71l-5.15 5.14a.5.5 0 0 1-.63.06l-.07-.06a.5.5 0 0 1-.06-.63l.06-.07L9.29 10 4.15 4.85a.5.5 0 0 1-.06-.63l.06-.07-.06.07Z"
       fill="currentColor"
     ></path>
-  </svg>`),Pd=f`<div class="title" part="title"><slot name="title"></slot><slot name="title-action"><fluent-button ?hidden=${o=>o.noTitleAction||o.parentNode?.type===_t.alert} tabindex="0" part="title-action" class="title-action" appearance="transparent" icon-only @click=${o=>o.parentNode?.hide()} ${Pt("defaultTitleAction")}>${Id}</fluent-button></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div>`,Bd=l`
+  </svg>`),_d=f`<div class="title" part="title"><slot name="title"></slot><slot name="title-action"><fluent-button ?hidden=${o=>o.noTitleAction||o.parentNode?.type===Lt.alert} tabindex="0" part="title-action" class="title-action" appearance="transparent" icon-only @click=${o=>o.parentNode?.hide()} ${Tt("defaultTitleAction")}>${Ad}</fluent-button></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div>`,Md=l`
   ${w("grid")}
 
-  :host{background:${_};box-sizing:border-box;gap:${U};padding:${Ye} ${Ul};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${_};color:${A};column-gap:8px;display:flex;font-family:${m};font-size:${Be};font-weight:${D};inset-block-start:0;justify-content:space-between;line-height:${No};margin-block-end:calc(${U} * -1);margin-block-start:calc(${Ye} * -1);padding-block-end:${U};padding-block-start:${Ye};position:sticky;z-index:1}.content{box-sizing:border-box;color:${A};font-family:${m};font-size:${P};font-weight:${B};line-height:${M};min-height:32px}.actions{box-sizing:border-box;background:${_};display:flex;flex-direction:column;gap:${U};inset-block-end:0;margin-block-end:calc(${Ye} * -1);padding-block-end:${Ye};padding-block-start:${zr};position:sticky;z-index:2}:not(:has(:is([slot='title'],[slot='title-action']))) .title:not(:has(.title-action)),:not(:has([slot='action'])) .actions{display:none}@container (min-width:480px){.actions{align-items:center;flex-direction:row;justify-content:flex-end;margin-block-start:calc(${U} * -1);padding-block-start:${U}}}`,Td=Ur.compose({name:`${g.prefix}-dialog-body`,template:Pd,styles:Bd});Td.define(g.registry);const no={separator:"separator",presentation:"presentation"},zd=Q;var Fd=Object.defineProperty,Od=Object.getOwnPropertyDescriptor,ao=(o,t,e,s)=>{for(var i=s>1?void 0:s?Od(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Fd(t,e,i),i};class _e extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.inset=!1}alignContentChanged(t,e){t&&d(this.elementInternals,`align-${t}`,!1),e&&d(this.elementInternals,`align-${e}`,!0)}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}insetChanged(t,e){d(this.elementInternals,"inset",e)}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??no.separator,this.role!==no.presentation&&(this.elementInternals.ariaOrientation=this.orientation??zd.horizontal)}roleChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.role=`${e??no.separator}`),e===no.presentation&&(this.elementInternals.ariaOrientation=null)}orientationChanged(t,e){this.elementInternals.ariaOrientation=this.role!==no.presentation?e:null,t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}}ao([a],_e.prototype,"role",2),ao([a],_e.prototype,"orientation",2),ao([a({attribute:"align-content"})],_e.prototype,"alignContent",2),ao([a],_e.prototype,"appearance",2),ao([a({mode:"boolean"})],_e.prototype,"inset",2);function Ad(){return f`<slot></slot>`}const _d=Ad(),Md=l`
+  :host{background:${E};box-sizing:border-box;gap:${q};padding:${to} ${ec};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${E};color:${z};column-gap:8px;display:flex;font-family:${m};font-size:${Fe};font-weight:${L};inset-block-start:0;justify-content:space-between;line-height:${Wo};margin-block-end:calc(${q} * -1);margin-block-start:calc(${to} * -1);padding-block-end:${q};padding-block-start:${to};position:sticky;z-index:1}.content{box-sizing:border-box;color:${z};font-family:${m};font-size:${B};font-weight:${O};line-height:${_};min-height:32px}.actions{box-sizing:border-box;background:${E};display:flex;flex-direction:column;gap:${q};inset-block-end:0;margin-block-end:calc(${to} * -1);padding-block-end:${to};padding-block-start:${Vr};position:sticky;z-index:2}:not(:has(:is([slot='title'],[slot='title-action']))) .title:not(:has(.title-action)),:not(:has([slot='action'])) .actions{display:none}@container (min-width:480px){.actions{align-items:center;flex-direction:row;justify-content:flex-end;margin-block-start:calc(${q} * -1);padding-block-start:${q}}}`,Ed=nn.compose({name:`${p.prefix}-dialog-body`,template:_d,styles:Md});Ed.define(p.registry);const uo={separator:"separator",presentation:"presentation"},Ld=ot;var Hd=Object.defineProperty,Dd=Object.getOwnPropertyDescriptor,po=(o,t,e,s)=>{for(var i=s>1?void 0:s?Dd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Hd(t,e,i),i};class Ee extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.inset=!1}alignContentChanged(t,e){t&&d(this.elementInternals,`align-${t}`,!1),e&&d(this.elementInternals,`align-${e}`,!0)}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}insetChanged(t,e){d(this.elementInternals,"inset",e)}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??uo.separator,this.role!==uo.presentation&&(this.elementInternals.ariaOrientation=this.orientation??Ld.horizontal)}roleChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.role=`${e??uo.separator}`),e===uo.presentation&&(this.elementInternals.ariaOrientation=null)}orientationChanged(t,e){this.elementInternals.ariaOrientation=this.role!==uo.presentation?e:null,t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}}po([a],Ee.prototype,"role",2),po([a],Ee.prototype,"orientation",2),po([a({attribute:"align-content"})],Ee.prototype,"alignContent",2),po([a],Ee.prototype,"appearance",2),po([a({mode:"boolean"})],Ee.prototype,"inset",2);function Nd(){return f`<slot></slot>`}const Rd=Nd(),Vd=l`
   ${w("flex")}
 
-  :host{contain:content}:host::after,:host::before{align-self:center;background:${Xe};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${X}}:host(${qs}){padding:0 12px}:host ::slotted(*){color:${Rt};font-family:${m};font-size:${W};font-weight:${B};margin:0;padding:0 12px}:host(${Er})::before,:host(${Lr})::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host(${gt}){height:100%;min-height:84px}:host(${gt}):empty{min-height:20px}:host(${gt}){flex-direction:column;align-items:center}:host(${gt}${qs})::before{margin-top:12px}:host(${gt}${qs})::after{margin-bottom:12px}:host(${gt}):empty::before,:host(${gt}):empty::after{height:10px;min-height:10px;flex-grow:0}:host(${gt})::before,:host(${gt})::after{width:${X};min-height:20px;height:100%}:host(${gt}) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host(${gt}${Er})::before{min-height:8px}:host(${gt}${Lr})::after{min-height:8px}:host(${Je})::before,:host(${Je})::after{background:${Pe}}:host(${Je}) ::slotted(*){color:${A}}:host(${io})::before,:host(${io})::after{background:${rr}}:host(${io}) ::slotted(*){color:${Cs}}:host(${C})::before,:host(${C})::after{background:${ya}}:host(${C}) ::slotted(*){color:${tt}}`.withBehaviors(Z(l`
-    :host(${Je})::before,:host(${Je})::after,:host(${io})::before,:host(${io})::after,:host(${C})::before,:host(${C})::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),Ed=_e.compose({name:`${g.prefix}-divider`,template:_d,styles:Md});Ed.define(g.registry);const Ld={start:"start",end:"end"},Hd={small:"small",medium:"medium",large:"large",full:"full"},Xs={nonModal:"non-modal",modal:"modal",inline:"inline"};var Dd=Object.defineProperty,Nd=Object.getOwnPropertyDescriptor,Me=(o,t,e,s)=>{for(var i=s>1?void 0:s?Nd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Dd(t,e,i),i};class ge extends x{constructor(){super(...arguments),this.type=Xs.modal,this.position=Ld.start,this.size=Hd.medium,this.emitToggle=()=>{this.$emit("toggle",{oldState:this.dialog.open?"closed":"open",newState:this.dialog.open?"open":"closed"})},this.emitBeforeToggle=()=>{this.$emit("beforetoggle",{oldState:this.dialog.open?"open":"closed",newState:this.dialog.open?"closed":"open"})}}show(){St.enqueue(()=>{this.emitBeforeToggle(),this.type===Xs.inline||this.type===Xs.nonModal?this.dialog.show():this.dialog.showModal(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(t){return t.preventDefault(),this.dialog.open&&t.target===this.dialog&&this.hide(),!0}}Me([a],ge.prototype,"type",2),Me([a({attribute:"aria-labelledby"})],ge.prototype,"ariaLabelledby",2),Me([a({attribute:"aria-describedby"})],ge.prototype,"ariaDescribedby",2),Me([a],ge.prototype,"position",2),Me([a({attribute:"size"})],ge.prototype,"size",2),Me([v],ge.prototype,"dialog",2);const Rd=l`
+  :host{contain:content}:host::after,:host::before{align-self:center;background:${Ye};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${Y}}:host(${Zs}){padding:0 12px}:host ::slotted(*){color:${qt};font-family:${m};font-size:${V};font-weight:${O};margin:0;padding:0 12px}:host(${Ur})::before,:host(${Kr})::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host(${bt}){height:100%;min-height:84px}:host(${bt}):empty{min-height:20px}:host(${bt}){flex-direction:column;align-items:center}:host(${bt}${Zs})::before{margin-top:12px}:host(${bt}${Zs})::after{margin-bottom:12px}:host(${bt}):empty::before,:host(${bt}):empty::after{height:10px;min-height:10px;flex-grow:0}:host(${bt})::before,:host(${bt})::after{width:${Y};min-height:20px;height:100%}:host(${bt}) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host(${bt}${Ur})::before{min-height:8px}:host(${bt}${Kr})::after{min-height:8px}:host(${so})::before,:host(${so})::after{background:${pe}}:host(${so}) ::slotted(*){color:${z}}:host(${Zt})::before,:host(${Zt})::after{background:${pr}}:host(${Zt}) ::slotted(*){color:${Ts}}:host(${C})::before,:host(${C})::after{background:${Oa}}:host(${C}) ::slotted(*){color:${tt}}`.withBehaviors(J(l`
+    :host(${so})::before,:host(${so})::after,:host(${Zt})::before,:host(${Zt})::after,:host(${C})::before,:host(${C})::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),jd=Ee.compose({name:`${p.prefix}-divider`,template:Rd,styles:Vd});jd.define(p.registry);const qd={start:"start",end:"end"},Gd={small:"small",medium:"medium",large:"large",full:"full"},oi={nonModal:"non-modal",modal:"modal",inline:"inline"};var Wd=Object.defineProperty,Xd=Object.getOwnPropertyDescriptor,Le=(o,t,e,s)=>{for(var i=s>1?void 0:s?Xd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Wd(t,e,i),i};class $e extends k{constructor(){super(...arguments),this.type=oi.modal,this.position=qd.start,this.size=Gd.medium,this.emitToggle=()=>{this.$emit("toggle",{oldState:this.dialog.open?"closed":"open",newState:this.dialog.open?"open":"closed"})},this.emitBeforeToggle=()=>{this.$emit("beforetoggle",{oldState:this.dialog.open?"open":"closed",newState:this.dialog.open?"closed":"open"})}}show(){Bt.enqueue(()=>{this.emitBeforeToggle(),this.type===oi.inline||this.type===oi.nonModal?this.dialog.show():this.dialog.showModal(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(t){return t.preventDefault(),this.dialog.open&&t.target===this.dialog&&this.hide(),!0}}Le([a],$e.prototype,"type",2),Le([a({attribute:"aria-labelledby"})],$e.prototype,"ariaLabelledby",2),Le([a({attribute:"aria-describedby"})],$e.prototype,"ariaDescribedby",2),Le([a],$e.prototype,"position",2),Le([a({attribute:"size"})],$e.prototype,"size",2),Le([v],$e.prototype,"dialog",2);const Ud=l`
   ${w("block")}
 
-  :host{--dialog-backdrop:${Ts}}:host([type='non-modal']) dialog[open]::backdrop{display:none}:host([type='non-modal']) dialog{position:fixed;top:0;bottom:0}:host([type='inline']){height:100%;width:fit-content}:host([type='inline']) dialog[open]{box-shadow:none;position:relative}:host([size='small']) dialog{width:320px;max-width:320px}:host([size='large']) dialog{width:940px;max-width:940px}:host([size='full']) dialog{width:100%;max-width:100%}:host([position='end']) dialog{margin-inline-start:auto;margin-inline-end:0}dialog{box-sizing:border-box;z-index:var(--drawer-elevation,1000);font-size:${P};line-height:${M};font-family:${m};font-weight:${B};color:${A};max-width:var(--drawer-width,592px);max-height:100vh;height:100%;margin-inline-start:0;margin-inline-end:auto;border-inline-end-color:${at};border-inline-start-color:var(--drawer-separator,${at});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${Pr};border:${X} solid ${at};background:${_}}dialog::backdrop{background:var(--dialog-backdrop)}@layer animations{@media (prefers-reduced-motion:no-preference){dialog{transition:display allow-discrete,opacity,overlay allow-discrete,transform;transition-duration:${Hs};transition-timing-function:${Ze}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${Qe}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${Qe}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${Hs};transition-timing-function:${Ze};background:var(--dialog-backdrop,${Ts});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${Ns}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function Vd(){return f`<dialog class="dialog" part="dialog" role="${o=>o.type==="modal"?"dialog":o.role}" aria-modal="${o=>o.type==="modal"?"true":void 0}" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" size="${o=>o.size}" position="${o=>o.position}" type="${o=>o.type}" @click="${(o,t)=>o.clickHandler(t.event)}" @cancel="${(o,t)=>o.hide()}" ${Pt("dialog")}><slot></slot></dialog>`}const jd=Vd(),qd=ge.compose({name:`${g.prefix}-drawer`,template:jd,styles:Rd});qd.define(g.registry);const Gd={above:"above",after:"after",before:"before"},y={badInput:"bad-input",customError:"custom-error",patternMismatch:"pattern-mismatch",rangeOverflow:"range-overflow",rangeUnderflow:"range-underflow",stepMismatch:"step-mismatch",tooLong:"too-long",tooShort:"too-short",typeMismatch:"type-mismatch",valueMissing:"value-missing",valid:"valid"};var Wd=Object.defineProperty,Xd=Object.getOwnPropertyDescriptor,Us=(o,t,e,s)=>{for(var i=s>1?void 0:s?Xd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Wd(t,e,i),i};class os extends x{constructor(){super(...arguments),this.labelPosition=Gd.above,this.elementInternals=this.attachInternals()}messageSlotChanged(t,e){if(!e.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(t,e){this.input=e?.[0],this.input&&this.setStates()}changeHandler(t){this.setStates()}clickHandler(t){if(this.isSameNode(t.target)){this.input.focus(),this.input.click();return}return!0}focusinHandler(t){return t.target.matches(":focus-visible")&&d(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(t){return d(this.elementInternals,"focus-visible",!1),!0}invalidHandler(t){this.messageSlot.length&&t.preventDefault(),this.setStates()}setStates(){if(this.$fastController.isConnected){if(d(this.elementInternals,"disabled",!!this.input.disabled),d(this.elementInternals,"readonly",!!this.input.readOnly),d(this.elementInternals,"required",!!this.input.required),!this.input.validity)return;for(const[t,e]of Object.entries(y))d(this.elementInternals,e,!!this.input.validity[t])}}}Us([a({attribute:"label-position"})],os.prototype,"labelPosition",2),Us([v],os.prototype,"messageSlot",2),Us([v],os.prototype,"slottedInputs",2);const Ud=l.partial`:is([state--disabled], :state(disabled))`,Kd=l.partial`:is([state--focus-visible], :state(focus-visible))`,Yd=l.partial`:is([state--${y.badInput}], :state(${y.badInput}))`,Qd=l.partial`:is([state--${y.customError}], :state(${y.customError}))`,Zd=l.partial`:is([state--${y.patternMismatch}], :state(${y.patternMismatch}))`,Jd=l.partial`:is([state--${y.rangeOverflow}], :state(${y.rangeOverflow}))`,th=l.partial`:is([state--${y.rangeUnderflow}], :state(${y.rangeUnderflow}))`,eh=l.partial`:is([state--${y.stepMismatch}], :state(${y.stepMismatch}))`,oh=l.partial`:is([state--${y.tooLong}], :state(${y.tooLong}))`,sh=l.partial`:is([state--${y.tooShort}], :state(${y.tooShort}))`,ih=l.partial`:is([state--${y.typeMismatch}], :state(${y.typeMismatch}))`,rh=l.partial`:is([state-${y.valid}], :state(${y.valid}))`,nh=l.partial`:is([state--${y.valueMissing}], :state(${y.valueMissing}))`,ah=l`
+  :host{--dialog-backdrop:${Ls}}:host([type='non-modal']) dialog[open]::backdrop{display:none}:host([type='non-modal']) dialog{position:fixed;top:0;bottom:0}:host([type='inline']){height:100%;width:fit-content}:host([type='inline']) dialog[open]{box-shadow:none;position:relative}:host([size='small']) dialog{width:320px;max-width:320px}:host([size='large']) dialog{width:940px;max-width:940px}:host([size='full']) dialog{width:100%;max-width:100%}:host([position='end']) dialog{margin-inline-start:auto;margin-inline-end:0}dialog{box-sizing:border-box;z-index:var(--drawer-elevation,1000);font-size:${B};line-height:${_};font-family:${m};font-weight:${O};color:${z};max-width:var(--drawer-width,592px);max-height:100vh;height:100%;margin-inline-start:0;margin-inline-end:auto;border-inline-end-color:${lt};border-inline-start-color:var(--drawer-separator,${lt});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${Nr};border:${Y} solid ${lt};background:${E}}dialog::backdrop{background:var(--dialog-backdrop)}@layer animations{@media (prefers-reduced-motion:no-preference){dialog{transition:display allow-discrete,opacity,overlay allow-discrete,transform;transition-duration:${Ws};transition-timing-function:${oo}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${eo}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${eo}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${Ws};transition-timing-function:${oo};background:var(--dialog-backdrop,${Ls});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${Us}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function Kd(){return f`<dialog class="dialog" part="dialog" role="${o=>o.type==="modal"?"dialog":o.role}" aria-modal="${o=>o.type==="modal"?"true":void 0}" aria-describedby="${o=>o.ariaDescribedby}" aria-labelledby="${o=>o.ariaLabelledby}" aria-label="${o=>o.ariaLabel}" size="${o=>o.size}" position="${o=>o.position}" type="${o=>o.type}" @click="${(o,t)=>o.clickHandler(t.event)}" @cancel="${(o,t)=>o.hide()}" ${Tt("dialog")}><slot></slot></dialog>`}const Yd=Kd(),Qd=$e.compose({name:`${p.prefix}-drawer`,template:Yd,styles:Ud});Qd.define(p.registry);const Zd={above:"above",after:"after",before:"before"},y={badInput:"bad-input",customError:"custom-error",patternMismatch:"pattern-mismatch",rangeOverflow:"range-overflow",rangeUnderflow:"range-underflow",stepMismatch:"step-mismatch",tooLong:"too-long",tooShort:"too-short",typeMismatch:"type-mismatch",valueMissing:"value-missing",valid:"valid"};var Jd=Object.defineProperty,th=Object.getOwnPropertyDescriptor,si=(o,t,e,s)=>{for(var i=s>1?void 0:s?th(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Jd(t,e,i),i};class as extends k{constructor(){super(...arguments),this.labelPosition=Zd.above,this.elementInternals=this.attachInternals()}messageSlotChanged(t,e){if(!e.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(t,e){this.input=e?.[0],this.input&&this.setStates()}changeHandler(t){this.setStates()}clickHandler(t){if(this.isSameNode(t.target)){this.input.focus(),this.input.click();return}return!0}focusinHandler(t){return t.target.matches(":focus-visible")&&d(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(t){return d(this.elementInternals,"focus-visible",!1),!0}invalidHandler(t){this.messageSlot.length&&t.preventDefault(),this.setStates()}setStates(){if(this.$fastController.isConnected){if(d(this.elementInternals,"disabled",!!this.input.disabled),d(this.elementInternals,"readonly",!!this.input.readOnly),d(this.elementInternals,"required",!!this.input.required),!this.input.validity)return;for(const[t,e]of Object.entries(y))d(this.elementInternals,e,!!this.input.validity[t])}}}si([a({attribute:"label-position"})],as.prototype,"labelPosition",2),si([v],as.prototype,"messageSlot",2),si([v],as.prototype,"slottedInputs",2);const eh=l.partial`:is([state--disabled], :state(disabled))`,oh=l.partial`:is([state--focus-visible], :state(focus-visible))`,sh=l.partial`:is([state--${y.badInput}], :state(${y.badInput}))`,ih=l.partial`:is([state--${y.customError}], :state(${y.customError}))`,rh=l.partial`:is([state--${y.patternMismatch}], :state(${y.patternMismatch}))`,nh=l.partial`:is([state--${y.rangeOverflow}], :state(${y.rangeOverflow}))`,ah=l.partial`:is([state--${y.rangeUnderflow}], :state(${y.rangeUnderflow}))`,lh=l.partial`:is([state--${y.stepMismatch}], :state(${y.stepMismatch}))`,ch=l.partial`:is([state--${y.tooLong}], :state(${y.tooLong}))`,dh=l.partial`:is([state--${y.tooShort}], :state(${y.tooShort}))`,hh=l.partial`:is([state--${y.typeMismatch}], :state(${y.typeMismatch}))`,uh=l.partial`:is([state-${y.valid}], :state(${y.valid}))`,ph=l.partial`:is([state--${y.valueMissing}], :state(${y.valueMissing}))`,gh=l`
   ${w("inline-grid")}
 
-  :host{align-items:center;cursor:pointer;gap:0 ${Jt};justify-items:start;padding:${U}}:has([slot='message']){color:${A};row-gap:${U}}:not(::slotted([slot='label'])){gap:0}:host([label-position='before']){grid-template-areas:'label input' 'label message'}:host([label-position='after']){gap:0;grid-template-areas:'input label' 'message message';grid-template-columns:auto 1fr}:host([label-position='after']) ::slotted([slot='input']){margin-inline-end:${Jt}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${Vo}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message'}::slotted([slot='label']){cursor:pointer;grid-area:label}::slotted([slot='input']){grid-area:input}::slotted([slot='message']){margin-block-start:${Vo};grid-area:message}:host(${Kd}:focus-within){border-radius:${F};outline:${de} solid ${Bt}}::slotted(label){display:inline-flex;color:${A};cursor:pointer;font-family:${m};font-size:${P};font-weight:${B};line-height:${M};user-select:none}:host([size='small']) ::slotted(label){font-size:${W};line-height:${dt}}:host([size='large']) ::slotted(label){font-size:${ct};line-height:${vt}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${D}}:host(${Ud}) ::slotted(label){color:${A};cursor:default}::slotted([flag]){display:none}:host(${Yd}) ::slotted([flag='${y.badInput}']),:host(${Qd}) ::slotted([flag='${y.customError}']),:host(${Zd}) ::slotted([flag='${y.patternMismatch}']),:host(${Jd}) ::slotted([flag='${y.rangeOverflow}']),:host(${th}) ::slotted([flag='${y.rangeUnderflow}']),:host(${eh}) ::slotted([flag='${y.stepMismatch}']),:host(${oh}) ::slotted([flag='${y.tooLong}']),:host(${sh}) ::slotted([flag='${y.tooShort}']),:host(${ih}) ::slotted([flag='${y.typeMismatch}']),:host(${nh}) ::slotted([flag='${y.valueMissing}']),:host(${rh}) ::slotted([flag='${y.valid}']){display:block}`,lh=f`<template @click="${(o,t)=>o.clickHandler(t.event)}" @change="${(o,t)=>o.changeHandler(t.event)}" @focusin="${(o,t)=>o.focusinHandler(t.event)}" @focusout="${(o,t)=>o.focusoutHandler(t.event)}" ${Fn({property:"slottedInputs",attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0,selector:'[slot="input"]',filter:le()})}><slot name="label" part="label"></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${rt({property:"messageSlot",filter:le("[flag]")})}></slot></template>`,ch=os.compose({name:`${g.prefix}-field`,template:lh,styles:ah,shadowOptions:{delegatesFocus:!0}});ch.define(g.registry);var dh=Object.defineProperty,hh=Object.getOwnPropertyDescriptor,lo=(o,t,e,s)=>{for(var i=s>1?void 0:s?hh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&dh(t,e,i),i};class Ee extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.block=!1}blockChanged(t,e){d(this.elementInternals,"block",e)}borderedChanged(t,e){d(this.elementInternals,"bordered",e)}shadowChanged(t,e){d(this.elementInternals,"shadow",e)}fitChanged(t,e){t&&d(this.elementInternals,`fit-${t}`,!1),e&&d(this.elementInternals,`fit-${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}}lo([a({mode:"boolean"})],Ee.prototype,"block",2),lo([a({mode:"boolean"})],Ee.prototype,"bordered",2),lo([a({mode:"boolean"})],Ee.prototype,"shadow",2),lo([a],Ee.prototype,"fit",2),lo([a],Ee.prototype,"shape",2);const uh=f`<slot></slot>`,ph=l`
-  :host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host(:is([state--block],:state(block))) ::slotted(img){width:100%;height:auto}:host(:is([state--bordered],:state(bordered))) ::slotted(img){border:${X} solid ${Xe}}:host(:is([state--fit-none],:state(fit-none))) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host(:is([state--fit-center],:state(fit-center))) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host(:is([state--fit-contain],:state(fit-contain))) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host(:is([state--fit-cover],:state(fit-cover))) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host(:is([state--shadowed],:state(shadowed))) ::slotted(img){box-shadow:${Ro}}:host(${eo}) ::slotted(img){border-radius:${lt}}:host(${Ut}) ::slotted(img){border-radius:${F}}`,gh=Ee.compose({name:`${g.prefix}-image`,template:uh,styles:ph});gh.define(g.registry);var fh=Object.defineProperty,bh=Object.getOwnPropertyDescriptor,ss=(o,t,e,s)=>{for(var i=s>1?void 0:s?bh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&fh(t,e,i),i};class co extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.required=!1}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}weightChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}disabledChanged(t,e){d(this.elementInternals,"disabled",e)}}ss([a],co.prototype,"size",2),ss([a],co.prototype,"weight",2),ss([a({mode:"boolean"})],co.prototype,"disabled",2),ss([a({mode:"boolean"})],co.prototype,"required",2);const mh=l`
+  :host{align-items:center;cursor:pointer;gap:0 ${Ft};justify-items:start;padding:${q}}:has([slot='message']){color:${z};row-gap:${q}}:not(::slotted([slot='label'])){gap:0}:host([label-position='before']){grid-template-areas:'label input' 'label message'}:host([label-position='after']){gap:0;grid-template-areas:'input label' 'message message';grid-template-columns:auto 1fr}:host([label-position='after']) ::slotted([slot='input']){margin-inline-end:${Ft}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${Uo}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message'}::slotted([slot='label']){cursor:pointer;grid-area:label}::slotted([slot='input']){grid-area:input}::slotted([slot='message']){margin-block-start:${Uo};grid-area:message}:host(${oh}:focus-within){border-radius:${T};outline:${ge} solid ${Ot}}::slotted(label){display:inline-flex;color:${z};cursor:pointer;font-family:${m};font-size:${B};font-weight:${O};line-height:${_};user-select:none}:host([size='small']) ::slotted(label){font-size:${V};line-height:${et}}:host([size='large']) ::slotted(label){font-size:${dt};line-height:${kt}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${L}}:host(${eh}) ::slotted(label){color:${z};cursor:default}::slotted([flag]){display:none}:host(${sh}) ::slotted([flag='${y.badInput}']),:host(${ih}) ::slotted([flag='${y.customError}']),:host(${rh}) ::slotted([flag='${y.patternMismatch}']),:host(${nh}) ::slotted([flag='${y.rangeOverflow}']),:host(${ah}) ::slotted([flag='${y.rangeUnderflow}']),:host(${lh}) ::slotted([flag='${y.stepMismatch}']),:host(${ch}) ::slotted([flag='${y.tooLong}']),:host(${dh}) ::slotted([flag='${y.tooShort}']),:host(${hh}) ::slotted([flag='${y.typeMismatch}']),:host(${ph}) ::slotted([flag='${y.valueMissing}']),:host(${uh}) ::slotted([flag='${y.valid}']){display:block}`,fh=f`<template @click="${(o,t)=>o.clickHandler(t.event)}" @change="${(o,t)=>o.changeHandler(t.event)}" @focusin="${(o,t)=>o.focusinHandler(t.event)}" @focusout="${(o,t)=>o.focusoutHandler(t.event)}" ${Vn({property:"slottedInputs",attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0,selector:'[slot="input"]',filter:he()})}><slot name="label" part="label"></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${at({property:"messageSlot",filter:he("[flag]")})}></slot></template>`,bh=as.compose({name:`${p.prefix}-field`,template:fh,styles:gh,shadowOptions:{delegatesFocus:!0}});bh.define(p.registry);var mh=Object.defineProperty,$h=Object.getOwnPropertyDescriptor,go=(o,t,e,s)=>{for(var i=s>1?void 0:s?$h(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&mh(t,e,i),i};class He extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.block=!1}blockChanged(t,e){d(this.elementInternals,"block",e)}borderedChanged(t,e){d(this.elementInternals,"bordered",e)}shadowChanged(t,e){d(this.elementInternals,"shadow",e)}fitChanged(t,e){t&&d(this.elementInternals,`fit-${t}`,!1),e&&d(this.elementInternals,`fit-${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}}go([a({mode:"boolean"})],He.prototype,"block",2),go([a({mode:"boolean"})],He.prototype,"bordered",2),go([a({mode:"boolean"})],He.prototype,"shadow",2),go([a],He.prototype,"fit",2),go([a],He.prototype,"shape",2);const vh=f`<slot></slot>`,yh=l`
+  :host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host(:is([state--block],:state(block))) ::slotted(img){width:100%;height:auto}:host(:is([state--bordered],:state(bordered))) ::slotted(img){border:${Y} solid ${Ye}}:host(:is([state--fit-none],:state(fit-none))) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host(:is([state--fit-center],:state(fit-center))) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host(:is([state--fit-contain],:state(fit-contain))) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host(:is([state--fit-cover],:state(fit-cover))) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host(:is([state--shadowed],:state(shadowed))) ::slotted(img){box-shadow:${Xo}}:host(${ro}) ::slotted(img){border-radius:${ct}}:host(${Qt}) ::slotted(img){border-radius:${T}}`,kh=He.compose({name:`${p.prefix}-image`,template:vh,styles:yh});kh.define(p.registry);var xh=Object.defineProperty,wh=Object.getOwnPropertyDescriptor,ls=(o,t,e,s)=>{for(var i=s>1?void 0:s?wh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&xh(t,e,i),i};class fo extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.required=!1}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}weightChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}disabledChanged(t,e){d(this.elementInternals,"disabled",e)}}ls([a],fo.prototype,"size",2),ls([a],fo.prototype,"weight",2),ls([a({mode:"boolean"})],fo.prototype,"disabled",2),ls([a({mode:"boolean"})],fo.prototype,"required",2);const Ch=l`
   ${w("inline-flex")}
 
-  :host{color:${A};cursor:pointer;font-family:${m};font-size:${P};font-weight:${B};line-height:${M};user-select:none}.asterisk{color:${cr};margin-inline-start:${Gt}}:host(${ot}){font-size:${W};line-height:${dt}}:host(${E}){font-size:${ct};line-height:${vt}}:host(${E}),:host(:is([state--semibold],:state(semibold))){font-weight:${D}}:host(:is([state--disabled],:state(disabled))),:host(:is([state--disabled],:state(disabled))) .asterisk{color:${k}}`;function $h(){return f`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${o=>!o.required}">*</span>`}const vh=$h(),yh=co.compose({name:`${g.prefix}-label`,template:vh,styles:mh});yh.define(g.registry);var kh=Object.defineProperty,xh=Object.getOwnPropertyDescriptor,Kr=(o,t,e,s)=>{for(var i=s>1?void 0:s?xh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&kh(t,e,i),i};class Ks extends zt{constructor(){super(...arguments),this.inline=!1}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}inlineChanged(t,e){d(this.elementInternals,"inline",e)}}Kr([a],Ks.prototype,"appearance",2),Kr([a({mode:"boolean"})],Ks.prototype,"inline",2);const wh=l`
+  :host{color:${z};cursor:pointer;font-family:${m};font-size:${B};font-weight:${O};line-height:${_};user-select:none}.asterisk{color:${$r};margin-inline-start:${xt}}:host(${N}){font-size:${V};line-height:${et}}:host(${I}){font-size:${dt};line-height:${kt}}:host(${I}),:host(:is([state--semibold],:state(semibold))){font-weight:${L}}:host(:is([state--disabled],:state(disabled))),:host(:is([state--disabled],:state(disabled))) .asterisk{color:${x}}`;function Ih(){return f`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${o=>!o.required}">*</span>`}const Sh=Ih(),Ph=fo.compose({name:`${p.prefix}-label`,template:Sh,styles:Ch});Ph.define(p.registry);var Bh=Object.defineProperty,zh=Object.getOwnPropertyDescriptor,an=(o,t,e,s)=>{for(var i=s>1?void 0:s?zh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Bh(t,e,i),i};class ii extends At{constructor(){super(...arguments),this.inline=!1}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}inlineChanged(t,e){d(this.elementInternals,"inline",e)}}an([a],ii.prototype,"appearance",2),an([a({mode:"boolean"})],ii.prototype,"inline",2);const Th=l`
   ${w("inline")}
 
-  :host{position:relative;box-sizing:border-box;background-color:transparent;color:${oa};cursor:pointer;font-family:${m};font-size:${P};font-weight:${B};margin:0;padding:0;overflow:inherit;text-align:left;text-decoration:none;text-decoration-thinkness:${X};text-overflow:inherit;user-select:text}:host(:is(:hover,:focus-visible)){outline:none;text-decoration-line:underline}@media (hover:hover){:host(:hover){color:${sa}}:host(:active){color:${ia}}:host(${C}:hover){color:${na}}:host(${C}:active){color:${aa}}}:host(${C}){color:${ra}}:host-context(:is(h1,h2,h3,h4,h5,h6,p,fluent-text)),:host(:is([state--inline],:state(inline))){font:inherit;text-decoration:underline}:host(:not([href])){color:inherit;text-decoration:none}::slotted(a){position:absolute;inset:0}`.withBehaviors(Z(l`
-    :host{color:LinkText}`));function Ch(){return f`<template tabindex="0" @click="${(o,t)=>o.clickHandler(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}"><slot></slot></template>`}const Sh=Ch(),Ih=Ks.compose({name:`${g.prefix}-link`,template:Sh,styles:wh});Ih.define(g.registry);class Ph extends z{}const Bh=Gs({end:f.partial(`
+  :host{position:relative;box-sizing:border-box;background-color:transparent;color:${pa};cursor:pointer;font-family:${m};font-size:${B};font-weight:${O};margin:0;padding:0;overflow:inherit;text-align:left;text-decoration:none;text-decoration-thinkness:${Y};text-overflow:inherit;user-select:text}:host(:is(:hover,:focus-visible)){outline:none;text-decoration-line:underline}@media (hover:hover){:host(:hover){color:${ga}}:host(:active){color:${fa}}:host(${C}:hover){color:${ma}}:host(${C}:active){color:${$a}}}:host(${C}){color:${ba}}:host-context(:is(h1,h2,h3,h4,h5,h6,p,fluent-text)),:host(:is([state--inline],:state(inline))){font:inherit;text-decoration:underline}:host(:not([href])){color:inherit;text-decoration:none}::slotted(a){position:absolute;inset:0}`.withBehaviors(J(l`
+    :host{color:LinkText}`));function Oh(){return f`<template tabindex="0" @click="${(o,t)=>o.clickHandler(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}"><slot></slot></template>`}const Fh=Oh(),Ah=ii.compose({name:`${p.prefix}-link`,template:Fh,styles:Th});Ah.define(p.registry);class _h extends A{}const Mh=ti({end:f.partial(`
     <svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
       <path d="M15.85 7.65c.2.2.2.5 0 .7l-5.46 5.49a.55.55 0 0 1-.78 0L4.15 8.35a.5.5 0 1 1 .7-.7L10 12.8l5.15-5.16c.2-.2.5-.2.7 0Z" fill="currentColor"></path>
     </svg>
-  `)}),Th=Ph.compose({name:`${g.prefix}-menu-button`,template:Bh,styles:Zo});Th.define(g.registry);const ft={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};ft.menuitem+"",ft.menuitemcheckbox+"",ft.menuitemradio+"";var zh=Object.defineProperty,Fh=Object.getOwnPropertyDescriptor,Le=(o,t,e,s)=>{for(var i=s>1?void 0:s?Fh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&zh(t,e,i),i};class Mt extends x{constructor(){super(...arguments),this.role=ft.menuitem,this.checked=!1,this.handleMenuItemKeyDown=t=>{if(t.defaultPrevented)return!1;switch(t.key){case Ie:case Po:return this.invoke(),!1;case Ce:return this.disabled||(this.submenu?.togglePopover(!0),this.submenu?.focus()),!1;case we:return this.parentElement?.hasAttribute("popover")&&this.parentElement.togglePopover(!1),!1}return!0},this.handleMenuItemClick=t=>(t.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=t=>(this.disabled||this.submenu?.togglePopover(!0),!1),this.handleMouseOut=t=>(this.contains(document.activeElement)||this.submenu?.togglePopover(!1),!1),this.toggleHandler=t=>{t instanceof ToggleEvent&&t.newState==="open"&&(this.setAttribute("tabindex","-1"),this.setAttribute("aria-expanded","true"),this.setSubmenuPosition()),t instanceof ToggleEvent&&t.newState==="closed"&&(this.setAttribute("aria-expanded","false"),this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case ft.menuitemcheckbox:this.checked=!this.checked;break;case ft.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case ft.menuitemradio:this.checked||(this.checked=!0);break}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const t=this.getBoundingClientRect(),e=this.submenu.getBoundingClientRect(),s=getComputedStyle(this).direction==="ltr"?"right":"left";if(t.width+e.width>window.innerWidth*.75){this.submenu.style.translate="0 -100%";return}if(t[s]+e.width>window.innerWidth){this.submenu.style.translate="-100% 0";return}this.submenu.style.translate=`${t.width-8}px 0`}}}checkedChanged(t,e){this.$fastController.isConnected&&this.$emit("change")}slottedSubmenuChanged(t,e){this.submenu?.removeEventListener("toggle",this.toggleHandler),e.length&&(this.submenu=e[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler))}}Le([a({mode:"boolean"})],Mt.prototype,"disabled",2),Le([a],Mt.prototype,"role",2),Le([a({mode:"boolean"})],Mt.prototype,"checked",2),Le([a({mode:"boolean"})],Mt.prototype,"hidden",2),Le([v],Mt.prototype,"slottedSubmenu",2),Le([v],Mt.prototype,"submenu",2),Nt(Mt,Lt);const Oh=l`
+  `)}),Eh=_h.compose({name:`${p.prefix}-menu-button`,template:Mh,styles:is});Eh.define(p.registry);const mt={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};mt.menuitem+"",mt.menuitemcheckbox+"",mt.menuitemradio+"";var Lh=Object.defineProperty,Hh=Object.getOwnPropertyDescriptor,De=(o,t,e,s)=>{for(var i=s>1?void 0:s?Hh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Lh(t,e,i),i};class Ht extends k{constructor(){super(...arguments),this.role=mt.menuitem,this.checked=!1,this.handleMenuItemKeyDown=t=>{if(t.defaultPrevented)return!1;switch(t.key){case Oe:case Fo:return this.invoke(),!1;case ze:return this.disabled||(this.submenu?.togglePopover(!0),this.submenu?.focus()),!1;case Be:return this.parentElement?.hasAttribute("popover")&&this.parentElement.togglePopover(!1),!1}return!0},this.handleMenuItemClick=t=>(t.defaultPrevented||this.disabled||this.invoke(),!1),this.handleMouseOver=t=>(this.disabled||this.submenu?.togglePopover(!0),!1),this.handleMouseOut=t=>(this.contains(document.activeElement)||this.submenu?.togglePopover(!1),!1),this.toggleHandler=t=>{t instanceof ToggleEvent&&t.newState==="open"&&(this.setAttribute("tabindex","-1"),this.setAttribute("aria-expanded","true"),this.setSubmenuPosition()),t instanceof ToggleEvent&&t.newState==="closed"&&(this.setAttribute("aria-expanded","false"),this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case mt.menuitemcheckbox:this.checked=!this.checked;break;case mt.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case mt.menuitemradio:this.checked||(this.checked=!0);break}},this.setSubmenuPosition=()=>{if(!CSS.supports("anchor-name","--anchor")&&this.submenu){const t=this.getBoundingClientRect(),e=this.submenu.getBoundingClientRect(),s=getComputedStyle(this).direction==="ltr"?"right":"left";if(t.width+e.width>window.innerWidth*.75){this.submenu.style.translate="0 -100%";return}if(t[s]+e.width>window.innerWidth){this.submenu.style.translate="-100% 0";return}this.submenu.style.translate=`${t.width-8}px 0`}}}checkedChanged(t,e){this.$fastController.isConnected&&this.$emit("change")}slottedSubmenuChanged(t,e){this.submenu?.removeEventListener("toggle",this.toggleHandler),e.length&&(this.submenu=e[0],this.submenu.toggleAttribute("popover",!0),this.submenu.addEventListener("toggle",this.toggleHandler))}}De([a({mode:"boolean"})],Ht.prototype,"disabled",2),De([a],Ht.prototype,"role",2),De([a({mode:"boolean"})],Ht.prototype,"checked",2),De([a({mode:"boolean"})],Ht.prototype,"hidden",2),De([v],Ht.prototype,"slottedSubmenu",2),De([v],Ht.prototype,"submenu",2),jt(Ht,Nt);const Dh=l`
   ${w("grid")}
 
-  :host{--indent:0;align-items:center;background:${_};border-radius:${F};color:${Rt};contain:layout;cursor:pointer;flex-shrink:0;font:${B} ${P} / ${M} ${m};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${Ss};color:${Bo}}:host([icon]:hover) ::slotted([slot='start']){color:${Yi}}:host(:active){background-color:${tr};color:${To}}:host(:active) ::slotted([slot='start']){color:${Qi}}:host([disabled]){background-color:${Re};color:${k}}:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${k}}:host(:focus-visible){border-radius:${F};outline:2px solid ${Bt}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}:host(:not([checked])) .indicator,:host(:not([checked])) ::slotted([slot='indicator']),:host(:not([aria-haspopup='menu'])) .submenu-glyph,:host(:not([aria-haspopup='menu'])) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${tt};font:${B} ${W} / ${dt} ${m};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host([aria-haspopup='menu']){grid-template-columns:20px auto auto 20px}:host([data-indent='2'][aria-haspopup='menu']){grid-template-columns:20px 20px auto auto 20px}.indicator,::slotted([slot='indicator']){grid-column:1 / span 1;width:20px}::slotted([slot='start']){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot='end']){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot='submenu-glyph']){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){inset-area:inline-end span-block-end;margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;position-try-options:flip-inline,inset-area(block-start);z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}}`.withBehaviors(Z(l`
-    :host([disabled]),:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:GrayText}`)),Ah=f.partial('<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>'),_h=f.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');function Mh(o={}){return f`<template aria-haspopup="${t=>t.submenu?"menu":void 0}" aria-checked="${t=>t.role!==ft.menuitem?t.checked:void 0}" aria-disabled="${t=>t.disabled}" aria-expanded="${t=>t.submenu?"false":void 0}" @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)}" @toggle="${(t,e)=>t.toggleHandler(e.event)}"><slot name="indicator">${ut(o.indicator)}</slot>${Dt(o)}<div part="content" class="content"><slot></slot></div>${Ht(o)}<slot name="submenu-glyph">${ut(o.submenuGlyph)}</slot><slot name="submenu" ${rt({property:"slottedSubmenu",filter:le("[role='menu']")})}></slot></template>`}const Eh=Mh({indicator:Ah,submenuGlyph:_h}),Lh=Mt.compose({name:`${g.prefix}-menu-item`,template:Eh,styles:Oh});Lh.define(g.registry);var Hh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,Nh=(o,t,e,s)=>{for(var i=s>1?void 0:s?Dh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Hh(t,e,i),i};const Ys=class ei extends x{constructor(){super(...arguments),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&Gi(this.parentElement)&&this.parentElement.getAttribute("role")==="menuitem",this.handleFocusOut=t=>{if(!this.contains(t.relatedTarget)&&this.menuItems!==void 0){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=t=>{const e=t.target;this.menuItems!==void 0&&e!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0"))},this.changedMenuItemHandler=t=>{if(this.menuItems===void 0)return;const e=t.target,s=this.menuItems.indexOf(e);if(s!==-1&&e.role==="menuitemradio"&&e.checked===!0){for(let r=s-1;r>=0;--r){const n=this.menuItems[r],h=n.getAttribute("role");if(h===ft.menuitemradio&&(n.checked=!1),h==="separator")break}const i=this.menuItems.length-1;for(let r=s+1;r<=i;++r){const n=this.menuItems[r],h=n.getAttribute("role");if(h===ft.menuitemradio&&(n.checked=!1),h==="separator")break}}},this.isMenuItemElement=t=>t instanceof Mt||Gi(t)&&t.getAttribute("role")in ei.focusableElementRoles,this.isFocusableElement=t=>this.isMenuItemElement(t)}itemsChanged(t,e){this.$fastController.isConnected&&this.menuItems!==void 0&&this.setItems()}connectedCallback(){super.connectedCallback(),St.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){this.setFocus(0,1)}handleMenuKeyDown(t){if(!(t.defaultPrevented||this.menuItems===void 0))switch(t.key){case xe:this.setFocus(this.focusIndex+1,1);return;case Se:this.setFocus(this.focusIndex-1,-1);return;case So:this.setFocus(this.menuItems.length-1,-1);return;case Io:this.setFocus(0,1);return;default:return!0}}removeItemListeners(t=this.items){t.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),$.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(t){const e=t.getAttribute("role"),s=t.querySelector("[slot=start]");return e&&e!==ft.menuitem?s?2:1:s?1:0}setItems(){const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(n=>$.getNotifier(n).subscribe(this,"hidden"));const e=t.filter(n=>!n.hasAttribute("hidden"));this.menuItems=e;const s=this.menuItems.filter(this.isMenuItemElement);s.length&&(this.focusIndex=0),s.forEach((n,h)=>{n.setAttribute("tabindex",h===0?"0":"-1"),n.addEventListener("focus",this.handleItemFocus)});const i=this.menuItems?.filter(this.isMenuItemElement),r=i?.reduce((n,h)=>{const p=ei.elementIndent(h);return Math.max(n,p)},0);i?.forEach(n=>{n instanceof Mt&&n.setAttribute("data-indent",`${r}`)})}handleChange(t,e){e==="hidden"&&this.setItems()}setFocus(t,e){if(this.menuItems!==void 0)for(;t>=0&&t<this.menuItems.length;){const s=this.menuItems[t];if(this.isFocusableElement(s)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=t,s.setAttribute("tabindex","0"),s.focus();break}t+=e}}};Ys.focusableElementRoles=ft,Nh([v],Ys.prototype,"items",2);let Rh=Ys;const Vh=l`
+  :host{--indent:0;align-items:center;background:${E};border-radius:${T};color:${qt};contain:layout;cursor:pointer;flex-shrink:0;font:${O} ${B} / ${_} ${m};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${Os};color:${Ao}}:host([icon]:hover) ::slotted([slot='start']){color:${nr}}:host(:active){background-color:${cr};color:${_o}}:host(:active) ::slotted([slot='start']){color:${ar}}:host([disabled]){background-color:${qe};color:${x}}:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${x}}:host(:focus-visible){border-radius:${T};outline:2px solid ${Ot}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}:host(:not([checked])) .indicator,:host(:not([checked])) ::slotted([slot='indicator']),:host(:not([aria-haspopup='menu'])) .submenu-glyph,:host(:not([aria-haspopup='menu'])) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${tt};font:${O} ${V} / ${et} ${m};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host([aria-haspopup='menu']){grid-template-columns:20px auto auto 20px}:host([data-indent='2'][aria-haspopup='menu']){grid-template-columns:20px 20px auto auto 20px}.indicator,::slotted([slot='indicator']){grid-column:1 / span 1;width:20px}::slotted([slot='start']){display:inline-flex;grid-column:calc(var(--indent)) / span 1}.content{grid-column:calc(var(--indent) + 1) / span 1}::slotted([slot='end']){grid-column:calc(var(--indent) + 2) / span 1;justify-self:end}.submenu-glyph,::slotted([slot='submenu-glyph']){grid-column:-2 / span 1;justify-self:end}@layer popover{:host{anchor-name:--menu-trigger;position:relative}::slotted([popover]){inset-area:inline-end span-block-end;margin:0;max-height:var(--menu-max-height,auto);position:absolute;position-anchor:--menu-trigger;position-try-options:flip-inline,inset-area(block-start);z-index:1}::slotted([popover]:not(:popover-open)){display:none}::slotted([popover]:popover-open){inset:unset}}`.withBehaviors(J(l`
+    :host([disabled]),:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:GrayText}`)),Nh=f.partial('<svg class="indicator" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M14.05 3.49c.28.3.27.77-.04 1.06l-7.93 7.47A.85.85 0 014.9 12L2.22 9.28a.75.75 0 111.06-1.06l2.24 2.27 7.47-7.04a.75.75 0 011.06.04z" fill="currentColor"></path></svg>'),Rh=f.partial('<svg class="submenu-glyph" fill="currentColor" aria-hidden="true" width="16" height="16" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg"><path d="M5.74 3.2a.75.75 0 00-.04 1.06L9.23 8 5.7 11.74a.75.75 0 101.1 1.02l4-4.25a.75.75 0 000-1.02l-4-4.25a.75.75 0 00-1.06-.04z" fill="currentColor"></path></svg>');function Vh(o={}){return f`<template aria-haspopup="${t=>t.submenu?"menu":void 0}" aria-checked="${t=>t.role!==mt.menuitem?t.checked:void 0}" aria-disabled="${t=>t.disabled}" aria-expanded="${t=>t.submenu?"false":void 0}" @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)}" @toggle="${(t,e)=>t.toggleHandler(e.event)}"><slot name="indicator">${gt(o.indicator)}</slot>${Vt(o)}<div part="content" class="content"><slot></slot></div>${Rt(o)}<slot name="submenu-glyph">${gt(o.submenuGlyph)}</slot><slot name="submenu" ${at({property:"slottedSubmenu",filter:he("[role='menu']")})}></slot></template>`}const jh=Vh({indicator:Nh,submenuGlyph:Rh}),qh=Ht.compose({name:`${p.prefix}-menu-item`,template:jh,styles:Dh});qh.define(p.registry);var Gh=Object.defineProperty,Wh=Object.getOwnPropertyDescriptor,Xh=(o,t,e,s)=>{for(var i=s>1?void 0:s?Wh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Gh(t,e,i),i};const ri=class hi extends k{constructor(){super(...arguments),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&er(this.parentElement)&&this.parentElement.getAttribute("role")==="menuitem",this.handleFocusOut=t=>{if(!this.contains(t.relatedTarget)&&this.menuItems!==void 0){const e=this.menuItems.findIndex(this.isFocusableElement);this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.menuItems[e].setAttribute("tabindex","0"),this.focusIndex=e}},this.handleItemFocus=t=>{const e=t.target;this.menuItems!==void 0&&e!==this.menuItems[this.focusIndex]&&(this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0"))},this.changedMenuItemHandler=t=>{if(this.menuItems===void 0)return;const e=t.target,s=this.menuItems.indexOf(e);if(s!==-1&&e.role==="menuitemradio"&&e.checked===!0){for(let r=s-1;r>=0;--r){const n=this.menuItems[r],h=n.getAttribute("role");if(h===mt.menuitemradio&&(n.checked=!1),h==="separator")break}const i=this.menuItems.length-1;for(let r=s+1;r<=i;++r){const n=this.menuItems[r],h=n.getAttribute("role");if(h===mt.menuitemradio&&(n.checked=!1),h==="separator")break}}},this.isMenuItemElement=t=>t instanceof Ht||er(t)&&t.getAttribute("role")in hi.focusableElementRoles,this.isFocusableElement=t=>this.isMenuItemElement(t)}itemsChanged(t,e){this.$fastController.isConnected&&this.menuItems!==void 0&&this.setItems()}connectedCallback(){super.connectedCallback(),Bt.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changedMenuItemHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changedMenuItemHandler)}focus(){this.setFocus(0,1)}handleMenuKeyDown(t){if(!(t.defaultPrevented||this.menuItems===void 0))switch(t.key){case Pe:this.setFocus(this.focusIndex+1,1);return;case Te:this.setFocus(this.focusIndex-1,-1);return;case To:this.setFocus(this.menuItems.length-1,-1);return;case Oo:this.setFocus(0,1);return;default:return!0}}removeItemListeners(t=this.items){t.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),$.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(t){const e=t.getAttribute("role"),s=t.querySelector("[slot=start]");return e&&e!==mt.menuitem?s?2:1:s?1:0}setItems(){const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(n=>$.getNotifier(n).subscribe(this,"hidden"));const e=t.filter(n=>!n.hasAttribute("hidden"));this.menuItems=e;const s=this.menuItems.filter(this.isMenuItemElement);s.length&&(this.focusIndex=0),s.forEach((n,h)=>{n.setAttribute("tabindex",h===0?"0":"-1"),n.addEventListener("focus",this.handleItemFocus)});const i=this.menuItems?.filter(this.isMenuItemElement),r=i?.reduce((n,h)=>{const g=hi.elementIndent(h);return Math.max(n,g)},0);i?.forEach(n=>{n instanceof Ht&&n.setAttribute("data-indent",`${r}`)})}handleChange(t,e){e==="hidden"&&this.setItems()}setFocus(t,e){if(this.menuItems!==void 0)for(;t>=0&&t<this.menuItems.length;){const s=this.menuItems[t];if(this.isFocusableElement(s)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=t,s.setAttribute("tabindex","0"),s.focus();break}t+=e}}};ri.focusableElementRoles=mt,Xh([v],ri.prototype,"items",2);let Uh=ri;const Kh=l`
   ${w("flex")}
 
-  :host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${_};border:1px solid ${at};border-radius:${F};box-shadow:${Ir};padding:4px;row-gap:2px}`;function jh(){return f`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" role="menu" @keydown="${(o,t)=>o.handleMenuKeyDown(t.event)}" @focusout="${(o,t)=>o.handleFocusOut(t.event)}"><slot ${rt("items")}></slot></template>`}const qh=jh(),Gh=Rh.compose({name:`${g.prefix}-menu-list`,template:qh,styles:Vh});Gh.define(g.registry);var Wh=Object.defineProperty,Xh=Object.getOwnPropertyDescriptor,He=(o,t,e,s)=>{for(var i=s>1?void 0:s?Xh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Wh(t,e,i),i};class fe extends x{constructor(){super(...arguments),this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.toggleMenu=()=>{this._menuList?.togglePopover(!this._open)},this.closeMenu=()=>{this._menuList?.togglePopover(!1),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)},this.openMenu=t=>{this._menuList?.togglePopover(!0),t&&this.openOnContext&&t.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=t=>{if(t instanceof ToggleEvent){const e=t.newState==="open";this._trigger?.setAttribute("aria-expanded",`${e}`),this._open=e,this.focusMenuList()}},this.triggerKeydownHandler=t=>{if(t.defaultPrevented)return;switch(t.key){case Po:case Ie:t.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=t=>{t.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu()}}connectedCallback(){super.connectedCallback(),St.enqueue(()=>this.setComponent())}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners()}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("popover",this.openOnContext?"manual":""),this.addListeners())}focusMenuList(){St.enqueue(()=>{this._menuList.focus()})}focusTrigger(){St.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(t,e){e?this._trigger?.addEventListener("mouseover",this.openMenu):this._trigger?.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(t,e){e?this._menuList?.removeEventListener("click",this.closeMenu):this._menuList?.addEventListener("click",this.closeMenu)}openOnContextChanged(t,e){e?this._trigger?.addEventListener("contextmenu",this.openMenu):this._trigger?.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(t,e){e?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){this._menuList?.addEventListener("toggle",this.toggleHandler),this._trigger?.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||this._menuList?.addEventListener("click",this.closeMenu),this.openOnHover?this._trigger?.addEventListener("mouseover",this.openMenu):this.openOnContext?(this._trigger?.addEventListener("contextmenu",this.openMenu),document.addEventListener("click",this.documentClickHandler)):this._trigger?.addEventListener("click",this.toggleMenu)}removeListeners(){this._menuList?.removeEventListener("toggle",this.toggleHandler),this._trigger?.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||this._menuList?.removeEventListener("click",this.closeMenu),this.openOnHover&&this._trigger?.removeEventListener("mouseover",this.openMenu),this.openOnContext?(this._trigger?.removeEventListener("contextmenu",this.openMenu),document.removeEventListener("click",this.documentClickHandler)):this._trigger?.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(t){if(t.defaultPrevented)return;switch(t.key){case Dn:t.preventDefault(),this._open&&(this.closeMenu(),this.focusTrigger());break;case Nn:this._open&&this.closeMenu(),t.shiftKey&&this.focusTrigger();default:return!0}}}He([v,a({attribute:"open-on-hover",mode:"boolean"})],fe.prototype,"openOnHover",2),He([v,a({attribute:"open-on-context",mode:"boolean"})],fe.prototype,"openOnContext",2),He([v,a({attribute:"close-on-scroll",mode:"boolean"})],fe.prototype,"closeOnScroll",2),He([v,a({attribute:"persist-on-item-click",mode:"boolean"})],fe.prototype,"persistOnItemClick",2),He([v],fe.prototype,"slottedMenuList",2),He([v],fe.prototype,"slottedTriggers",2);const Uh=l`
+  :host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${E};border:1px solid ${lt};border-radius:${T};box-shadow:${Dr};padding:4px;row-gap:2px}`;function Yh(){return f`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" role="menu" @keydown="${(o,t)=>o.handleMenuKeyDown(t.event)}" @focusout="${(o,t)=>o.handleFocusOut(t.event)}"><slot ${at("items")}></slot></template>`}const Qh=Yh(),Zh=Uh.compose({name:`${p.prefix}-menu-list`,template:Qh,styles:Kh});Zh.define(p.registry);var Jh=Object.defineProperty,tu=Object.getOwnPropertyDescriptor,Ne=(o,t,e,s)=>{for(var i=s>1?void 0:s?tu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Jh(t,e,i),i};class ve extends k{constructor(){super(...arguments),this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.slottedMenuList=[],this.slottedTriggers=[],this._open=!1,this.toggleMenu=()=>{this._menuList?.togglePopover(!this._open)},this.closeMenu=()=>{this._menuList?.togglePopover(!1),this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)},this.openMenu=t=>{this._menuList?.togglePopover(!0),t&&this.openOnContext&&t.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.toggleHandler=t=>{if(t instanceof ToggleEvent){const e=t.newState==="open";this._trigger?.setAttribute("aria-expanded",`${e}`),this._open=e,this.focusMenuList()}},this.triggerKeydownHandler=t=>{if(t.defaultPrevented)return;switch(t.key){case Fo:case Oe:t.preventDefault(),this.toggleMenu();break;default:return!0}},this.documentClickHandler=t=>{t.composedPath().some(e=>e===this._trigger||e===this._menuList)||this.closeMenu()}}connectedCallback(){super.connectedCallback(),Bt.enqueue(()=>this.setComponent())}disconnectedCallback(){super.disconnectedCallback(),this.removeListeners()}setComponent(){this.$fastController.isConnected&&this.slottedMenuList.length&&this.slottedTriggers.length&&(this._trigger=this.slottedTriggers[0],this._menuList=this.slottedMenuList[0],this._trigger.setAttribute("aria-haspopup","true"),this._trigger.setAttribute("aria-expanded",`${this._open}`),this._menuList.setAttribute("popover",this.openOnContext?"manual":""),this.addListeners())}focusMenuList(){Bt.enqueue(()=>{this._menuList.focus()})}focusTrigger(){Bt.enqueue(()=>{this._trigger.focus()})}openOnHoverChanged(t,e){e?this._trigger?.addEventListener("mouseover",this.openMenu):this._trigger?.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(t,e){e?this._menuList?.removeEventListener("click",this.closeMenu):this._menuList?.addEventListener("click",this.closeMenu)}openOnContextChanged(t,e){e?this._trigger?.addEventListener("contextmenu",this.openMenu):this._trigger?.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(t,e){e?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}addListeners(){this._menuList?.addEventListener("toggle",this.toggleHandler),this._trigger?.addEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||this._menuList?.addEventListener("click",this.closeMenu),this.openOnHover?this._trigger?.addEventListener("mouseover",this.openMenu):this.openOnContext?(this._trigger?.addEventListener("contextmenu",this.openMenu),document.addEventListener("click",this.documentClickHandler)):this._trigger?.addEventListener("click",this.toggleMenu)}removeListeners(){this._menuList?.removeEventListener("toggle",this.toggleHandler),this._trigger?.removeEventListener("keydown",this.triggerKeydownHandler),this.persistOnItemClick||this._menuList?.removeEventListener("click",this.closeMenu),this.openOnHover&&this._trigger?.removeEventListener("mouseover",this.openMenu),this.openOnContext?(this._trigger?.removeEventListener("contextmenu",this.openMenu),document.removeEventListener("click",this.documentClickHandler)):this._trigger?.removeEventListener("click",this.toggleMenu)}menuKeydownHandler(t){if(t.defaultPrevented)return;switch(t.key){case Yn:t.preventDefault(),this._open&&(this.closeMenu(),this.focusTrigger());break;case Qn:if(this._open&&this.closeMenu(),t.shiftKey&&t.composedPath()[0]!==this._trigger)this.focusTrigger();else if(t.shiftKey)return!0;default:return!0}}}Ne([v,a({attribute:"open-on-hover",mode:"boolean"})],ve.prototype,"openOnHover",2),Ne([v,a({attribute:"open-on-context",mode:"boolean"})],ve.prototype,"openOnContext",2),Ne([v,a({attribute:"close-on-scroll",mode:"boolean"})],ve.prototype,"closeOnScroll",2),Ne([v,a({attribute:"persist-on-item-click",mode:"boolean"})],ve.prototype,"persistOnItemClick",2),Ne([v],ve.prototype,"slottedMenuList",2),Ne([v],ve.prototype,"slottedTriggers",2);const eu=l`
   ${w("inline-block")}
 
-  ::slotted([slot='trigger']){anchor-name:--menu-trigger}::slotted([popover]){inset-area:block-end span-inline-end;margin:0;max-height:var(--menu-max-height,auto);position-anchor:--menu-trigger;position-try-options:flip-block;position:absolute;z-index:1}::slotted([popover]:popover-open){inset:unset}::slotted([popover]:not(:popover-open)){display:none}`;function Kh(){return f`<template ?open-on-hover="${o=>o.openOnHover}" ?open-on-context="${o=>o.openOnContext}" ?close-on-scroll="${o=>o.closeOnScroll}" ?persist-on-item-click="${o=>o.persistOnItemClick}" @keydown="${(o,t)=>o.menuKeydownHandler(t.event)}"><slot name="trigger" ${rt({property:"slottedTriggers",filter:le()})}></slot><slot ${rt({property:"slottedMenuList",filter:le()})}></slot></template>`}const Yh=Kh(),Qh=fe.compose({name:`${g.prefix}-menu`,template:Yh,styles:Uh});Qh.define(g.registry);var Zh=Object.defineProperty,Jh=Object.getOwnPropertyDescriptor,be=(o,t,e,s)=>{for(var i=s>1?void 0:s?Jh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Zh(t,e,i),i};class ie extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.validationState=null,this.elementInternals.role="progressbar"}thicknessChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}validationStateChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}valueChanged(t,e){this.elementInternals.ariaValueNow=typeof e=="number"?`${e}`:null}minChanged(t,e){this.elementInternals.ariaValueMin=typeof e=="number"?`${e}`:null}maxChanged(t,e){this.elementInternals.ariaValueMax=typeof e=="number"?`${e}`:null}get percentComplete(){const t=this.min??0,e=this.max??100,s=this.value??0,i=e-t;return i===0?0:Math.fround((s-t)/i*100)}}be([a],ie.prototype,"thickness",2),be([a],ie.prototype,"shape",2),be([a({attribute:"validation-state"})],ie.prototype,"validationState",2),be([a({converter:nt})],ie.prototype,"value",2),be([a({converter:nt})],ie.prototype,"min",2),be([a({converter:nt})],ie.prototype,"max",2),be([pn],ie.prototype,"percentComplete",1);const tu=l`
+  ::slotted([slot='trigger']){anchor-name:--menu-trigger}::slotted([popover]){inset-area:block-end span-inline-end;margin:0;max-height:var(--menu-max-height,auto);position-anchor:--menu-trigger;position-try-options:flip-block;position:absolute;z-index:1}::slotted([popover]:popover-open){inset:unset}::slotted([popover]:not(:popover-open)){display:none}`;function ou(){return f`<template ?open-on-hover="${o=>o.openOnHover}" ?open-on-context="${o=>o.openOnContext}" ?close-on-scroll="${o=>o.closeOnScroll}" ?persist-on-item-click="${o=>o.persistOnItemClick}" @keydown="${(o,t)=>o.menuKeydownHandler(t.event)}"><slot name="trigger" ${at({property:"slottedTriggers",filter:he()})}></slot><slot ${at({property:"slottedMenuList",filter:he()})}></slot></template>`}const su=ou(),iu=ve.compose({name:`${p.prefix}-menu`,template:su,styles:eu});iu.define(p.registry);var ru=Object.defineProperty,nu=Object.getOwnPropertyDescriptor,ni=(o,t,e,s)=>{for(var i=s>1?void 0:s?nu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&ru(t,e,i),i};class cs extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.dismissMessageBar=()=>{this.$emit("dismiss",{})},this.elementInternals.role="status"}shapeChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}layoutChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}intentChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}}ni([a],cs.prototype,"shape",2),ni([a],cs.prototype,"layout",2),ni([a],cs.prototype,"intent",2);const au=l`
+  :host{display:grid;box-sizing:border-box;font-family:${m};font-size:${V};line-height:${et};width:100%;background:${As};border:1px solid ${pe};padding-inline:${Ft};border-radius:${T};min-height:36px;align-items:center;grid-template:'icon body actions dismiss' / auto 1fr auto auto;contain:layout style paint}:host(${no}){border-radius:0}:host(${fe}){background-color:${yr};border-color:${Ea}}:host(${be}){background-color:${xr};border-color:${Cr}}:host(${Js}){background-color:${fr};border-color:${mr}}:host(${co}){grid-template-areas:'icon body dismiss'
+      'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${Je};padding-inline:${Ft}}.content{grid-area:body;max-width:520px;padding-block:${Je};padding-inline:0}:host(${co}) .content{padding:0}::slotted([slot='icon']){display:flex;grid-area:icon;flex-direction:column;align-items:center;color:${tt};margin-inline-end:${ut}}:host(${co}) ::slotted([slot='icon']){align-items:start;height:100%}::slotted([slot='dismiss']){grid-area:dismiss}.actions{grid-area:actions;display:flex;justify-self:end;margin-inline-end:${ut};gap:${ut}}:host(${co}) .actions{margin-block-start:${Je};margin-inline-end:0}:host(${co}) ::slotted([slot='dismiss']){align-items:start;height:100%;padding-block-start:${q}}::slotted(*){font-size:inherit}`;function lu(){return f`<slot name="icon"></slot><div class="content"><slot></slot></div><div class="actions"><slot name="actions"></slot></div><slot name="dismiss"></slot>`}const cu=lu(),du=cs.compose({name:`${p.prefix}-message-bar`,template:cu,styles:au,shadowOptions:{mode:p.shadowRootMode}});du.define(p.registry);var hu=Object.defineProperty,uu=Object.getOwnPropertyDescriptor,ye=(o,t,e,s)=>{for(var i=s>1?void 0:s?uu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&hu(t,e,i),i};class ae extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.validationState=null,this.elementInternals.role="progressbar"}thicknessChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}validationStateChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}valueChanged(t,e){this.elementInternals.ariaValueNow=typeof e=="number"?`${e}`:null}minChanged(t,e){this.elementInternals.ariaValueMin=typeof e=="number"?`${e}`:null}maxChanged(t,e){this.elementInternals.ariaValueMax=typeof e=="number"?`${e}`:null}get percentComplete(){const t=this.min??0,e=this.max??100,s=this.value??0,i=e-t;return i===0?0:Math.fround((s-t)/i*100)}}ye([a],ae.prototype,"thickness",2),ye([a],ae.prototype,"shape",2),ye([a({attribute:"validation-state"})],ae.prototype,"validationState",2),ye([a({converter:K})],ae.prototype,"value",2),ye([a({converter:K})],ae.prototype,"min",2),ye([a({converter:K})],ae.prototype,"max",2),ye([Cn],ae.prototype,"percentComplete",1);const pu=l`
   ${w("block")}
 
-  :host{width:100%;height:2px;overflow-x:hidden;background-color:${Ao};border-radius:${F};contain:content}:host(${E}){height:4px}:host(${Xo}){border-radius:${Es}}.indicator{background-color:${Ve};border-radius:inherit;height:100%}:host([value]) .indicator{transition:all 0.2s ease-in-out}:host(:not([value])) .indicator{position:relative;width:33%;background-image:linear-gradient(
-      to right,${Ao} 0%,${mt} 50%,${Ao} 100%
-    );animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host(${Hr}) .indicator{background-color:${lr}}:host(${Oe}) .indicator{background-color:${ur}}:host(${Fe}) .indicator{background-color:${hr}}@layer animations{@media (prefers-reduced-motion:no-preference){:host([value]){transition:none}:host(:not([value])) .indicator{animation-duration:0.01ms;animation-iteration-count:1}}}@keyframes indeterminate{0%{inset-inline-start:-33%}100%{inset-inline-start:100%}}`.withBehaviors(Z(l`
-    :host{background-color:CanvasText}.indicator,:host(:is(${Fe},${Oe},${Hr})) .indicator{background-color:Highlight}`));function eu(){return f`<div class="indicator" part="indicator" style="${o=>typeof o.value=="number"?`width: ${o.percentComplete}%`:void 0}"></div>`}const ou=eu(),su=ie.compose({name:`${g.prefix}-progress-bar`,template:ou,styles:tu});su.define(g.registry);const Yr="form-associated-proxy",Qr="ElementInternals",Zr=Qr in window&&"setFormValue"in window[Qr].prototype,Jr=new WeakMap;function tn(o){const t=class extends o{constructor(...e){super(...e),this.dirtyValue=!1,this.initialValue="",this.disabled=!1,this.proxyEventsToBlock=["change","click"],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||"",this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}static get formAssociated(){return Zr}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){const e=this.proxy.labels,s=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)),i=e?s.concat(Array.from(e)):s;return Object.freeze(i)}else return ni}valueChanged(e,s){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.currentValue=this.value,this.setFormValue(this.value),this.validate()}currentValueChanged(){this.value=this.currentValue}initialValueChanged(e,s){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(e,s){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),St.enqueue(()=>this.classList.toggle("disabled",this.disabled))}nameChanged(e,s){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(e,s){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),St.enqueue(()=>this.classList.toggle("required",this.required)),this.validate()}get elementInternals(){if(!Zr)return null;let e=Jr.get(this);return e||(e=this.attachInternals(),Jr.set(this,e)),e}connectedCallback(){super.connectedCallback(),this.addEventListener("keypress",this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener("reset",this.formResetCallback))}disconnectedCallback(){this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener("reset",this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,s,i){this.elementInternals?this.elementInternals.setValidity(e,s,i):typeof s=="string"&&this.proxy.setCustomValidity(s)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display="none",this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name=="string"&&(this.proxy.name=this.name),typeof this.value=="string"&&(this.proxy.value=this.value),this.proxy.setAttribute("slot",Yr),this.proxySlot=document.createElement("slot"),this.proxySlot.setAttribute("name",Yr)),this.shadowRoot?.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot?.removeChild(this.proxySlot)}validate(e){this.proxy instanceof HTMLElement&&this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}setFormValue(e,s){this.elementInternals&&this.elementInternals.setFormValue(e,s||e)}_keypressHandler(e){switch(e.key){case Ie:this.form instanceof HTMLFormElement&&this.form.querySelector("[type=submit]")?.click();break}}stopPropagation(e){e.stopPropagation()}};return a({mode:"boolean"})(t.prototype,"disabled"),a({mode:"fromView",attribute:"value"})(t.prototype,"initialValue"),a({attribute:"current-value"})(t.prototype,"currentValue"),a(t.prototype,"name"),a({mode:"boolean"})(t.prototype,"required"),v(t.prototype,"value"),t}function iu(o){class t extends tn(o){}class e extends t{constructor(...i){super(i),this.dirtyChecked=!1,this.checkedAttribute=!1,this.checked=!1,this.dirtyChecked=!1}checkedAttributeChanged(){this.defaultChecked=this.checkedAttribute}defaultCheckedChanged(){this.dirtyChecked||(this.checked=this.defaultChecked,this.dirtyChecked=!1)}checkedChanged(i,r){this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),i!==void 0&&this.$emit("change"),this.validate()}currentCheckedChanged(i,r){this.checked=this.currentChecked}updateForm(){const i=this.checked?this.value:null;this.setFormValue(i,i)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.checkedAttribute,this.dirtyChecked=!1}}return a({attribute:"checked",mode:"boolean"})(e.prototype,"checkedAttribute"),a({attribute:"current-checked",converter:_i})(e.prototype,"currentChecked"),v(e.prototype,"defaultChecked"),v(e.prototype,"checked"),e}class ru extends x{}class nu extends iu(ru){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var au=Object.defineProperty,lu=Object.getOwnPropertyDescriptor,en=(o,t,e,s)=>{for(var i=s>1?void 0:s?lu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&au(t,e,i),i};class Kt extends nu{constructor(){super(),this.initialValue="on",this.proxy.setAttribute("type","radio")}get radioGroup(){return this.closest("[role=radiogroup]")}defaultCheckedChanged(){this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}connectedCallback(){super.connectedCallback(),this.validate(),this.parentElement?.getAttribute("role")!=="radiogroup"&&this.getAttribute("tabindex")===null&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}isInsideRadioGroup(){return this.radioGroup!==null}keypressHandler(t){switch(t.key){case Po:!this.checked&&!this.radioGroup?.readOnly&&(this.checked=!0);return}return!0}}en([v],Kt.prototype,"name",2),en([v],Kt.prototype,"defaultSlottedNodes",2);const on=Q;var cu=Object.defineProperty,du=Object.getOwnPropertyDescriptor,re=(o,t,e,s)=>{for(var i=s>1?void 0:s?du(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&cu(t,e,i),i};class Yt extends x{constructor(){super(...arguments),this.stacked=!1,this.orientation=on.horizontal,this.radioChangeHandler=t=>{const e=t.target;e.checked&&(this.slottedRadioButtons.forEach(s=>{s instanceof Kt&&s!==e&&(s.checked=!1,this.isInsideFoundationToolbar||s.setAttribute("tabindex","-1"))}),this.selectedRadio=e,this.value=e.value,e.setAttribute("tabindex","0"),this.focusedRadio=e),t.stopPropagation()},this.moveToRadioByIndex=(t,e)=>{const s=t[e];this.isInsideToolbar||(s.setAttribute("tabindex","0"),s.checked=!0,this.selectedRadio=s),this.focusedRadio=s,s.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.focusOutHandler=t=>{const e=this.slottedRadioButtons,s=t.target,i=s!==null?e.indexOf(s):0,r=this.focusedRadio?e.indexOf(this.focusedRadio):-1;return(r===0&&i===r||r===e.length-1&&r===i)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),e.forEach(n=>{n!==this.selectedRadio&&n.setAttribute("tabindex","-1")}))):(this.focusedRadio=e[0],this.focusedRadio.setAttribute("tabindex","0"),e.forEach(n=>{s instanceof Kt&&n!==this.focusedRadio&&n.setAttribute("tabindex","-1")}))),!0},this.handleDisabledClick=t=>{if(this.disabled){t.preventDefault();return}return!0},this.clickHandler=t=>{if(this.disabled)return;t.preventDefault();const e=t.target;e&&e instanceof Kt&&(e.checked=!0,e.setAttribute("tabindex","0"),this.selectedRadio=e,this.focusedRadio=e)},this.shouldMoveOffGroupToTheRight=(t,e,s)=>t===e.length&&this.isInsideToolbar&&s===Ce,this.shouldMoveOffGroupToTheLeft=(t,e)=>(this.focusedRadio?t.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&e===we,this.checkFocusedRadio=()=>{this.focusedRadio!==null&&!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 s=0;if(s=this.focusedRadio?e.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(s,e,t.key)){this.moveRightOffGroup();return}else s===e.length&&(s=0);for(;s<e.length&&e.length>1;)if(e[s].disabled){if(this.focusedRadio&&s===e.indexOf(this.focusedRadio))break;if(s+1>=e.length){if(this.isInsideToolbar)break;s=0}else s+=1}else{this.moveToRadioByIndex(e,s);break}},this.moveLeft=t=>{const e=this.slottedRadioButtons;let s=0;if(s=this.focusedRadio?e.indexOf(this.focusedRadio)-1:0,s=s<0?e.length-1:s,this.shouldMoveOffGroupToTheLeft(e,t.key)){this.moveLeftOffGroup();return}for(;s>=0&&e.length>1;)if(e[s].disabled){if(this.focusedRadio&&s===e.indexOf(this.focusedRadio))break;s-1<0?s=e.length-1:s-=1}else{this.moveToRadioByIndex(e,s);break}},this.keydownHandler=t=>{const e=t.key;if(e in Rn&&(this.isInsideFoundationToolbar||this.disabled))return!0;switch(e){case Ie:{this.checkFocusedRadio();break}case Ce:case xe:{this.direction===ht.ltr?this.moveRight(t):this.moveLeft(t);break}case we:case Se:{this.direction===ht.ltr?this.moveLeft(t):this.moveRight(t);break}default:return!0}}}nameChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t.setAttribute("name",this.name)})}valueChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t instanceof Kt&&t.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(){return this.parentToolbar??!1}get isInsideFoundationToolbar(){return!!this.parentToolbar?.hasOwnProperty("$fastController")}connectedCallback(){super.connectedCallback(),this.direction=Wi(this),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(t=>{t instanceof Kt&&t.removeEventListener("change",this.radioChangeHandler)})}setupRadioButtons(){const t=this.slottedRadioButtons.filter(i=>i.hasAttribute("checked")),e=t?t.length:0;if(e>1){const i=t[e-1];i.checked=!0}let s=!1;if(this.slottedRadioButtons.forEach(i=>{i instanceof Kt&&(this.name!==void 0&&i.setAttribute("name",this.name),this.value&&this.value===i.value?(this.selectedRadio=i,this.focusedRadio=i,i.checked=!0,i.setAttribute("tabindex","0"),s=!0):(this.isInsideFoundationToolbar||i.setAttribute("tabindex","-1"),i.checked=!1),i.addEventListener("change",this.radioChangeHandler))}),this.value===void 0&&this.slottedRadioButtons.length>0){const i=this.slottedRadioButtons.filter(n=>n.hasAttribute("checked")),r=i!==null?i.length:0;if(r>0&&!s){const n=i[r-1];n.checked=!0,this.focusedRadio=n,n.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}re([a({mode:"boolean"})],Yt.prototype,"stacked",2),re([a({attribute:"readonly",mode:"boolean"})],Yt.prototype,"readOnly",2),re([a({attribute:"disabled",mode:"boolean"})],Yt.prototype,"disabled",2),re([a],Yt.prototype,"name",2),re([a],Yt.prototype,"value",2),re([a],Yt.prototype,"orientation",2),re([v],Yt.prototype,"childItems",2),re([v],Yt.prototype,"slottedRadioButtons",2);const hu=l`
+  :host{width:100%;height:2px;overflow-x:hidden;background-color:${Ho};border-radius:${T};contain:content}:host(${I}){height:4px}:host(${no}){border-radius:${qs}}.indicator{background-color:${Ge};border-radius:inherit;height:100%}:host([value]) .indicator{transition:all 0.2s ease-in-out}:host(:not([value])) .indicator{position:relative;width:33%;background-image:linear-gradient(
+      to right,${Ho} 0%,${vt} 50%,${Ho} 100%
+    );animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host(${Js}) .indicator{background-color:${br}}:host(${be}) .indicator{background-color:${wr}}:host(${fe}) .indicator{background-color:${kr}}@layer animations{@media (prefers-reduced-motion:no-preference){:host([value]){transition:none}:host(:not([value])) .indicator{animation-duration:0.01ms;animation-iteration-count:1}}}@keyframes indeterminate{0%{inset-inline-start:-33%}100%{inset-inline-start:100%}}`.withBehaviors(J(l`
+    :host{background-color:CanvasText}.indicator,:host(:is(${fe},${be},${Js})) .indicator{background-color:Highlight}`));function gu(){return f`<div class="indicator" part="indicator" style="${o=>typeof o.value=="number"?`width: ${o.percentComplete}%`:void 0}"></div>`}const fu=gu(),bu=ae.compose({name:`${p.prefix}-progress-bar`,template:fu,styles:pu});bu.define(p.registry);const ln="form-associated-proxy",cn="ElementInternals",dn=cn in window&&"setFormValue"in window[cn].prototype,hn=new WeakMap;function un(o){const t=class extends o{constructor(...e){super(...e),this.dirtyValue=!1,this.initialValue="",this.disabled=!1,this.proxyEventsToBlock=["change","click"],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||"",this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}static get formAssociated(){return dn}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){const e=this.proxy.labels,s=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)),i=e?s.concat(Array.from(e)):s;return Object.freeze(i)}else return bi}valueChanged(e,s){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.currentValue=this.value,this.setFormValue(this.value),this.validate()}currentValueChanged(){this.value=this.currentValue}initialValueChanged(e,s){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(e,s){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),Bt.enqueue(()=>this.classList.toggle("disabled",this.disabled))}nameChanged(e,s){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(e,s){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),Bt.enqueue(()=>this.classList.toggle("required",this.required)),this.validate()}get elementInternals(){if(!dn)return null;let e=hn.get(this);return e||(e=this.attachInternals(),hn.set(this,e)),e}connectedCallback(){super.connectedCallback(),this.addEventListener("keypress",this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener("reset",this.formResetCallback))}disconnectedCallback(){this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener("reset",this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,s,i){this.elementInternals?this.elementInternals.setValidity(e,s,i):typeof s=="string"&&this.proxy.setCustomValidity(s)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display="none",this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name=="string"&&(this.proxy.name=this.name),typeof this.value=="string"&&(this.proxy.value=this.value),this.proxy.setAttribute("slot",ln),this.proxySlot=document.createElement("slot"),this.proxySlot.setAttribute("name",ln)),this.shadowRoot?.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot?.removeChild(this.proxySlot)}validate(e){this.proxy instanceof HTMLElement&&this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}setFormValue(e,s){this.elementInternals&&this.elementInternals.setFormValue(e,s||e)}_keypressHandler(e){switch(e.key){case Oe:this.form instanceof HTMLFormElement&&this.form.querySelector("[type=submit]")?.click();break}}stopPropagation(e){e.stopPropagation()}};return a({mode:"boolean"})(t.prototype,"disabled"),a({mode:"fromView",attribute:"value"})(t.prototype,"initialValue"),a({attribute:"current-value"})(t.prototype,"currentValue"),a(t.prototype,"name"),a({mode:"boolean"})(t.prototype,"required"),v(t.prototype,"value"),t}function mu(o){class t extends un(o){}class e extends t{constructor(...i){super(i),this.dirtyChecked=!1,this.checkedAttribute=!1,this.checked=!1,this.dirtyChecked=!1}checkedAttributeChanged(){this.defaultChecked=this.checkedAttribute}defaultCheckedChanged(){this.dirtyChecked||(this.checked=this.defaultChecked,this.dirtyChecked=!1)}checkedChanged(i,r){this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),i!==void 0&&this.$emit("change"),this.validate()}currentCheckedChanged(i,r){this.checked=this.currentChecked}updateForm(){const i=this.checked?this.value:null;this.setFormValue(i,i)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.checkedAttribute,this.dirtyChecked=!1}}return a({attribute:"checked",mode:"boolean"})(e.prototype,"checkedAttribute"),a({attribute:"current-checked",converter:qi})(e.prototype,"currentChecked"),v(e.prototype,"defaultChecked"),v(e.prototype,"checked"),e}class $u extends k{}class vu extends mu($u){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var yu=Object.defineProperty,ku=Object.getOwnPropertyDescriptor,pn=(o,t,e,s)=>{for(var i=s>1?void 0:s?ku(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&yu(t,e,i),i};class Jt extends vu{constructor(){super(),this.initialValue="on",this.proxy.setAttribute("type","radio")}get radioGroup(){return this.closest("[role=radiogroup]")}defaultCheckedChanged(){this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}connectedCallback(){super.connectedCallback(),this.validate(),this.parentElement?.getAttribute("role")!=="radiogroup"&&this.getAttribute("tabindex")===null&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}isInsideRadioGroup(){return this.radioGroup!==null}keypressHandler(t){switch(t.key){case Fo:!this.checked&&!this.radioGroup?.readOnly&&(this.checked=!0);return}return!0}}pn([v],Jt.prototype,"name",2),pn([v],Jt.prototype,"defaultSlottedNodes",2);const gn=ot;var xu=Object.defineProperty,wu=Object.getOwnPropertyDescriptor,le=(o,t,e,s)=>{for(var i=s>1?void 0:s?wu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&xu(t,e,i),i};class te extends k{constructor(){super(...arguments),this.stacked=!1,this.orientation=gn.horizontal,this.radioChangeHandler=t=>{const e=t.target;e.checked&&(this.slottedRadioButtons.forEach(s=>{s instanceof Jt&&s!==e&&(s.checked=!1,this.isInsideFoundationToolbar||s.setAttribute("tabindex","-1"))}),this.selectedRadio=e,this.value=e.value,e.setAttribute("tabindex","0"),this.focusedRadio=e),t.stopPropagation()},this.moveToRadioByIndex=(t,e)=>{const s=t[e];this.isInsideToolbar||(s.setAttribute("tabindex","0"),s.checked=!0,this.selectedRadio=s),this.focusedRadio=s,s.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.focusOutHandler=t=>{const e=this.slottedRadioButtons,s=t.target,i=s!==null?e.indexOf(s):0,r=this.focusedRadio?e.indexOf(this.focusedRadio):-1;return(r===0&&i===r||r===e.length-1&&r===i)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),e.forEach(n=>{n!==this.selectedRadio&&n.setAttribute("tabindex","-1")}))):(this.focusedRadio=e[0],this.focusedRadio.setAttribute("tabindex","0"),e.forEach(n=>{s instanceof Jt&&n!==this.focusedRadio&&n.setAttribute("tabindex","-1")}))),!0},this.handleDisabledClick=t=>{if(this.disabled){t.preventDefault();return}return!0},this.clickHandler=t=>{if(this.disabled)return;t.preventDefault();const e=t.target;e&&e instanceof Jt&&(e.checked=!0,e.setAttribute("tabindex","0"),this.selectedRadio=e,this.focusedRadio=e)},this.shouldMoveOffGroupToTheRight=(t,e,s)=>t===e.length&&this.isInsideToolbar&&s===ze,this.shouldMoveOffGroupToTheLeft=(t,e)=>(this.focusedRadio?t.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&e===Be,this.checkFocusedRadio=()=>{this.focusedRadio!==null&&!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 s=0;if(s=this.focusedRadio?e.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(s,e,t.key)){this.moveRightOffGroup();return}else s===e.length&&(s=0);for(;s<e.length&&e.length>1;)if(e[s].disabled){if(this.focusedRadio&&s===e.indexOf(this.focusedRadio))break;if(s+1>=e.length){if(this.isInsideToolbar)break;s=0}else s+=1}else{this.moveToRadioByIndex(e,s);break}},this.moveLeft=t=>{const e=this.slottedRadioButtons;let s=0;if(s=this.focusedRadio?e.indexOf(this.focusedRadio)-1:0,s=s<0?e.length-1:s,this.shouldMoveOffGroupToTheLeft(e,t.key)){this.moveLeftOffGroup();return}for(;s>=0&&e.length>1;)if(e[s].disabled){if(this.focusedRadio&&s===e.indexOf(this.focusedRadio))break;s-1<0?s=e.length-1:s-=1}else{this.moveToRadioByIndex(e,s);break}},this.keydownHandler=t=>{const e=t.key;if(e in Zn&&(this.isInsideFoundationToolbar||this.disabled))return!0;switch(e){case Oe:{this.checkFocusedRadio();break}case ze:case Pe:{this.direction===pt.ltr?this.moveRight(t):this.moveLeft(t);break}case Be:case Te:{this.direction===pt.ltr?this.moveLeft(t):this.moveRight(t);break}default:return!0}}}nameChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t.setAttribute("name",this.name)})}valueChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t instanceof Jt&&t.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(){return this.parentToolbar??!1}get isInsideFoundationToolbar(){return!!this.parentToolbar?.hasOwnProperty("$fastController")}connectedCallback(){super.connectedCallback(),this.direction=or(this),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(t=>{t instanceof Jt&&t.removeEventListener("change",this.radioChangeHandler)})}setupRadioButtons(){const t=this.slottedRadioButtons.filter(i=>i.hasAttribute("checked")),e=t?t.length:0;if(e>1){const i=t[e-1];i.checked=!0}let s=!1;if(this.slottedRadioButtons.forEach(i=>{i instanceof Jt&&(this.name!==void 0&&i.setAttribute("name",this.name),this.value&&this.value===i.value?(this.selectedRadio=i,this.focusedRadio=i,i.checked=!0,i.setAttribute("tabindex","0"),s=!0):(this.isInsideFoundationToolbar||i.setAttribute("tabindex","-1"),i.checked=!1),i.addEventListener("change",this.radioChangeHandler))}),this.value===void 0&&this.slottedRadioButtons.length>0){const i=this.slottedRadioButtons.filter(n=>n.hasAttribute("checked")),r=i!==null?i.length:0;if(r>0&&!s){const n=i[r-1];n.checked=!0,this.focusedRadio=n,n.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}le([a({mode:"boolean"})],te.prototype,"stacked",2),le([a({attribute:"readonly",mode:"boolean"})],te.prototype,"readOnly",2),le([a({attribute:"disabled",mode:"boolean"})],te.prototype,"disabled",2),le([a],te.prototype,"name",2),le([a],te.prototype,"value",2),le([a],te.prototype,"orientation",2),le([v],te.prototype,"childItems",2),le([v],te.prototype,"slottedRadioButtons",2);const Cu=l`
   ${w("flex")}
 
-  :host{align-items:flex-start;flex-direction:column;row-gap:${U}}:host([disabled]) ::slotted([role='radio']){--control-border-color:${k};--checked-indicator-background-color:${k};--state-color:${k}}::slotted([slot='label']){color:${A};padding:${U} ${Tt} ${U} ${Gt};font:${B} ${P} / ${M} ${m};cursor:default}.positioning-region{display:flex;flex-wrap:wrap}:host([orientation='vertical']) .positioning-region{flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']) .positioning-region{flex-direction:row}:host([orientation='horizontal']) ::slotted([role='radio']){padding-inline-end:${Tt}}:host([orientation='horizontal'][stacked]) ::slotted([role='radio']){display:flex;flex-direction:column;padding-inline:${Tt};height:auto;align-items:center;justify-content:center}:host([disabled]) ::slotted([role='radio']){pointer-events:none}`;function uu(){return f`<template role="radiogroup" tabindex="${o=>o.disabled?-1:void 0}" aria-disabled="${o=>o.disabled}" aria-readonly="${o=>o.readOnly}" aria-orientation="${o=>o.orientation}" @click="${(o,t)=>o.clickHandler(t.event)}" @mousedown="${(o,t)=>o.handleDisabledClick(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}" @focusout="${(o,t)=>o.focusOutHandler(t.event)}"><slot name="label"></slot><div class="positioning-region ${o=>o.orientation===on.horizontal?"horizontal":"vertical"}" part="positioning-region"><slot ${rt({property:"slottedRadioButtons",filter:le("[role=radio]")})}></slot></div></template>`}const pu=uu(),gu=Yt.compose({name:`${g.prefix}-radio-group`,template:pu,styles:hu});gu.define(g.registry);const fu=l`
+  :host{align-items:flex-start;flex-direction:column;row-gap:${q}}:host([disabled]) ::slotted([role='radio']){--control-border-color:${x};--checked-indicator-background-color:${x};--state-color:${x}}::slotted([slot='label']){color:${z};padding:${q} ${ut} ${q} ${xt};font:${O} ${B} / ${_} ${m};cursor:default}.positioning-region{display:flex;flex-wrap:wrap}:host([orientation='vertical']) .positioning-region{flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']) .positioning-region{flex-direction:row}:host([orientation='horizontal']) ::slotted([role='radio']){padding-inline-end:${ut}}:host([orientation='horizontal'][stacked]) ::slotted([role='radio']){display:flex;flex-direction:column;padding-inline:${ut};height:auto;align-items:center;justify-content:center}:host([disabled]) ::slotted([role='radio']){pointer-events:none}`;function Iu(){return f`<template role="radiogroup" tabindex="${o=>o.disabled?-1:void 0}" aria-disabled="${o=>o.disabled}" aria-readonly="${o=>o.readOnly}" aria-orientation="${o=>o.orientation}" @click="${(o,t)=>o.clickHandler(t.event)}" @mousedown="${(o,t)=>o.handleDisabledClick(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}" @focusout="${(o,t)=>o.focusOutHandler(t.event)}"><slot name="label"></slot><div class="positioning-region ${o=>o.orientation===gn.horizontal?"horizontal":"vertical"}" part="positioning-region"><slot ${at({property:"slottedRadioButtons",filter:he("[role=radio]")})}></slot></div></template>`}const Su=Iu(),Pu=te.compose({name:`${p.prefix}-radio-group`,template:Su,styles:Cu});Pu.define(p.registry);const Bu=l`
   ${w("inline-grid")}
 
-  :host{grid-auto-flow:column;grid-template-columns:max-content;gap:${Gt};align-items:center;height:32px;cursor:pointer;outline:none;position:relative;user-select:none;color:blue;color:var(--state-color,${tt});padding-inline-end:${Tt};--control-border-color:${jt};--checked-indicator-background-color:${Ki};--state-color:${tt}}:host([disabled]){--control-border-color:${k};--checked-indicator-background-color:${k};--state-color:${k}}.label{cursor:pointer;font-family:${m};font-size:${P};font-weight:${B};line-height:${M}}.label__hidden{display:none}.control{box-sizing:border-box;align-items:center;border:1px solid var(--control-border-color,${jt});border-radius:${lt};display:flex;height:16px;justify-content:center;margin:${U} ${Tt};position:relative;width:16px;justify-self:center}.checked-indicator{border-radius:${lt};height:10px;opacity:0;width:10px}:host([aria-checked='false']:hover) .control{color:${Rt}}:host(:focus-visible){border-radius:${$t};box-shadow:0 0 0 3px ${Bt};outline:1px solid ${Eo}}:host(:hover) .control{border-color:${Ge}}:host(:active) .control{border-color:${We}}:host([aria-checked='true']) .checked-indicator{opacity:1}:host([aria-checked='true']) .control{border-color:var(--control-border-color,${jt})}:host([aria-checked='true']) .checked-indicator{background-color:var(--checked-indicator-background-color,${Ki})}:host([aria-checked='true']:hover) .control{border-color:${As}}:host([aria-checked='true']:hover) .checked-indicator{background-color:${As}}:host([aria-checked='true']:active) .control{border-color:${_s}}:host([aria-checked='true']:active) .checked-indicator{background:${Qi}}:host([disabled]){color:${k};pointer-events:none}:host([disabled]) .control{pointer-events:none;border-color:${k}}:host([disabled]) .checked-indicator{background:${k}}`.withBehaviors(Z(l`
-    :host .control{border-color:InactiveBorder}:host([aria-checked='true']) .checked-indicator,:host([aria-checked='true']:active) .checked-indicator,:host([aria-checked='true']:hover) .checked-indicator{background-color:Highlight;border-color:ActiveBorder}`));function bu(o={}){return f`<template role="radio" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" @keypress="${(t,e)=>t.keypressHandler(e.event)}"><div part="control" class="control"><slot name="checked-indicator">${ut(o.checkedIndicator)}</slot></div><label part="label" class="${t=>["label",!t.defaultSlottedNodes?.length&&"label__hidden"].filter(Boolean).join(" ")}"><slot ${rt({property:"defaultSlottedNodes",filter:Xi})}></slot></label></template>`}const mu=bu({checkedIndicator:f`<div part="checked-indicator" class="checked-indicator"></div>`}),$u=Kt.compose({name:`${g.prefix}-radio`,template:mu,styles:fu});$u.define(g.registry);const vu={singleValue:"single-value"};class yu extends x{}class ku extends tn(yu){constructor(){super(...arguments),this.proxy=document.createElement("input")}}function sn(o,t,e,s){let i=xs(0,1,(o-t)/(e-t));return s===ht.rtl&&(i=1-i),i}var xu=Object.defineProperty,wu=Object.getOwnPropertyDescriptor,K=(o,t,e,s)=>{for(var i=s>1?void 0:s?wu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&xu(t,e,i),i};class q extends ku{constructor(){super(...arguments),this.direction=ht.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.orientation=Q.horizontal,this.mode=vu.singleValue,this.keypressHandler=t=>{if(!(this.readOnly||this.disabled)){if(t.key===Io)t.preventDefault(),this.direction!==ht.rtl&&this.orientation!==Q.vertical?this.value=`${this.min}`:this.value=`${this.max}`;else if(t.key===So)t.preventDefault(),this.direction!==ht.rtl&&this.orientation!==Q.vertical?this.value=`${this.max}`:this.value=`${this.min}`;else if(!t.shiftKey)switch(t.key){case Ce:case Se:t.preventDefault(),this.increment();break;case we:case xe:t.preventDefault(),this.decrement();break}}},this.setupTrackConstraints=()=>{const t=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=t.top,this.trackMinHeight=t.bottom,this.trackLeft=this.getBoundingClientRect().left,this.trackWidth===0&&(this.trackWidth=1)},this.setupListeners=(t=!1)=>{this.addEventListener("keydown",this.keypressHandler),this.addEventListener("mousedown",this.handleMouseDown),t&&(this.removeEventListener("keydown",this.keypressHandler),this.removeEventListener("mousedown",this.handleMouseDown))},this.initialValue="",this.handleThumbMouseDown=t=>{const e=t!==null?window.addEventListener:window.removeEventListener;e("mouseup",this.handleWindowMouseUp),e("mousemove",this.handleMouseMove,{passive:!0}),e("touchmove",this.handleMouseMove,{passive:!0}),e("touchend",this.handleWindowMouseUp),this.isDragging=t!==null},this.handleMouseMove=t=>{if(this.readOnly||this.disabled||t.defaultPrevented)return;const e=window.TouchEvent&&t instanceof TouchEvent?t.touches[0]:t,s=this.orientation===Q.horizontal?e.pageX-document.documentElement.scrollLeft-this.trackLeft:e.pageY-document.documentElement.scrollTop;this.value=`${this.calculateNewValue(s)}`},this.handleWindowMouseUp=t=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=t=>{if(t===null||!this.disabled&&!this.readOnly){const e=t!==null?window.addEventListener:window.removeEventListener,s=t!==null?document.addEventListener:document.removeEventListener;if(e("mouseup",this.handleWindowMouseUp),s("mouseleave",this.handleWindowMouseUp),e("mousemove",this.handleMouseMove),t){this.setupTrackConstraints();const i=this.orientation===Q.horizontal?t.pageX-document.documentElement.scrollLeft-this.trackLeft:t.pageY-document.documentElement.scrollTop;this.value=`${this.calculateNewValue(i)}`}}}}handleChange(t,e){switch(e){case"min":case"max":case"step":this.handleStepStyles();break}}handleStepStyles(){if(this.step){const t=100/Math.floor((this.max-this.min)/this.step);this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=l`
-        :host{--step-rate:${t}%;color:blue}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}get valueAsNumber(){return parseFloat(super.value)}set valueAsNumber(t){this.value=t.toString()}valueChanged(t,e){if(this.$fastController.isConnected){const s=parseFloat(e),i=xs(this.min,this.max,this.convertToConstrainedValue(s)).toString();if(i!==e){this.value=i;return}super.valueChanged(t,e),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=Wi(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),$.getNotifier(this).subscribe(this,"max"),$.getNotifier(this).subscribe(this,"min"),$.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),this.setupListeners(!0),$.getNotifier(this).unsubscribe(this,"max"),$.getNotifier(this).unsubscribe(this,"min"),$.getNotifier(this).unsubscribe(this,"step")}increment(){const t=this.direction!==ht.rtl&&this.orientation!==Q.vertical?Number(this.value)+Number(this.stepValue):Number(this.value)+Number(this.stepValue),e=this.convertToConstrainedValue(t),s=e<Number(this.max)?`${e}`:`${this.max}`;this.value=s}decrement(){const t=this.direction!==ht.rtl&&this.orientation!==Q.vertical?Number(this.value)-Number(this.stepValue):Number(this.value)-Number(this.stepValue),e=this.convertToConstrainedValue(t),s=e>Number(this.min)?`${e}`:`${this.min}`;this.value=s}get stepValue(){return this.step===void 0?1:this.step}setThumbPositionForOrientation(t){const s=(1-sn(Number(this.value),Number(this.min),Number(this.max),t))*100;this.orientation===Q.horizontal?this.position=this.isDragging?`right: ${s}%; transition: none;`:`right: ${s}%; transition: all 0.2s ease;`:this.position=this.isDragging?`top: ${s}%; transition: none;`:`top: ${s}%; transition: all 0.2s ease;`}updateStepMultiplier(){const t=this.stepValue+"",e=this.stepValue%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(typeof this.value=="string")if(this.value.length===0)this.initialValue=this.midpoint;else{const t=parseFloat(this.value);!Number.isNaN(t)&&(t<this.min||t>this.max)&&(this.value=this.midpoint)}}calculateNewValue(t){this.setupTrackConstraints();const e=sn(t,this.orientation===Q.horizontal?this.trackMinWidth:this.trackMinHeight,this.orientation===Q.horizontal?this.trackWidth:this.trackHeight,this.direction),s=(this.max-this.min)*e+this.min;return this.convertToConstrainedValue(s)}convertToConstrainedValue(t){isNaN(t)&&(t=this.min);let e=t-this.min;const s=Math.round(e/this.stepValue),i=e-s*(this.stepMultiplier*this.stepValue)/this.stepMultiplier;return e=i>=Number(this.stepValue)/2?e-i+Number(this.stepValue):e-i,e+this.min}}K([a],q.prototype,"size",2),K([a({attribute:"readonly",mode:"boolean"})],q.prototype,"readOnly",2),K([v],q.prototype,"direction",2),K([v],q.prototype,"isDragging",2),K([v],q.prototype,"position",2),K([v],q.prototype,"trackWidth",2),K([v],q.prototype,"trackMinWidth",2),K([v],q.prototype,"trackHeight",2),K([v],q.prototype,"trackLeft",2),K([v],q.prototype,"trackMinHeight",2),K([v],q.prototype,"valueTextFormatter",2),K([a({converter:nt})],q.prototype,"min",2),K([a({converter:nt})],q.prototype,"max",2),K([a({converter:nt})],q.prototype,"step",2),K([a],q.prototype,"orientation",2),K([a],q.prototype,"mode",2);const Cu=l`
-  ${w("inline-grid")} :host{--thumb-size:18px;--thumb-padding:3px;--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:-2px;--track-width:4px;--fast-slider-height:calc(var(--thumb-size) * 10);--slider-direction:90deg;align-items:center;box-sizing:border-box;outline:none;cursor:pointer;user-select:none;border-radius:${$t};touch-action:pan-y;min-width:calc(var(--thumb-size) * 1px);width:100%}:host([size='small']){--thumb-size:14px;--track-width:2px;--thumb-padding:3px}:host([orientation='vertical']){--slider-direction:0deg;height:160px;min-height:var(--thumb-size);touch-action:pan-x;padding:8px 0;width:auto;min-width:auto}:host([disabled]:hover){cursor:initial}:host(:focus-visible){box-shadow:0 0 0 2pt ${Bt};outline:1px solid ${Eo}}.thumb-cursor:focus{outline:0}.thumb-container{position:absolute;height:var(--thumb-size);width:var(--thumb-size);transition:all 0.2s ease}.thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.5))}:host([size='small']) .thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.35))}:host([orientation='vertical']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.5)) translateY(calc(var(--thumb-size) * -0.5))}:host([orientation='vertical'][size='small']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.35)) translateY(calc(var(--thumb-size) * -0.5))}.thumb-cursor{height:var(--thumb-size);width:var(--thumb-size);background-color:${zs};border-radius:${lt};box-shadow:inset 0 0 0 var(--thumb-padding) ${_},0 0 0 1px ${Pe}}.thumb-cursor:hover{background-color:${je}}.thumb-cursor:active{background-color:${qe}}:host([disabled]) .thumb-cursor{background-color:${k};box-shadow:inset 0 0 0 var(--thumb-padding) ${_},0 0 0 1px ${qt}}.positioning-region{position:relative;display:grid}:host([orientation='horizontal']) .positioning-region{margin:0 8px;grid-template-rows:var(--thumb-size) var(--thumb-size)}:host([orientation='vertical']) .positioning-region{margin:8px 0;height:100%;grid-template-columns:var(--thumb-size) var(--thumb-size)}.track{align-self:start;position:absolute;background-color:${jt};border-radius:${F};overflow:hidden}:host([step]) .track::after{content:'';position:absolute;border-radius:${F};width:100%;inset:0 2px;background-image:repeating-linear-gradient(
-      var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${_} calc(var(--step-rate) - 1px),${_} var(--step-rate)
-    )}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${Re}}:host([orientation='horizontal']) .track{right:var(--track-overhang);left:var(--track-overhang);align-self:start;height:var(--track-width);grid-row:2 / auto}:host([orientation='vertical']) .track{top:var(--track-overhang);bottom:var(--track-overhang);width:var(--track-width);height:100%;grid-column:2 / auto}.track-start{background-color:${Ve};position:absolute;height:100%;left:0;border-radius:${F}}:host([disabled]) .track-start{background-color:${k}}:host(:hover) .track-start{background-color:${je}}:host([disabled]:hover) .track-start{background-color:${k}}.track-start:active{background-color:${qe}}:host([orientation='vertical']) .track-start{height:auto;width:100%;bottom:0}`.withBehaviors(Z(l`
-    .track:hover,.track:active,.track{background:WindowText}.thumb-cursor:hover,.thumb-cursor:active,.thumb-cursor{background:ButtonText}:host(:hover) .track-start,.track-start:active,.track-start{background:Highlight}`));function Su(o={}){return f`<template role="slider" 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?!0:void 0}" aria-readonly="${t=>t.readOnly?!0:void 0}" aria-orientation="${t=>t.orientation}" class="${t=>t.orientation}"><div part="positioning-region" class="positioning-region"><div ${Pt("track")} part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${t=>t.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${Pt("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}" @mousedown="${(t,e)=>t.handleThumbMouseDown(e.event)}" @touchstart="${(t,e)=>t.handleThumbMouseDown(e.event)}"><slot name="thumb">${ut(o.thumb)}</slot></div></div></template>`}const Iu=Su({thumb:'<div class="thumb-cursor"></div>'}),Pu=q.compose({name:`${g.prefix}-slider`,template:Iu,styles:Cu});Pu.define(g.registry);var Bu=Object.defineProperty,Tu=Object.getOwnPropertyDescriptor,rn=(o,t,e,s)=>{for(var i=s>1?void 0:s?Tu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Bu(t,e,i),i};class Qs extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}}rn([a],Qs.prototype,"size",2),rn([a],Qs.prototype,"appearance",2);const zu=l`
+  :host{grid-auto-flow:column;grid-template-columns:max-content;gap:${xt};align-items:center;height:32px;cursor:pointer;outline:none;position:relative;user-select:none;color:blue;color:var(--state-color,${tt});padding-inline-end:${ut};--control-border-color:${Wt};--checked-indicator-background-color:${rr};--state-color:${tt}}:host([disabled]){--control-border-color:${x};--checked-indicator-background-color:${x};--state-color:${x}}.label{cursor:pointer;font-family:${m};font-size:${B};font-weight:${O};line-height:${_}}.label__hidden{display:none}.control{box-sizing:border-box;align-items:center;border:1px solid var(--control-border-color,${Wt});border-radius:${ct};display:flex;height:16px;justify-content:center;margin:${q} ${ut};position:relative;width:16px;justify-self:center}.checked-indicator{border-radius:${ct};height:10px;opacity:0;width:10px}:host([aria-checked='false']:hover) .control{color:${qt}}:host(:focus-visible){border-radius:${yt};box-shadow:0 0 0 3px ${Ot};outline:1px solid ${Vo}}:host(:hover) .control{border-color:${Ue}}:host(:active) .control{border-color:${Ke}}:host([aria-checked='true']) .checked-indicator{opacity:1}:host([aria-checked='true']) .control{border-color:var(--control-border-color,${Wt})}:host([aria-checked='true']) .checked-indicator{background-color:var(--checked-indicator-background-color,${rr})}:host([aria-checked='true']:hover) .control{border-color:${Rs}}:host([aria-checked='true']:hover) .checked-indicator{background-color:${Rs}}:host([aria-checked='true']:active) .control{border-color:${Vs}}:host([aria-checked='true']:active) .checked-indicator{background:${ar}}:host([disabled]){color:${x};pointer-events:none}:host([disabled]) .control{pointer-events:none;border-color:${x}}:host([disabled]) .checked-indicator{background:${x}}`.withBehaviors(J(l`
+    :host .control{border-color:InactiveBorder}:host([aria-checked='true']) .checked-indicator,:host([aria-checked='true']:active) .checked-indicator,:host([aria-checked='true']:hover) .checked-indicator{background-color:Highlight;border-color:ActiveBorder}`));function zu(o={}){return f`<template role="radio" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" @keypress="${(t,e)=>t.keypressHandler(e.event)}"><div part="control" class="control"><slot name="checked-indicator">${gt(o.checkedIndicator)}</slot></div><label part="label" class="${t=>["label",!t.defaultSlottedNodes?.length&&"label__hidden"].filter(Boolean).join(" ")}"><slot ${at({property:"defaultSlottedNodes",filter:sr})}></slot></label></template>`}const Tu=zu({checkedIndicator:f`<div part="checked-indicator" class="checked-indicator"></div>`}),Ou=Jt.compose({name:`${p.prefix}-radio`,template:Tu,styles:Bu});Ou.define(p.registry);var Fu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,Re=(o,t,e,s)=>{for(var i=s>1?void 0:s?Au(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Fu(t,e,i),i};class ke extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.compact=!1,this.intlNumberFormatter=new Intl.NumberFormat,this.elementInternals.role="img"}colorChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}sizeChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}get formattedCount(){return this.count?this.intlNumberFormatter.format(this.count):""}generateIcons(){let t="";const e=Math.round((this.compact?1:this.value??0)*2)/2;for(let s=0;s<(this.compact?1:this.max??5)*2;s++){const i=(s+1)/2;t+=`<svg aria-hidden="true" ${i===e?"selected":""}><use href="#star"></use></svg>`}return t}}Re([a],ke.prototype,"color",2),Re([a({mode:"boolean"})],ke.prototype,"compact",2),Re([a({converter:K})],ke.prototype,"count",2),Re([a({converter:K})],ke.prototype,"max",2),Re([a],ke.prototype,"size",2),Re([a({converter:K})],ke.prototype,"value",2);const _u=l`
+  ${w("inline-flex")}
+
+  :host{--icon-size:16px;align-items:center;color:${z};font-family:${m};font-size:${V};line-height:${et};contain:layout style;user-select:none}:host(${N}){--icon-size:12px}:host(${I}){--icon-size:20px;font-size:${B};line-height:${_}}svg{width:var(--icon-size);height:var(--icon-size);fill:${Ga};margin-inline-end:${ht}}svg:nth-child(even){clip-path:inset(0 50% 0 0);margin-inline-end:calc(0px - var(--icon-size))}:host(${os}) svg{fill:${z}}:host(${Zt}) svg{fill:${No}}:host(:is([value^='-'],[value='0'])) svg,:host(:not([value])) svg,svg[selected] ~ svg{fill:${Sr}}:host(${os}:is([value^='-'],[value='0'])) svg,:host(${os}:not([value])) svg,:host(${os}) svg[selected] ~ svg{fill:${Fs}}:host(${Zt}:is([value^='-'],[value='0'])) svg,:host(${Zt}:not([value])) svg,:host(${Zt}) svg[selected] ~ svg{fill:${Ds}}.value-label,::slotted([slot='value']){display:block;margin-inline-start:${xt};font-weight:${L}}:host(${N}) .value-label,:host(${N}) ::slotted([slot='value']){margin-inline-start:${ht}}:host(${I}) .value-label,:host(${I}) ::slotted([slot='value']){margin-inline-start:${Ut}}:host(:not([count])) .count-label{display:none}.count-label::before,::slotted([slot='count'])::before{content:'·';margin-inline:${xt}}:host(${N}) .count-label::before,:host(${N}) ::slotted([slot='count'])::before{margin-inline:${ht}}:host(${I}) .count-label::before,:host(${I}) ::slotted([slot='count'])::before{margin-inline:${Ut}}`.withBehaviors(J(l`
+    :host([color]) svg{fill:CanvasText}:host([color]:is([value^='-'],[value='0'])) svg,:host(:not([value])) svg,:host([color]) svg[selected] ~ svg{fill:Canvas;stroke:CanvasText}`)),Mu=f`<svg xmlns="http://www.w3.org/2000/svg" style="display: none"><symbol id="star" viewBox="0 0 12 12"><path d="M5.28347 1.54556C5.57692 0.95096 6.42479 0.950961 6.71825 1.54556L7.82997 3.79817L10.3159 4.15939C10.9721 4.25474 11.2341 5.06112 10.7592 5.52394L8.96043 7.27736L9.38507 9.75321C9.49716 10.4067 8.81122 10.9051 8.22431 10.5966L6.00086 9.42761L3.7774 10.5966C3.19049 10.9051 2.50455 10.4067 2.61664 9.75321L3.04128 7.27736L1.24246 5.52394C0.767651 5.06111 1.02966 4.25474 1.68584 4.15939L4.17174 3.79817L5.28347 1.54556Z" /></symbol></svg>`;function Eu(){return f` ${Mu} ${o=>f`${f.partial(o.generateIcons())}`}<slot name="value"><span class="value-label" aria-hidden="true">${o=>o.value}</span></slot><slot name="count"><span class="count-label" aria-hidden="true">${o=>o.formattedCount}</span></slot>`}const Lu=Eu(),Hu=ke.compose({name:`${p.prefix}-rating-display`,template:Lu,styles:_u});Hu.define(p.registry);const Du={singleValue:"single-value"};class Nu extends k{}class Ru extends un(Nu){constructor(){super(...arguments),this.proxy=document.createElement("input")}}function fn(o,t,e,s){let i=Bs(0,1,(o-t)/(e-t));return s===pt.rtl&&(i=1-i),i}var Vu=Object.defineProperty,ju=Object.getOwnPropertyDescriptor,Q=(o,t,e,s)=>{for(var i=s>1?void 0:s?ju(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Vu(t,e,i),i};class X extends Ru{constructor(){super(...arguments),this.direction=pt.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.orientation=ot.horizontal,this.mode=Du.singleValue,this.keypressHandler=t=>{if(!(this.readOnly||this.disabled)){if(t.key===Oo)t.preventDefault(),this.direction!==pt.rtl&&this.orientation!==ot.vertical?this.value=`${this.min}`:this.value=`${this.max}`;else if(t.key===To)t.preventDefault(),this.direction!==pt.rtl&&this.orientation!==ot.vertical?this.value=`${this.max}`:this.value=`${this.min}`;else if(!t.shiftKey)switch(t.key){case ze:case Te:t.preventDefault(),this.increment();break;case Be:case Pe:t.preventDefault(),this.decrement();break}}},this.setupTrackConstraints=()=>{const t=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=t.top,this.trackMinHeight=t.bottom,this.trackLeft=this.getBoundingClientRect().left,this.trackWidth===0&&(this.trackWidth=1)},this.setupListeners=(t=!1)=>{this.addEventListener("keydown",this.keypressHandler),this.addEventListener("mousedown",this.handleMouseDown),t&&(this.removeEventListener("keydown",this.keypressHandler),this.removeEventListener("mousedown",this.handleMouseDown))},this.initialValue="",this.handleThumbMouseDown=t=>{const e=t!==null?window.addEventListener:window.removeEventListener;e("mouseup",this.handleWindowMouseUp),e("mousemove",this.handleMouseMove,{passive:!0}),e("touchmove",this.handleMouseMove,{passive:!0}),e("touchend",this.handleWindowMouseUp),this.isDragging=t!==null},this.handleMouseMove=t=>{if(this.readOnly||this.disabled||t.defaultPrevented)return;const e=window.TouchEvent&&t instanceof TouchEvent?t.touches[0]:t,s=this.orientation===ot.horizontal?e.pageX-document.documentElement.scrollLeft-this.trackLeft:e.pageY-document.documentElement.scrollTop;this.value=`${this.calculateNewValue(s)}`},this.handleWindowMouseUp=t=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=t=>{if(t===null||!this.disabled&&!this.readOnly){const e=t!==null?window.addEventListener:window.removeEventListener,s=t!==null?document.addEventListener:document.removeEventListener;if(e("mouseup",this.handleWindowMouseUp),s("mouseleave",this.handleWindowMouseUp),e("mousemove",this.handleMouseMove),t){this.setupTrackConstraints();const i=this.orientation===ot.horizontal?t.pageX-document.documentElement.scrollLeft-this.trackLeft:t.pageY-document.documentElement.scrollTop;this.value=`${this.calculateNewValue(i)}`}}}}handleChange(t,e){switch(e){case"min":case"max":case"step":this.handleStepStyles();break}}handleStepStyles(){if(this.step){const t=100/Math.floor((this.max-this.min)/this.step);this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=l`
+        :host{--step-rate:${t}%;color:blue}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}get valueAsNumber(){return parseFloat(super.value)}set valueAsNumber(t){this.value=t.toString()}valueChanged(t,e){if(this.$fastController.isConnected){const s=parseFloat(e),i=Bs(this.min,this.max,this.convertToConstrainedValue(s)).toString();if(i!==e){this.value=i;return}super.valueChanged(t,e),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=or(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),$.getNotifier(this).subscribe(this,"max"),$.getNotifier(this).subscribe(this,"min"),$.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),this.setupListeners(!0),$.getNotifier(this).unsubscribe(this,"max"),$.getNotifier(this).unsubscribe(this,"min"),$.getNotifier(this).unsubscribe(this,"step")}increment(){const t=this.direction!==pt.rtl&&this.orientation!==ot.vertical?Number(this.value)+Number(this.stepValue):Number(this.value)+Number(this.stepValue),e=this.convertToConstrainedValue(t),s=e<Number(this.max)?`${e}`:`${this.max}`;this.value=s}decrement(){const t=this.direction!==pt.rtl&&this.orientation!==ot.vertical?Number(this.value)-Number(this.stepValue):Number(this.value)-Number(this.stepValue),e=this.convertToConstrainedValue(t),s=e>Number(this.min)?`${e}`:`${this.min}`;this.value=s}get stepValue(){return this.step===void 0?1:this.step}setThumbPositionForOrientation(t){const s=(1-fn(Number(this.value),Number(this.min),Number(this.max),t))*100;this.orientation===ot.horizontal?this.position=this.isDragging?`right: ${s}%; transition: none;`:`right: ${s}%; transition: all 0.2s ease;`:this.position=this.isDragging?`top: ${s}%; transition: none;`:`top: ${s}%; transition: all 0.2s ease;`}updateStepMultiplier(){const t=this.stepValue+"",e=this.stepValue%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(typeof this.value=="string")if(this.value.length===0)this.initialValue=this.midpoint;else{const t=parseFloat(this.value);!Number.isNaN(t)&&(t<this.min||t>this.max)&&(this.value=this.midpoint)}}calculateNewValue(t){this.setupTrackConstraints();const e=fn(t,this.orientation===ot.horizontal?this.trackMinWidth:this.trackMinHeight,this.orientation===ot.horizontal?this.trackWidth:this.trackHeight,this.direction),s=(this.max-this.min)*e+this.min;return this.convertToConstrainedValue(s)}convertToConstrainedValue(t){isNaN(t)&&(t=this.min);let e=t-this.min;const s=Math.round(e/this.stepValue),i=e-s*(this.stepMultiplier*this.stepValue)/this.stepMultiplier;return e=i>=Number(this.stepValue)/2?e-i+Number(this.stepValue):e-i,e+this.min}}Q([a],X.prototype,"size",2),Q([a({attribute:"readonly",mode:"boolean"})],X.prototype,"readOnly",2),Q([v],X.prototype,"direction",2),Q([v],X.prototype,"isDragging",2),Q([v],X.prototype,"position",2),Q([v],X.prototype,"trackWidth",2),Q([v],X.prototype,"trackMinWidth",2),Q([v],X.prototype,"trackHeight",2),Q([v],X.prototype,"trackLeft",2),Q([v],X.prototype,"trackMinHeight",2),Q([v],X.prototype,"valueTextFormatter",2),Q([a({converter:K})],X.prototype,"min",2),Q([a({converter:K})],X.prototype,"max",2),Q([a({converter:K})],X.prototype,"step",2),Q([a],X.prototype,"orientation",2),Q([a],X.prototype,"mode",2);const qu=l`
+  ${w("inline-grid")} :host{--thumb-size:18px;--thumb-padding:3px;--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:-2px;--track-width:4px;--fast-slider-height:calc(var(--thumb-size) * 10);--slider-direction:90deg;align-items:center;box-sizing:border-box;outline:none;cursor:pointer;user-select:none;border-radius:${yt};touch-action:pan-y;min-width:calc(var(--thumb-size) * 1px);width:100%}:host([size='small']){--thumb-size:14px;--track-width:2px;--thumb-padding:3px}:host([orientation='vertical']){--slider-direction:0deg;height:160px;min-height:var(--thumb-size);touch-action:pan-x;padding:8px 0;width:auto;min-width:auto}:host([disabled]:hover){cursor:initial}:host(:focus-visible){box-shadow:0 0 0 2pt ${Ot};outline:1px solid ${Vo}}.thumb-cursor:focus{outline:0}.thumb-container{position:absolute;height:var(--thumb-size);width:var(--thumb-size);transition:all 0.2s ease}.thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.5))}:host([size='small']) .thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.35))}:host([orientation='vertical']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.5)) translateY(calc(var(--thumb-size) * -0.5))}:host([orientation='vertical'][size='small']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.35)) translateY(calc(var(--thumb-size) * -0.5))}.thumb-cursor{height:var(--thumb-size);width:var(--thumb-size);background-color:${No};border-radius:${ct};box-shadow:inset 0 0 0 var(--thumb-padding) ${E},0 0 0 1px ${pe}}.thumb-cursor:hover{background-color:${We}}.thumb-cursor:active{background-color:${Xe}}:host([disabled]) .thumb-cursor{background-color:${x};box-shadow:inset 0 0 0 var(--thumb-padding) ${E},0 0 0 1px ${Xt}}.positioning-region{position:relative;display:grid}:host([orientation='horizontal']) .positioning-region{margin:0 8px;grid-template-rows:var(--thumb-size) var(--thumb-size)}:host([orientation='vertical']) .positioning-region{margin:8px 0;height:100%;grid-template-columns:var(--thumb-size) var(--thumb-size)}.track{align-self:start;position:absolute;background-color:${Wt};border-radius:${T};overflow:hidden}:host([step]) .track::after{content:'';position:absolute;border-radius:${T};width:100%;inset:0 2px;background-image:repeating-linear-gradient(
+      var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${E} calc(var(--step-rate) - 1px),${E} var(--step-rate)
+    )}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${qe}}:host([orientation='horizontal']) .track{right:var(--track-overhang);left:var(--track-overhang);align-self:start;height:var(--track-width);grid-row:2 / auto}:host([orientation='vertical']) .track{top:var(--track-overhang);bottom:var(--track-overhang);width:var(--track-width);height:100%;grid-column:2 / auto}.track-start{background-color:${Ge};position:absolute;height:100%;left:0;border-radius:${T}}:host([disabled]) .track-start{background-color:${x}}:host(:hover) .track-start{background-color:${We}}:host([disabled]:hover) .track-start{background-color:${x}}.track-start:active{background-color:${Xe}}:host([orientation='vertical']) .track-start{height:auto;width:100%;bottom:0}`.withBehaviors(J(l`
+    .track:hover,.track:active,.track{background:WindowText}.thumb-cursor:hover,.thumb-cursor:active,.thumb-cursor{background:ButtonText}:host(:hover) .track-start,.track-start:active,.track-start{background:Highlight}`));function Gu(o={}){return f`<template role="slider" 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?!0:void 0}" aria-readonly="${t=>t.readOnly?!0:void 0}" aria-orientation="${t=>t.orientation}" class="${t=>t.orientation}"><div part="positioning-region" class="positioning-region"><div ${Tt("track")} part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${t=>t.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${Tt("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}" @mousedown="${(t,e)=>t.handleThumbMouseDown(e.event)}" @touchstart="${(t,e)=>t.handleThumbMouseDown(e.event)}"><slot name="thumb">${gt(o.thumb)}</slot></div></div></template>`}const Wu=Gu({thumb:'<div class="thumb-cursor"></div>'}),Xu=X.compose({name:`${p.prefix}-slider`,template:Wu,styles:qu});Xu.define(p.registry);var Uu=Object.defineProperty,Ku=Object.getOwnPropertyDescriptor,bn=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ku(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Uu(t,e,i),i};class ai extends k{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}sizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}}bn([a],ai.prototype,"size",2),bn([a],ai.prototype,"appearance",2);const Yu=l`
   ${w("flex")}
 
-  :host{display:flex;align-items:center;height:32px;width:32px;contain:content}:host(${oo}){height:20px;width:20px}:host(${so}){height:24px;width:24px}:host(${ot}){height:28px;width:28px}:host(${E}){height:36px;width:36px}:host(${js}){height:40px;width:40px}:host(${$c}){height:44px;width:44px}.progress{height:100%;width:100%}.background{fill:none;stroke:${nr};stroke-width:1.5px}:host(${Mr}) .background{stroke:rgba(255,255,255,0.2)}.indicator{stroke:${rr};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out;animation:spin-infinite 3s cubic-bezier(0.53,0.21,0.29,0.67) infinite}:host(${Mr}) .indicator{stroke:${ka}}@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)}}`,Fu=f`<slot name="indicator"><svg class="progress" part="progress" viewBox="0 0 16 16"><circle class="background" cx="8px" cy="8px" r="7px"></circle><circle class="indicator" cx="8px" cy="8px" r="7px"></circle></svg></slot>`,Ou=Qs.compose({name:`${g.prefix}-spinner`,template:Fu,styles:zu});Ou.define(g.registry);class Au extends yt{}function _u(o={}){return f`<template tabindex="${t=>t.disabled?void 0:0}" @click="${(t,e)=>t.clickHandler(e.event)}" @input="${(t,e)=>t.inputHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @keyup="${(t,e)=>t.keyupHandler(e.event)}"><slot name="switch">${ut(o.switch)}</slot></template>`}const Mu=_u({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),st=l.partial`:is([state--checked], :state(checked))`,Eu=l`
+  :host{display:flex;align-items:center;height:32px;width:32px;contain:content}:host(${ao}){height:20px;width:20px}:host(${lo}){height:24px;width:24px}:host(${N}){height:28px;width:28px}:host(${I}){height:36px;width:36px}:host(${Qs}){height:40px;width:40px}:host(${Ic}){height:44px;width:44px}.progress{height:100%;width:100%}.background{fill:none;stroke:${Ds};stroke-width:1.5px}:host(${Xr}) .background{stroke:rgba(255,255,255,0.2)}.indicator{stroke:${pr};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out;animation:spin-infinite 3s cubic-bezier(0.53,0.21,0.29,0.67) infinite}:host(${Xr}) .indicator{stroke:${Fa}}@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)}}`,Qu=f`<slot name="indicator"><svg class="progress" part="progress" viewBox="0 0 16 16"><circle class="background" cx="8px" cy="8px" r="7px"></circle><circle class="indicator" cx="8px" cy="8px" r="7px"></circle></svg></slot>`,Zu=ai.compose({name:`${p.prefix}-spinner`,template:Qu,styles:Yu});Zu.define(p.registry);class Ju extends wt{}function tp(o={}){return f`<template tabindex="${t=>t.disabled?void 0:0}" @click="${(t,e)=>t.clickHandler(e.event)}" @input="${(t,e)=>t.inputHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @keyup="${(t,e)=>t.keyupHandler(e.event)}"><slot name="switch">${gt(o.switch)}</slot></template>`}const ep=tp({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),rt=l.partial`:is([state--checked], :state(checked))`,op=l`
   ${w("inline-flex")}
 
-  :host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${he};width:40px;height:20px;background-color:${mt};border:1px solid ${jt};border-radius:${lt};cursor:pointer}:host(:hover){background:none;border-color:${Ge}}:host(:active){border-color:${We}}:host(:disabled),:host([readonly]){border:1px solid ${qt};background-color:none;pointer:default}:host(${st}){background:${Ve};border-color:${Ve}}:host(${st}:hover){background:${je};border-color:${je}}:host(${st}:active){background:${qe};border-color:${qe}}:host(${st}:disabled){background:${Re};border-color:${qt}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${tt};transition-duration:${Fr};transition-timing-function:${Ds};transition-property:margin-inline-start}:host(${st}) .checked-indicator{background-color:${Oo};margin-inline-start:calc(100% - 14px)}:host(${st}:hover) .checked-indicator{background:${la}}:host(${st}:active) .checked-indicator{background:${ca}}:host(:hover) .checked-indicator{background-color:${Jn}}:host(:active) .checked-indicator{background-color:${ta}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${k}}:host(${st}:disabled) .checked-indicator{background:${k}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${at};outline:${de} solid ${at};box-shadow:${Ro},0 0 0 2px ${Bt}}`.withBehaviors(Z(l`
-    :host{border-color:InactiveBorder}:host(${st}),:host(${st}:active),:host(${st}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${st}) .checked-indicator,:host(${st}:hover) .checked-indicator,:host(${st}:active) .checked-indicator{background-color:ButtonFace}`)),Lu=Au.compose({name:`${g.prefix}-switch`,template:Mu,styles:Eu});Lu.define(g.registry);class Hu extends x{}function Du(){return f`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const Nu=Du(),Ru=l`
+  :host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${ht};width:40px;height:20px;background-color:${vt};border:1px solid ${Wt};border-radius:${ct};cursor:pointer}:host(:hover){background:none;border-color:${Ue}}:host(:active){border-color:${Ke}}:host(:disabled),:host([readonly]){border:1px solid ${Xt};background-color:none;pointer:default}:host(${rt}){background:${Ge};border-color:${Ge}}:host(${rt}:hover){background:${We};border-color:${We}}:host(${rt}:active){background:${Xe};border-color:${Xe}}:host(${rt}:disabled){background:${qe};border-color:${Xt}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${tt};transition-duration:${jr};transition-timing-function:${Xs};transition-property:margin-inline-start}:host(${rt}) .checked-indicator{background-color:${Lo};margin-inline-start:calc(100% - 14px)}:host(${rt}:hover) .checked-indicator{background:${va}}:host(${rt}:active) .checked-indicator{background:${ya}}:host(:hover) .checked-indicator{background-color:${da}}:host(:active) .checked-indicator{background-color:${ha}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${x}}:host(${rt}:disabled) .checked-indicator{background:${x}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${lt};outline:${ge} solid ${lt};box-shadow:${Xo},0 0 0 2px ${Ot}}`.withBehaviors(J(l`
+    :host{border-color:InactiveBorder}:host(${rt}),:host(${rt}:active),:host(${rt}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${rt}) .checked-indicator,:host(${rt}:hover) .checked-indicator,:host(${rt}:active) .checked-indicator{background-color:ButtonFace}`)),sp=Ju.compose({name:`${p.prefix}-switch`,template:ep,styles:op});sp.define(p.registry);class ip extends k{}function rp(){return f`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const np=rp(),ap=l`
   ${w("block")}
 
-  :host{box-sizing:border-box;padding:${Jt} ${Wt}}`,Vu=Hu.compose({name:`${g.prefix}-tab-panel`,template:Nu,styles:Ru});Vu.define(g.registry);var ju=Object.defineProperty,qu=Object.getOwnPropertyDescriptor,Gu=(o,t,e,s)=>{for(var i=s>1?void 0:s?qu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&ju(t,e,i),i};class Zs extends x{connectedCallback(){super.connectedCallback(),this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=l`
-      :host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}Gu([a({mode:"boolean"})],Zs.prototype,"disabled",2),Nt(Zs,Lt);function Wu(o={}){return f`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}">${Dt(o)}<span class="tab-content"><slot></slot></span>${Ht(o)}</template>`}const Xu=Wu({}),Uu=l`
+  :host{box-sizing:border-box;padding:${Ft} ${Kt}}`,lp=ip.compose({name:`${p.prefix}-tab-panel`,template:np,styles:ap});lp.define(p.registry);var cp=Object.defineProperty,dp=Object.getOwnPropertyDescriptor,hp=(o,t,e,s)=>{for(var i=s>1?void 0:s?dp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&cp(t,e,i),i};class li extends k{connectedCallback(){super.connectedCallback(),this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=l`
+      :host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}hp([a({mode:"boolean"})],li.prototype,"disabled",2),jt(li,Nt);function up(o={}){return f`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}">${Vt(o)}<span class="tab-content"><slot></slot></span>${Rt(o)}</template>`}const pp=up({}),gp=l`
   ${w("inline-flex")}
 
-  :host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${M};font-family:${m};font-size:${P};color:${Rt};fill:currentcolor;grid-row:1;padding:${Jt} ${Wt};border-radius:${F}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${A};font-weight:${D}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${M};font-weight:${D}}:host([aria-selected='true'])::after{background-color:${Os};border-radius:${lt};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${Mo};border-radius:${lt};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${k}}::slotted([slot='start']),::slotted([slot='end']){display:flex}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}:host([disabled]){cursor:not-allowed;fill:${k};color:${k}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${$t};box-shadow:0 0 0 3px ${Bt};outline:1px solid ${Eo}}`.withBehaviors(Z(l`
-    :host([aria-selected='true'])::after{background-color:Highlight}`)),Ku=Zs.compose({name:`${g.prefix}-tab`,template:Xu,styles:Uu});Ku.define(g.registry);const Yu={subtle:"subtle",transparent:"transparent"},is=Q;var Qu=Object.defineProperty,Zu=Object.getOwnPropertyDescriptor,me=(o,t,e,s)=>{for(var i=s>1?void 0:s?Zu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Qu(t,e,i),i};class ho extends x{constructor(){super(...arguments),this.orientation=is.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.change=()=>{this.$emit("change",this.activetab)},this.isDisabledElement=t=>t.getAttribute("aria-disabled")==="true",this.isHiddenElement=t=>t.hasAttribute("hidden"),this.isFocusableElement=t=>!this.isDisabledElement(t)&&!this.isHiddenElement(t),this.handleTabClick=t=>{const e=t.currentTarget;e.nodeType===1&&this.isFocusableElement(e)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(e),this.setComponent())},this.handleTabKeyDown=t=>{if(this.isHorizontal())switch(t.key){case we:t.preventDefault(),this.adjustBackward(t);break;case Ce:t.preventDefault(),this.adjustForward(t);break}else switch(t.key){case Se:t.preventDefault(),this.adjustBackward(t);break;case xe:t.preventDefault(),this.adjustForward(t);break}switch(t.key){case Io:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case So:t.preventDefault(),this.adjust(this.tabs.length-this.activeTabIndex-1);break}}}orientationChanged(){this.$fastController.isConnected&&this.setTabs()}activeidChanged(t,e){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.prevActiveTabIndex=this.tabs.findIndex(s=>s.id===t),this.setTabs())}tabsChanged(){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs())}tabpanelsChanged(){this.$fastController.isConnected&&this.tabpanels.length<=this.tabs.length&&(this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs())}getActiveIndex(){return this.activeid!==void 0?this.tabIds.indexOf(this.activeid)===-1?0:this.tabIds.indexOf(this.activeid):0}setTabs(){const t="gridColumn",e="gridRow",s=this.isHorizontal()?t:e;this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((i,r)=>{if(i.slot==="tab"){const n=this.activeTabIndex===r&&this.isFocusableElement(i),h=this.tabIds[r],p=this.tabpanelIds[r];i.setAttribute("id",h),i.setAttribute("aria-selected",n?"true":"false"),i.setAttribute("aria-controls",p),i.addEventListener("click",this.handleTabClick),i.addEventListener("keydown",this.handleTabKeyDown),i.setAttribute("tabindex",n?"0":"-1"),n&&(this.activetab=i,this.activeid=h)}i.style[t]="",i.style[e]="",i.style[s]=`${r+1}`,this.isHorizontal()?i.classList.remove("vertical"):i.classList.add("vertical")}),this.setTabPanels()}setTabPanels(){this.tabpanels.forEach((t,e)=>{const s=this.tabIds[e],i=this.tabpanelIds[e];t.setAttribute("id",i),t.setAttribute("aria-labelledby",s),this.activeTabIndex!==e?t.setAttribute("hidden",""):t.removeAttribute("hidden")})}getTabIds(){return this.tabs.map(t=>t.getAttribute("id")??`tab-${ws()}`)}getTabPanelIds(){return this.tabpanels.map(t=>t.getAttribute("id")??`panel-${ws()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===is.horizontal}adjust(t){const e=this.tabs.filter(n=>this.isFocusableElement(n)),s=e.indexOf(this.activetab),i=xs(0,e.length-1,s+t),r=this.tabs.indexOf(e[i]);r>-1&&this.moveToTabByIndex(this.tabs,r)}adjustForward(t){const e=this.tabs;let s=0;for(s=this.activetab?e.indexOf(this.activetab)+1:1,s===e.length&&(s=0);s<e.length&&e.length>1;)if(this.isFocusableElement(e[s])){this.moveToTabByIndex(e,s);break}else{if(this.activetab&&s===e.indexOf(this.activetab))break;s+1>=e.length?s=0:s+=1}}adjustBackward(t){const e=this.tabs;let s=0;for(s=this.activetab?e.indexOf(this.activetab)-1:0,s=s<0?e.length-1:s;s>=0&&e.length>1;)if(this.isFocusableElement(e[s])){this.moveToTabByIndex(e,s);break}else s-1<0?s=e.length-1:s-=1}moveToTabByIndex(t,e){const s=t[e];this.activetab=s,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=e,s.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}}me([a],ho.prototype,"orientation",2),me([a],ho.prototype,"activeid",2),me([v],ho.prototype,"tabs",2),me([v],ho.prototype,"tabpanels",2);class uo extends ho{constructor(){super(...arguments),this.activeTabData={x:0,y:0,height:0,width:0},this.previousActiveTabData={x:0,y:0,height:0,width:0},this.activeTabOffset=0,this.activeTabScale=1,this.appearance=Yu.transparent}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===is.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===is.horizontal?this.previousActiveTabData.width/t.getBoundingClientRect().width:this.previousActiveTabData.height/t.getBoundingClientRect().height}applyUpdatedCSSValues(t){this.calculateAnimationProperties(t),this.setTabScaleCSSVar(),this.setTabOffsetCSSVar()}animationLoop(t){t.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(t),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(t),t.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const t=this.tabs,s=(this.activetab||t[0])?.getBoundingClientRect(),i=this.getBoundingClientRect();this.activeTabData={x:s.x-i.x,y:s.y-i.y,height:s.height,width:s.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setTabOffsetCSSVar(){this.styles=l`
+  :host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${_};font-family:${m};font-size:${B};color:${qt};fill:currentcolor;grid-row:1;padding:${Ft} ${Kt};border-radius:${T}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${z};font-weight:${L}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${_};font-weight:${L}}:host([aria-selected='true'])::after{background-color:${Ns};border-radius:${ct};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${Ro};border-radius:${ct};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${x}}::slotted([slot='start']),::slotted([slot='end']){display:flex}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}:host([disabled]){cursor:not-allowed;fill:${x};color:${x}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${yt};box-shadow:0 0 0 3px ${Ot};outline:1px solid ${Vo}}`.withBehaviors(J(l`
+    :host([aria-selected='true'])::after{background-color:Highlight}`)),fp=li.compose({name:`${p.prefix}-tab`,template:pp,styles:gp});fp.define(p.registry);const bp={subtle:"subtle",transparent:"transparent"},ds=ot;var mp=Object.defineProperty,$p=Object.getOwnPropertyDescriptor,xe=(o,t,e,s)=>{for(var i=s>1?void 0:s?$p(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&mp(t,e,i),i};class bo extends k{constructor(){super(...arguments),this.orientation=ds.horizontal,this.prevActiveTabIndex=0,this.activeTabIndex=0,this.change=()=>{this.$emit("change",this.activetab)},this.isDisabledElement=t=>t.getAttribute("aria-disabled")==="true",this.isHiddenElement=t=>t.hasAttribute("hidden"),this.isFocusableElement=t=>!this.isDisabledElement(t)&&!this.isHiddenElement(t),this.handleTabClick=t=>{const e=t.currentTarget;e.nodeType===1&&this.isFocusableElement(e)&&(this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=this.tabs.indexOf(e),this.setComponent())},this.handleTabKeyDown=t=>{if(this.isHorizontal())switch(t.key){case Be:t.preventDefault(),this.adjustBackward(t);break;case ze:t.preventDefault(),this.adjustForward(t);break}else switch(t.key){case Te:t.preventDefault(),this.adjustBackward(t);break;case Pe:t.preventDefault(),this.adjustForward(t);break}switch(t.key){case Oo:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case To:t.preventDefault(),this.adjust(this.tabs.length-this.activeTabIndex-1);break}}}orientationChanged(){this.$fastController.isConnected&&this.setTabs()}activeidChanged(t,e){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.prevActiveTabIndex=this.tabs.findIndex(s=>s.id===t),this.setTabs())}tabsChanged(){this.$fastController.isConnected&&this.tabs.length<=this.tabpanels.length&&(this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs())}tabpanelsChanged(){this.$fastController.isConnected&&this.tabpanels.length<=this.tabs.length&&(this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.setTabs())}getActiveIndex(){return this.activeid!==void 0?this.tabIds.indexOf(this.activeid)===-1?0:this.tabIds.indexOf(this.activeid):0}setTabs(){const t="gridColumn",e="gridRow",s=this.isHorizontal()?t:e;this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((i,r)=>{if(i.slot==="tab"){const n=this.activeTabIndex===r&&this.isFocusableElement(i),h=this.tabIds[r],g=this.tabpanelIds[r];i.setAttribute("id",h),i.setAttribute("aria-selected",n?"true":"false"),i.setAttribute("aria-controls",g),i.addEventListener("click",this.handleTabClick),i.addEventListener("keydown",this.handleTabKeyDown),i.setAttribute("tabindex",n?"0":"-1"),n&&(this.activetab=i,this.activeid=h)}i.style[t]="",i.style[e]="",i.style[s]=`${r+1}`,this.isHorizontal()?i.classList.remove("vertical"):i.classList.add("vertical")}),this.setTabPanels()}setTabPanels(){this.tabpanels.forEach((t,e)=>{const s=this.tabIds[e],i=this.tabpanelIds[e];t.setAttribute("id",i),t.setAttribute("aria-labelledby",s),this.activeTabIndex!==e?t.setAttribute("hidden",""):t.removeAttribute("hidden")})}getTabIds(){return this.tabs.map(t=>t.getAttribute("id")??`tab-${zs()}`)}getTabPanelIds(){return this.tabpanels.map(t=>t.getAttribute("id")??`panel-${zs()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===ds.horizontal}adjust(t){const e=this.tabs.filter(n=>this.isFocusableElement(n)),s=e.indexOf(this.activetab),i=Bs(0,e.length-1,s+t),r=this.tabs.indexOf(e[i]);r>-1&&this.moveToTabByIndex(this.tabs,r)}adjustForward(t){const e=this.tabs;let s=0;for(s=this.activetab?e.indexOf(this.activetab)+1:1,s===e.length&&(s=0);s<e.length&&e.length>1;)if(this.isFocusableElement(e[s])){this.moveToTabByIndex(e,s);break}else{if(this.activetab&&s===e.indexOf(this.activetab))break;s+1>=e.length?s=0:s+=1}}adjustBackward(t){const e=this.tabs;let s=0;for(s=this.activetab?e.indexOf(this.activetab)-1:0,s=s<0?e.length-1:s;s>=0&&e.length>1;)if(this.isFocusableElement(e[s])){this.moveToTabByIndex(e,s);break}else s-1<0?s=e.length-1:s-=1}moveToTabByIndex(t,e){const s=t[e];this.activetab=s,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=e,s.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}}xe([a],bo.prototype,"orientation",2),xe([a],bo.prototype,"activeid",2),xe([v],bo.prototype,"tabs",2),xe([v],bo.prototype,"tabpanels",2);class mo extends bo{constructor(){super(...arguments),this.activeTabData={x:0,y:0,height:0,width:0},this.previousActiveTabData={x:0,y:0,height:0,width:0},this.activeTabOffset=0,this.activeTabScale=1,this.appearance=bp.transparent}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===ds.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===ds.horizontal?this.previousActiveTabData.width/t.getBoundingClientRect().width:this.previousActiveTabData.height/t.getBoundingClientRect().height}applyUpdatedCSSValues(t){this.calculateAnimationProperties(t),this.setTabScaleCSSVar(),this.setTabOffsetCSSVar()}animationLoop(t){t.setAttribute("data-animate","false"),this.applyUpdatedCSSValues(t),this.previousActiveTabData=this.activeTabData,this.applyUpdatedCSSValues(t),t.setAttribute("data-animate","true")}setTabData(){if(this.tabs&&this.tabs.length>0){const t=this.tabs,s=(this.activetab||t[0])?.getBoundingClientRect(),i=this.getBoundingClientRect();this.activeTabData={x:s.x-i.x,y:s.y-i.y,height:s.height,width:s.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setTabOffsetCSSVar(){this.styles=l`
       :host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=l`
-      :host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(t,e){super.activeidChanged(t,e),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}me([a],uo.prototype,"appearance",2),me([a({mode:"boolean"})],uo.prototype,"disabled",2),me([a],uo.prototype,"size",2),Nt(uo,Lt);function Ju(o={}){return f` ${Dt(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${rt("tabs")}></slot></div>${Ht(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${rt("tabpanels")}></slot></div>`}const tp=Ju({}),ep=l`
+      :host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(t,e){super.activeidChanged(t,e),this.setTabData(),this.activetab&&this.animationLoop(this.activetab)}tabsChanged(){super.tabsChanged(),this.setTabData()}}xe([a],mo.prototype,"appearance",2),xe([a({mode:"boolean"})],mo.prototype,"disabled",2),xe([a],mo.prototype,"size",2),jt(mo,Nt);function vp(o={}){return f` ${Vt(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${at("tabs")}></slot></div>${Rt(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${at("tabpanels")}></slot></div>`}const yp=vp({}),kp=l`
   ${w("grid")}
 
-  :host{box-sizing:border-box;font-family:${m};font-size:${P};line-height:${M};color:${Rt};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${k}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${k}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${k}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${k}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${F}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${k}}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end;box-sizing:border-box}::slotted([slot='start']),::slotted([slot='end']){display:flex;align-self:center}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host([orientation='vertical']){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host([orientation='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([orientation='vertical']) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host([orientation='vertical']) ::slotted([slot='end']){grid-row:3}:host([appearance='subtle']) ::slotted(fluent-tab:hover){background-color:${Is};color:${Ui};fill:${Yi}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${_o};fill:${_o};color:${A}}:host([size='small']) ::slotted(fluent-tab){font-size:${P};line-height:${M};padding:${Ke} ${ue}}:host([size='large']) ::slotted(fluent-tab){font-size:${ct};line-height:${vt};padding:${zr} ${Wt}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Ql};transition-timing-function:${Ar}}:host ::slotted(fluent-tab)::after{height:${Zt};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${Zt};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${Zt};border-radius:${lt};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${Zt};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${Zt};margin-top:auto;transform-origin:left}:host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:unset;margin-inline-end:auto;transform-origin:top;width:${Zt}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${Ke};padding-bottom:${Ke}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${Vo};padding-bottom:${Vo}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${U};padding-bottom:${U}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${ue};left:${ue}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${Wt};left:${Wt}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${Wt};left:${Wt}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Ke};bottom:${Ke}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${U};bottom:${U}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Tr};bottom:${Tr}}`,op=uo.compose({name:`${g.prefix}-tabs`,template:tp,styles:ep});op.define(g.registry);const sp={email:"email",password:"password",tel:"tel",text:"text",url:"url"},ip=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var rp=Object.defineProperty,np=Object.getOwnPropertyDescriptor,O=(o,t,e,s)=>{for(var i=s>1?void 0:s?np(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&rp(t,e,i),i};class S extends x{constructor(){super(...arguments),this.type=sp.text,this._value=this.initialValue,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}controlSizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}defaultSlottedNodesChanged(t,e){this.$fastController.isConnected&&(this.controlLabel.hidden=!e?.length)}initialValueChanged(){this.dirtyValue||(this.value=this.initialValue)}readOnlyChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaReadOnly=`${!!this.readOnly}`)}requiredChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=`${!!e}`)}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.control.validationMessage}get value(){return $.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.control.value=t,this.setFormValue(t),this.setValidity(),$.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}get form(){return this.elementInternals.form}beforeinputHandler(t){return t.inputType==="insertLineBreak"&&this.implicitSubmit(),!0}changeHandler(t){return this.setValidity(),this.$emit("change",t,{bubbles:!0,composed:!0}),!0}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){this.isSameNode(t.target)&&this.control?.click()}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(t){this.control?.focus()}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}implicitSubmit(){if(!this.elementInternals.form)return;if(this.elementInternals.form.elements.length===1){this.elementInternals.form.requestSubmit();return}const t=[...this.elementInternals.form.elements],e=t.find(i=>i.getAttribute("type")==="submit");if(e){e.click();return}t.filter(i=>ip.includes(i.getAttribute("type")??"")).length>1||this.elementInternals.form.requestSubmit()}inputHandler(t){return this.dirtyValue=!0,this.value=this.control.value,!0}keydownHandler(t){return t.key==="Enter"&&this.implicitSubmit(),!0}select(){this.control.select(),this.$emit("select")}setCustomValidity(t){this.elementInternals.setValidity({customError:!0},t),this.reportValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setValidity(t=this.control.validity,e=this.validationMessage,s=this.control){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(t,e,s)}}}S.formAssociated=!0,O([a],S.prototype,"appearance",2),O([a],S.prototype,"autocomplete",2),O([a({mode:"boolean"})],S.prototype,"autofocus",2),O([a({attribute:"control-size"})],S.prototype,"controlSize",2),O([v],S.prototype,"defaultSlottedNodes",2),O([a],S.prototype,"dirname",2),O([a({mode:"boolean"})],S.prototype,"disabled",2),O([a({attribute:"form"})],S.prototype,"formAttribute",2),O([a({attribute:"value",mode:"fromView"})],S.prototype,"initialValue",2),O([a],S.prototype,"list",2),O([a({converter:nt})],S.prototype,"maxlength",2),O([a({converter:nt})],S.prototype,"minlength",2),O([a({mode:"boolean"})],S.prototype,"multiple",2),O([a],S.prototype,"name",2),O([a],S.prototype,"pattern",2),O([a],S.prototype,"placeholder",2),O([a({attribute:"readonly",mode:"boolean"})],S.prototype,"readOnly",2),O([a({mode:"boolean"})],S.prototype,"required",2),O([a({converter:nt})],S.prototype,"size",2),O([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],S.prototype,"spellcheck",2),O([a],S.prototype,"type",2),O([v],S.prototype,"controlLabel",2),Nt(S,Lt);const ap=l`
+  :host{box-sizing:border-box;font-family:${m};font-size:${B};line-height:${_};color:${qt};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${x}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${x}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${x}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${x}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${T}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${x}}.tablist{display:grid;grid-template-rows:auto auto;grid-template-columns:auto;position:relative;width:max-content;align-self:end;box-sizing:border-box}::slotted([slot='start']),::slotted([slot='end']){display:flex;align-self:center}::slotted([slot='start']){margin-inline-end:11px}::slotted([slot='end']){margin-inline-start:11px}.tabpanel{grid-row:2;grid-column-start:1;grid-column-end:4;position:relative}:host([orientation='vertical']){grid-template-rows:auto 1fr auto;grid-template-columns:auto 1fr}:host([orientation='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([orientation='vertical']) .tabpanel{grid-column:2;grid-row-start:1;grid-row-end:4}:host([orientation='vertical']) ::slotted([slot='end']){grid-row:3}:host([appearance='subtle']) ::slotted(fluent-tab:hover){background-color:${_s};color:${ir};fill:${nr}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Do};fill:${Do};color:${z}}:host([size='small']) ::slotted(fluent-tab){font-size:${B};line-height:${_};padding:${Ze} ${Ut}}:host([size='large']) ::slotted(fluent-tab){font-size:${dt};line-height:${kt};padding:${Vr} ${Kt}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${ic};transition-timing-function:${Gr}}:host ::slotted(fluent-tab)::after{height:${oe};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${oe};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${oe};border-radius:${ct};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${oe};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${oe};margin-top:auto;transform-origin:left}:host([orientation='vertical']) ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:unset;margin-inline-end:auto;transform-origin:top;width:${oe}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${Ze};padding-bottom:${Ze}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${Uo};padding-bottom:${Uo}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${q};padding-bottom:${q}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${Ut};left:${Ut}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${Kt};left:${Kt}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${Kt};left:${Kt}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='small']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Ze};bottom:${Ze}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${q};bottom:${q}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${Je};bottom:${Je}}`,xp=mo.compose({name:`${p.prefix}-tabs`,template:yp,styles:kp});xp.define(p.registry);const wp={email:"email",password:"password",tel:"tel",text:"text",url:"url"},Cp=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Ip=Object.defineProperty,Sp=Object.getOwnPropertyDescriptor,M=(o,t,e,s)=>{for(var i=s>1?void 0:s?Sp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Ip(t,e,i),i};class S extends k{constructor(){super(...arguments),this.type=wp.text,this._value=this.initialValue,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}appearanceChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}controlSizeChanged(t,e){t&&d(this.elementInternals,`${t}`,!1),e&&d(this.elementInternals,`${e}`,!0)}defaultSlottedNodesChanged(t,e){this.$fastController.isConnected&&(this.controlLabel.hidden=!e?.length)}initialValueChanged(){this.dirtyValue||(this.value=this.initialValue)}readOnlyChanged(){this.$fastController.isConnected&&(this.elementInternals.ariaReadOnly=`${!!this.readOnly}`)}requiredChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.ariaRequired=`${!!e}`)}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage||this.control.validationMessage}get value(){return $.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.control.value=t,this.setFormValue(t),this.setValidity(),$.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}get form(){return this.elementInternals.form}beforeinputHandler(t){return t.inputType==="insertLineBreak"&&this.implicitSubmit(),!0}changeHandler(t){return this.setValidity(),this.$emit("change",t,{bubbles:!0,composed:!0}),!0}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){this.isSameNode(t.target)&&this.control?.click()}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(t){this.control?.focus()}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}implicitSubmit(){if(!this.elementInternals.form)return;if(this.elementInternals.form.elements.length===1){this.elementInternals.form.requestSubmit();return}const t=[...this.elementInternals.form.elements],e=t.find(i=>i.getAttribute("type")==="submit");if(e){e.click();return}t.filter(i=>Cp.includes(i.getAttribute("type")??"")).length>1||this.elementInternals.form.requestSubmit()}inputHandler(t){return this.dirtyValue=!0,this.value=this.control.value,!0}keydownHandler(t){return t.key==="Enter"&&this.implicitSubmit(),!0}select(){this.control.select(),this.$emit("select")}setCustomValidity(t){this.elementInternals.setValidity({customError:!0},t),this.reportValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setValidity(t=this.control.validity,e=this.validationMessage,s=this.control){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(t,e,s)}}}S.formAssociated=!0,M([a],S.prototype,"appearance",2),M([a],S.prototype,"autocomplete",2),M([a({mode:"boolean"})],S.prototype,"autofocus",2),M([a({attribute:"control-size"})],S.prototype,"controlSize",2),M([v],S.prototype,"defaultSlottedNodes",2),M([a],S.prototype,"dirname",2),M([a({mode:"boolean"})],S.prototype,"disabled",2),M([a({attribute:"form"})],S.prototype,"formAttribute",2),M([a({attribute:"value",mode:"fromView"})],S.prototype,"initialValue",2),M([a],S.prototype,"list",2),M([a({converter:K})],S.prototype,"maxlength",2),M([a({converter:K})],S.prototype,"minlength",2),M([a({mode:"boolean"})],S.prototype,"multiple",2),M([a],S.prototype,"name",2),M([a],S.prototype,"pattern",2),M([a],S.prototype,"placeholder",2),M([a({attribute:"readonly",mode:"boolean"})],S.prototype,"readOnly",2),M([a({mode:"boolean"})],S.prototype,"required",2),M([a({converter:K})],S.prototype,"size",2),M([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],S.prototype,"spellcheck",2),M([a],S.prototype,"type",2),M([v],S.prototype,"controlLabel",2),jt(S,Nt);const Pp=l`
   ${w("block")}
 
-  :host{font-family:${m};font-size:${P};font-weight:${B};line-height:${M};max-width:400px}.label{display:flex;color:${A};padding-bottom:${Kl};flex-shrink:0;padding-inline-end:${Gt}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${_};border:${X} solid ${Pe};border-bottom-color:${jt};border-radius:${F};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${he};padding:0 ${Wt};position:relative;width:100%}:has(.control:user-invalid){border-color:${Sa}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${F});border-radius:0 0 ${F} ${F};border-bottom:2px solid ${Os};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Yl};transition-delay:${Qe}}.control{width:100%;height:100%;box-sizing:border-box;color:${A};border-radius:${F};background:${mt};font-family:${m};font-weight:${B};font-size:${P};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${ea}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${tt};font-size:${Be}}:host ::slotted([slot='start']){padding-right:${he}}:host ::slotted([slot='end']){padding-left:${he};gap:${Gt}}:host(:hover) .root{border-color:${Mo};border-bottom-color:${Ge}}:host(:active) .root{border-color:${Fs}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Fr};transition-delay:${Ze}}:host(:focus-within:active) .root:after{border-bottom-color:${_s}}:host(${R}:focus-within) .root{border:${X} solid ${Pe}}:host(:focus-within) .control{color:${A}}:host([disabled]) .root{background:${mt};border:${X} solid ${qt}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${k}}::selection{color:${Oo};background-color:${ga}}:host(${ot}) .control{font-size:${W};font-weight:${B};line-height:${dt}}:host(${ot}) .root{height:24px;gap:${he};padding:0 ${ue}}:host(${ot}) ::slotted([slot='start']),:host(${ot}) ::slotted([slot='end']){font-size:${ct}}:host(${E}) .control{font-size:${ct};font-weight:${B};line-height:${vt}}:host(${E}) .root{height:40px;gap:${Tt};padding:0 ${Jt}}:host(${E}) ::slotted([slot='start']),:host(${E}) ::slotted([slot='end']){font-size:${Lo}}:host(${to}) .root{background:${mt};border:0;border-radius:0;border-bottom:${X} solid ${jt}}:host(${to}:hover) .root{border-bottom-color:${Ge}}:host(${to}:active) .root{border-bottom-color:${We}}:host(${to}:focus-within) .root{border:0;border-bottom-color:${We}}:host(${to}[disabled]) .root{border-bottom-color:${qt}}:host(${Go}) .root,:host(${Wo}) .root{border:${X} solid ${at};box-shadow:${Sr}}:host(${Go}) .root{background:${_}}:host(${Wo}) .root{background:${er}}:host(${Go}:hover) .root,:host(${Wo}:hover) .root{border-color:${ar}}:host(${Go}:active) .root,:host(${Wo}:active) .root{border-color:${ar};background:${er}}`;function lp(o={}){return f`<template @beforeinput="${(t,e)=>t.beforeinputHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><label part="label" for="control" class="label" ${Pt("controlLabel")}><slot ${rt({property:"defaultSlottedNodes",filter:Xi})}></slot></label><div class="root" part="root">${Dt(o)}<input class="control" part="control" id="control" @change="${(t,e)=>t.changeHandler(e.event)}" @input="${(t,e)=>t.inputHandler(e.event)}" ?autofocus="${t=>t.autofocus}" autocomplete="${t=>t.autocomplete}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" ?multiple="${t=>t.multiple}" name="${t=>t.name}" pattern="${t=>t.pattern}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" spellcheck="${t=>t.spellcheck}" type="${t=>t.type}" value="${t=>t.initialValue}" ${Pt("control")} />${Ht(o)}</div></template>`}const cp=lp(),dp=S.compose({name:`${g.prefix}-text-input`,template:cp,styles:ap,shadowOptions:{delegatesFocus:!0}});dp.define(g.registry);var hp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,Et=(o,t,e,s)=>{for(var i=s>1?void 0:s?up(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&hp(t,e,i),i};class xt extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}sizeChanged(t,e){t&&d(this.elementInternals,`size-${t}`,!1),e&&d(this.elementInternals,`size-${e}`,!0)}fontChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}weightChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}alignChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}connectedCallback(){super.connectedCallback(),$.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)})}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"nowrap":case"truncate":case"italic":case"underline":case"strikethrough":case"block":d(this.elementInternals,e,!!this[e]);break}}}Et([a({mode:"boolean"})],xt.prototype,"nowrap",2),Et([a({mode:"boolean"})],xt.prototype,"truncate",2),Et([a({mode:"boolean"})],xt.prototype,"italic",2),Et([a({mode:"boolean"})],xt.prototype,"underline",2),Et([a({mode:"boolean"})],xt.prototype,"strikethrough",2),Et([a({mode:"boolean"})],xt.prototype,"block",2),Et([a],xt.prototype,"size",2),Et([a],xt.prototype,"font",2),Et([a],xt.prototype,"weight",2),Et([a],xt.prototype,"align",2);const nn=l.partial`:is([state--nowrap], :state(nowrap))`,an=l.partial`:is([state--truncate], :state(truncate))`,ln=l.partial`:is([state--underline], :state(underline))`,cn=l.partial`:is([state--strikethrough], :state(strikethrough))`,pp=l`
+  :host{font-family:${m};font-size:${B};font-weight:${O};line-height:${_};max-width:400px}.label{display:flex;color:${z};padding-bottom:${oc};flex-shrink:0;padding-inline-end:${xt}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${E};border:${Y} solid ${pe};border-bottom-color:${Wt};border-radius:${T};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${ht};padding:0 ${Kt};position:relative;width:100%}:has(.control:user-invalid){border-color:${_a}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${T});border-radius:0 0 ${T} ${T};border-bottom:2px solid ${Ns};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${sc};transition-delay:${eo}}.control{width:100%;height:100%;box-sizing:border-box;color:${z};border-radius:${T};background:${vt};font-family:${m};font-weight:${O};font-size:${B};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${ua}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${tt};font-size:${Fe}}:host ::slotted([slot='start']){padding-right:${ht}}:host ::slotted([slot='end']){padding-left:${ht};gap:${xt}}:host(:hover) .root{border-color:${Ro};border-bottom-color:${Ue}}:host(:active) .root{border-color:${Hs}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${jr};transition-delay:${oo}}:host(:focus-within:active) .root:after{border-bottom-color:${Vs}}:host(${j}:focus-within) .root{border:${Y} solid ${pe}}:host(:focus-within) .control{color:${z}}:host([disabled]) .root{background:${vt};border:${Y} solid ${Xt}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${x}}::selection{color:${Lo};background-color:${Ia}}:host(${N}) .control{font-size:${V};font-weight:${O};line-height:${et}}:host(${N}) .root{height:24px;gap:${ht};padding:0 ${Ut}}:host(${N}) ::slotted([slot='start']),:host(${N}) ::slotted([slot='end']){font-size:${dt}}:host(${I}) .control{font-size:${dt};font-weight:${O};line-height:${kt}}:host(${I}) .root{height:40px;gap:${ut};padding:0 ${Ft}}:host(${I}) ::slotted([slot='start']),:host(${I}) ::slotted([slot='end']){font-size:${jo}}:host(${io}) .root{background:${vt};border:0;border-radius:0;border-bottom:${Y} solid ${Wt}}:host(${io}:hover) .root{border-bottom-color:${Ue}}:host(${io}:active) .root{border-bottom-color:${Ke}}:host(${io}:focus-within) .root{border:0;border-bottom-color:${Ke}}:host(${io}[disabled]) .root{border-bottom-color:${Xt}}:host(${Qo}) .root,:host(${Zo}) .root{border:${Y} solid ${lt};box-shadow:${Hr}}:host(${Qo}) .root{background:${E}}:host(${Zo}) .root{background:${As}}:host(${Qo}:hover) .root,:host(${Zo}:hover) .root{border-color:${gr}}:host(${Qo}:active) .root,:host(${Zo}:active) .root{border-color:${gr};background:${As}}`;function Bp(o={}){return f`<template @beforeinput="${(t,e)=>t.beforeinputHandler(e.event)}" @focusin="${(t,e)=>t.focusinHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}"><label part="label" for="control" class="label" ${Tt("controlLabel")}><slot ${at({property:"defaultSlottedNodes",filter:sr})}></slot></label><div class="root" part="root">${Vt(o)}<input class="control" part="control" id="control" @change="${(t,e)=>t.changeHandler(e.event)}" @input="${(t,e)=>t.inputHandler(e.event)}" ?autofocus="${t=>t.autofocus}" autocomplete="${t=>t.autocomplete}" ?disabled="${t=>t.disabled}" list="${t=>t.list}" maxlength="${t=>t.maxlength}" minlength="${t=>t.minlength}" ?multiple="${t=>t.multiple}" name="${t=>t.name}" pattern="${t=>t.pattern}" placeholder="${t=>t.placeholder}" ?readonly="${t=>t.readOnly}" ?required="${t=>t.required}" size="${t=>t.size}" spellcheck="${t=>t.spellcheck}" type="${t=>t.type}" value="${t=>t.initialValue}" ${Tt("control")} />${Rt(o)}</div></template>`}const zp=Bp(),Tp=S.compose({name:`${p.prefix}-text-input`,template:zp,styles:Pp,shadowOptions:{delegatesFocus:!0}});Tp.define(p.registry);var Op=Object.defineProperty,Fp=Object.getOwnPropertyDescriptor,Dt=(o,t,e,s)=>{for(var i=s>1?void 0:s?Fp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Op(t,e,i),i};class It extends k{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}sizeChanged(t,e){t&&d(this.elementInternals,`size-${t}`,!1),e&&d(this.elementInternals,`size-${e}`,!0)}fontChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}weightChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}alignChanged(t,e){t&&d(this.elementInternals,t,!1),e&&d(this.elementInternals,e,!0)}connectedCallback(){super.connectedCallback(),$.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)})}disconnectedCallback(){super.disconnectedCallback(),$.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"nowrap":case"truncate":case"italic":case"underline":case"strikethrough":case"block":d(this.elementInternals,e,!!this[e]);break}}}Dt([a({mode:"boolean"})],It.prototype,"nowrap",2),Dt([a({mode:"boolean"})],It.prototype,"truncate",2),Dt([a({mode:"boolean"})],It.prototype,"italic",2),Dt([a({mode:"boolean"})],It.prototype,"underline",2),Dt([a({mode:"boolean"})],It.prototype,"strikethrough",2),Dt([a({mode:"boolean"})],It.prototype,"block",2),Dt([a],It.prototype,"size",2),Dt([a],It.prototype,"font",2),Dt([a],It.prototype,"weight",2),Dt([a],It.prototype,"align",2);const mn=l.partial`:is([state--nowrap], :state(nowrap))`,$n=l.partial`:is([state--truncate], :state(truncate))`,vn=l.partial`:is([state--underline], :state(underline))`,yn=l.partial`:is([state--strikethrough], :state(strikethrough))`,Ap=l`
   ${w("inline")}
 
-  :host{contain:content;font-family:${m};font-size:${P};line-height:${M};font-weight:${B};text-align:start}:host(${nn}),:host(${nn}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${an}),:host(${an}) ::slotted(*){text-overflow:ellipsis}:host(:is([state--block],:state(block))){display:block}:host(:is([state--italic],:state(italic))){font-style:italic}:host(${ln}){text-decoration-line:underline}:host(${cn}){text-decoration-line:line-through}:host(${ln}${cn}){text-decoration-line:line-through underline}:host(:is([state--size-100],:state(size-100))){font-size:${Ue};line-height:${Do}}:host(:is([state--size-200],:state(size-200))){font-size:${W};line-height:${dt}}:host(:is([state--size-400],:state(size-400))){font-size:${ct};line-height:${vt}}:host(:is([state--size-500],:state(size-500))){font-size:${Be};line-height:${No}}:host(:is([state--size-600],:state(size-600))){font-size:${Lo};line-height:${yr}}:host(:is([state--size-700],:state(size-700))){font-size:${br};line-height:${kr}}:host(:is([state--size-800],:state(size-800))){font-size:${mr};line-height:${xr}}:host(:is([state--size-900],:state(size-900))){font-size:${$r};line-height:${wr}}:host(:is([state--size-1000],:state(size-1000))){font-size:${vr};line-height:${Cr}}:host(:is([state--monospace],:state(monospace))){font-family:${Vl}}:host(:is([state--numeric],:state(numeric))){font-family:${jl}}:host(:is([state--medium],:state(medium))){font-weight:${ql}}:host(:is([state--semibold],:state(semibold))){font-weight:${D}}:host(:is([state--bold],:state(bold))){font-weight:${Ho}}:host(:is([state--center],:state(center))){text-align:center}:host(:is([state--end],:state(end))){text-align:end}:host(:is([state--justify],:state(justify))){text-align:justify}::slotted(*){display:inherit;font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`,gp=f`<slot></slot>`,fp=xt.compose({name:`${g.prefix}-text`,template:gp,styles:pp});fp.define(g.registry);var bp=Object.defineProperty,mp=Object.getOwnPropertyDescriptor,dn=(o,t,e,s)=>{for(var i=s>1?void 0:s?mp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&bp(t,e,i),i};class Js extends z{pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}connectedCallback(){super.connectedCallback(),this.setPressedState()}setPressedState(){if(this.$fastController.isConnected){const t=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=t,d(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}dn([a({mode:"boolean"})],Js.prototype,"pressed",2),dn([a({mode:"boolean"})],Js.prototype,"mixed",2);const $p=l`
-  ${Zo}
+  :host{contain:content;font-family:${m};font-size:${B};line-height:${_};font-weight:${O};text-align:start}:host(${mn}),:host(${mn}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${$n}),:host(${$n}) ::slotted(*){text-overflow:ellipsis}:host(:is([state--block],:state(block))){display:block}:host(:is([state--italic],:state(italic))){font-style:italic}:host(${vn}){text-decoration-line:underline}:host(${yn}){text-decoration-line:line-through}:host(${vn}${yn}){text-decoration-line:line-through underline}:host(:is([state--size-100],:state(size-100))){font-size:${Qe};line-height:${Go}}:host(:is([state--size-200],:state(size-200))){font-size:${V};line-height:${et}}:host(:is([state--size-400],:state(size-400))){font-size:${dt};line-height:${kt}}:host(:is([state--size-500],:state(size-500))){font-size:${Fe};line-height:${Wo}}:host(:is([state--size-600],:state(size-600))){font-size:${jo};line-height:${Ar}}:host(:is([state--size-700],:state(size-700))){font-size:${zr};line-height:${_r}}:host(:is([state--size-800],:state(size-800))){font-size:${Tr};line-height:${Mr}}:host(:is([state--size-900],:state(size-900))){font-size:${Or};line-height:${Er}}:host(:is([state--size-1000],:state(size-1000))){font-size:${Fr};line-height:${Lr}}:host(:is([state--monospace],:state(monospace))){font-family:${Kl}}:host(:is([state--numeric],:state(numeric))){font-family:${Yl}}:host(:is([state--medium],:state(medium))){font-weight:${Ql}}:host(:is([state--semibold],:state(semibold))){font-weight:${L}}:host(:is([state--bold],:state(bold))){font-weight:${qo}}:host(:is([state--center],:state(center))){text-align:center}:host(:is([state--end],:state(end))){text-align:end}:host(:is([state--justify],:state(justify))){text-align:justify}::slotted(*){display:inherit;font:inherit;line-height:inherit;text-decoration-line:inherit;text-align:inherit;text-decoration-line:inherit;margin:0}`,_p=f`<slot></slot>`,Mp=It.compose({name:`${p.prefix}-text`,template:_p,styles:Ap});Mp.define(p.registry);var Ep=Object.defineProperty,Lp=Object.getOwnPropertyDescriptor,kn=(o,t,e,s)=>{for(var i=s>1?void 0:s?Lp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(i=(s?n(t,e,i):n(i))||i);return s&&i&&Ep(t,e,i),i};class ci extends A{pressedChanged(){this.setPressedState()}mixedChanged(){this.setPressedState()}press(){this.pressed=!this.pressed}connectedCallback(){super.connectedCallback(),this.setPressedState()}setPressedState(){if(this.$fastController.isConnected){const t=`${this.mixed?"mixed":!!this.pressed}`;this.elementInternals.ariaPressed=t,d(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}kn([a({mode:"boolean"})],ci.prototype,"pressed",2),kn([a({mode:"boolean"})],ci.prototype,"mixed",2);const Hp=l`
+  ${is}
 
-  :host(${T}){border-color:${Pe};background-color:${tr};color:${A};border-width:${X}}:host(${T}:hover){border-color:${Mo};background-color:${Ss}}:host(${T}:active){border-color:${Fs};background-color:${Ji}}:host(${T}${et}){border-color:transparent;background-color:${$a};color:${Vt}}:host(${T}${et}:hover){background-color:${or}}:host(${T}${et}:active){background-color:${sr}}:host(${T}${C}){border-color:transparent;background-color:${ba};color:${Qn}}:host(${T}${C}:hover){background-color:${Is};color:${Bo}}:host(${T}${C}:active){background-color:${_o};color:${To}}:host(${T}${R}),:host(${T}${V}){background-color:${ma}}:host(${T}${R}:hover),:host(${T}${V}:hover){background-color:${Ps}}:host(${T}${R}:active),:host(${T}${V}:active){background-color:${Bs}}:host(${T}${V}){border-color:transparent;color:${Zn}}:host(${T}${V}:hover){color:${zo}}:host(${T}${V}:active){color:${Fo}}`.withBehaviors(Z(l`
-    :host(${T}),:host(${T}${et}),:host(${T}${C}),:host(${T}${R}),:host(${T}${V}){background:SelectedItem;color:SelectedItemText}`)),vp=Gs(),yp=Js.compose({name:`${g.prefix}-toggle-button`,template:vp,styles:$p});yp.define(g.registry);
+  :host(${F}){border-color:${pe};background-color:${cr};color:${z};border-width:${Y}}:host(${F}:hover){border-color:${Ro};background-color:${Os}}:host(${F}:active){border-color:${Hs};background-color:${Fs}}:host(${F}${it}){border-color:transparent;background-color:${za};color:${Gt}}:host(${F}${it}:hover){background-color:${dr}}:host(${F}${it}:active){background-color:${hr}}:host(${F}${C}){border-color:transparent;background-color:${Pa};color:${la}}:host(${F}${C}:hover){background-color:${_s};color:${Ao}}:host(${F}${C}:active){background-color:${Do};color:${_o}}:host(${F}${j}),:host(${F}${G}){background-color:${Ba}}:host(${F}${j}:hover),:host(${F}${G}:hover){background-color:${Ms}}:host(${F}${j}:active),:host(${F}${G}:active){background-color:${Es}}:host(${F}${G}){border-color:transparent;color:${ca}}:host(${F}${G}:hover){color:${Mo}}:host(${F}${G}:active){color:${Eo}}`.withBehaviors(J(l`
+    :host(${F}),:host(${F}${it}),:host(${F}${C}),:host(${F}${j}),:host(${F}${G}){background:SelectedItem;color:SelectedItemText}`)),Dp=ti(),Np=ci.compose({name:`${p.prefix}-toggle-button`,template:Dp,styles:Hp});Np.define(p.registry);