@fluentui/web-components 3.0.0-beta.51 → 3.0.0-beta.52

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (14) hide show
  1. package/CHANGELOG.md +12 -2
  2. package/dist/dts/field/field.d.ts +17 -9
  3. package/dist/dts/field/index.d.ts +1 -1
  4. package/dist/dts/index.d.ts +3 -1
  5. package/dist/esm/field/field.js +27 -16
  6. package/dist/esm/field/field.js.map +1 -1
  7. package/dist/esm/field/index.js +1 -1
  8. package/dist/esm/field/index.js.map +1 -1
  9. package/dist/esm/index.js +2 -1
  10. package/dist/esm/index.js.map +1 -1
  11. package/dist/web-components.d.ts +142 -116
  12. package/dist/web-components.js +11 -6
  13. package/dist/web-components.min.js +91 -91
  14. package/package.json +1 -1
package/dist/web-components.min.js CHANGED
@@ -1,7 +1,7 @@
1
- const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let vo;const xi="fast-kernel";try{if(document.currentScript)vo=document.currentScript.getAttribute(xi);else{const o=document.getElementsByTagName("script");vo=o[o.length-1].getAttribute(xi)}}catch{vo="isolate"}let ae;switch(vo){case"share":ae=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ae=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)}`;ae=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",zt=o=>typeof o=="string",wi=()=>{};var ms=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof ms<"u")ms.globalThis=ms;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 Ci={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Ci));const Q=globalThis.FAST;if(Q.getById===void 0){const o=Object.create(null);Reflect.defineProperty(Q,"getById",Object.assign({value(t,e){let s=o[t];return s===void 0&&(s=e?o[t]=e():null),s}},Ci))}Q.error===void 0&&Object.assign(Q,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const vn=Object.freeze([]);function $s(){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 Si(){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=wi}const et=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),Ii=o=>o,yn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:Ii}):{createHTML:Ii};let yo=Object.freeze({createHTML(o){return yn.createHTML(o)},protect(o,t,e,s){return s}});const kn=yo,Se=Object.freeze({get policy(){return yo},setPolicy(o){if(yo!==kn)throw Q.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=Q.getById(ae.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 d=0,b=o.length-u;d<b;d++)o[d]=o[d+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 vs{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 Pi{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 vs(this.subject):r=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new vs(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 ys=Object.freeze({unknown:void 0,coupled:1}),m=Q.getById(ae.observable,()=>{const o=Bt.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let s,i=u=>{throw Q.error(1101)};function r(u){var d;let b=(d=u.$fastController)!==null&&d!==void 0?d:e.get(u);return b===void 0&&(Array.isArray(u)?b=i(u):e.set(u,b=new Pi(u))),b}const n=Si();class h{constructor(d){this.name=d,this.field=`_${d}`,this.callback=`${d}Changed`}getValue(d){return s!==void 0&&s.watch(d,this.name),d[this.field]}setValue(d,b){const I=this.field,j=d[I];if(j!==b){d[I]=b;const ee=d[this.callback];we(ee)&&ee.call(d,j,b),r(d).notify(this.name)}}}class g extends vs{constructor(d,b,I=!1){super(d,b),this.expression=d,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(d){this.isAsync=this.needsQueue=d}bind(d){this.controller=d;const b=this.observe(d.source,d.context);return!d.isBound&&this.requiresUnbind(d)&&d.onUnbind(this),b}requiresUnbind(d){return d.sourceLifetime!==ys.coupled||this.first!==this.last||this.first.propertySource!==d.source}unbind(d){this.dispose()}observe(d,b){this.needsRefresh&&this.last!==null&&this.dispose();const I=s;s=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let j;try{j=this.expression(d,b)}finally{s=I}return j}disconnect(){this.dispose()}dispose(){if(this.last!==null){let d=this.first;for(;d!==void 0;)d.notifier.unsubscribe(this,d.propertyName),d=d.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(d,b){const I=this.last,j=r(d),ee=I===null?this.first:{};if(ee.propertySource=d,ee.propertyName=b,ee.notifier=j,j.subscribe(this,b),I!==null){if(!this.needsRefresh){let ki;s=void 0,ki=I.propertySource[I.propertyName],s=this,d===ki&&(this.needsRefresh=!0)}I.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 d=this.first;for(;d!==void 0;)yield d,d=d.next}}return Ce(g),Object.freeze({setArrayObserverFactory(u){i=u},getNotifier:r,track(u,d){s&&s.watch(u,d)},trackVolatile(){s&&(s.needsRefresh=!0)},notify(u,d){r(u).notify(d)},defineProperty(u,d){zt(d)&&(d=new h(d)),n(u).push(d),Reflect.defineProperty(u,d.name,{enumerable:!0,get(){return d.getValue(this)},set(b){d.setValue(this,b)}})},getAccessors:n,binding(u,d,b=this.isVolatileBinding(u)){return new g(u,d,b)},isVolatileBinding(u){return t.test(u.toString())}})});function k(o,t){m.defineProperty(o,t)}function xn(o,t,e){return Object.assign({},e,{get(){return m.trackVolatile(),e.get.apply(this)}})}const zi=Q.getById(ae.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 zi.get()},setEvent(o){zi.set(o)}});class ko{constructor(t,e,s=!1){this.evaluate=t,this.policy=e,this.isVolatile=s}}class wn extends ko{createObserver(t){return m.binding(this.evaluate,t,this.isVolatile)}}function Bi(o,t,e=m.isVolatileBinding(o)){return new wn(o,t,e)}class Ti extends ko{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}Ce(Ti);function Ai(o,t){return new Ti(o,t)}let Fi;function _i(o){return o.map(t=>t instanceof at?_i(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class at{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof at?e.behaviors:null).reduce((e,s)=>s===null?e:e===null?s:e.concat(s),null)}get strategy(){return this._strategy===null&&this.withStrategy(Fi),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(_i(this.styles)),this}static setDefaultStrategy(t){Fi=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new at(t):t instanceof at?t:new at([t])}}at.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const ks=$s(),xs=Object.freeze({getForInstance:ks.getForInstance,getByType:ks.getByType,define(o){return ks.register({type:o}),o}});function ws(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class Cs{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)=>ws(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){ws(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){ws(this,e.controller,e)}}xs.define(Cs);const Cn=`${Math.random().toString(36).substring(2,8)}`;let Sn=0;const Oi=()=>`--v${Cn}${++Sn}`;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 g=t[n];we(g)?g=new Cs(Bi(g),Oi()).createCSS(r):g instanceof ko?g=new Cs(g,Oi()).createCSS(r):xs.getForInstance(g)!==void 0&&(g=g.createCSS(r)),g instanceof at||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}=Mi(o,t),i=new at(e);return s.length?i.withBehaviors(...s):i};class Ni{constructor(t,e){this.behaviors=e,this.css="";const s=t.reduce((i,r)=>(zt(r)?this.css+=r:i.push(r),i),[]);s.length&&(this.styles=new at(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)}}xs.define(Ni),l.partial=(o,...t)=>{const{styles:e,behaviors:s}=Mi(o,t);return new Ni(e,s)};const Ss=`fast-${Math.random().toString(36).substring(2,8)}`,xo=`${Ss}{`,Ve=`}${Ss}`,In=Ve.length;let Pn=0;const Is=()=>`${Ss}-${++Pn}`,Ei=Object.freeze({interpolation:o=>`${xo}${o}${Ve}`,attribute:o=>`${Is()}="${xo}${o}${Ve}"`,comment:o=>`<!--${xo}${o}${Ve}-->`}),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(Ve);let g;if(h===-1)g=n;else{const u=n.substring(0,h);s.push(t[u]),g=n.substring(h+In)}g!==""&&s.push(g)}return s}}),Ps=$s(),$t=Object.freeze({getForInstance:Ps.getForInstance,getByType:Ps.getByType,define(o,t){return t=t||{},t.type=o,Ps.register(t),o},assignAspect(o,t){if(!t){o.aspectType=et.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?et.tokenList:et.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=et.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=et.event;break;default:o.targetAspect=t,o.aspectType=et.attribute;break}}});class zs{constructor(t){this.options=t}createHTML(t){return Ei.attribute(t(this))}createBehavior(){return this}}Ce(zs);function zn(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 Bn(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 d=0,b=u.length;d<b;++d){const I=u[d];I!==""&&(n[I]=h,g.add(I))}}if(r.v=h+1,h!==0){h-=1;for(const u in n)n[u]===h&&g.remove(u)}}const Tn={[et.attribute]:Se.setAttribute,[et.booleanAttribute]:Se.setBooleanAttribute,[et.property]:(o,t,e)=>o[t]=e,[et.content]:zn,[et.tokenList]:Bn,[et.event]:()=>{}};class Ie{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=et.content}createHTML(t){return Ei.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=Tn[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw Q.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 et.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case et.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)}}$t.define(Ie,{aspected:!0});function Li(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=ys.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(){Li(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){Li(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,s=t.length;e<s;++e)t[e].unbind()}}}Ce(Co),m.defineProperty(Co.prototype,"index"),m.defineProperty(Co.prototype,"length");const Hi=(o,t)=>`${o}.${t}`,Di={},Tt={index:0,node:null};function Vi(o){o.startsWith("fast-")||Q.warn(1204,{name:o})}const An=new Proxy(document.createElement("div"),{get(o,t){Vi(t);const e=Reflect.get(o,t);return we(e)?e.bind(o):e},set(o,t,e){return Vi(t),Reflect.set(o,t,e)}});class Fn{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:Is(),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=Di[e];if(!r){const n=`_${e}`;Di[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 ji(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 d=n[g],b=d.value,I=wo.parse(b,h);let j=null;I===null?r&&(j=new Ie(Ai(()=>b,o.policy)),$t.assignAspect(j,d.name)):j=Bs.aggregate(I,o.policy),j!==null&&(e.removeAttributeNode(d),g--,u--,o.addFactory(j,t,s,i,e.tagName))}}function _n(o,t,e,s,i){const r=wo.parse(t.textContent,o.directives);if(r===null)return Tt.node=t.nextSibling,Tt.index=i+1,Tt;let n,h=n=t;for(let g=0,u=r.length;g<u;++g){const d=r[g];g!==0&&(i++,s=Hi(e,i),n=h.parentNode.insertBefore(document.createTextNode(""),h.nextSibling)),zt(d)?n.textContent=d:(n.textContent=" ",$t.assignAspect(d),o.addFactory(d,e,s,i,null)),h=n}return Tt.index=i+1,Tt.node=h.nextSibling,Tt}function Ri(o,t,e){let s=0,i=t.firstChild;for(;i;){const r=On(o,e,i,s);i=r.node,s=r.index}}function On(o,t,e,s){const i=Hi(t,s);switch(e.nodeType){case 1:ji(o,t,e,i,s),Ri(o,e,i);break;case 3:return _n(o,e,t,i,s);case 8:const r=wo.parse(e.data,o.directives);r!==null&&o.addFactory(Bs.aggregate(r),t,i,s,null);break}return Tt.index=s+1,Tt.node=e.nextSibling,Tt}function Mn(o,t){return o&&o.nodeType==8&&wo.parse(o.data,t)!==null}const qi="TEMPLATE",Bs={compile(o,t,e=Se.policy){let s;if(zt(o)){s=document.createElement(qi),s.innerHTML=e.createHTML(o);const n=s.content.firstElementChild;n!==null&&n.tagName===qi&&(s=n)}else s=o;!s.content.firstChild&&!s.content.lastChild&&s.content.appendChild(document.createComment(""));const i=document.adoptNode(s.content),r=new Fn(i,t,e);return ji(r,"",s,"h",0,!0),(Mn(i.firstChild,t)||i.childNodes.length===1&&Object.keys(t).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),Ri(r,i,"r"),Tt.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=Se.policy){if(o.length===1)return o[0];let e,s,i=!1,r;const n=o.length,h=o.map(d=>zt(d)?()=>d:(e=d.sourceAspect||e,s=d.dataBinding||s,i=i||d.dataBinding.isVolatile,r=r||d.dataBinding.policy,d.dataBinding.evaluate)),g=(d,b)=>{let I="";for(let j=0;j<n;++j)I+=h[j](d,b);return I};s.evaluate=g,s.isVolatile=i,s.policy=r??t;const u=new Ie(s);return $t.assignAspect(u,e),u}},Nn=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,En=Object.create(null);class le{constructor(t,e=En){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}le.empty=new le(""),$t.define(le);function Ln(o,t,e,s=$t.getForInstance(o)){if(s.aspected){const i=Nn.exec(t);i!==null&&$t.assignAspect(o,i[2])}return o.createHTML(e)}class gs{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}create(t){return this.result===null&&(this.result=Bs.compile(this.html,this.factories,this.policy)),this.result.createView(t)}inline(){return new le(zt(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw Q.error(1208);if(this.policy)throw Q.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=Is();return r[u]=h,u};for(let h=0,g=t.length-1;h<g;++h){const u=t[h];let d=e[h],b;if(i+=u,we(d))d=new Ie(Bi(d));else if(d instanceof ko)d=new Ie(d);else if(!(b=$t.getForInstance(d))){const I=d;d=new Ie(Ai(()=>I))}i+=Ln(d,u,n,b)}return new gs(i+t[t.length-1],r,s)}}Ce(gs);const f=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return gs.create(o,t);throw Q.error(1206)};f.partial=o=>new le(o);class Gi extends zs{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}$t.define(Gi);const At=o=>new Gi(o),Hn=o=>o.nodeType===1,je=o=>o?t=>t.nodeType===1&&t.matches(o):Hn;class Wi extends zs{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,vn),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 Xi="slotchange";class Ui extends Wi{observe(t){t.addEventListener(Xi,this)}disconnect(t){t.removeEventListener(Xi,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}$t.define(Ui);function ut(o){return zt(o)&&(o={property:o}),new Ui(o)}class Ki extends Wi{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=wi,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(Ki);function Dn(o){return zt(o)&&(o={property:o}),new Ki(o)}const Yi="boolean",Qi="reflect",So=Object.freeze({locate:Si()}),Vn={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Zi(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const st={toView(o){const t=Zi(o);return t&&t.toString()},fromView:Zi};class fs{constructor(t,e,s=e.toLowerCase(),i=Qi,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===Yi&&r===void 0&&(this.converter=Vn)}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 m.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 Qi:const r=this.converter;Se.setAttribute(t,this.attribute,r!==void 0?r.toView(i):i);break;case Yi:Se.setBooleanAttribute(t,this.attribute,i);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(So.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];zt(u)?s.push(new fs(t,u)):s.push(new fs(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),So.locate(i.constructor).push(e)}if(arguments.length>1){e={},s(o,t);return}return e=o===void 0?{}:o,s}const Ji={mode:"open"},tr={},er=new Set,Io=Q.getById(ae.elementRegistry,()=>$s());class Pt{constructor(t,e=t.definition){var s;this.platformDefined=!1,zt(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=fs.collect(t,e.attributes),n=new Array(r.length),h={},g={};for(let u=0,d=r.length;u<d;++u){const b=r[u];n[u]=b.attribute,h[b.name]=b,g[b.attribute]=b,m.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?Ji:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Ji),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?tr:Object.assign(Object.assign({},tr),e.elementOptions),this.styles=at.normalize(e.styles),Io.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 er.has(t)||Io.getByType(t)?new Pt(class extends t{},e):new Pt(t,e)}static registerBaseType(t){er.add(t)}}Pt.getByType=Io.getByType,Pt.getForInstance=Io.getForInstance;const jn={bubbles:!0,composed:!0,cancelable:!0},Ts="isConnected",or=new WeakMap;function Po(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:or.get(o))!==null&&e!==void 0?e:null}let sr;class zo extends Pi{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"&&or.set(t,r))}const i=m.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 m.track(this,Ts),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=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,m.notify(this,Ts)}disconnect(){if(this.stage!==1)return;this.stage=2,m.notify(this,Ts),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=ys.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const s=Pt.getForInstance(t);if(s===void 0)throw Q.error(1401);return t.$fastController=new sr(t,s)}static setStrategy(t){sr=t}}Ce(zo),zo.setStrategy(zo);function Bo(o){var t;return"adoptedStyleSheets"in o?o:(t=Po(o))!==null&&t!==void 0?t:o.getRootNode()}class bs{constructor(t){const e=bs.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){rr(Bo(t),this.sheets)}removeStylesFrom(t){nr(Bo(t),this.sheets)}}bs.styleSheetCache=new Map;let Rn=0;const qn=()=>`fast-${++Rn}`;function ir(o){return o===document?document.body:o}class Gn{constructor(t){this.styles=t,this.styleClass=qn()}addStylesTo(t){t=ir(Bo(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=ir(Bo(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,i=e.length;s<i;++s)t.removeChild(e[s])}}let rr=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},nr=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(at.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),rr=(o,t)=>{o.adoptedStyleSheets.push(...t)},nr=(o,t)=>{for(const e of t){const s=o.adoptedStyleSheets.indexOf(e);s!==-1&&o.adoptedStyleSheets.splice(s,1)}}}catch{}at.setDefaultStrategy(bs)}else at.setDefaultStrategy(Gn);function ar(o){const t=class extends o{constructor(){super(),zo.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 Pt.registerBaseType(t),t}function Wn(o,t){return we(o)?Pt.compose(o,t):Pt.compose(this,o)}function Xn(o,t){return we(o)?Pt.compose(o,t).define().type:Pt.compose(this,o).define().type}function Un(o){return ar(o)}const x=Object.assign(ar(HTMLElement),{from:Un,define:Xn,compose:Wn}),pt={horizontal:"horizontal",vertical:"vertical"};function Kn(o,t){let e=o.length;for(;e--;)if(t(o[e],e,o))return e;return-1}function lr(...o){return o.every(t=>t instanceof HTMLElement)}const As="ArrowDown",Fs="ArrowLeft",_s="ArrowRight",Os="ArrowUp",Ms="End",To="Enter",Yn="Escape",Ns="Home",Es=" ",Qn="Tab";var vt;(function(o){o.ltr="ltr",o.rtl="rtl"})(vt||(vt={}));function Ls(o,t,e){return Math.min(Math.max(e,o),t)}let Zn=0;function Ao(o=""){return`${o}${Zn++}`}var Jn=Object.defineProperty,ta=Object.getOwnPropertyDescriptor,E=(o,t,e,s)=>{for(var i=s>1?void 0:s?ta(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&&Jn(t,e,i),i};class L{}E([a({attribute:"aria-atomic"})],L.prototype,"ariaAtomic",2),E([a({attribute:"aria-busy"})],L.prototype,"ariaBusy",2),E([a({attribute:"aria-controls"})],L.prototype,"ariaControls",2),E([a({attribute:"aria-current"})],L.prototype,"ariaCurrent",2),E([a({attribute:"aria-describedby"})],L.prototype,"ariaDescribedby",2),E([a({attribute:"aria-details"})],L.prototype,"ariaDetails",2),E([a({attribute:"aria-disabled"})],L.prototype,"ariaDisabled",2),E([a({attribute:"aria-errormessage"})],L.prototype,"ariaErrormessage",2),E([a({attribute:"aria-flowto"})],L.prototype,"ariaFlowto",2),E([a({attribute:"aria-haspopup"})],L.prototype,"ariaHaspopup",2),E([a({attribute:"aria-hidden"})],L.prototype,"ariaHidden",2),E([a({attribute:"aria-invalid"})],L.prototype,"ariaInvalid",2),E([a({attribute:"aria-keyshortcuts"})],L.prototype,"ariaKeyshortcuts",2),E([a({attribute:"aria-label"})],L.prototype,"ariaLabel",2),E([a({attribute:"aria-labelledby"})],L.prototype,"ariaLabelledby",2),E([a({attribute:"aria-live"})],L.prototype,"ariaLive",2),E([a({attribute:"aria-owns"})],L.prototype,"ariaOwns",2),E([a({attribute:"aria-relevant"})],L.prototype,"ariaRelevant",2),E([a({attribute:"aria-roledescription"})],L.prototype,"ariaRoledescription",2);const Hs={fromView(o){const t=parseFloat(o);return Number.isNaN(t)?"":t.toString()},toView(o){const t=parseFloat(o);return Number.isNaN(t)?void 0:t.toString()}},cr=o=>o.closest("[dir]")?.dir==="rtl"?vt.rtl:vt.ltr;function gt(o){return o?typeof o=="string"?new le(o):"inline"in o?o.inline():o:le.empty}const ea=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,oa=":host([hidden]){display:none}";function w(o){return`${oa}:host{display:${o}}`}class sa{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 sa{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 Z=$o.with(window.matchMedia("(forced-colors)"));$o.with(window.matchMedia("(prefers-color-scheme: dark)")),$o.with(window.matchMedia("(prefers-color-scheme: light)"));class Dt{}function oe(o){return f`<slot name="end" ${At("end")}>${gt(o.end)}</slot>`.inline()}function Vt(o){return f`<slot name="start" ${At("start")}>${gt(o.start)}</slot>`.inline()}function jt(o,...t){const e=So.locate(o);t.forEach(s=>{Object.getOwnPropertyNames(s.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(s.prototype,r))}),So.locate(s).forEach(r=>e.push(r))})}const ia=CSS.supports("selector(:state(g))");function c(o,t,e){if(!ia){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)}var ra=Object.defineProperty,na=Object.getOwnPropertyDescriptor,ce=(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 Rt extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=Ao("accordion-")}expandedChanged(t,e){c(this.elementInternals,"expanded",e)}disabledChanged(t,e){c(this.elementInternals,"disabled",e)}}ce([a({attribute:"heading-level",mode:"fromView",converter:st})],Rt.prototype,"headinglevel",2),ce([a({mode:"boolean"})],Rt.prototype,"expanded",2),ce([a({mode:"boolean"})],Rt.prototype,"disabled",2),ce([a],Rt.prototype,"id",2);class Re extends Rt{constructor(){super(...arguments),this.block=!1}sizeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}markerPositionChanged(t,e){t&&c(this.elementInternals,`align-${t}`,!1),e&&c(this.elementInternals,`align-${e}`,!0)}blockChanged(t,e){c(this.elementInternals,"block",e)}}ce([a],Re.prototype,"size",2),ce([a({attribute:"marker-position"})],Re.prototype,"markerPosition",2),ce([a({mode:"boolean"})],Re.prototype,"block",2),jt(Re,Dt);const v=l.partial`:is([state--checked], :state(checked))`,W=l.partial`:is([state--disabled], :state(disabled))`,Fo=l.partial`:is([state--filled-lighter], :state(filled-lighter))`,_o=l.partial`:is([state--filled-darker], :state(filled-darker))`,qt=l.partial`:is([state--ghost], :state(ghost))`,dr=l.partial`:is([state--inverted], :state(inverted))`,it=l.partial`:is([state--primary], :state(primary))`,R=l.partial`:is([state--outline], :state(outline))`,qe=l.partial`:is([state--strong], :state(strong))`,C=l.partial`:is([state--subtle], :state(subtle))`,se=l.partial`:is([state--tint], :state(tint))`,Ge=l.partial`:is([state--underline], :state(underline))`,X=l.partial`:is([state--transparent], :state(transparent))`,We=l.partial`:is([state--circular], :state(circular))`,Gt=l.partial`:is([state--rounded], :state(rounded))`,Xe=l.partial`:is([state--square], :state(square))`,Ue=l.partial`:is([state--tiny], :state(tiny))`,Ke=l.partial`:is([state--extra-small], :state(extra-small))`,_=l.partial`:is([state--small], :state(small))`;l.partial`:is([state--medium], :state(medium))`;const S=l.partial`:is([state--large], :state(large))`,Oo=l.partial`:is([state--extra-large], :state(extra-large))`,aa=l.partial`:is([state--huge], :state(huge))`,hr=l.partial`:is([state--align-start], :state(align-start))`,Wt=l.partial`:is([state--align-end], :state(align-end))`,Ds=l.partial`:is([state--inset], :state(inset))`,Pe=l.partial`:is([state--icon], :state(icon))`,P=l.partial`:is([state--pressed], :state(pressed))`,Xt=l.partial`:is([state--brand], :state(brand))`,Vs=l.partial`:is([state--error], :state(error))`,Mo=l.partial`:is([state--danger], :state(danger))`,No=l.partial`:is([state--important], :state(important))`,Eo=l.partial`:is([state--informative], :state(informative))`;l.partial`:is([state--marigold], :state(marigold))`;const Lo=l.partial`:is([state--neutral], :state(neutral))`,Ho=l.partial`:is([state--severe], :state(severe))`,de=l.partial`:is([state--success], :state(success))`,he=l.partial`:is([state--warning], :state(warning))`,J=l.partial`:is([state--vertical], :state(vertical))`;l.partial`:is([state--horizontal], :state(horizontal))`,l.partial`:is([state--singleline], :state(singleline))`;const Ye=l.partial`:is([state--multiline], :state(multiline))`,ue=l.partial`:is([state--expanded], :state(expanded))`,la=l.partial`:is([state--block], :state(block))`,z="var(--colorNeutralForeground1)",ur="var(--colorNeutralForeground1Hover)",ca="var(--colorNeutralForeground1Pressed)",Ut="var(--colorNeutralForeground2)",Do="var(--colorNeutralForeground2Hover)",Vo="var(--colorNeutralForeground2Pressed)",da="var(--colorNeutralForeground2Selected)",jo="var(--colorNeutralForeground2BrandHover)",Ro="var(--colorNeutralForeground2BrandPressed)",ha="var(--colorNeutralForeground2BrandSelected)",rt="var(--colorNeutralForeground3)",ua="var(--colorNeutralForeground3Hover)",pa="var(--colorNeutralForeground3Pressed)",ga="var(--colorNeutralForeground4)",H="var(--colorNeutralForegroundDisabled)",fa="var(--colorBrandForegroundLink)",ba="var(--colorBrandForegroundLinkHover)",ma="var(--colorBrandForegroundLinkPressed)",$a="var(--colorNeutralForeground2Link)",va="var(--colorNeutralForeground2LinkHover)",ya="var(--colorNeutralForeground2LinkPressed)",ka="var(--colorCompoundBrandForeground1Hover)",xa="var(--colorCompoundBrandForeground1Pressed)",Kt="var(--colorNeutralForegroundOnBrand)",Qe="var(--colorNeutralForegroundInverted)",wa="var(--colorNeutralForegroundInvertedHover)",Ca="var(--colorNeutralForegroundInvertedPressed)",pr="var(--colorNeutralForegroundStaticInverted)",js="var(--colorBrandForeground1)",Sa="var(--colorBrandForeground2)",Ia="var(--colorNeutralForeground1Static)",O="var(--colorNeutralBackground1)",Rs="var(--colorNeutralBackground1Hover)",qs="var(--colorNeutralBackground1Pressed)",gr="var(--colorNeutralBackground1Selected)",Gs="var(--colorNeutralBackground3)",Pa="var(--colorNeutralBackground4)",za="var(--colorNeutralBackground5)",qo="var(--colorNeutralBackground6)",Ba="var(--colorNeutralBackgroundInverted)",Ta="var(--colorSubtleBackground)",Ws="var(--colorSubtleBackgroundHover)",Go="var(--colorSubtleBackgroundPressed)",Aa="var(--colorSubtleBackgroundSelected)",yt="var(--colorTransparentBackground)",Xs="var(--colorTransparentBackgroundHover)",Us="var(--colorTransparentBackgroundPressed)",Fa="var(--colorTransparentBackgroundSelected)",ze="var(--colorNeutralBackgroundDisabled)",Ks="var(--colorBackgroundOverlay)",Ys="var(--colorBrandBackground)",fr="var(--colorBrandBackgroundHover)",br="var(--colorBrandBackgroundPressed)",_a="var(--colorBrandBackgroundSelected)",Be="var(--colorCompoundBrandBackground)",Ze="var(--colorCompoundBrandBackgroundHover)",Je="var(--colorCompoundBrandBackgroundPressed)",mr="var(--colorBrandBackgroundStatic)",Oa="var(--colorBrandBackground2)",pe="var(--colorNeutralStrokeAccessible)",to="var(--colorNeutralStrokeAccessibleHover)",eo="var(--colorNeutralStrokeAccessiblePressed)",ge="var(--colorNeutralStroke1)",Wo="var(--colorNeutralStroke1Hover)",Qs="var(--colorNeutralStroke1Pressed)",oo="var(--colorNeutralStroke2)",Ma="var(--colorNeutralStroke3)",Na="var(--colorNeutralStrokeOnBrand2)",$r="var(--colorBrandStroke1)",Zs="var(--colorBrandStroke2)",Xo="var(--colorCompoundBrandStroke)",Ea="var(--colorCompoundBrandStrokeHover)",vr="var(--colorCompoundBrandStrokePressed)",Ft="var(--colorNeutralStrokeDisabled)",nt="var(--colorTransparentStroke)",yr="var(--colorTransparentStrokeInteractive)",Js="var(--colorStrokeFocus1)",_t="var(--colorStrokeFocus2)",kr="var(--colorPaletteRedBackground1)",La="var(--colorPaletteRedBackground2)",xr="var(--colorPaletteRedBackground3)",wr="var(--colorPaletteRedBorder1)",Ha="var(--colorPaletteRedBorder2)",Cr="var(--colorPaletteRedForeground1)",Da="var(--colorPaletteRedForeground2)",Sr="var(--colorPaletteRedForeground3)",Ir="var(--colorPaletteGreenBackground1)",Pr="var(--colorPaletteGreenBackground3)",Va="var(--colorPaletteGreenBorder1)",ja="var(--colorPaletteGreenBorder2)",Ra="var(--colorPaletteGreenForeground1)",qa="var(--colorPaletteGreenForeground2)",Ga="var(--colorPaletteGreenForeground3)",zr="var(--colorPaletteDarkOrangeBackground1)",Br="var(--colorPaletteDarkOrangeBackground3)",Tr="var(--colorPaletteDarkOrangeBorder1)",Wa="var(--colorPaletteDarkOrangeForeground1)",Ar="var(--colorPaletteDarkOrangeForeground3)",Xa="var(--colorPaletteYellowBackground1)",Ua="var(--colorPaletteYellowBackground3)",Ka="var(--colorPaletteYellowBorder1)",ti="var(--colorPaletteYellowForeground2)",Fr="var(--colorPaletteMarigoldBackground2)",Ya="var(--colorPaletteMarigoldBackground3)",Qa="var(--colorPaletteMarigoldForeground2)",Za="var(--colorPaletteAnchorBackground2)",Ja="var(--colorPaletteAnchorForeground2)",tl="var(--colorPaletteBeigeBackground2)",el="var(--colorPaletteBeigeForeground2)",ol="var(--colorPaletteBlueBackground2)",sl="var(--colorPaletteBlueForeground2)",il="var(--colorPaletteBrassBackground2)",rl="var(--colorPaletteBrassForeground2)",nl="var(--colorPaletteBrownBackground2)",al="var(--colorPaletteBrownForeground2)",ll="var(--colorPaletteCornflowerBackground2)",cl="var(--colorPaletteCornflowerForeground2)",dl="var(--colorPaletteCranberryBackground2)",hl="var(--colorPaletteCranberryForeground2)",ul="var(--colorPaletteDarkGreenBackground2)",pl="var(--colorPaletteDarkGreenForeground2)",gl="var(--colorPaletteDarkRedBackground2)",fl="var(--colorPaletteDarkRedForeground2)",bl="var(--colorPaletteForestBackground2)",ml="var(--colorPaletteForestForeground2)",$l="var(--colorPaletteGoldBackground2)",vl="var(--colorPaletteGoldForeground2)",yl="var(--colorPaletteGrapeBackground2)",kl="var(--colorPaletteGrapeForeground2)",xl="var(--colorPaletteLavenderBackground2)",wl="var(--colorPaletteLavenderForeground2)",Cl="var(--colorPaletteLightTealBackground2)",Sl="var(--colorPaletteLightTealForeground2)",Il="var(--colorPaletteLilacBackground2)",Pl="var(--colorPaletteLilacForeground2)",zl="var(--colorPaletteMagentaBackground2)",Bl="var(--colorPaletteMagentaForeground2)",Tl="var(--colorPaletteMinkBackground2)",Al="var(--colorPaletteMinkForeground2)",Fl="var(--colorPaletteNavyBackground2)",_l="var(--colorPaletteNavyForeground2)",Ol="var(--colorPalettePeachBackground2)",Ml="var(--colorPalettePeachForeground2)",Nl="var(--colorPalettePinkBackground2)",El="var(--colorPalettePinkForeground2)",Ll="var(--colorPalettePlatinumBackground2)",Hl="var(--colorPalettePlatinumForeground2)",Dl="var(--colorPalettePlumBackground2)",Vl="var(--colorPalettePlumForeground2)",jl="var(--colorPalettePumpkinBackground2)",Rl="var(--colorPalettePumpkinForeground2)",ql="var(--colorPalettePurpleBackground2)",Gl="var(--colorPalettePurpleForeground2)",Wl="var(--colorPaletteRoyalBlueBackground2)",Xl="var(--colorPaletteRoyalBlueForeground2)",Ul="var(--colorPaletteSeafoamBackground2)",Kl="var(--colorPaletteSeafoamForeground2)",Yl="var(--colorPaletteSteelBackground2)",Ql="var(--colorPaletteSteelForeground2)",Zl="var(--colorPaletteTealBackground2)",Jl="var(--colorPaletteTealForeground2)",ei="var(--borderRadiusNone)",Ot="var(--borderRadiusSmall)",B="var(--borderRadiusMedium)",_r="var(--borderRadiusLarge)",Or="var(--borderRadiusXLarge)",lt="var(--borderRadiusCircular)",$="var(--fontFamilyBase)",tc="var(--fontFamilyMonospace)",ec="var(--fontFamilyNumeric)",so="var(--fontSizeBase100)",q="var(--fontSizeBase200)",T="var(--fontSizeBase300)",ct="var(--fontSizeBase400)",Te="var(--fontSizeBase500)",Uo="var(--fontSizeBase600)",Mr="var(--fontSizeHero700)",Nr="var(--fontSizeHero800)",Er="var(--fontSizeHero900)",Lr="var(--fontSizeHero1000)",M="var(--fontWeightRegular)",oc="var(--fontWeightMedium)",N="var(--fontWeightSemibold)",Ko="var(--fontWeightBold)",Yo="var(--lineHeightBase100)",ot="var(--lineHeightBase200)",D="var(--lineHeightBase300)",kt="var(--lineHeightBase400)",Qo="var(--lineHeightBase500)",Hr="var(--lineHeightBase600)",Dr="var(--lineHeightHero700)",Vr="var(--lineHeightHero800)",jr="var(--lineHeightHero900)",Rr="var(--lineHeightHero1000)",qr="var(--shadow2)",Zo="var(--shadow4)",sc="var(--shadow8)",Gr="var(--shadow16)",ic="var(--shadow28)",Wr="var(--shadow64)",U="var(--strokeWidthThin)",xt="var(--strokeWidthThick)",wt="var(--strokeWidthThicker)",oi="var(--strokeWidthThickest)",dt="var(--spacingHorizontalXXS)",Yt="var(--spacingHorizontalXS)",Qt="var(--spacingHorizontalSNudge)",Zt="var(--spacingHorizontalS)",Mt="var(--spacingHorizontalMNudge)",ht="var(--spacingHorizontalM)",rc="var(--spacingHorizontalL)",nc="var(--spacingHorizontalXL)",ac="var(--spacingHorizontalXXL)",Jo="var(--spacingVerticalXXS)",lc="var(--spacingVerticalXS)",io="var(--spacingVerticalSNudge)",ft="var(--spacingVerticalS)",ro="var(--spacingVerticalMNudge)",cc="var(--spacingVerticalM)",si="var(--spacingVerticalL)",no="var(--spacingVerticalXXL)",dc="var(--durationUltraFast)",ii="var(--durationFaster)",Xr="var(--durationNormal)",ri="var(--durationGentle)",hc="var(--durationSlow)",Ur="var(--durationSlower)",ts="var(--durationUltraSlow)",uc="var(--curveAccelerateMax)",ao="var(--curveAccelerateMid)",pc="var(--curveAccelerateMin)",Kr="var(--curveDecelerateMax)",lo="var(--curveDecelerateMid)",gc="var(--curveDecelerateMin)",fc="var(--curveEasyEaseMax)",es="var(--curveEasyEase)",ni="var(--curveLinear)",bc=l`
1
+ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let vo;const xi="fast-kernel";try{if(document.currentScript)vo=document.currentScript.getAttribute(xi);else{const o=document.getElementsByTagName("script");vo=o[o.length-1].getAttribute(xi)}}catch{vo="isolate"}let ae;switch(vo){case"share":ae=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ae=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)}`;ae=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",zt=o=>typeof o=="string",wi=()=>{};var ms=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof ms<"u")ms.globalThis=ms;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 Ci={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},Ci));const Q=globalThis.FAST;if(Q.getById===void 0){const o=Object.create(null);Reflect.defineProperty(Q,"getById",Object.assign({value(t,e){let s=o[t];return s===void 0&&(s=e?o[t]=e():null),s}},Ci))}Q.error===void 0&&Object.assign(Q,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const yn=Object.freeze([]);function $s(){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 Si(){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=wi}const et=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),Ii=o=>o,kn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:Ii}):{createHTML:Ii};let yo=Object.freeze({createHTML(o){return kn.createHTML(o)},protect(o,t,e,s){return s}});const xn=yo,Se=Object.freeze({get policy(){return yo},setPolicy(o){if(yo!==xn)throw Q.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=Q.getById(ae.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 d=0,b=o.length-u;d<b;d++)o[d]=o[d+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 vs{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 Pi{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 vs(this.subject):r=(i=this.subjectSubscribers)!==null&&i!==void 0?i:this.subjectSubscribers=new vs(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 ys=Object.freeze({unknown:void 0,coupled:1}),m=Q.getById(ae.observable,()=>{const o=Bt.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let s,i=u=>{throw Q.error(1101)};function r(u){var d;let b=(d=u.$fastController)!==null&&d!==void 0?d:e.get(u);return b===void 0&&(Array.isArray(u)?b=i(u):e.set(u,b=new Pi(u))),b}const n=Si();class h{constructor(d){this.name=d,this.field=`_${d}`,this.callback=`${d}Changed`}getValue(d){return s!==void 0&&s.watch(d,this.name),d[this.field]}setValue(d,b){const I=this.field,j=d[I];if(j!==b){d[I]=b;const ee=d[this.callback];we(ee)&&ee.call(d,j,b),r(d).notify(this.name)}}}class g extends vs{constructor(d,b,I=!1){super(d,b),this.expression=d,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(d){this.isAsync=this.needsQueue=d}bind(d){this.controller=d;const b=this.observe(d.source,d.context);return!d.isBound&&this.requiresUnbind(d)&&d.onUnbind(this),b}requiresUnbind(d){return d.sourceLifetime!==ys.coupled||this.first!==this.last||this.first.propertySource!==d.source}unbind(d){this.dispose()}observe(d,b){this.needsRefresh&&this.last!==null&&this.dispose();const I=s;s=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let j;try{j=this.expression(d,b)}finally{s=I}return j}disconnect(){this.dispose()}dispose(){if(this.last!==null){let d=this.first;for(;d!==void 0;)d.notifier.unsubscribe(this,d.propertyName),d=d.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(d,b){const I=this.last,j=r(d),ee=I===null?this.first:{};if(ee.propertySource=d,ee.propertyName=b,ee.notifier=j,j.subscribe(this,b),I!==null){if(!this.needsRefresh){let ki;s=void 0,ki=I.propertySource[I.propertyName],s=this,d===ki&&(this.needsRefresh=!0)}I.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 d=this.first;for(;d!==void 0;)yield d,d=d.next}}return Ce(g),Object.freeze({setArrayObserverFactory(u){i=u},getNotifier:r,track(u,d){s&&s.watch(u,d)},trackVolatile(){s&&(s.needsRefresh=!0)},notify(u,d){r(u).notify(d)},defineProperty(u,d){zt(d)&&(d=new h(d)),n(u).push(d),Reflect.defineProperty(u,d.name,{enumerable:!0,get(){return d.getValue(this)},set(b){d.setValue(this,b)}})},getAccessors:n,binding(u,d,b=this.isVolatileBinding(u)){return new g(u,d,b)},isVolatileBinding(u){return t.test(u.toString())}})});function k(o,t){m.defineProperty(o,t)}function wn(o,t,e){return Object.assign({},e,{get(){return m.trackVolatile(),e.get.apply(this)}})}const zi=Q.getById(ae.contextEvent,()=>{let o=null;return{get(){return o},set(t){o=t}}}),He=Object.freeze({default:{index:0,length:0,get event(){return He.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return zi.get()},setEvent(o){zi.set(o)}});class ko{constructor(t,e,s=!1){this.evaluate=t,this.policy=e,this.isVolatile=s}}class Cn extends ko{createObserver(t){return m.binding(this.evaluate,t,this.isVolatile)}}function Bi(o,t,e=m.isVolatileBinding(o)){return new Cn(o,t,e)}class Ti extends ko{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}Ce(Ti);function Ai(o,t){return new Ti(o,t)}let Fi;function _i(o){return o.map(t=>t instanceof at?_i(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class at{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof at?e.behaviors:null).reduce((e,s)=>s===null?e:e===null?s:e.concat(s),null)}get strategy(){return this._strategy===null&&this.withStrategy(Fi),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(_i(this.styles)),this}static setDefaultStrategy(t){Fi=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new at(t):t instanceof at?t:new at([t])}}at.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const ks=$s(),xs=Object.freeze({getForInstance:ks.getForInstance,getByType:ks.getByType,define(o){return ks.register({type:o}),o}});function ws(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class Cs{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)=>ws(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){ws(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){ws(this,e.controller,e)}}xs.define(Cs);const Sn=`${Math.random().toString(36).substring(2,8)}`;let In=0;const Oi=()=>`--v${Sn}${++In}`;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 g=t[n];we(g)?g=new Cs(Bi(g),Oi()).createCSS(r):g instanceof ko?g=new Cs(g,Oi()).createCSS(r):xs.getForInstance(g)!==void 0&&(g=g.createCSS(r)),g instanceof at||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}=Mi(o,t),i=new at(e);return s.length?i.withBehaviors(...s):i};class Ni{constructor(t,e){this.behaviors=e,this.css="";const s=t.reduce((i,r)=>(zt(r)?this.css+=r:i.push(r),i),[]);s.length&&(this.styles=new at(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)}}xs.define(Ni),l.partial=(o,...t)=>{const{styles:e,behaviors:s}=Mi(o,t);return new Ni(e,s)};const Ss=`fast-${Math.random().toString(36).substring(2,8)}`,xo=`${Ss}{`,De=`}${Ss}`,Pn=De.length;let zn=0;const Is=()=>`${Ss}-${++zn}`,Ei=Object.freeze({interpolation:o=>`${xo}${o}${De}`,attribute:o=>`${Is()}="${xo}${o}${De}"`,comment:o=>`<!--${xo}${o}${De}-->`}),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(De);let g;if(h===-1)g=n;else{const u=n.substring(0,h);s.push(t[u]),g=n.substring(h+Pn)}g!==""&&s.push(g)}return s}}),Ps=$s(),$t=Object.freeze({getForInstance:Ps.getForInstance,getByType:Ps.getByType,define(o,t){return t=t||{},t.type=o,Ps.register(t),o},assignAspect(o,t){if(!t){o.aspectType=et.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?et.tokenList:et.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=et.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=et.event;break;default:o.targetAspect=t,o.aspectType=et.attribute;break}}});class zs{constructor(t){this.options=t}createHTML(t){return Ei.attribute(t(this))}createBehavior(){return this}}Ce(zs);function Bn(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 Tn(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 d=0,b=u.length;d<b;++d){const I=u[d];I!==""&&(n[I]=h,g.add(I))}}if(r.v=h+1,h!==0){h-=1;for(const u in n)n[u]===h&&g.remove(u)}}const An={[et.attribute]:Se.setAttribute,[et.booleanAttribute]:Se.setBooleanAttribute,[et.property]:(o,t,e)=>o[t]=e,[et.content]:Bn,[et.tokenList]:Tn,[et.event]:()=>{}};class Ie{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=et.content}createHTML(t){return Ei.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=An[this.aspectType],s=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw Q.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 et.event:s[this.data]=t,s.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case et.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){He.setEvent(t);const s=this.dataBinding.evaluate(e.source,e.context);He.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(Ie,{aspected:!0});function Li(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=ys.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=t.firstChild,this.lastChild=t.lastChild}get event(){return He.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(){Li(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){Li(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,s=t.length;e<s;++e)t[e].unbind()}}}Ce(Co),m.defineProperty(Co.prototype,"index"),m.defineProperty(Co.prototype,"length");const Hi=(o,t)=>`${o}.${t}`,Di={},Tt={index:0,node:null};function Vi(o){o.startsWith("fast-")||Q.warn(1204,{name:o})}const Fn=new Proxy(document.createElement("div"),{get(o,t){Vi(t);const e=Reflect.get(o,t);return we(e)?e.bind(o):e},set(o,t,e){return Vi(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:Is(),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=Di[e];if(!r){const n=`_${e}`;Di[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??Fn;for(const i of this.nodeIds)s[i];return new Co(e,this.factories,s)}}function ji(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 d=n[g],b=d.value,I=wo.parse(b,h);let j=null;I===null?r&&(j=new Ie(Ai(()=>b,o.policy)),$t.assignAspect(j,d.name)):j=Bs.aggregate(I,o.policy),j!==null&&(e.removeAttributeNode(d),g--,u--,o.addFactory(j,t,s,i,e.tagName))}}function On(o,t,e,s,i){const r=wo.parse(t.textContent,o.directives);if(r===null)return Tt.node=t.nextSibling,Tt.index=i+1,Tt;let n,h=n=t;for(let g=0,u=r.length;g<u;++g){const d=r[g];g!==0&&(i++,s=Hi(e,i),n=h.parentNode.insertBefore(document.createTextNode(""),h.nextSibling)),zt(d)?n.textContent=d:(n.textContent=" ",$t.assignAspect(d),o.addFactory(d,e,s,i,null)),h=n}return Tt.index=i+1,Tt.node=h.nextSibling,Tt}function Ri(o,t,e){let s=0,i=t.firstChild;for(;i;){const r=Mn(o,e,i,s);i=r.node,s=r.index}}function Mn(o,t,e,s){const i=Hi(t,s);switch(e.nodeType){case 1:ji(o,t,e,i,s),Ri(o,e,i);break;case 3:return On(o,e,t,i,s);case 8:const r=wo.parse(e.data,o.directives);r!==null&&o.addFactory(Bs.aggregate(r),t,i,s,null);break}return Tt.index=s+1,Tt.node=e.nextSibling,Tt}function Nn(o,t){return o&&o.nodeType==8&&wo.parse(o.data,t)!==null}const qi="TEMPLATE",Bs={compile(o,t,e=Se.policy){let s;if(zt(o)){s=document.createElement(qi),s.innerHTML=e.createHTML(o);const n=s.content.firstElementChild;n!==null&&n.tagName===qi&&(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 ji(r,"",s,"h",0,!0),(Nn(i.firstChild,t)||i.childNodes.length===1&&Object.keys(t).length>0)&&i.insertBefore(document.createComment(""),i.firstChild),Ri(r,i,"r"),Tt.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=Se.policy){if(o.length===1)return o[0];let e,s,i=!1,r;const n=o.length,h=o.map(d=>zt(d)?()=>d:(e=d.sourceAspect||e,s=d.dataBinding||s,i=i||d.dataBinding.isVolatile,r=r||d.dataBinding.policy,d.dataBinding.evaluate)),g=(d,b)=>{let I="";for(let j=0;j<n;++j)I+=h[j](d,b);return I};s.evaluate=g,s.isVolatile=i,s.policy=r??t;const u=new Ie(s);return $t.assignAspect(u,e),u}},En=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,Ln=Object.create(null);class le{constructor(t,e=Ln){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const s in e)t(e[s]);return this.html}}le.empty=new le(""),$t.define(le);function Hn(o,t,e,s=$t.getForInstance(o)){if(s.aspected){const i=En.exec(t);i!==null&&$t.assignAspect(o,i[2])}return o.createHTML(e)}class gs{constructor(t,e={},s){this.policy=s,this.result=null,this.html=t,this.factories=e}create(t){return this.result===null&&(this.result=Bs.compile(this.html,this.factories,this.policy)),this.result.createView(t)}inline(){return new le(zt(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw Q.error(1208);if(this.policy)throw Q.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=Is();return r[u]=h,u};for(let h=0,g=t.length-1;h<g;++h){const u=t[h];let d=e[h],b;if(i+=u,we(d))d=new Ie(Bi(d));else if(d instanceof ko)d=new Ie(d);else if(!(b=$t.getForInstance(d))){const I=d;d=new Ie(Ai(()=>I))}i+=Hn(d,u,n,b)}return new gs(i+t[t.length-1],r,s)}}Ce(gs);const f=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return gs.create(o,t);throw Q.error(1206)};f.partial=o=>new le(o);class Gi extends zs{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}$t.define(Gi);const At=o=>new Gi(o),Dn=o=>o.nodeType===1,Ve=o=>o?t=>t.nodeType===1&&t.matches(o):Dn;class Wi extends zs{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,yn),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 Xi="slotchange";class Ui extends Wi{observe(t){t.addEventListener(Xi,this)}disconnect(t){t.removeEventListener(Xi,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}$t.define(Ui);function ut(o){return zt(o)&&(o={property:o}),new Ui(o)}class Ki extends Wi{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=wi,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(Ki);function Vn(o){return zt(o)&&(o={property:o}),new Ki(o)}const Yi="boolean",Qi="reflect",So=Object.freeze({locate:Si()}),jn={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Zi(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const st={toView(o){const t=Zi(o);return t&&t.toString()},fromView:Zi};class fs{constructor(t,e,s=e.toLowerCase(),i=Qi,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===Yi&&r===void 0&&(this.converter=jn)}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 m.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 Qi:const r=this.converter;Se.setAttribute(t,this.attribute,r!==void 0?r.toView(i):i);break;case Yi:Se.setBooleanAttribute(t,this.attribute,i);break}s.delete(t)})}static collect(t,...e){const s=[];e.push(So.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];zt(u)?s.push(new fs(t,u)):s.push(new fs(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),So.locate(i.constructor).push(e)}if(arguments.length>1){e={},s(o,t);return}return e=o===void 0?{}:o,s}const Ji={mode:"open"},tr={},er=new Set,Io=Q.getById(ae.elementRegistry,()=>$s());class Pt{constructor(t,e=t.definition){var s;this.platformDefined=!1,zt(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=fs.collect(t,e.attributes),n=new Array(r.length),h={},g={};for(let u=0,d=r.length;u<d;++u){const b=r[u];n[u]=b.attribute,h[b.name]=b,g[b.attribute]=b,m.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?Ji:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Ji),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?tr:Object.assign(Object.assign({},tr),e.elementOptions),this.styles=at.normalize(e.styles),Io.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 er.has(t)||Io.getByType(t)?new Pt(class extends t{},e):new Pt(t,e)}static registerBaseType(t){er.add(t)}}Pt.getByType=Io.getByType,Pt.getForInstance=Io.getForInstance;const Rn={bubbles:!0,composed:!0,cancelable:!0},Ts="isConnected",or=new WeakMap;function Po(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:or.get(o))!==null&&e!==void 0?e:null}let sr;class zo extends Pi{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"&&or.set(t,r))}const i=m.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 m.track(this,Ts),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:He.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,m.notify(this,Ts)}disconnect(){if(this.stage!==1)return;this.stage=2,m.notify(this,Ts),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},Rn),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=ys.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const s=Pt.getForInstance(t);if(s===void 0)throw Q.error(1401);return t.$fastController=new sr(t,s)}static setStrategy(t){sr=t}}Ce(zo),zo.setStrategy(zo);function Bo(o){var t;return"adoptedStyleSheets"in o?o:(t=Po(o))!==null&&t!==void 0?t:o.getRootNode()}class bs{constructor(t){const e=bs.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){rr(Bo(t),this.sheets)}removeStylesFrom(t){nr(Bo(t),this.sheets)}}bs.styleSheetCache=new Map;let qn=0;const Gn=()=>`fast-${++qn}`;function ir(o){return o===document?document.body:o}class Wn{constructor(t){this.styles=t,this.styleClass=Gn()}addStylesTo(t){t=ir(Bo(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=ir(Bo(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let s=0,i=e.length;s<i;++s)t.removeChild(e[s])}}let rr=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},nr=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(at.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),rr=(o,t)=>{o.adoptedStyleSheets.push(...t)},nr=(o,t)=>{for(const e of t){const s=o.adoptedStyleSheets.indexOf(e);s!==-1&&o.adoptedStyleSheets.splice(s,1)}}}catch{}at.setDefaultStrategy(bs)}else at.setDefaultStrategy(Wn);function ar(o){const t=class extends o{constructor(){super(),zo.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 Pt.registerBaseType(t),t}function Xn(o,t){return we(o)?Pt.compose(o,t):Pt.compose(this,o)}function Un(o,t){return we(o)?Pt.compose(o,t).define().type:Pt.compose(this,o).define().type}function Kn(o){return ar(o)}const x=Object.assign(ar(HTMLElement),{from:Kn,define:Un,compose:Xn}),pt={horizontal:"horizontal",vertical:"vertical"};function Yn(o,t){let e=o.length;for(;e--;)if(t(o[e],e,o))return e;return-1}function lr(...o){return o.every(t=>t instanceof HTMLElement)}const As="ArrowDown",Fs="ArrowLeft",_s="ArrowRight",Os="ArrowUp",Ms="End",To="Enter",Qn="Escape",Ns="Home",Es=" ",Zn="Tab";var vt;(function(o){o.ltr="ltr",o.rtl="rtl"})(vt||(vt={}));function Ls(o,t,e){return Math.min(Math.max(e,o),t)}let Jn=0;function Ao(o=""){return`${o}${Jn++}`}var ta=Object.defineProperty,ea=Object.getOwnPropertyDescriptor,E=(o,t,e,s)=>{for(var i=s>1?void 0:s?ea(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&&ta(t,e,i),i};class L{}E([a({attribute:"aria-atomic"})],L.prototype,"ariaAtomic",2),E([a({attribute:"aria-busy"})],L.prototype,"ariaBusy",2),E([a({attribute:"aria-controls"})],L.prototype,"ariaControls",2),E([a({attribute:"aria-current"})],L.prototype,"ariaCurrent",2),E([a({attribute:"aria-describedby"})],L.prototype,"ariaDescribedby",2),E([a({attribute:"aria-details"})],L.prototype,"ariaDetails",2),E([a({attribute:"aria-disabled"})],L.prototype,"ariaDisabled",2),E([a({attribute:"aria-errormessage"})],L.prototype,"ariaErrormessage",2),E([a({attribute:"aria-flowto"})],L.prototype,"ariaFlowto",2),E([a({attribute:"aria-haspopup"})],L.prototype,"ariaHaspopup",2),E([a({attribute:"aria-hidden"})],L.prototype,"ariaHidden",2),E([a({attribute:"aria-invalid"})],L.prototype,"ariaInvalid",2),E([a({attribute:"aria-keyshortcuts"})],L.prototype,"ariaKeyshortcuts",2),E([a({attribute:"aria-label"})],L.prototype,"ariaLabel",2),E([a({attribute:"aria-labelledby"})],L.prototype,"ariaLabelledby",2),E([a({attribute:"aria-live"})],L.prototype,"ariaLive",2),E([a({attribute:"aria-owns"})],L.prototype,"ariaOwns",2),E([a({attribute:"aria-relevant"})],L.prototype,"ariaRelevant",2),E([a({attribute:"aria-roledescription"})],L.prototype,"ariaRoledescription",2);const Hs={fromView(o){const t=parseFloat(o);return Number.isNaN(t)?"":t.toString()},toView(o){const t=parseFloat(o);return Number.isNaN(t)?void 0:t.toString()}},cr=o=>o.closest("[dir]")?.dir==="rtl"?vt.rtl:vt.ltr;function gt(o){return o?typeof o=="string"?new le(o):"inline"in o?o.inline():o:le.empty}const oa=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 Z=$o.with(window.matchMedia("(forced-colors)"));$o.with(window.matchMedia("(prefers-color-scheme: dark)")),$o.with(window.matchMedia("(prefers-color-scheme: light)"));class Dt{}function oe(o){return f`<slot name="end" ${At("end")}>${gt(o.end)}</slot>`.inline()}function Vt(o){return f`<slot name="start" ${At("start")}>${gt(o.start)}</slot>`.inline()}function jt(o,...t){const e=So.locate(o);t.forEach(s=>{Object.getOwnPropertyNames(s.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(s.prototype,r))}),So.locate(s).forEach(r=>e.push(r))})}const ra=CSS.supports("selector(:state(g))");function c(o,t,e){if(!ra){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)}var na=Object.defineProperty,aa=Object.getOwnPropertyDescriptor,ce=(o,t,e,s)=>{for(var i=s>1?void 0:s?aa(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&&na(t,e,i),i};class Rt extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=Ao("accordion-")}expandedChanged(t,e){c(this.elementInternals,"expanded",e)}disabledChanged(t,e){c(this.elementInternals,"disabled",e)}}ce([a({attribute:"heading-level",mode:"fromView",converter:st})],Rt.prototype,"headinglevel",2),ce([a({mode:"boolean"})],Rt.prototype,"expanded",2),ce([a({mode:"boolean"})],Rt.prototype,"disabled",2),ce([a],Rt.prototype,"id",2);class je extends Rt{constructor(){super(...arguments),this.block=!1}sizeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}markerPositionChanged(t,e){t&&c(this.elementInternals,`align-${t}`,!1),e&&c(this.elementInternals,`align-${e}`,!0)}blockChanged(t,e){c(this.elementInternals,"block",e)}}ce([a],je.prototype,"size",2),ce([a({attribute:"marker-position"})],je.prototype,"markerPosition",2),ce([a({mode:"boolean"})],je.prototype,"block",2),jt(je,Dt);const v=l.partial`:is([state--checked], :state(checked))`,W=l.partial`:is([state--disabled], :state(disabled))`,Fo=l.partial`:is([state--filled-lighter], :state(filled-lighter))`,_o=l.partial`:is([state--filled-darker], :state(filled-darker))`,qt=l.partial`:is([state--ghost], :state(ghost))`,dr=l.partial`:is([state--inverted], :state(inverted))`,it=l.partial`:is([state--primary], :state(primary))`,R=l.partial`:is([state--outline], :state(outline))`,Re=l.partial`:is([state--strong], :state(strong))`,C=l.partial`:is([state--subtle], :state(subtle))`,se=l.partial`:is([state--tint], :state(tint))`,qe=l.partial`:is([state--underline], :state(underline))`,X=l.partial`:is([state--transparent], :state(transparent))`,Ge=l.partial`:is([state--circular], :state(circular))`,Gt=l.partial`:is([state--rounded], :state(rounded))`,We=l.partial`:is([state--square], :state(square))`,Xe=l.partial`:is([state--tiny], :state(tiny))`,Ue=l.partial`:is([state--extra-small], :state(extra-small))`,_=l.partial`:is([state--small], :state(small))`;l.partial`:is([state--medium], :state(medium))`;const S=l.partial`:is([state--large], :state(large))`,Oo=l.partial`:is([state--extra-large], :state(extra-large))`,la=l.partial`:is([state--huge], :state(huge))`,hr=l.partial`:is([state--align-start], :state(align-start))`,Wt=l.partial`:is([state--align-end], :state(align-end))`,Ds=l.partial`:is([state--inset], :state(inset))`,Pe=l.partial`:is([state--icon], :state(icon))`,P=l.partial`:is([state--pressed], :state(pressed))`,Xt=l.partial`:is([state--brand], :state(brand))`,Vs=l.partial`:is([state--error], :state(error))`,Mo=l.partial`:is([state--danger], :state(danger))`,No=l.partial`:is([state--important], :state(important))`,Eo=l.partial`:is([state--informative], :state(informative))`;l.partial`:is([state--marigold], :state(marigold))`;const Lo=l.partial`:is([state--neutral], :state(neutral))`,Ho=l.partial`:is([state--severe], :state(severe))`,de=l.partial`:is([state--success], :state(success))`,he=l.partial`:is([state--warning], :state(warning))`,J=l.partial`:is([state--vertical], :state(vertical))`;l.partial`:is([state--horizontal], :state(horizontal))`,l.partial`:is([state--singleline], :state(singleline))`;const Ke=l.partial`:is([state--multiline], :state(multiline))`,ue=l.partial`:is([state--expanded], :state(expanded))`,ca=l.partial`:is([state--block], :state(block))`,z="var(--colorNeutralForeground1)",ur="var(--colorNeutralForeground1Hover)",da="var(--colorNeutralForeground1Pressed)",Ut="var(--colorNeutralForeground2)",Do="var(--colorNeutralForeground2Hover)",Vo="var(--colorNeutralForeground2Pressed)",ha="var(--colorNeutralForeground2Selected)",jo="var(--colorNeutralForeground2BrandHover)",Ro="var(--colorNeutralForeground2BrandPressed)",ua="var(--colorNeutralForeground2BrandSelected)",rt="var(--colorNeutralForeground3)",pa="var(--colorNeutralForeground3Hover)",ga="var(--colorNeutralForeground3Pressed)",fa="var(--colorNeutralForeground4)",H="var(--colorNeutralForegroundDisabled)",ba="var(--colorBrandForegroundLink)",ma="var(--colorBrandForegroundLinkHover)",$a="var(--colorBrandForegroundLinkPressed)",va="var(--colorNeutralForeground2Link)",ya="var(--colorNeutralForeground2LinkHover)",ka="var(--colorNeutralForeground2LinkPressed)",xa="var(--colorCompoundBrandForeground1Hover)",wa="var(--colorCompoundBrandForeground1Pressed)",Kt="var(--colorNeutralForegroundOnBrand)",Ye="var(--colorNeutralForegroundInverted)",Ca="var(--colorNeutralForegroundInvertedHover)",Sa="var(--colorNeutralForegroundInvertedPressed)",pr="var(--colorNeutralForegroundStaticInverted)",js="var(--colorBrandForeground1)",Ia="var(--colorBrandForeground2)",Pa="var(--colorNeutralForeground1Static)",O="var(--colorNeutralBackground1)",Rs="var(--colorNeutralBackground1Hover)",qs="var(--colorNeutralBackground1Pressed)",gr="var(--colorNeutralBackground1Selected)",Gs="var(--colorNeutralBackground3)",za="var(--colorNeutralBackground4)",Ba="var(--colorNeutralBackground5)",qo="var(--colorNeutralBackground6)",Ta="var(--colorNeutralBackgroundInverted)",Aa="var(--colorSubtleBackground)",Ws="var(--colorSubtleBackgroundHover)",Go="var(--colorSubtleBackgroundPressed)",Fa="var(--colorSubtleBackgroundSelected)",yt="var(--colorTransparentBackground)",Xs="var(--colorTransparentBackgroundHover)",Us="var(--colorTransparentBackgroundPressed)",_a="var(--colorTransparentBackgroundSelected)",ze="var(--colorNeutralBackgroundDisabled)",Ks="var(--colorBackgroundOverlay)",Ys="var(--colorBrandBackground)",fr="var(--colorBrandBackgroundHover)",br="var(--colorBrandBackgroundPressed)",Oa="var(--colorBrandBackgroundSelected)",Be="var(--colorCompoundBrandBackground)",Qe="var(--colorCompoundBrandBackgroundHover)",Ze="var(--colorCompoundBrandBackgroundPressed)",mr="var(--colorBrandBackgroundStatic)",Ma="var(--colorBrandBackground2)",pe="var(--colorNeutralStrokeAccessible)",Je="var(--colorNeutralStrokeAccessibleHover)",to="var(--colorNeutralStrokeAccessiblePressed)",ge="var(--colorNeutralStroke1)",Wo="var(--colorNeutralStroke1Hover)",Qs="var(--colorNeutralStroke1Pressed)",eo="var(--colorNeutralStroke2)",Na="var(--colorNeutralStroke3)",Ea="var(--colorNeutralStrokeOnBrand2)",$r="var(--colorBrandStroke1)",Zs="var(--colorBrandStroke2)",Xo="var(--colorCompoundBrandStroke)",La="var(--colorCompoundBrandStrokeHover)",vr="var(--colorCompoundBrandStrokePressed)",Ft="var(--colorNeutralStrokeDisabled)",nt="var(--colorTransparentStroke)",yr="var(--colorTransparentStrokeInteractive)",Js="var(--colorStrokeFocus1)",_t="var(--colorStrokeFocus2)",kr="var(--colorPaletteRedBackground1)",Ha="var(--colorPaletteRedBackground2)",xr="var(--colorPaletteRedBackground3)",wr="var(--colorPaletteRedBorder1)",Da="var(--colorPaletteRedBorder2)",Cr="var(--colorPaletteRedForeground1)",Va="var(--colorPaletteRedForeground2)",Sr="var(--colorPaletteRedForeground3)",Ir="var(--colorPaletteGreenBackground1)",Pr="var(--colorPaletteGreenBackground3)",ja="var(--colorPaletteGreenBorder1)",Ra="var(--colorPaletteGreenBorder2)",qa="var(--colorPaletteGreenForeground1)",Ga="var(--colorPaletteGreenForeground2)",Wa="var(--colorPaletteGreenForeground3)",zr="var(--colorPaletteDarkOrangeBackground1)",Br="var(--colorPaletteDarkOrangeBackground3)",Tr="var(--colorPaletteDarkOrangeBorder1)",Xa="var(--colorPaletteDarkOrangeForeground1)",Ar="var(--colorPaletteDarkOrangeForeground3)",Ua="var(--colorPaletteYellowBackground1)",Ka="var(--colorPaletteYellowBackground3)",Ya="var(--colorPaletteYellowBorder1)",ti="var(--colorPaletteYellowForeground2)",Fr="var(--colorPaletteMarigoldBackground2)",Qa="var(--colorPaletteMarigoldBackground3)",Za="var(--colorPaletteMarigoldForeground2)",Ja="var(--colorPaletteAnchorBackground2)",tl="var(--colorPaletteAnchorForeground2)",el="var(--colorPaletteBeigeBackground2)",ol="var(--colorPaletteBeigeForeground2)",sl="var(--colorPaletteBlueBackground2)",il="var(--colorPaletteBlueForeground2)",rl="var(--colorPaletteBrassBackground2)",nl="var(--colorPaletteBrassForeground2)",al="var(--colorPaletteBrownBackground2)",ll="var(--colorPaletteBrownForeground2)",cl="var(--colorPaletteCornflowerBackground2)",dl="var(--colorPaletteCornflowerForeground2)",hl="var(--colorPaletteCranberryBackground2)",ul="var(--colorPaletteCranberryForeground2)",pl="var(--colorPaletteDarkGreenBackground2)",gl="var(--colorPaletteDarkGreenForeground2)",fl="var(--colorPaletteDarkRedBackground2)",bl="var(--colorPaletteDarkRedForeground2)",ml="var(--colorPaletteForestBackground2)",$l="var(--colorPaletteForestForeground2)",vl="var(--colorPaletteGoldBackground2)",yl="var(--colorPaletteGoldForeground2)",kl="var(--colorPaletteGrapeBackground2)",xl="var(--colorPaletteGrapeForeground2)",wl="var(--colorPaletteLavenderBackground2)",Cl="var(--colorPaletteLavenderForeground2)",Sl="var(--colorPaletteLightTealBackground2)",Il="var(--colorPaletteLightTealForeground2)",Pl="var(--colorPaletteLilacBackground2)",zl="var(--colorPaletteLilacForeground2)",Bl="var(--colorPaletteMagentaBackground2)",Tl="var(--colorPaletteMagentaForeground2)",Al="var(--colorPaletteMinkBackground2)",Fl="var(--colorPaletteMinkForeground2)",_l="var(--colorPaletteNavyBackground2)",Ol="var(--colorPaletteNavyForeground2)",Ml="var(--colorPalettePeachBackground2)",Nl="var(--colorPalettePeachForeground2)",El="var(--colorPalettePinkBackground2)",Ll="var(--colorPalettePinkForeground2)",Hl="var(--colorPalettePlatinumBackground2)",Dl="var(--colorPalettePlatinumForeground2)",Vl="var(--colorPalettePlumBackground2)",jl="var(--colorPalettePlumForeground2)",Rl="var(--colorPalettePumpkinBackground2)",ql="var(--colorPalettePumpkinForeground2)",Gl="var(--colorPalettePurpleBackground2)",Wl="var(--colorPalettePurpleForeground2)",Xl="var(--colorPaletteRoyalBlueBackground2)",Ul="var(--colorPaletteRoyalBlueForeground2)",Kl="var(--colorPaletteSeafoamBackground2)",Yl="var(--colorPaletteSeafoamForeground2)",Ql="var(--colorPaletteSteelBackground2)",Zl="var(--colorPaletteSteelForeground2)",Jl="var(--colorPaletteTealBackground2)",tc="var(--colorPaletteTealForeground2)",ei="var(--borderRadiusNone)",Ot="var(--borderRadiusSmall)",B="var(--borderRadiusMedium)",_r="var(--borderRadiusLarge)",Or="var(--borderRadiusXLarge)",lt="var(--borderRadiusCircular)",$="var(--fontFamilyBase)",ec="var(--fontFamilyMonospace)",oc="var(--fontFamilyNumeric)",oo="var(--fontSizeBase100)",q="var(--fontSizeBase200)",T="var(--fontSizeBase300)",ct="var(--fontSizeBase400)",Te="var(--fontSizeBase500)",Uo="var(--fontSizeBase600)",Mr="var(--fontSizeHero700)",Nr="var(--fontSizeHero800)",Er="var(--fontSizeHero900)",Lr="var(--fontSizeHero1000)",M="var(--fontWeightRegular)",sc="var(--fontWeightMedium)",N="var(--fontWeightSemibold)",Ko="var(--fontWeightBold)",Yo="var(--lineHeightBase100)",ot="var(--lineHeightBase200)",D="var(--lineHeightBase300)",kt="var(--lineHeightBase400)",Qo="var(--lineHeightBase500)",Hr="var(--lineHeightBase600)",Dr="var(--lineHeightHero700)",Vr="var(--lineHeightHero800)",jr="var(--lineHeightHero900)",Rr="var(--lineHeightHero1000)",qr="var(--shadow2)",Zo="var(--shadow4)",ic="var(--shadow8)",Gr="var(--shadow16)",rc="var(--shadow28)",Wr="var(--shadow64)",U="var(--strokeWidthThin)",xt="var(--strokeWidthThick)",wt="var(--strokeWidthThicker)",oi="var(--strokeWidthThickest)",dt="var(--spacingHorizontalXXS)",Yt="var(--spacingHorizontalXS)",Qt="var(--spacingHorizontalSNudge)",Zt="var(--spacingHorizontalS)",Mt="var(--spacingHorizontalMNudge)",ht="var(--spacingHorizontalM)",nc="var(--spacingHorizontalL)",ac="var(--spacingHorizontalXL)",lc="var(--spacingHorizontalXXL)",Jo="var(--spacingVerticalXXS)",cc="var(--spacingVerticalXS)",so="var(--spacingVerticalSNudge)",ft="var(--spacingVerticalS)",io="var(--spacingVerticalMNudge)",dc="var(--spacingVerticalM)",si="var(--spacingVerticalL)",ro="var(--spacingVerticalXXL)",hc="var(--durationUltraFast)",ii="var(--durationFaster)",Xr="var(--durationNormal)",ri="var(--durationGentle)",uc="var(--durationSlow)",Ur="var(--durationSlower)",ts="var(--durationUltraSlow)",pc="var(--curveAccelerateMax)",no="var(--curveAccelerateMid)",gc="var(--curveAccelerateMin)",Kr="var(--curveDecelerateMax)",ao="var(--curveDecelerateMid)",fc="var(--curveDecelerateMin)",bc="var(--curveEasyEaseMax)",es="var(--curveEasyEase)",ni="var(--curveLinear)",mc=l`
2
2
  ${w("block")}
3
3
 
4
- :host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${ht} ${Mt};border-radius:${B};font-family:${$};font-size:${T};font-weight:${M};line-height:${D};grid-template-columns:auto auto 1fr auto}.button{appearance:none;background:${yt};border:none;box-sizing:border-box;color:${z};cursor:pointer;font:inherit;grid-column:auto / span 2;grid-row:1;height:44px;outline:none;padding:0;text-align:start}.button::before{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Ot}}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot='marker-collapsed'],[slot='marker-expanded'])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-inline-end:${Zt};grid-column:1 / span 1;grid-row:1}.content{margin:0 ${ht}}::slotted([slot='start']){display:flex;justify-content:center;align-items:center;padding-right:${Zt};grid-column:2 / span 1;grid-row:1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Ot};outline:none;border:2px solid ${Js};box-shadow:inset 0 0 0 1px ${_t}}:host(${W}) .button{color:${H}}:host(${W}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host(${ue}) .content{display:block}:host(${ue}) .default-marker-collapsed,:host(${ue}) ::slotted([slot='marker-collapsed']),:host(:not(${ue})) :is(.default-marker-expanded,.content),:host(:not(${ue})) ::slotted([slot='marker-expanded']){display:none}:host(${ue}) ::slotted([slot='marker-expanded']),:host(:not(${ue})) ::slotted([slot='marker-collapsed']){display:flex}.heading{font-size:${T};line-height:${D}}:host(${_}) .heading{font-size:${q};line-height:${ot}}:host(${S}) .heading{font-size:${ct};line-height:${kt}}:host(${Oo}) .heading{font-size:${Te};line-height:${Qo}}:host(${Wt}) :slotted([slot='start']){grid-column:1 / span 1}:host(${Wt}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:4 / span 1;padding-inline-start:${Zt};padding-inline-end:0}:host(${Wt}) .button{grid-column:2 / span 3}:host([block]){max-width:100%}:host(${Wt}) .heading{grid-template-columns:auto auto 28px;padding-inline:${ht}}:host(${Wt}:has([slot='start'])) .heading{padding-inline:${Mt} ${ht}}:host(${la}${Wt}) .heading{grid-template-columns:auto 1fr}:host(${Wt}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:5 / span 1}`,mc=f.partial(`<svg
4
+ :host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;padding-inline:${ht} ${Mt};border-radius:${B};font-family:${$};font-size:${T};font-weight:${M};line-height:${D};grid-template-columns:auto auto 1fr auto}.button{appearance:none;background:${yt};border:none;box-sizing:border-box;color:${z};cursor:pointer;font:inherit;grid-column:auto / span 2;grid-row:1;height:44px;outline:none;padding:0;text-align:start}.button::before{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Ot}}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot='marker-collapsed'],[slot='marker-expanded'])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-inline-end:${Zt};grid-column:1 / span 1;grid-row:1}.content{margin:0 ${ht}}::slotted([slot='start']){display:flex;justify-content:center;align-items:center;padding-right:${Zt};grid-column:2 / span 1;grid-row:1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${Ot};outline:none;border:2px solid ${Js};box-shadow:inset 0 0 0 1px ${_t}}:host(${W}) .button{color:${H}}:host(${W}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host(${ue}) .content{display:block}:host(${ue}) .default-marker-collapsed,:host(${ue}) ::slotted([slot='marker-collapsed']),:host(:not(${ue})) :is(.default-marker-expanded,.content),:host(:not(${ue})) ::slotted([slot='marker-expanded']){display:none}:host(${ue}) ::slotted([slot='marker-expanded']),:host(:not(${ue})) ::slotted([slot='marker-collapsed']){display:flex}.heading{font-size:${T};line-height:${D}}:host(${_}) .heading{font-size:${q};line-height:${ot}}:host(${S}) .heading{font-size:${ct};line-height:${kt}}:host(${Oo}) .heading{font-size:${Te};line-height:${Qo}}:host(${Wt}) :slotted([slot='start']){grid-column:1 / span 1}:host(${Wt}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:4 / span 1;padding-inline-start:${Zt};padding-inline-end:0}:host(${Wt}) .button{grid-column:2 / span 3}:host([block]){max-width:100%}:host(${Wt}) .heading{grid-template-columns:auto auto 28px;padding-inline:${ht}}:host(${Wt}:has([slot='start'])) .heading{padding-inline:${Mt} ${ht}}:host(${ca}${Wt}) .heading{grid-template-columns:auto 1fr}:host(${Wt}) :is(.default-marker-collapsed,.default-marker-expanded){grid-column:5 / span 1}`,$c=f.partial(`<svg
5
5
  width="20"
6
6
  height="20"
7
7
  viewBox="0 0 20 20"
@@ -14,7 +14,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
14
14
  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"
15
15
  fill="currentColor"
16
16
  />
17
- </svg>`),$c=f.partial(`<svg
17
+ </svg>`),vc=f.partial(`<svg
18
18
  width="20"
19
19
  height="20"
20
20
  viewBox="0 0 20 20"
@@ -27,22 +27,22 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
27
27
  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"
28
28
  fill="currentColor"
29
29
  />
30
- </svg>`);function vc(o={}){return f`<div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${At("expandbutton")} ?disabled="${t=>t.disabled?"true":void 0}" aria-expanded="${t=>t.expanded}" aria-controls="${t=>t.id}-panel" id="${t=>t.id}"><slot name="heading"></slot></button>${Vt(o)}<slot name="marker-expanded">${gt(o.expandedIcon)}</slot><slot name="marker-collapsed">${gt(o.collapsedIcon)}</slot></div><div class="content" part="content" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div>`}const yc=vc({collapsedIcon:mc,expandedIcon:$c}),kc=Re.compose({name:`${p.prefix}-accordion-item`,template:yc,styles:bc});kc.define(p.registry);const ai={single:"single",multi:"multi"};var xc=Object.defineProperty,wc=Object.getOwnPropertyDescriptor,Yr=(o,t,e,s)=>{for(var i=s>1?void 0:s?wc(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&&xc(t,e,i),i};class li extends x{constructor(){super(...arguments),this.expandmode=ai.multi,this.activeItemIndex=0,this.setItems=()=>{if(this.slottedAccordionItems.length===0)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>m.getNotifier(e).subscribe(this,"disabled")),this.accordionItems=t.filter(e=>!e.hasAttribute("disabled")),this.accordionItems.forEach((e,s)=>{e instanceof Rt&&(e.addEventListener("click",this.expandedChangedHandler),m.getNotifier(e).subscribe(this,"expanded"))}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}},this.removeItemListeners=t=>{t.forEach((e,s)=>{m.getNotifier(e).unsubscribe(this,"disabled"),m.getNotifier(e).unsubscribe(this,"expanded"),e.removeEventListener("click",this.expandedChangedHandler)})},this.expandedChangedHandler=t=>{const e=t.target;e instanceof Rt&&(this.isSingleExpandMode()?this.setSingleExpandMode(e):(e.expanded=!e.expanded,this.activeItemIndex=this.accordionItems.indexOf(e)),this.$emit("change"))}}expandmodeChanged(t,e){if(!this.$fastController.isConnected)return;const s=this.findExpandedItem();if(s){if(e===ai.single){this.setSingleExpandMode(s);return}s?.expandbutton.removeAttribute("aria-disabled")}}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 Rt&&t.expanded)??this.accordionItems[0]}isSingleExpandMode(){return this.expandmode===ai.single}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 Rt&&(this.activeItemIndex===i?(s.expanded=!0,s.expandbutton.setAttribute("aria-disabled","true")):(s.expanded=!1,s.hasAttribute("disabled")||s.expandbutton.removeAttribute("aria-disabled")))})}}Yr([a({attribute:"expand-mode"})],li.prototype,"expandmode",2),Yr([k],li.prototype,"slottedAccordionItems",2);const Cc=l`
30
+ </svg>`);function yc(o={}){return f`<div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${At("expandbutton")} ?disabled="${t=>t.disabled?"true":void 0}" aria-expanded="${t=>t.expanded}" aria-controls="${t=>t.id}-panel" id="${t=>t.id}"><slot name="heading"></slot></button>${Vt(o)}<slot name="marker-expanded">${gt(o.expandedIcon)}</slot><slot name="marker-collapsed">${gt(o.collapsedIcon)}</slot></div><div class="content" part="content" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div>`}const kc=yc({collapsedIcon:$c,expandedIcon:vc}),xc=je.compose({name:`${p.prefix}-accordion-item`,template:kc,styles:mc});xc.define(p.registry);const ai={single:"single",multi:"multi"};var wc=Object.defineProperty,Cc=Object.getOwnPropertyDescriptor,Yr=(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 li extends x{constructor(){super(...arguments),this.expandmode=ai.multi,this.activeItemIndex=0,this.setItems=()=>{if(this.slottedAccordionItems.length===0)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>m.getNotifier(e).subscribe(this,"disabled")),this.accordionItems=t.filter(e=>!e.hasAttribute("disabled")),this.accordionItems.forEach((e,s)=>{e instanceof Rt&&(e.addEventListener("click",this.expandedChangedHandler),m.getNotifier(e).subscribe(this,"expanded"))}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}},this.removeItemListeners=t=>{t.forEach((e,s)=>{m.getNotifier(e).unsubscribe(this,"disabled"),m.getNotifier(e).unsubscribe(this,"expanded"),e.removeEventListener("click",this.expandedChangedHandler)})},this.expandedChangedHandler=t=>{const e=t.target;e instanceof Rt&&(this.isSingleExpandMode()?this.setSingleExpandMode(e):(e.expanded=!e.expanded,this.activeItemIndex=this.accordionItems.indexOf(e)),this.$emit("change"))}}expandmodeChanged(t,e){if(!this.$fastController.isConnected)return;const s=this.findExpandedItem();if(s){if(e===ai.single){this.setSingleExpandMode(s);return}s?.expandbutton.removeAttribute("aria-disabled")}}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 Rt&&t.expanded)??this.accordionItems[0]}isSingleExpandMode(){return this.expandmode===ai.single}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 Rt&&(this.activeItemIndex===i?(s.expanded=!0,s.expandbutton.setAttribute("aria-disabled","true")):(s.expanded=!1,s.hasAttribute("disabled")||s.expandbutton.removeAttribute("aria-disabled")))})}}Yr([a({attribute:"expand-mode"})],li.prototype,"expandmode",2),Yr([k],li.prototype,"slottedAccordionItems",2);const Sc=l`
31
31
  ${w("flex")}
32
32
 
33
- :host{flex-direction:column;width:100%;contain:content}`;function Sc(){return f`<template><slot ${ut({property:"slottedAccordionItems",filter:je()})}></slot></template>`}const Ic=Sc(),Pc=li.compose({name:`${p.prefix}-accordion`,template:Ic,styles:Cc});Pc.define(p.registry);const os={submit:"submit",reset:"reset",button:"button"},zc={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var Bc=Object.defineProperty,Tc=Object.getOwnPropertyDescriptor,bt=(o,t,e,s)=>{for(var i=s>1?void 0:s?Tc(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 Nt 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(),m.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)}),this.append(this.internalProxyAnchor)}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this)}handleChange(t,e){if(e in zc){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===To){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}}bt([a],Nt.prototype,"download",2),bt([a],Nt.prototype,"href",2),bt([a],Nt.prototype,"hreflang",2),bt([a],Nt.prototype,"ping",2),bt([a],Nt.prototype,"referrerpolicy",2),bt([a],Nt.prototype,"rel",2),bt([a],Nt.prototype,"target",2),bt([a],Nt.prototype,"type",2);class Ae extends Nt{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}iconOnlyChanged(t,e){c(this.elementInternals,"icon",!!e)}}bt([a],Ae.prototype,"appearance",2),bt([a],Ae.prototype,"shape",2),bt([a],Ae.prototype,"size",2),bt([a({attribute:"icon-only",mode:"boolean"})],Ae.prototype,"iconOnly",2),jt(Ae,Dt);const Qr=l`
33
+ :host{flex-direction:column;width:100%;contain:content}`;function Ic(){return f`<template><slot ${ut({property:"slottedAccordionItems",filter:Ve()})}></slot></template>`}const Pc=Ic(),zc=li.compose({name:`${p.prefix}-accordion`,template:Pc,styles:Sc});zc.define(p.registry);const os={submit:"submit",reset:"reset",button:"button"},Bc={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var Tc=Object.defineProperty,Ac=Object.getOwnPropertyDescriptor,bt=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ac(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&&Tc(t,e,i),i};class Nt 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(),m.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)}),this.append(this.internalProxyAnchor)}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this)}handleChange(t,e){if(e in Bc){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===To){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}}bt([a],Nt.prototype,"download",2),bt([a],Nt.prototype,"href",2),bt([a],Nt.prototype,"hreflang",2),bt([a],Nt.prototype,"ping",2),bt([a],Nt.prototype,"referrerpolicy",2),bt([a],Nt.prototype,"rel",2),bt([a],Nt.prototype,"target",2),bt([a],Nt.prototype,"type",2);class Ae extends Nt{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}iconOnlyChanged(t,e){c(this.elementInternals,"icon",!!e)}}bt([a],Ae.prototype,"appearance",2),bt([a],Ae.prototype,"shape",2),bt([a],Ae.prototype,"size",2),bt([a({attribute:"icon-only",mode:"boolean"})],Ae.prototype,"iconOnly",2),jt(Ae,Dt);const Qr=l`
34
34
  ${w("inline-flex")}
35
35
 
36
- :host{--icon-spacing:${Qt};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:${O};color:${z};border:${U} solid ${ge};padding:0 ${ht};min-width:96px;border-radius:${B};font-size:${T};font-family:${$};font-weight:${N};line-height:${D};transition-duration:${ii};transition-property:background,border,color;transition-timing-function:${es};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${Rs};color:${ur};border-color:${Wo}}:host(:hover:active){background-color:${qs};border-color:${Qs};color:${ca};outline-style:none}:host(:focus-visible){border-color:${nt};outline:${xt} solid ${nt};box-shadow:${Zo},0 0 0 2px ${_t}}@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(${Pe}){min-width:32px;max-width:32px}:host(${_}){--icon-spacing:${Yt};min-height:24px;min-width:64px;padding:0 ${Zt};border-radius:${Ot};font-size:${q};line-height:${ot};font-weight:${M}}:host(${_}${Pe}){min-width:24px;max-width:24px}:host(${S}){min-height:40px;border-radius:${_r};padding:0 ${rc};font-size:${ct};line-height:${kt}}:host(${S}${Pe}){min-width:40px;max-width:40px}:host(${S}) ::slotted(svg){font-size:24px;height:24px;width:24px}:host(:is(${We},${We}:focus-visible)){border-radius:${lt}}:host(:is(${Xe},${Xe}:focus-visible)){border-radius:${ei}}:host(${it}){background-color:${Ys};color:${Kt};border-color:transparent}:host(${it}:hover){background-color:${fr}}:host(${it}:is(:hover,:hover:active)){border-color:transparent;color:${Kt}}:host(${it}:hover:active){background-color:${br}}:host(${it}:focus-visible){border-color:${Kt};box-shadow:${qr},0 0 0 2px ${_t}}:host(${R}){background-color:${yt}}:host(${R}:hover){background-color:${Xs}}:host(${R}:hover:active){background-color:${Us}}:host(${C}){background-color:${Ta};color:${Ut};border-color:transparent}:host(${C}:hover){background-color:${Ws};color:${Do};border-color:transparent}:host(${C}:hover:active){background-color:${Go};color:${Vo};border-color:transparent}:host(${C}:hover) ::slotted(svg){fill:${jo}}:host(${C}:hover:active) ::slotted(svg){fill:${Ro}}:host(${X}){background-color:${yt};color:${Ut}}:host(${X}:hover){background-color:${Xs};color:${jo}}:host(${X}:hover:active){background-color:${Us};color:${Ro}}:host(:is(${X},${X}:is(:hover,:active))){border-color:transparent}`,ss=l`
36
+ :host{--icon-spacing:${Qt};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:${O};color:${z};border:${U} solid ${ge};padding:0 ${ht};min-width:96px;border-radius:${B};font-size:${T};font-family:${$};font-weight:${N};line-height:${D};transition-duration:${ii};transition-property:background,border,color;transition-timing-function:${es};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${Rs};color:${ur};border-color:${Wo}}:host(:hover:active){background-color:${qs};border-color:${Qs};color:${da};outline-style:none}:host(:focus-visible){border-color:${nt};outline:${xt} solid ${nt};box-shadow:${Zo},0 0 0 2px ${_t}}@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(${Pe}){min-width:32px;max-width:32px}:host(${_}){--icon-spacing:${Yt};min-height:24px;min-width:64px;padding:0 ${Zt};border-radius:${Ot};font-size:${q};line-height:${ot};font-weight:${M}}:host(${_}${Pe}){min-width:24px;max-width:24px}:host(${S}){min-height:40px;border-radius:${_r};padding:0 ${nc};font-size:${ct};line-height:${kt}}:host(${S}${Pe}){min-width:40px;max-width:40px}:host(${S}) ::slotted(svg){font-size:24px;height:24px;width:24px}:host(:is(${Ge},${Ge}:focus-visible)){border-radius:${lt}}:host(:is(${We},${We}:focus-visible)){border-radius:${ei}}:host(${it}){background-color:${Ys};color:${Kt};border-color:transparent}:host(${it}:hover){background-color:${fr}}:host(${it}:is(:hover,:hover:active)){border-color:transparent;color:${Kt}}:host(${it}:hover:active){background-color:${br}}:host(${it}:focus-visible){border-color:${Kt};box-shadow:${qr},0 0 0 2px ${_t}}:host(${R}){background-color:${yt}}:host(${R}:hover){background-color:${Xs}}:host(${R}:hover:active){background-color:${Us}}:host(${C}){background-color:${Aa};color:${Ut};border-color:transparent}:host(${C}:hover){background-color:${Ws};color:${Do};border-color:transparent}:host(${C}:hover:active){background-color:${Go};color:${Vo};border-color:transparent}:host(${C}:hover) ::slotted(svg){fill:${jo}}:host(${C}:hover:active) ::slotted(svg){fill:${Ro}}:host(${X}){background-color:${yt};color:${Ut}}:host(${X}:hover){background-color:${Xs};color:${jo}}:host(${X}:hover:active){background-color:${Us};color:${Ro}}:host(:is(${X},${X}:is(:hover,:active))){border-color:transparent}`,ss=l`
37
37
  ${Qr}
38
38
 
39
39
  :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:${ze};border-color:${Ft};color:${H};cursor:not-allowed}:host(${it}:is(:disabled,[disabled-focusable])),:host(${it}: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:${yt}}:host(${C}:is(:disabled,[disabled-focusable])),:host(${C}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){background-color:${yt};border-color:transparent}:host(${X}:is(:disabled,[disabled-focusable])),:host(${X}:is(:disabled,[disabled-focusable]):is(:hover,:hover:active)){border-color:transparent;background-color:${yt}}`.withBehaviors(Z(l`
40
- :host{background:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight}`)),Ac=l`
40
+ :host{background:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight}`)),Fc=l`
41
41
  ${Qr}
42
42
 
43
43
  ::slotted(a){position:absolute;inset:0}`.withBehaviors(Z(l`
44
- :host{border-color:LinkText;color:LinkText}`));function Fc(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>${oe(o)}</template>`}const _c=Fc(),Oc=Ae.compose({name:`${p.prefix}-anchor-button`,template:_c,styles:Ac});Oc.define(p.registry);const Mc=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,Nc=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,Ec=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,Lc=/\s+/g,Hc=/[\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 Dc(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 Vc(o){return o=o.replace(Mc,""),o=o.replace(Nc,""),o=o.replace(Lc," "),o=o.trim(),o}function jc(o,t,e){return!o||(o=Vc(o),Hc.test(o)||!e?.allowPhoneInitials&&Ec.test(o))?"":Dc(o,t,e?.firstInitialOnly)}const Zr={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"},Jr={neutral:"neutral",brand:"brand",colorful:"colorful",...Zr};var Rc=Object.defineProperty,qc=Object.getOwnPropertyDescriptor,ie=(o,t,e,s)=>{for(var i=s>1?void 0:s?qc(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&&Rc(t,e,i),i};class is extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}}ie([a],is.prototype,"name",2),ie([a],is.prototype,"initials",2),ie([a],is.prototype,"active",2);const fe=class vi extends is{handleChange(t,e){switch(e){case"color":case"colorId":this.generateColor();break}}generateInitials(){if(!this.name&&!this.initials)return;const t=this.size??32;return this.initials??jc(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:t<=16})}generateColor(){const t=this.color===Jr.colorful,e=this.currentColor;c(this.elementInternals,`${e}`,!1),this.currentColor=t&&this.colorId?this.colorId:t?vi.colors[Wc(this.name??"")%vi.colors.length]:this.color??Jr.neutral,c(this.elementInternals,`${this.currentColor}`,!0)}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this),this.generateColor()}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this)}};fe.colors=Object.values(Zr),ie([a],fe.prototype,"shape",2),ie([a],fe.prototype,"appearance",2),ie([a({converter:st})],fe.prototype,"size",2),ie([a],fe.prototype,"color",2),ie([a({attribute:"color-id"})],fe.prototype,"colorId",2);let Gc=fe;const Wc=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:Kr,fastOutSlowInMid:lo,fastOutSlowInMin:gc,slowOutFastInMax:uc,slowOutFastInMid:ao,slowOutFastInMin:pc,fastEase:fc,normalEase:es,nullEasing:ni},Xc=l`
45
- ${w("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${$};font-weight:${N};font-size:${T};border-radius:${lt};color:${rt};background-color:${qo};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 ${U}) ${O}}: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 ${xt}) ${O}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${so};font-weight:${M}}: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:${q}}: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:${Te}}: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:${Uo}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${B}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${Ot}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${_r}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${Or}}:host(:is([state--brand],:state(brand))){color:${pr};background-color:${mr}}:host(:is([state--dark-red],:state(dark-red))){color:${fl};background-color:${gl}}:host(:is([state--cranberry],:state(cranberry))){color:${hl};background-color:${dl}}:host(:is([state--red],:state(red))){color:${Da};background-color:${La}}:host(:is([state--pumpkin],:state(pumpkin))){color:${Rl};background-color:${jl}}:host(:is([state--peach],:state(peach))){color:${Ml};background-color:${Ol}}:host(:is([state--marigold],:state(marigold))){color:${Qa};background-color:${Fr}}:host(:is([state--gold],:state(gold))){color:${vl};background-color:${$l}}:host(:is([state--brass],:state(brass))){color:${rl};background-color:${il}}:host(:is([state--brown],:state(brown))){color:${al};background-color:${nl}}:host(:is([state--forest],:state(forest))){color:${ml};background-color:${bl}}:host(:is([state--seafoam],:state(seafoam))){color:${Kl};background-color:${Ul}}:host(:is([state--dark-green],:state(dark-green))){color:${pl};background-color:${ul}}:host(:is([state--light-teal],:state(light-teal))){color:${Sl};background-color:${Cl}}:host(:is([state--teal],:state(teal))){color:${Jl};background-color:${Zl}}:host(:is([state--steel],:state(steel))){color:${Ql};background-color:${Yl}}:host(:is([state--blue],:state(blue))){color:${sl};background-color:${ol}}:host(:is([state--royal-blue],:state(royal-blue))){color:${Xl};background-color:${Wl}}:host(:is([state--cornflower],:state(cornflower))){color:${cl};background-color:${ll}}:host(:is([state--navy],:state(navy))){color:${_l};background-color:${Fl}}:host(:is([state--lavender],:state(lavender))){color:${wl};background-color:${xl}}:host(:is([state--purple],:state(purple))){color:${Gl};background-color:${ql}}:host(:is([state--grape],:state(grape))){color:${kl};background-color:${yl}}:host(:is([state--lilac],:state(lilac))){color:${Pl};background-color:${Il}}:host(:is([state--pink],:state(pink))){color:${El};background-color:${Nl}}:host(:is([state--magenta],:state(magenta))){color:${Bl};background-color:${zl}}:host(:is([state--plum],:state(plum))){color:${Vl};background-color:${Dl}}:host(:is([state--beige],:state(beige))){color:${el};background-color:${tl}}:host(:is([state--mink],:state(mink))){color:${Al};background-color:${Tl}}:host(:is([state--platinum],:state(platinum))){color:${Hl};background-color:${Ll}}:host(:is([state--anchor],:state(anchor))){color:${Ja};background-color:${Za}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${ts},${ii};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:${ts}),${Ur};transition-delay:${re.fastEase}),${re.nullEasing})}:host([active])::before{box-shadow:${sc};border-style:solid;border-color:${mr}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${xt});border-width:${xt}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${wt});border-width:${wt}}: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 * ${oi});border-width:${oi}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Zo}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Gr}}: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:${ic}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${ts},${ii};transition-delay:${re.fastOutSlowInMin},${re.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${ts},${Ur};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}}`,Uc=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 Kc(){return f`<slot>${o=>o.name||o.initials?o.generateInitials():Uc}</slot><slot name="badge"></slot>`}const Yc=Kc(),Qc=Gc.compose({name:`${p.prefix}-avatar`,template:Yc,styles:Xc});Qc.define(p.registry);const Zc={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},Jc={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"};var td=Object.defineProperty,ed=Object.getOwnPropertyDescriptor,rs=(o,t,e,s)=>{for(var i=s>1?void 0:s?ed(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 Fe extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.appearance=Zc.filled,this.color=Jc.brand}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}rs([a],Fe.prototype,"appearance",2),rs([a],Fe.prototype,"color",2),rs([a],Fe.prototype,"shape",2),rs([a],Fe.prototype,"size",2),jt(Fe,Dt);const tn=l.partial`
44
+ :host{border-color:LinkText;color:LinkText}`));function _c(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>${oe(o)}</template>`}const Oc=_c(),Mc=Ae.compose({name:`${p.prefix}-anchor-button`,template:Oc,styles:Fc});Mc.define(p.registry);const Nc=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,Ec=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,Lc=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,Hc=/\s+/g,Dc=/[\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 Vc(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 jc(o){return o=o.replace(Nc,""),o=o.replace(Ec,""),o=o.replace(Hc," "),o=o.trim(),o}function Rc(o,t,e){return!o||(o=jc(o),Dc.test(o)||!e?.allowPhoneInitials&&Lc.test(o))?"":Vc(o,t,e?.firstInitialOnly)}const Zr={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"},Jr={neutral:"neutral",brand:"brand",colorful:"colorful",...Zr};var qc=Object.defineProperty,Gc=Object.getOwnPropertyDescriptor,ie=(o,t,e,s)=>{for(var i=s>1?void 0:s?Gc(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&&qc(t,e,i),i};class is extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}}ie([a],is.prototype,"name",2),ie([a],is.prototype,"initials",2),ie([a],is.prototype,"active",2);const fe=class vi extends is{handleChange(t,e){switch(e){case"color":case"colorId":this.generateColor();break}}generateInitials(){if(!this.name&&!this.initials)return;const t=this.size??32;return this.initials??Rc(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:t<=16})}generateColor(){const t=this.color===Jr.colorful,e=this.currentColor;c(this.elementInternals,`${e}`,!1),this.currentColor=t&&this.colorId?this.colorId:t?vi.colors[Xc(this.name??"")%vi.colors.length]:this.color??Jr.neutral,c(this.elementInternals,`${this.currentColor}`,!0)}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this),this.generateColor()}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this)}};fe.colors=Object.values(Zr),ie([a],fe.prototype,"shape",2),ie([a],fe.prototype,"appearance",2),ie([a({converter:st})],fe.prototype,"size",2),ie([a],fe.prototype,"color",2),ie([a({attribute:"color-id"})],fe.prototype,"colorId",2);let Wc=fe;const Xc=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:Kr,fastOutSlowInMid:ao,fastOutSlowInMin:fc,slowOutFastInMax:pc,slowOutFastInMid:no,slowOutFastInMin:gc,fastEase:bc,normalEase:es,nullEasing:ni},Uc=l`
45
+ ${w("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${$};font-weight:${N};font-size:${T};border-radius:${lt};color:${rt};background-color:${qo};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 ${U}) ${O}}: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 ${xt}) ${O}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${oo};font-weight:${M}}: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:${q}}: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:${Te}}: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:${Uo}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${B}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${Ot}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${_r}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${Or}}:host(:is([state--brand],:state(brand))){color:${pr};background-color:${mr}}:host(:is([state--dark-red],:state(dark-red))){color:${bl};background-color:${fl}}:host(:is([state--cranberry],:state(cranberry))){color:${ul};background-color:${hl}}:host(:is([state--red],:state(red))){color:${Va};background-color:${Ha}}:host(:is([state--pumpkin],:state(pumpkin))){color:${ql};background-color:${Rl}}:host(:is([state--peach],:state(peach))){color:${Nl};background-color:${Ml}}:host(:is([state--marigold],:state(marigold))){color:${Za};background-color:${Fr}}:host(:is([state--gold],:state(gold))){color:${yl};background-color:${vl}}:host(:is([state--brass],:state(brass))){color:${nl};background-color:${rl}}:host(:is([state--brown],:state(brown))){color:${ll};background-color:${al}}:host(:is([state--forest],:state(forest))){color:${$l};background-color:${ml}}:host(:is([state--seafoam],:state(seafoam))){color:${Yl};background-color:${Kl}}:host(:is([state--dark-green],:state(dark-green))){color:${gl};background-color:${pl}}:host(:is([state--light-teal],:state(light-teal))){color:${Il};background-color:${Sl}}:host(:is([state--teal],:state(teal))){color:${tc};background-color:${Jl}}:host(:is([state--steel],:state(steel))){color:${Zl};background-color:${Ql}}:host(:is([state--blue],:state(blue))){color:${il};background-color:${sl}}:host(:is([state--royal-blue],:state(royal-blue))){color:${Ul};background-color:${Xl}}:host(:is([state--cornflower],:state(cornflower))){color:${dl};background-color:${cl}}:host(:is([state--navy],:state(navy))){color:${Ol};background-color:${_l}}:host(:is([state--lavender],:state(lavender))){color:${Cl};background-color:${wl}}:host(:is([state--purple],:state(purple))){color:${Wl};background-color:${Gl}}:host(:is([state--grape],:state(grape))){color:${xl};background-color:${kl}}:host(:is([state--lilac],:state(lilac))){color:${zl};background-color:${Pl}}:host(:is([state--pink],:state(pink))){color:${Ll};background-color:${El}}:host(:is([state--magenta],:state(magenta))){color:${Tl};background-color:${Bl}}:host(:is([state--plum],:state(plum))){color:${jl};background-color:${Vl}}:host(:is([state--beige],:state(beige))){color:${ol};background-color:${el}}:host(:is([state--mink],:state(mink))){color:${Fl};background-color:${Al}}:host(:is([state--platinum],:state(platinum))){color:${Dl};background-color:${Hl}}:host(:is([state--anchor],:state(anchor))){color:${tl};background-color:${Ja}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${ts},${ii};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:${ts}),${Ur};transition-delay:${re.fastEase}),${re.nullEasing})}:host([active])::before{box-shadow:${ic};border-style:solid;border-color:${mr}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${xt});border-width:${xt}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${wt});border-width:${wt}}: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 * ${oi});border-width:${oi}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Zo}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Gr}}: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:${rc}}:host([active][appearance='ring'])::before{box-shadow:none}:host([active='inactive']){opacity:0.8;transform:scale(0.875);transition-property:transform,opacity;transition-duration:${ts},${ii};transition-delay:${re.fastOutSlowInMin},${re.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${ts},${Ur};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}}`,Kc=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 Yc(){return f`<slot>${o=>o.name||o.initials?o.generateInitials():Kc}</slot><slot name="badge"></slot>`}const Qc=Yc(),Zc=Wc.compose({name:`${p.prefix}-avatar`,template:Qc,styles:Uc});Zc.define(p.registry);const Jc={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},td={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"};var ed=Object.defineProperty,od=Object.getOwnPropertyDescriptor,rs=(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&&ed(t,e,i),i};class Fe extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.appearance=Jc.filled,this.color=td.brand}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}rs([a],Fe.prototype,"appearance",2),rs([a],Fe.prototype,"color",2),rs([a],Fe.prototype,"shape",2),rs([a],Fe.prototype,"size",2),jt(Fe,Dt);const tn=l.partial`
46
46
  ${w("inline-flex")} :host {
47
47
  position: relative;
48
48
  box-sizing: border-box;
@@ -79,7 +79,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
79
79
  border-radius: inherit;
80
80
  }
81
81
  `,en=l.partial`
82
- :host(${Ue}) {
82
+ :host(${Xe}) {
83
83
  width: 6px;
84
84
  height: 6px;
85
85
  font-size: 4px;
@@ -87,10 +87,10 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
87
87
  padding-inline: 0;
88
88
  min-width: unset;
89
89
  }
90
- :host(${Ue}) ::slotted(svg) {
90
+ :host(${Xe}) ::slotted(svg) {
91
91
  font-size: 6px;
92
92
  }
93
- :host(${Ke}) {
93
+ :host(${Ue}) {
94
94
  width: 10px;
95
95
  height: 10px;
96
96
  font-size: 6px;
@@ -98,13 +98,13 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
98
98
  padding-inline: 0;
99
99
  min-width: unset;
100
100
  }
101
- :host(${Ke}) ::slotted(svg) {
101
+ :host(${Ue}) ::slotted(svg) {
102
102
  font-size: 10px;
103
103
  }
104
104
  :host(${_}) {
105
105
  min-width: 16px;
106
106
  height: 16px;
107
- font-size: ${so};
107
+ font-size: ${oo};
108
108
  line-height: ${Yo};
109
109
  padding-inline: calc(${dt} + ${dt});
110
110
  }
@@ -143,7 +143,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
143
143
  }
144
144
 
145
145
  :host(${Eo}) {
146
- background-color: ${za};
146
+ background-color: ${Ba};
147
147
  color: ${rt};
148
148
  }
149
149
 
@@ -163,8 +163,8 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
163
163
  }
164
164
 
165
165
  :host(${he}) {
166
- background-color: ${Ua};
167
- color: ${Ia};
166
+ background-color: ${Ka};
167
+ color: ${Pa};
168
168
  }
169
169
  `,sn=l.partial`
170
170
  :host(${qt}) {
@@ -189,17 +189,17 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
189
189
  }
190
190
 
191
191
  :host(${qt}${C}) {
192
- color: ${Qe};
192
+ color: ${Ye};
193
193
  }
194
194
 
195
195
  :host(${qt}${de}) {
196
- color: ${Ga};
196
+ color: ${Wa};
197
197
  }
198
198
 
199
199
  :host(${qt}${he}) {
200
200
  color: ${ti};
201
201
  }
202
- `,od=l.partial`
202
+ `,sd=l.partial`
203
203
  :host(${R}) {
204
204
  border-color: currentColor;
205
205
  color: ${js};
@@ -217,7 +217,7 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
217
217
 
218
218
  :host(${R}${Eo}) {
219
219
  color: ${rt};
220
- border-color: ${oo};
220
+ border-color: ${eo};
221
221
  }
222
222
 
223
223
  :host(${R}${Ho}) {
@@ -229,16 +229,16 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
229
229
  }
230
230
 
231
231
  :host(${R}${de}) {
232
- color: ${qa};
232
+ color: ${Ga};
233
233
  }
234
234
 
235
235
  :host(${R}${he}) {
236
236
  color: ${ti};
237
237
  }
238
- `,sd=l.partial`
238
+ `,id=l.partial`
239
239
  :host(${se}) {
240
- background-color: ${Oa};
241
- color: ${Sa};
240
+ background-color: ${Ma};
241
+ color: ${Ia};
242
242
  border-color: ${Zs};
243
243
  }
244
244
 
@@ -255,33 +255,33 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
255
255
  }
256
256
 
257
257
  :host(${se}${Eo}) {
258
- background-color: ${Pa};
258
+ background-color: ${za};
259
259
  color: ${rt};
260
- border-color: ${oo};
260
+ border-color: ${eo};
261
261
  }
262
262
 
263
263
  :host(${se}${Ho}) {
264
264
  background-color: ${zr};
265
- color: ${Wa};
265
+ color: ${Xa};
266
266
  border-color: ${Tr};
267
267
  }
268
268
 
269
269
  :host(${se}${C}) {
270
270
  background-color: ${O};
271
271
  color: ${rt};
272
- border-color: ${oo};
272
+ border-color: ${eo};
273
273
  }
274
274
 
275
275
  :host(${se}${de}) {
276
276
  background-color: ${Ir};
277
- color: ${Ra};
278
- border-color: ${ja};
277
+ color: ${qa};
278
+ border-color: ${Ra};
279
279
  }
280
280
 
281
281
  :host(${se}${he}) {
282
- background-color: ${Xa};
282
+ background-color: ${Ua};
283
283
  color: ${ti};
284
- border-color: ${Ka};
284
+ border-color: ${Ya};
285
285
  }
286
286
  `;l.partial`
287
287
  font-family: ${$};
@@ -320,15 +320,15 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
320
320
  font-weight: ${Ko};
321
321
  `,l.partial`
322
322
  font-family: ${$};
323
- font-size: ${so};
323
+ font-size: ${oo};
324
324
  line-height: ${Yo};
325
325
  font-weight: ${M};
326
326
  `,l.partial`
327
327
  font-family: ${$};
328
- font-size: ${so};
328
+ font-size: ${oo};
329
329
  line-height: ${Yo};
330
330
  font-weight: ${N};
331
- `;const id=l.partial`
331
+ `;const rd=l.partial`
332
332
  font-family: ${$};
333
333
  font-size: ${Te};
334
334
  line-height: ${Qo};
@@ -368,19 +368,19 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
368
368
  font-size: ${Lr};
369
369
  line-height: ${Rr};
370
370
  font-weight: ${N};
371
- `;const rd=l`
372
- :host(${Xe}){border-radius:${ei}}:host(${Gt}){border-radius:${B}}:host(${Gt}${Ue}),:host(${Gt}${Ke}),:host(${Gt}${_}){border-radius:${Ot}}${en}
371
+ `;const nd=l`
372
+ :host(${We}){border-radius:${ei}}:host(${Gt}){border-radius:${B}}:host(${Gt}${Xe}),:host(${Gt}${Ue}),:host(${Gt}${_}){border-radius:${Ot}}${en}
373
373
  ${on}
374
374
  ${sn}
375
- ${od}
376
375
  ${sd}
376
+ ${id}
377
377
  ${tn}
378
378
  `.withBehaviors(Z(l`
379
- :host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function rn(o={}){return f` ${Vt(o)}<slot>${gt(o.defaultContent)}</slot>${oe(o)} `}const nd=rn(),ad=Fe.compose({name:`${p.prefix}-badge`,template:nd,styles:rd});ad.define(p.registry);var ld=Object.defineProperty,cd=Object.getOwnPropertyDescriptor,G=(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&&ld(t,e,i),i};class tt extends x{constructor(){super(),this.disabledFocusable=!1,this.tabIndex=0,this.elementInternals=this.attachInternals(),this.elementInternals.role="button"}disabledFocusableChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=`${!!e}`)}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}typeChanged(t,e){e!==os.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===To||t.key===Es){this.click();return}return!0}press(){switch(this.type){case os.reset:{this.resetForm();break}case os.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==os.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)}}}}tt.formAssociated=!0,G([a({mode:"boolean"})],tt.prototype,"autofocus",2),G([k],tt.prototype,"defaultSlottedContent",2),G([a({mode:"boolean"})],tt.prototype,"disabled",2),G([a({attribute:"disabled-focusable",mode:"boolean"})],tt.prototype,"disabledFocusable",2),G([a({attribute:"tabindex",mode:"fromView",converter:st})],tt.prototype,"tabIndex",2),G([a({attribute:"formaction"})],tt.prototype,"formAction",2),G([a({attribute:"form"})],tt.prototype,"formAttribute",2),G([a({attribute:"formenctype"})],tt.prototype,"formEnctype",2),G([a({attribute:"formmethod"})],tt.prototype,"formMethod",2),G([a({attribute:"formnovalidate",mode:"boolean"})],tt.prototype,"formNoValidate",2),G([a({attribute:"formtarget"})],tt.prototype,"formTarget",2),G([a],tt.prototype,"name",2),G([a],tt.prototype,"type",2),G([a],tt.prototype,"value",2);class Jt extends tt{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}iconOnlyChanged(t,e){c(this.elementInternals,"icon",e)}}G([a],Jt.prototype,"appearance",2),G([a],Jt.prototype,"shape",2),G([a],Jt.prototype,"size",2),G([a({attribute:"icon-only",mode:"boolean"})],Jt.prototype,"iconOnly",2),jt(Jt,Dt);function ci(o={}){return f`<template tabindex="${t=>t.disabled?null:t.tabIndex??0}" @click="${(t,e)=>t.clickHandler(e.event)}" @keypress="${(t,e)=>t.keypressHandler(e.event)}">${Vt(o)}<span class="content" part="content"><slot ${ut("defaultSlottedContent")}></slot></span>${oe(o)}</template>`}const dd=ci(),hd=Jt.compose({name:`${p.prefix}-button`,template:dd,styles:ss});hd.define(p.registry);var ud=Object.defineProperty,pd=Object.getOwnPropertyDescriptor,Ct=(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 mt extends x{constructor(){super(...arguments),this.initialValue="on",this.dirtyChecked=!1,this.elementInternals=this.attachInternals(),this._validationFallbackMessage="",this._value=this.initialValue}get checked(){return m.track(this,"checked"),!!this._checked}set checked(t){this._checked=t,this.setFormValue(t?this.value:null),this.setValidity(),this.setAriaChecked(),c(this.elementInternals,"checked",t),m.notify(this,"checked")}disabledChanged(t,e){this.elementInternals.ariaDisabled=this.disabled?"true":"false",c(this.elementInternals,"disabled",this.disabled)}disabledAttributeChanged(t,e){this.disabled=!!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=this.required?"true":"false")}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 m.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity(),m.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){if(this.disabled)return;this.dirtyChecked=!0;const e=this.checked;return this.toggleChecked(),e!==this.checked&&(this.$emit("change"),this.$emit("input")),!0}connectedCallback(){super.connectedCallback(),this.setAriaChecked(),this.setValidity()}inputHandler(t){return this.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.setValidity()}reportValidity(){return this.elementInternals.reportValidity()}setAriaChecked(t=this.checked){this.elementInternals.ariaChecked=t?"true":"false"}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setCustomValidity(t){this.elementInternals.setValidity({customError:!0},t),this.setValidity()}setValidity(t,e,s){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({valueMissing:!!this.required&&!this.checked,...t},e??this.validationMessage,s)}}toggleChecked(t=!this.checked){this.checked=t}}mt.formAssociated=!0,Ct([a({mode:"boolean"})],mt.prototype,"autofocus",2),Ct([k],mt.prototype,"disabled",2),Ct([a({attribute:"disabled",mode:"boolean"})],mt.prototype,"disabledAttribute",2),Ct([a({attribute:"form"})],mt.prototype,"formAttribute",2),Ct([a({attribute:"checked",mode:"boolean"})],mt.prototype,"initialChecked",2),Ct([a({attribute:"value",mode:"fromView"})],mt.prototype,"initialValue",2),Ct([a],mt.prototype,"name",2),Ct([a({mode:"boolean"})],mt.prototype,"required",2);class ns extends mt{indeterminateChanged(t,e){this.setAriaChecked(),c(this.elementInternals,"indeterminate",e)}shapeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}sizeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}constructor(){super(),this.elementInternals.role="checkbox"}setAriaChecked(t=this.checked){if(this.indeterminate){this.elementInternals.ariaChecked="mixed";return}super.setAriaChecked(t)}toggleChecked(t=!this.checked){this.indeterminate=!1,super.toggleChecked(t)}}Ct([k],ns.prototype,"indeterminate",2),Ct([a],ns.prototype,"shape",2),Ct([a],ns.prototype,"size",2);const be=l.partial`:is([state--indeterminate], :state(indeterminate))`,gd=l`
379
+ :host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function rn(o={}){return f` ${Vt(o)}<slot>${gt(o.defaultContent)}</slot>${oe(o)} `}const ad=rn(),ld=Fe.compose({name:`${p.prefix}-badge`,template:ad,styles:nd});ld.define(p.registry);var cd=Object.defineProperty,dd=Object.getOwnPropertyDescriptor,G=(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&&cd(t,e,i),i};class tt extends x{constructor(){super(),this.disabledFocusable=!1,this.tabIndex=0,this.elementInternals=this.attachInternals(),this.elementInternals.role="button"}disabledFocusableChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=`${!!e}`)}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}typeChanged(t,e){e!==os.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===To||t.key===Es){this.click();return}return!0}press(){switch(this.type){case os.reset:{this.resetForm();break}case os.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==os.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)}}}}tt.formAssociated=!0,G([a({mode:"boolean"})],tt.prototype,"autofocus",2),G([k],tt.prototype,"defaultSlottedContent",2),G([a({mode:"boolean"})],tt.prototype,"disabled",2),G([a({attribute:"disabled-focusable",mode:"boolean"})],tt.prototype,"disabledFocusable",2),G([a({attribute:"tabindex",mode:"fromView",converter:st})],tt.prototype,"tabIndex",2),G([a({attribute:"formaction"})],tt.prototype,"formAction",2),G([a({attribute:"form"})],tt.prototype,"formAttribute",2),G([a({attribute:"formenctype"})],tt.prototype,"formEnctype",2),G([a({attribute:"formmethod"})],tt.prototype,"formMethod",2),G([a({attribute:"formnovalidate",mode:"boolean"})],tt.prototype,"formNoValidate",2),G([a({attribute:"formtarget"})],tt.prototype,"formTarget",2),G([a],tt.prototype,"name",2),G([a],tt.prototype,"type",2),G([a],tt.prototype,"value",2);class Jt extends tt{constructor(){super(...arguments),this.iconOnly=!1}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}iconOnlyChanged(t,e){c(this.elementInternals,"icon",e)}}G([a],Jt.prototype,"appearance",2),G([a],Jt.prototype,"shape",2),G([a],Jt.prototype,"size",2),G([a({attribute:"icon-only",mode:"boolean"})],Jt.prototype,"iconOnly",2),jt(Jt,Dt);function ci(o={}){return f`<template tabindex="${t=>t.disabled?null:t.tabIndex??0}" @click="${(t,e)=>t.clickHandler(e.event)}" @keypress="${(t,e)=>t.keypressHandler(e.event)}">${Vt(o)}<span class="content" part="content"><slot ${ut("defaultSlottedContent")}></slot></span>${oe(o)}</template>`}const hd=ci(),ud=Jt.compose({name:`${p.prefix}-button`,template:hd,styles:ss});ud.define(p.registry);var pd=Object.defineProperty,gd=Object.getOwnPropertyDescriptor,Ct=(o,t,e,s)=>{for(var i=s>1?void 0:s?gd(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&&pd(t,e,i),i};class mt extends x{constructor(){super(...arguments),this.initialValue="on",this.dirtyChecked=!1,this.elementInternals=this.attachInternals(),this._validationFallbackMessage="",this._value=this.initialValue}get checked(){return m.track(this,"checked"),!!this._checked}set checked(t){this._checked=t,this.setFormValue(t?this.value:null),this.setValidity(),this.setAriaChecked(),c(this.elementInternals,"checked",t),m.notify(this,"checked")}disabledChanged(t,e){this.elementInternals.ariaDisabled=this.disabled?"true":"false",c(this.elementInternals,"disabled",this.disabled)}disabledAttributeChanged(t,e){this.disabled=!!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=this.required?"true":"false")}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 m.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity(),m.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){if(this.disabled)return;this.dirtyChecked=!0;const e=this.checked;return this.toggleChecked(),e!==this.checked&&(this.$emit("change"),this.$emit("input")),!0}connectedCallback(){super.connectedCallback(),this.setAriaChecked(),this.setValidity()}inputHandler(t){return this.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.setValidity()}reportValidity(){return this.elementInternals.reportValidity()}setAriaChecked(t=this.checked){this.elementInternals.ariaChecked=t?"true":"false"}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setCustomValidity(t){this.elementInternals.setValidity({customError:!0},t),this.setValidity()}setValidity(t,e,s){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({valueMissing:!!this.required&&!this.checked,...t},e??this.validationMessage,s)}}toggleChecked(t=!this.checked){this.checked=t}}mt.formAssociated=!0,Ct([a({mode:"boolean"})],mt.prototype,"autofocus",2),Ct([k],mt.prototype,"disabled",2),Ct([a({attribute:"disabled",mode:"boolean"})],mt.prototype,"disabledAttribute",2),Ct([a({attribute:"form"})],mt.prototype,"formAttribute",2),Ct([a({attribute:"checked",mode:"boolean"})],mt.prototype,"initialChecked",2),Ct([a({attribute:"value",mode:"fromView"})],mt.prototype,"initialValue",2),Ct([a],mt.prototype,"name",2),Ct([a({mode:"boolean"})],mt.prototype,"required",2);class ns extends mt{indeterminateChanged(t,e){this.setAriaChecked(),c(this.elementInternals,"indeterminate",e)}shapeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}sizeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}constructor(){super(),this.elementInternals.role="checkbox"}setAriaChecked(t=this.checked){if(this.indeterminate){this.elementInternals.ariaChecked="mixed";return}super.setAriaChecked(t)}toggleChecked(t=!this.checked){this.indeterminate=!1,super.toggleChecked(t)}}Ct([k],ns.prototype,"indeterminate",2),Ct([a],ns.prototype,"shape",2),Ct([a],ns.prototype,"size",2);const be=l.partial`:is([state--indeterminate], :state(indeterminate))`,fd=l`
380
380
  ${w("inline-flex")}
381
381
 
382
- :host{--size:16px;background-color:${O};border-radius:${Ot};border:${U} solid ${pe};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${to}}:host(:active){border-color:${eo}}:host(${v}:hover){background-color:${Ze};border-color:${Ea}}:host(${v}:active){background-color:${Je};border-color:${vr}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${xt} solid ${nt};border-radius:${B}}:host(:not([slot='input']):focus-visible)::after{border-color:${_t}}.indeterminate-indicator,.checked-indicator{color:${Qe};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(${v})) *:is(::slotted([slot='checked-indicator']),.checked-indicator){display:none}:host(${v}),:host(${be}){border-color:${Xo}}:host(${v}),:host(${be}) .indeterminate-indicator{background-color:${Be}}:host(${be}) .indeterminate-indicator{border-radius:${Ot};position:absolute;width:calc(var(--size) / 2);inset:0}:host(${S}){--size:20px}:host(${S}) ::slotted([slot='checked-indicator']),:host(${S}) .checked-indicator{width:16px}:host(${We}),:host(${We}) .indeterminate-indicator{border-radius:${lt}}:host([disabled]),:host([disabled]${v}){background-color:${ze};border-color:${Ft}}:host([disabled]){cursor:unset}:host([disabled]${be}) .indeterminate-indicator{background-color:${Ft}}:host([disabled]${v}) .checked-indicator{color:${Ft}}`.withBehaviors(Z(l`
383
- :host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${v}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${v}),:host(${be}) .indeterminate-indicator{background-color:FieldText}:host(${v}:not([disabled]):hover),:host(${be}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${be}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${v}) .checked-indicator{color:GrayText}`)),fd=f.partial(`
382
+ :host{--size:16px;background-color:${O};border-radius:${Ot};border:${U} solid ${pe};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${Je}}:host(:active){border-color:${to}}:host(${v}:hover){background-color:${Qe};border-color:${La}}:host(${v}:active){background-color:${Ze};border-color:${vr}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${xt} solid ${nt};border-radius:${B}}:host(:not([slot='input']):focus-visible)::after{border-color:${_t}}.indeterminate-indicator,.checked-indicator{color:${Ye};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(${v})) *:is(::slotted([slot='checked-indicator']),.checked-indicator){display:none}:host(${v}),:host(${be}){border-color:${Xo}}:host(${v}),:host(${be}) .indeterminate-indicator{background-color:${Be}}:host(${be}) .indeterminate-indicator{border-radius:${Ot};position:absolute;width:calc(var(--size) / 2);inset:0}:host(${S}){--size:20px}:host(${S}) ::slotted([slot='checked-indicator']),:host(${S}) .checked-indicator{width:16px}:host(${Ge}),:host(${Ge}) .indeterminate-indicator{border-radius:${lt}}:host([disabled]),:host([disabled]${v}){background-color:${ze};border-color:${Ft}}:host([disabled]){cursor:unset}:host([disabled]${be}) .indeterminate-indicator{background-color:${Ft}}:host([disabled]${v}) .checked-indicator{color:${Ft}}`.withBehaviors(Z(l`
383
+ :host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${v}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${v}),:host(${be}) .indeterminate-indicator{background-color:FieldText}:host(${v}:not([disabled]):hover),:host(${be}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${be}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${v}) .checked-indicator{color:GrayText}`)),bd=f.partial(`
384
384
  <svg
385
385
  fill="currentColor"
386
386
  aria-hidden="true"
@@ -391,21 +391,21 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
391
391
  xmlns="http://www.w3.org/2000/svg">
392
392
  <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>
393
393
  </svg>
394
- `),bd=f.partial(`
394
+ `),md=f.partial(`
395
395
  <span class="indeterminate-indicator"></span>
396
- `);function md(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 $d=md({checkedIndicator:fd,indeterminateIndicator:bd}),vd=ns.compose({name:`${p.prefix}-checkbox`,template:$d,styles:gd});vd.define(p.registry);class yd extends Jt{}const kd=l`
396
+ `);function $d(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 vd=$d({checkedIndicator:bd,indeterminateIndicator:md}),yd=ns.compose({name:`${p.prefix}-checkbox`,template:vd,styles:fd});yd.define(p.registry);class kd extends Jt{}const xd=l`
397
397
  ${ss}
398
398
 
399
399
  :host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${T};line-height:${D}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${Ut};line-height:100%;font-size:${q};font-weight:${M}}::slotted(svg),:host(${S}) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${Do}}:host(:active) ::slotted([slot='description']){color:${Vo}}:host(:is(${it},${it}:hover,${it}:active)) ::slotted([slot='description']){color:${Kt}}:host(:is(${C},${C}:hover,${C}:active)) ::slotted([slot='description']),:host(${X}) ::slotted([slot='description']){color:${Ut}}:host(${X}:hover) ::slotted([slot='description']){color:${jo}}:host(${X}:active) ::slotted([slot='description']){color:${Ro}}:host(:is(:disabled,:disabled[appearance],[disabled-focusable],[disabled-focusable][appearance]))
400
- ::slotted([slot='description']){color:${H}}:host(${_}){padding:8px;padding-bottom:10px}:host(${Pe}){min-width:52px;max-width:52px;padding:${Qt}}:host(${Pe}${_}){min-width:48px;max-width:48px;padding:${Yt}}:host(${Pe}${S}){min-width:56px;max-width:56px;padding:${Zt}}:host(${S}){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${ct};line-height:${kt}}:host(${S}) ::slotted([slot='description']){font-size:${T}}`;function xd(o={}){return f`<template ?disabled="${t=>t.disabled}" tabindex="${t=>t.disabled?null:t.tabIndex??0}">${Vt(o)}<span class="content" part="content"><slot ${ut("defaultSlottedContent")}></slot><slot name="description"></slot></span>${oe(o)}</template>`}const wd=xd(),Cd=yd.compose({name:`${p.prefix}-compound-button`,template:wd,styles:kd});Cd.define(p.registry);var Sd=Object.defineProperty,Id=Object.getOwnPropertyDescriptor,ne=(o,t,e,s)=>{for(var i=s>1?void 0:s?Id(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&&Sd(t,e,i),i};class Et 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&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}dotChanged(t,e){c(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:st})],Et.prototype,"count",2),ne([a({attribute:"overflow-count",converter:st})],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,Dt);const nn=l.partial`:is([state--dot], :state(dot))`,Pd=l`
401
- :host(${Gt}){border-radius:${B}}:host(${Gt}${Ue}),:host(${Gt}${Ke}),:host(${Gt}${_}){border-radius:${Ot}}${en}
400
+ ::slotted([slot='description']){color:${H}}:host(${_}){padding:8px;padding-bottom:10px}:host(${Pe}){min-width:52px;max-width:52px;padding:${Qt}}:host(${Pe}${_}){min-width:48px;max-width:48px;padding:${Yt}}:host(${Pe}${S}){min-width:56px;max-width:56px;padding:${Zt}}:host(${S}){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${ct};line-height:${kt}}:host(${S}) ::slotted([slot='description']){font-size:${T}}`;function wd(o={}){return f`<template ?disabled="${t=>t.disabled}" tabindex="${t=>t.disabled?null:t.tabIndex??0}">${Vt(o)}<span class="content" part="content"><slot ${ut("defaultSlottedContent")}></slot><slot name="description"></slot></span>${oe(o)}</template>`}const Cd=wd(),Sd=kd.compose({name:`${p.prefix}-compound-button`,template:Cd,styles:xd});Sd.define(p.registry);var Id=Object.defineProperty,Pd=Object.getOwnPropertyDescriptor,ne=(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&&Id(t,e,i),i};class Et 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&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}colorChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}dotChanged(t,e){c(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:st})],Et.prototype,"count",2),ne([a({attribute:"overflow-count",converter:st})],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,Dt);const nn=l.partial`:is([state--dot], :state(dot))`,zd=l`
401
+ :host(${Gt}){border-radius:${B}}:host(${Gt}${Xe}),:host(${Gt}${Ue}),:host(${Gt}${_}){border-radius:${Ot}}${en}
402
402
  ${on}
403
403
  ${sn}
404
404
  ${tn}
405
405
 
406
- :host(${nn}),:host(${nn}[appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function zd(o={}){return rn({defaultContent:f`${t=>t.setCount()}`})}const Bd=zd(),Td=Et.compose({name:`${p.prefix}-counter-badge`,template:Bd,styles:Pd});Td.define(p.registry);const Lt={modal:"modal",nonModal:"non-modal",alert:"alert"};var Ad=Object.defineProperty,Fd=Object.getOwnPropertyDescriptor,as=(o,t,e,s)=>{for(var i=s>1?void 0:s?Fd(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&&Ad(t,e,i),i};class co extends x{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}}as([k],co.prototype,"dialog",2),as([a({attribute:"aria-describedby"})],co.prototype,"ariaDescribedby",2),as([a({attribute:"aria-labelledby"})],co.prototype,"ariaLabelledby",2),as([a],co.prototype,"type",2);const _d=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()}" ${At("dialog")}><slot></slot></dialog>`,Od=l`
407
- @layer base{:host{--dialog-backdrop:${Ks};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${O};border-radius:${Or};border:none;box-shadow:${Wr};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:${ri};transition-timing-function:${lo};opacity:0}::backdrop{transition-timing-function:${ni}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${ao}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(Z(l`
408
- @layer base{dialog{border:${U} solid ${nt}}}`)),Md=co.compose({name:`${p.prefix}-dialog`,template:_d,styles:Od});Md.define(p.registry);var Nd=Object.defineProperty,Ed=Object.getOwnPropertyDescriptor,Ld=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ed(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 an extends x{constructor(){super(...arguments),this.noTitleAction=!1}}Ld([a({mode:"boolean",attribute:"no-title-action"})],an.prototype,"noTitleAction",2);const Hd=f.partial(`
406
+ :host(${nn}),:host(${nn}[appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function Bd(o={}){return rn({defaultContent:f`${t=>t.setCount()}`})}const Td=Bd(),Ad=Et.compose({name:`${p.prefix}-counter-badge`,template:Td,styles:zd});Ad.define(p.registry);const Lt={modal:"modal",nonModal:"non-modal",alert:"alert"};var Fd=Object.defineProperty,_d=Object.getOwnPropertyDescriptor,as=(o,t,e,s)=>{for(var i=s>1?void 0:s?_d(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 lo extends x{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}}as([k],lo.prototype,"dialog",2),as([a({attribute:"aria-describedby"})],lo.prototype,"ariaDescribedby",2),as([a({attribute:"aria-labelledby"})],lo.prototype,"ariaLabelledby",2),as([a],lo.prototype,"type",2);const Od=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()}" ${At("dialog")}><slot></slot></dialog>`,Md=l`
407
+ @layer base{:host{--dialog-backdrop:${Ks};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${O};border-radius:${Or};border:none;box-shadow:${Wr};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:${ri};transition-timing-function:${ao};opacity:0}::backdrop{transition-timing-function:${ni}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${no}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(Z(l`
408
+ @layer base{dialog{border:${U} solid ${nt}}}`)),Nd=lo.compose({name:`${p.prefix}-dialog`,template:Od,styles:Md});Nd.define(p.registry);var Ed=Object.defineProperty,Ld=Object.getOwnPropertyDescriptor,Hd=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ld(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&&Ed(t,e,i),i};class an extends x{constructor(){super(...arguments),this.noTitleAction=!1}}Hd([a({mode:"boolean",attribute:"no-title-action"})],an.prototype,"noTitleAction",2);const Dd=f.partial(`
409
409
  <svg
410
410
  fill="currentColor"
411
411
  aria-hidden="true"
@@ -418,100 +418,100 @@ const p=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
418
418
  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"
419
419
  fill="currentColor"
420
420
  ></path>
421
- </svg>`),Dd=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()} ${At("defaultTitleAction")}>${Hd}</fluent-button></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div>`,Vd=l`
421
+ </svg>`),Vd=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()} ${At("defaultTitleAction")}>${Dd}</fluent-button></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div>`,jd=l`
422
422
  ${w("grid")}
423
423
 
424
- :host{background:${O};box-sizing:border-box;gap:${ft};padding:${no} ${ac};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${O};color:${z};column-gap:8px;display:flex;font-family:${$};font-size:${Te};font-weight:${N};inset-block-start:0;justify-content:space-between;line-height:${Qo};margin-block-end:calc(${ft} * -1);margin-block-start:calc(${no} * -1);padding-block-end:${ft};padding-block-start:${no};position:sticky;z-index:1}.content{box-sizing:border-box;color:${z};font-family:${$};font-size:${T};font-weight:${M};line-height:${D};min-height:32px}.actions{box-sizing:border-box;background:${O};display:flex;flex-direction:column;gap:${ft};inset-block-end:0;margin-block-end:calc(${no} * -1);padding-block-end:${no};padding-block-start:${si};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(${ft} * -1);padding-block-start:${ft}}}`,jd=an.compose({name:`${p.prefix}-dialog-body`,template:Dd,styles:Vd});jd.define(p.registry);const ho={separator:"separator",presentation:"presentation"},Rd=pt;var qd=Object.defineProperty,Gd=Object.getOwnPropertyDescriptor,uo=(o,t,e,s)=>{for(var i=s>1?void 0:s?Gd(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&&qd(t,e,i),i};class di extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??ho.separator,this.role!==ho.presentation&&(this.elementInternals.ariaOrientation=this.orientation??Rd.horizontal)}roleChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.role=`${e??ho.separator}`),e===ho.presentation&&(this.elementInternals.ariaOrientation=null)}orientationChanged(t,e){this.elementInternals.ariaOrientation=this.role!==ho.presentation?e:null,t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}uo([a],di.prototype,"role",2),uo([a],di.prototype,"orientation",2);class ls extends di{constructor(){super(...arguments),this.inset=!1}alignContentChanged(t,e){t&&c(this.elementInternals,`align-${t}`,!1),e&&c(this.elementInternals,`align-${e}`,!0)}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}insetChanged(t,e){c(this.elementInternals,"inset",e)}}uo([a({attribute:"align-content"})],ls.prototype,"alignContent",2),uo([a],ls.prototype,"appearance",2),uo([a({mode:"boolean"})],ls.prototype,"inset",2);function Wd(){return f`<slot></slot>`}const Xd=Wd(),Ud=l`
424
+ :host{background:${O};box-sizing:border-box;gap:${ft};padding:${ro} ${lc};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${O};color:${z};column-gap:8px;display:flex;font-family:${$};font-size:${Te};font-weight:${N};inset-block-start:0;justify-content:space-between;line-height:${Qo};margin-block-end:calc(${ft} * -1);margin-block-start:calc(${ro} * -1);padding-block-end:${ft};padding-block-start:${ro};position:sticky;z-index:1}.content{box-sizing:border-box;color:${z};font-family:${$};font-size:${T};font-weight:${M};line-height:${D};min-height:32px}.actions{box-sizing:border-box;background:${O};display:flex;flex-direction:column;gap:${ft};inset-block-end:0;margin-block-end:calc(${ro} * -1);padding-block-end:${ro};padding-block-start:${si};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(${ft} * -1);padding-block-start:${ft}}}`,Rd=an.compose({name:`${p.prefix}-dialog-body`,template:Vd,styles:jd});Rd.define(p.registry);const co={separator:"separator",presentation:"presentation"},qd=pt;var Gd=Object.defineProperty,Wd=Object.getOwnPropertyDescriptor,ho=(o,t,e,s)=>{for(var i=s>1?void 0:s?Wd(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&&Gd(t,e,i),i};class di extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals()}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??co.separator,this.role!==co.presentation&&(this.elementInternals.ariaOrientation=this.orientation??qd.horizontal)}roleChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.role=`${e??co.separator}`),e===co.presentation&&(this.elementInternals.ariaOrientation=null)}orientationChanged(t,e){this.elementInternals.ariaOrientation=this.role!==co.presentation?e:null,t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}ho([a],di.prototype,"role",2),ho([a],di.prototype,"orientation",2);class ls extends di{constructor(){super(...arguments),this.inset=!1}alignContentChanged(t,e){t&&c(this.elementInternals,`align-${t}`,!1),e&&c(this.elementInternals,`align-${e}`,!0)}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}insetChanged(t,e){c(this.elementInternals,"inset",e)}}ho([a({attribute:"align-content"})],ls.prototype,"alignContent",2),ho([a],ls.prototype,"appearance",2),ho([a({mode:"boolean"})],ls.prototype,"inset",2);function Xd(){return f`<slot></slot>`}const Ud=Xd(),Kd=l`
425
425
  ${w("flex")}
426
426
 
427
- :host{contain:content}:host::after,:host::before{align-self:center;background:${oo};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${U}}:host(${Ds}){padding:0 12px}:host ::slotted(*){color:${Ut};font-family:${$};font-size:${q};font-weight:${M};margin:0;padding:0 12px}:host(${hr})::before,:host(${Wt})::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host(${J}){height:100%;min-height:84px}:host(${J}):empty{min-height:20px}:host(${J}){flex-direction:column;align-items:center}:host(${J}${Ds})::before{margin-top:12px}:host(${J}${Ds})::after{margin-bottom:12px}:host(${J}):empty::before,:host(${J}):empty::after{height:10px;min-height:10px;flex-grow:0}:host(${J})::before,:host(${J})::after{width:${U};min-height:20px;height:100%}:host(${J}) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host(${J}${hr})::before{min-height:8px}:host(${J}${Wt})::after{min-height:8px}:host(${qe})::before,:host(${qe})::after{background:${ge}}:host(${qe}) ::slotted(*){color:${z}}:host(${Xt})::before,:host(${Xt})::after{background:${$r}}:host(${Xt}) ::slotted(*){color:${js}}:host(${C})::before,:host(${C})::after{background:${Ma}}:host(${C}) ::slotted(*){color:${rt}}`.withBehaviors(Z(l`
428
- :host(${qe})::before,:host(${qe})::after,:host(${Xt})::before,:host(${Xt})::after,:host(${C})::before,:host(${C})::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),Kd=ls.compose({name:`${p.prefix}-divider`,template:Xd,styles:Ud});Kd.define(p.registry);const Yd={start:"start",end:"end"},Qd={small:"small",medium:"medium",large:"large",full:"full"},hi={nonModal:"non-modal",modal:"modal",inline:"inline"};var Zd=Object.defineProperty,Jd=Object.getOwnPropertyDescriptor,_e=(o,t,e,s)=>{for(var i=s>1?void 0:s?Jd(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&&Zd(t,e,i),i};class me extends x{constructor(){super(...arguments),this.type=hi.modal,this.position=Yd.start,this.size=Qd.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===hi.inline||this.type===hi.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}}_e([a],me.prototype,"type",2),_e([a({attribute:"aria-labelledby"})],me.prototype,"ariaLabelledby",2),_e([a({attribute:"aria-describedby"})],me.prototype,"ariaDescribedby",2),_e([a],me.prototype,"position",2),_e([a({attribute:"size"})],me.prototype,"size",2),_e([k],me.prototype,"dialog",2);const th=l`
427
+ :host{contain:content}:host::after,:host::before{align-self:center;background:${eo};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${U}}:host(${Ds}){padding:0 12px}:host ::slotted(*){color:${Ut};font-family:${$};font-size:${q};font-weight:${M};margin:0;padding:0 12px}:host(${hr})::before,:host(${Wt})::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host(${J}){height:100%;min-height:84px}:host(${J}):empty{min-height:20px}:host(${J}){flex-direction:column;align-items:center}:host(${J}${Ds})::before{margin-top:12px}:host(${J}${Ds})::after{margin-bottom:12px}:host(${J}):empty::before,:host(${J}):empty::after{height:10px;min-height:10px;flex-grow:0}:host(${J})::before,:host(${J})::after{width:${U};min-height:20px;height:100%}:host(${J}) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host(${J}${hr})::before{min-height:8px}:host(${J}${Wt})::after{min-height:8px}:host(${Re})::before,:host(${Re})::after{background:${ge}}:host(${Re}) ::slotted(*){color:${z}}:host(${Xt})::before,:host(${Xt})::after{background:${$r}}:host(${Xt}) ::slotted(*){color:${js}}:host(${C})::before,:host(${C})::after{background:${Na}}:host(${C}) ::slotted(*){color:${rt}}`.withBehaviors(Z(l`
428
+ :host(${Re})::before,:host(${Re})::after,:host(${Xt})::before,:host(${Xt})::after,:host(${C})::before,:host(${C})::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),Yd=ls.compose({name:`${p.prefix}-divider`,template:Ud,styles:Kd});Yd.define(p.registry);const Qd={start:"start",end:"end"},Zd={small:"small",medium:"medium",large:"large",full:"full"},hi={nonModal:"non-modal",modal:"modal",inline:"inline"};var Jd=Object.defineProperty,th=Object.getOwnPropertyDescriptor,_e=(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 me extends x{constructor(){super(...arguments),this.type=hi.modal,this.position=Qd.start,this.size=Zd.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===hi.inline||this.type===hi.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}}_e([a],me.prototype,"type",2),_e([a({attribute:"aria-labelledby"})],me.prototype,"ariaLabelledby",2),_e([a({attribute:"aria-describedby"})],me.prototype,"ariaDescribedby",2),_e([a],me.prototype,"position",2),_e([a({attribute:"size"})],me.prototype,"size",2),_e([k],me.prototype,"dialog",2);const eh=l`
429
429
  ${w("block")}
430
430
 
431
- :host{--dialog-backdrop:${Ks}}: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:${T};line-height:${D};font-family:${$};font-weight:${M};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:${nt};border-inline-start-color:var(--drawer-separator,${nt});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${Wr};border:${U} solid ${nt};background:${O}}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:${ri};transition-timing-function:${lo}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${ao}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${ao}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${ri};transition-timing-function:${lo};background:var(--dialog-backdrop,${Ks});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${ni}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function eh(){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()}" ${At("dialog")}><slot></slot></dialog>`}const oh=eh(),sh=me.compose({name:`${p.prefix}-drawer`,template:oh,styles:th});sh.define(p.registry);class ih extends x{}const rh=l`
431
+ :host{--dialog-backdrop:${Ks}}: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:${T};line-height:${D};font-family:${$};font-weight:${M};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:${nt};border-inline-start-color:var(--drawer-separator,${nt});outline:none;top:0;bottom:0;width:var(--drawer-width,592px);border-radius:0;padding:0;max-width:var(--drawer-width,592px);box-shadow:${Wr};border:${U} solid ${nt};background:${O}}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:${ri};transition-timing-function:${ao}}:host dialog:not([open]){transform:translateX(-100%);transition-timing-function:${no}}:host([position='end']) dialog:not([open]){transform:translateX(100%);transition-timing-function:${no}}dialog[open]{transform:translateX(0)}dialog::backdrop{transition:display allow-discrete,opacity,overlay allow-discrete,scale;transition-duration:${ri};transition-timing-function:${ao};background:var(--dialog-backdrop,${Ks});opacity:0}dialog[open]::backdrop{opacity:1}dialog::backdrop{transition-timing-function:${ni}}}@starting-style{dialog[open]{transform:translateX(-100%)}:host([position='end']) dialog[open]{transform:translateX(100%)}dialog[open]::backdrop{opacity:0}}}`;function oh(){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()}" ${At("dialog")}><slot></slot></dialog>`}const sh=oh(),ih=me.compose({name:`${p.prefix}-drawer`,template:sh,styles:eh});ih.define(p.registry);class rh extends x{}const nh=l`
432
432
  ${w("grid")}
433
- :host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${nc};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${id}}.footer{display:flex;justify-content:flex-start;gap:${ht}}`;function nh(){return f`<div class="header" part="header"><slot name="title"></slot><slot name="close"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div>`}const ah=nh(),lh=ih.compose({name:`${p.prefix}-drawer-body`,template:ah,styles:rh});lh.define(p.registry);const ch={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 dh=Object.defineProperty,hh=Object.getOwnPropertyDescriptor,po=(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 Oe extends x{constructor(){super(),this.labelPosition=ch.above,this.labelSlot=[],this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation"}labelSlotChanged(t,e){e&&this.input&&(this.setLabelProperties(),this.setStates())}messageSlotChanged(t,e){if(c(this.elementInternals,"has-message",!!e.length),!e.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(t,e){e?.length&&(this.input=e?.[0],this.setStates())}inputChanged(t,e){e&&(this.setStates(),this.setLabelProperties())}changeHandler(t){return this.setStates(),this.setValidationStates(),!0}clickHandler(t){return this===t.target&&this.input.click(),!0}focusinHandler(t){return this.matches(":focus-within:has(> :focus-visible)")&&c(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(t){return c(this.elementInternals,"focus-visible",!1),!0}invalidHandler(t){this.messageSlot.length&&t.preventDefault(),this.setValidationStates()}setLabelProperties(){this.$fastController.isConnected&&(this.input.id=this.input.id||Ao("input"),this.labelSlot?.forEach(t=>{t instanceof HTMLLabelElement&&(t.htmlFor=t.htmlFor||this.input.id,t.id=t.id||`${this.input.id}--label`,t.setAttribute("aria-hidden","true"),this.input.setAttribute("aria-labelledby",t.id))}))}setStates(){this.$fastController.isConnected&&(c(this.elementInternals,"disabled",!!this.input.disabled),c(this.elementInternals,"readonly",!!this.input.readOnly),c(this.elementInternals,"required",!!this.input.required),c(this.elementInternals,"checked",!!this.input.checked))}setValidationStates(){if(this.input.validity)for(const[t,e]of Object.entries(y))c(this.elementInternals,e,this.input.validity[t])}}po([a({attribute:"label-position"})],Oe.prototype,"labelPosition",2),po([k],Oe.prototype,"labelSlot",2),po([k],Oe.prototype,"messageSlot",2),po([k],Oe.prototype,"slottedInputs",2),po([k],Oe.prototype,"input",2);const uh=l.partial`:is([state--focus-visible], :state(focus-visible))`,ph=l.partial`:is([state--${y.badInput}], :state(${y.badInput}))`,gh=l.partial`:is([state--${y.customError}], :state(${y.customError}))`,fh=l.partial`:is([state--${y.patternMismatch}], :state(${y.patternMismatch}))`,bh=l.partial`:is([state--${y.rangeOverflow}], :state(${y.rangeOverflow}))`,mh=l.partial`:is([state--${y.rangeUnderflow}], :state(${y.rangeUnderflow}))`,$h=l.partial`:is([state--${y.stepMismatch}], :state(${y.stepMismatch}))`,vh=l.partial`:is([state--${y.tooLong}], :state(${y.tooLong}))`,yh=l.partial`:is([state--${y.tooShort}], :state(${y.tooShort}))`,kh=l.partial`:is([state--${y.typeMismatch}], :state(${y.typeMismatch}))`,xh=l.partial`:is([state-${y.valid}], :state(${y.valid}))`,wh=l.partial`:is([state--${y.valueMissing}], :state(${y.valueMissing}))`,Ch=l.partial`:is([state--has-message], :state(has-message))`,Sh=l`
433
+ :host{box-sizing:border-box;grid-template-rows:min-content auto min-content;position:relative;height:100%;padding:${ac};max-height:100svh}.header{display:flex;justify-content:space-between;align-items:center;${rd}}.footer{display:flex;justify-content:flex-start;gap:${ht}}`;function ah(){return f`<div class="header" part="header"><slot name="title"></slot><slot name="close"></slot></div><div class="content" part="content"><slot></slot></div><div class="footer" part="footer"><slot name="footer"></slot></div>`}const lh=ah(),ch=rh.compose({name:`${p.prefix}-drawer-body`,template:lh,styles:nh});ch.define(p.registry);const dh={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 hh=Object.defineProperty,uh=Object.getOwnPropertyDescriptor,uo=(o,t,e,s)=>{for(var i=s>1?void 0:s?uh(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};class po extends x{constructor(){super(),this.labelSlot=[],this.elementInternals=this.attachInternals(),this.elementInternals.role="presentation"}labelSlotChanged(t,e){e&&this.input&&(this.setLabelProperties(),this.setStates())}messageSlotChanged(t,e){if(c(this.elementInternals,"has-message",!!e.length),!e.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(t,e){e?.length&&(this.input=e?.[0],this.setStates())}inputChanged(t,e){e&&(this.setStates(),this.setLabelProperties())}changeHandler(t){return this.setStates(),this.setValidationStates(),!0}clickHandler(t){return this===t.target&&this.input.click(),!0}focusinHandler(t){return this.matches(":focus-within:has(> :focus-visible)")&&c(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(t){return c(this.elementInternals,"focus-visible",!1),!0}invalidHandler(t){this.messageSlot.length&&t.preventDefault(),this.setValidationStates()}setLabelProperties(){this.$fastController.isConnected&&(this.input.id=this.input.id||Ao("input"),this.labelSlot?.forEach(t=>{t instanceof HTMLLabelElement&&(t.htmlFor=t.htmlFor||this.input.id,t.id=t.id||`${this.input.id}--label`,t.setAttribute("aria-hidden","true"),this.input.setAttribute("aria-labelledby",t.id))}))}setStates(){this.$fastController.isConnected&&(c(this.elementInternals,"disabled",!!this.input.disabled),c(this.elementInternals,"readonly",!!this.input.readOnly),c(this.elementInternals,"required",!!this.input.required),c(this.elementInternals,"checked",!!this.input.checked))}setValidationStates(){if(this.input.validity)for(const[t,e]of Object.entries(y))c(this.elementInternals,e,this.input.validity[t])}}uo([k],po.prototype,"labelSlot",2),uo([k],po.prototype,"messageSlot",2),uo([k],po.prototype,"slottedInputs",2),uo([k],po.prototype,"input",2);class ln extends po{constructor(){super(...arguments),this.labelPosition=dh.above}}uo([a({attribute:"label-position"})],ln.prototype,"labelPosition",2);const ph=l.partial`:is([state--focus-visible], :state(focus-visible))`,gh=l.partial`:is([state--${y.badInput}], :state(${y.badInput}))`,fh=l.partial`:is([state--${y.customError}], :state(${y.customError}))`,bh=l.partial`:is([state--${y.patternMismatch}], :state(${y.patternMismatch}))`,mh=l.partial`:is([state--${y.rangeOverflow}], :state(${y.rangeOverflow}))`,$h=l.partial`:is([state--${y.rangeUnderflow}], :state(${y.rangeUnderflow}))`,vh=l.partial`:is([state--${y.stepMismatch}], :state(${y.stepMismatch}))`,yh=l.partial`:is([state--${y.tooLong}], :state(${y.tooLong}))`,kh=l.partial`:is([state--${y.tooShort}], :state(${y.tooShort}))`,xh=l.partial`:is([state--${y.typeMismatch}], :state(${y.typeMismatch}))`,wh=l.partial`:is([state-${y.valid}], :state(${y.valid}))`,Ch=l.partial`:is([state--${y.valueMissing}], :state(${y.valueMissing}))`,Sh=l.partial`:is([state--has-message], :state(has-message))`,Ih=l`
434
434
  ${w("inline-grid")}
435
435
 
436
- :host{color:${z};align-items:center;gap:0 ${ht};justify-items:start;position:relative}:has([slot='message']){color:${z};row-gap:${ft}}: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:${ht}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${Jo}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message';justify-items:center}:host([label-position='below']) ::slotted([slot='label']){margin-block-start:${cc}}:host([label-position='below']:not(${Ch})){grid-template-areas:'input' 'label'}::slotted([slot='label'])::after{content:'';display:block;position:absolute;inset:0}::slotted([slot='input']){grid-area:input;position:relative;z-index:1}::slotted([slot='message']){margin-block-start:${Jo};grid-area:message}:host(${uh}:focus-within){border-radius:${B};outline:${xt} solid ${_t}}::slotted(label),::slotted([slot='label']){cursor:inherit;display:inline-flex;font-family:${$};font-size:${T};font-weight:${M};grid-area:label;line-height:${D};user-select:none}:host([size='small']) ::slotted(label){font-size:${q};line-height:${ot}}:host([size='large']) ::slotted(label){font-size:${ct};line-height:${kt}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${N}}:host(${W}){cursor:default}::slotted([flag]){display:none}:host(${ph}) ::slotted([flag='${y.badInput}']),:host(${gh}) ::slotted([flag='${y.customError}']),:host(${fh}) ::slotted([flag='${y.patternMismatch}']),:host(${bh}) ::slotted([flag='${y.rangeOverflow}']),:host(${mh}) ::slotted([flag='${y.rangeUnderflow}']),:host(${$h}) ::slotted([flag='${y.stepMismatch}']),:host(${vh}) ::slotted([flag='${y.tooLong}']),:host(${yh}) ::slotted([flag='${y.tooShort}']),:host(${kh}) ::slotted([flag='${y.typeMismatch}']),:host(${wh}) ::slotted([flag='${y.valueMissing}']),:host(${xh}) ::slotted([flag='${y.valid}']){display:block}`,Ih=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)}" ${Dn({property:"slottedInputs",attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0,selector:'[slot="input"]',filter:je()})}><slot name="label" part="label" ${ut("labelSlot")}></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${ut({property:"messageSlot",filter:je("[flag]")})}></slot></template>`,Ph=Oe.compose({name:`${p.prefix}-field`,template:Ih,styles:Sh,shadowOptions:{delegatesFocus:!0}});Ph.define(p.registry);var zh=Object.defineProperty,Bh=Object.getOwnPropertyDescriptor,go=(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&&zh(t,e,i),i};class Me extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.block=!1}blockChanged(t,e){c(this.elementInternals,"block",e)}borderedChanged(t,e){c(this.elementInternals,"bordered",e)}shadowChanged(t,e){c(this.elementInternals,"shadow",e)}fitChanged(t,e){t&&c(this.elementInternals,`fit-${t}`,!1),e&&c(this.elementInternals,`fit-${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}go([a({mode:"boolean"})],Me.prototype,"block",2),go([a({mode:"boolean"})],Me.prototype,"bordered",2),go([a({mode:"boolean"})],Me.prototype,"shadow",2),go([a],Me.prototype,"fit",2),go([a],Me.prototype,"shape",2);const Th=f`<slot></slot>`,Ah=l`
437
- :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:${U} solid ${oo}}: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:${Zo}}:host(${We}) ::slotted(img){border-radius:${lt}}:host(${Gt}) ::slotted(img){border-radius:${B}}`,Fh=Me.compose({name:`${p.prefix}-image`,template:Th,styles:Ah});Fh.define(p.registry);var _h=Object.defineProperty,Oh=Object.getOwnPropertyDescriptor,cs=(o,t,e,s)=>{for(var i=s>1?void 0:s?Oh(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&&_h(t,e,i),i};class fo extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.required=!1}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}weightChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}disabledChanged(t,e){c(this.elementInternals,"disabled",e)}}cs([a],fo.prototype,"size",2),cs([a],fo.prototype,"weight",2),cs([a({mode:"boolean"})],fo.prototype,"disabled",2),cs([a({mode:"boolean"})],fo.prototype,"required",2);const Mh=l`
436
+ :host{color:${z};align-items:center;gap:0 ${ht};justify-items:start;position:relative}:has([slot='message']){color:${z};row-gap:${ft}}: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:${ht}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${Jo}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message';justify-items:center}:host([label-position='below']) ::slotted([slot='label']){margin-block-start:${dc}}:host([label-position='below']:not(${Sh})){grid-template-areas:'input' 'label'}::slotted([slot='label'])::after{content:'';display:block;position:absolute;inset:0}::slotted([slot='input']){grid-area:input;position:relative;z-index:1}::slotted([slot='message']){margin-block-start:${Jo};grid-area:message}:host(${ph}:focus-within){border-radius:${B};outline:${xt} solid ${_t}}::slotted(label),::slotted([slot='label']){cursor:inherit;display:inline-flex;font-family:${$};font-size:${T};font-weight:${M};grid-area:label;line-height:${D};user-select:none}:host([size='small']) ::slotted(label){font-size:${q};line-height:${ot}}:host([size='large']) ::slotted(label){font-size:${ct};line-height:${kt}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${N}}:host(${W}){cursor:default}::slotted([flag]){display:none}:host(${gh}) ::slotted([flag='${y.badInput}']),:host(${fh}) ::slotted([flag='${y.customError}']),:host(${bh}) ::slotted([flag='${y.patternMismatch}']),:host(${mh}) ::slotted([flag='${y.rangeOverflow}']),:host(${$h}) ::slotted([flag='${y.rangeUnderflow}']),:host(${vh}) ::slotted([flag='${y.stepMismatch}']),:host(${yh}) ::slotted([flag='${y.tooLong}']),:host(${kh}) ::slotted([flag='${y.tooShort}']),:host(${xh}) ::slotted([flag='${y.typeMismatch}']),:host(${Ch}) ::slotted([flag='${y.valueMissing}']),:host(${wh}) ::slotted([flag='${y.valid}']){display:block}`,Ph=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:Ve()})}><slot name="label" part="label" ${ut("labelSlot")}></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${ut({property:"messageSlot",filter:Ve("[flag]")})}></slot></template>`,zh=ln.compose({name:`${p.prefix}-field`,template:Ph,styles:Ih,shadowOptions:{delegatesFocus:!0}});zh.define(p.registry);var Bh=Object.defineProperty,Th=Object.getOwnPropertyDescriptor,go=(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&&Bh(t,e,i),i};class Oe extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.block=!1}blockChanged(t,e){c(this.elementInternals,"block",e)}borderedChanged(t,e){c(this.elementInternals,"bordered",e)}shadowChanged(t,e){c(this.elementInternals,"shadow",e)}fitChanged(t,e){t&&c(this.elementInternals,`fit-${t}`,!1),e&&c(this.elementInternals,`fit-${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}go([a({mode:"boolean"})],Oe.prototype,"block",2),go([a({mode:"boolean"})],Oe.prototype,"bordered",2),go([a({mode:"boolean"})],Oe.prototype,"shadow",2),go([a],Oe.prototype,"fit",2),go([a],Oe.prototype,"shape",2);const Ah=f`<slot></slot>`,Fh=l`
437
+ :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:${U} solid ${eo}}: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:${Zo}}:host(${Ge}) ::slotted(img){border-radius:${lt}}:host(${Gt}) ::slotted(img){border-radius:${B}}`,_h=Oe.compose({name:`${p.prefix}-image`,template:Ah,styles:Fh});_h.define(p.registry);var Oh=Object.defineProperty,Mh=Object.getOwnPropertyDescriptor,cs=(o,t,e,s)=>{for(var i=s>1?void 0:s?Mh(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&&Oh(t,e,i),i};class fo extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.disabled=!1,this.required=!1}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}weightChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}disabledChanged(t,e){c(this.elementInternals,"disabled",e)}}cs([a],fo.prototype,"size",2),cs([a],fo.prototype,"weight",2),cs([a({mode:"boolean"})],fo.prototype,"disabled",2),cs([a({mode:"boolean"})],fo.prototype,"required",2);const Nh=l`
438
438
  ${w("inline-flex")}
439
439
 
440
- :host{color:${z};cursor:pointer;font-family:${$};font-size:${T};font-weight:${M};line-height:${D};user-select:none}.asterisk{color:${Cr};margin-inline-start:${Yt}}:host(${_}){font-size:${q};line-height:${ot}}:host(${S}){font-size:${ct};line-height:${kt}}:host(${S}),:host(:is([state--semibold],:state(semibold))){font-weight:${N}}:host(:is([state--disabled],:state(disabled))),:host(:is([state--disabled],:state(disabled))) .asterisk{color:${H}}`;function Nh(){return f`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${o=>!o.required}">*</span>`}const Eh=Nh(),Lh=fo.compose({name:`${p.prefix}-label`,template:Eh,styles:Mh});Lh.define(p.registry);var Hh=Object.defineProperty,Dh=Object.getOwnPropertyDescriptor,ln=(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};class ui extends Nt{constructor(){super(...arguments),this.inline=!1}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}inlineChanged(t,e){c(this.elementInternals,"inline",e)}}ln([a],ui.prototype,"appearance",2),ln([a({mode:"boolean"})],ui.prototype,"inline",2);const Vh=l`
440
+ :host{color:${z};cursor:pointer;font-family:${$};font-size:${T};font-weight:${M};line-height:${D};user-select:none}.asterisk{color:${Cr};margin-inline-start:${Yt}}:host(${_}){font-size:${q};line-height:${ot}}:host(${S}){font-size:${ct};line-height:${kt}}:host(${S}),:host(:is([state--semibold],:state(semibold))){font-weight:${N}}:host(:is([state--disabled],:state(disabled))),:host(:is([state--disabled],:state(disabled))) .asterisk{color:${H}}`;function Eh(){return f`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${o=>!o.required}">*</span>`}const Lh=Eh(),Hh=fo.compose({name:`${p.prefix}-label`,template:Lh,styles:Nh});Hh.define(p.registry);var Dh=Object.defineProperty,Vh=Object.getOwnPropertyDescriptor,cn=(o,t,e,s)=>{for(var i=s>1?void 0:s?Vh(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 ui extends Nt{constructor(){super(...arguments),this.inline=!1}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}inlineChanged(t,e){c(this.elementInternals,"inline",e)}}cn([a],ui.prototype,"appearance",2),cn([a({mode:"boolean"})],ui.prototype,"inline",2);const jh=l`
441
441
  ${w("inline")}
442
442
 
443
- :host{position:relative;box-sizing:border-box;background-color:transparent;color:${fa};cursor:pointer;font-family:${$};font-size:${T};font-weight:${M};margin:0;padding:0;overflow:inherit;text-align:left;text-decoration:none;text-decoration-thinkness:${U};text-overflow:inherit;user-select:text}:host(:is(:hover,:focus-visible)){outline:none;text-decoration-line:underline}@media (hover:hover){:host(:hover){color:${ba}}:host(:active){color:${ma}}:host(${C}:hover){color:${va}}:host(${C}:active){color:${ya}}}:host(${C}){color:${$a}}: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`
444
- :host{color:LinkText}`));function jh(){return f`<template tabindex="0" @click="${(o,t)=>o.clickHandler(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}"><slot></slot></template>`}const Rh=jh(),qh=ui.compose({name:`${p.prefix}-link`,template:Rh,styles:Vh});qh.define(p.registry);class Gh extends Jt{}const Wh=ci({end:f.partial(`
443
+ :host{position:relative;box-sizing:border-box;background-color:transparent;color:${ba};cursor:pointer;font-family:${$};font-size:${T};font-weight:${M};margin:0;padding:0;overflow:inherit;text-align:left;text-decoration:none;text-decoration-thinkness:${U};text-overflow:inherit;user-select:text}:host(:is(:hover,:focus-visible)){outline:none;text-decoration-line:underline}@media (hover:hover){:host(:hover){color:${ma}}:host(:active){color:${$a}}:host(${C}:hover){color:${ya}}:host(${C}:active){color:${ka}}}:host(${C}){color:${va}}: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`
444
+ :host{color:LinkText}`));function Rh(){return f`<template tabindex="0" @click="${(o,t)=>o.clickHandler(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}"><slot></slot></template>`}const qh=Rh(),Gh=ui.compose({name:`${p.prefix}-link`,template:qh,styles:jh});Gh.define(p.registry);class Wh extends Jt{}const Xh=ci({end:f.partial(`
445
445
  <svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
446
446
  <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>
447
447
  </svg>
448
- `)}),Xh=Gh.compose({name:`${p.prefix}-menu-button`,template:Wh,styles:ss});Xh.define(p.registry);const K={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};K.menuitem+"",K.menuitemcheckbox+"",K.menuitemradio+"";var Uh=Object.defineProperty,Kh=Object.getOwnPropertyDescriptor,Ne=(o,t,e,s)=>{for(var i=s>1?void 0:s?Kh(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&&Uh(t,e,i),i};const Yh=()=>o=>o.nodeType===1&&o.elementInternals.role==="menu";class St extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.role=K.menuitem,this.checked=!1,this.handleMenuItemKeyDown=t=>{if(t.defaultPrevented)return!1;switch(t.key){case To:case Es:return this.invoke(),!1;case _s:return this.disabled||(this.submenu?.togglePopover(!0),this.submenu?.focus()),!1;case Fs:return this.parentElement?.hasAttribute("popover")&&(this.parentElement.togglePopover(!1),this.parentElement.parentElement?.focus()),!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.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),t instanceof ToggleEvent&&t.newState==="closed"&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case K.menuitemcheckbox:this.checked=!this.checked;break;case K.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case K.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`}}}disabledChanged(t,e){this.elementInternals.ariaDisabled=e?`${e}`:null,c(this.elementInternals,"disabled",e)}roleChanged(t,e){this.elementInternals.role=e??K.menuitem}checkedChanged(t,e){const s=this.role!==K.menuitem;this.elementInternals.ariaChecked=s?`${!!e}`:null,c(this.elementInternals,"checked",s?e:!1),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),this.elementInternals.ariaHasPopup="menu",c(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,c(this.elementInternals,"submenu",!1))}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??K.menuitem,this.elementInternals.ariaChecked=this.role!==K.menuitem?`${!!this.checked}`:null}}Ne([a({mode:"boolean"})],St.prototype,"disabled",2),Ne([a],St.prototype,"role",2),Ne([a({mode:"boolean"})],St.prototype,"checked",2),Ne([a({mode:"boolean"})],St.prototype,"hidden",2),Ne([k],St.prototype,"slottedSubmenu",2),Ne([k],St.prototype,"submenu",2),jt(St,Dt);const ds=l.partial`:is([state--submenu], :state(submenu))`,Qh=l`
448
+ `)}),Uh=Wh.compose({name:`${p.prefix}-menu-button`,template:Xh,styles:ss});Uh.define(p.registry);const K={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};K.menuitem+"",K.menuitemcheckbox+"",K.menuitemradio+"";var Kh=Object.defineProperty,Yh=Object.getOwnPropertyDescriptor,Me=(o,t,e,s)=>{for(var i=s>1?void 0:s?Yh(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};const Qh=()=>o=>o.nodeType===1&&o.elementInternals.role==="menu";class St extends x{constructor(){super(...arguments),this.elementInternals=this.attachInternals(),this.role=K.menuitem,this.checked=!1,this.handleMenuItemKeyDown=t=>{if(t.defaultPrevented)return!1;switch(t.key){case To:case Es:return this.invoke(),!1;case _s:return this.disabled||(this.submenu?.togglePopover(!0),this.submenu?.focus()),!1;case Fs:return this.parentElement?.hasAttribute("popover")&&(this.parentElement.togglePopover(!1),this.parentElement.parentElement?.focus()),!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.elementInternals.ariaExpanded="true",this.setSubmenuPosition()),t instanceof ToggleEvent&&t.newState==="closed"&&(this.elementInternals.ariaExpanded="false",this.setAttribute("tabindex","0"))},this.invoke=()=>{if(!this.disabled)switch(this.role){case K.menuitemcheckbox:this.checked=!this.checked;break;case K.menuitem:if(this.submenu){this.submenu.togglePopover(!0),this.submenu.focus();break}this.$emit("change");break;case K.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`}}}disabledChanged(t,e){this.elementInternals.ariaDisabled=e?`${e}`:null,c(this.elementInternals,"disabled",e)}roleChanged(t,e){this.elementInternals.role=e??K.menuitem}checkedChanged(t,e){const s=this.role!==K.menuitem;this.elementInternals.ariaChecked=s?`${!!e}`:null,c(this.elementInternals,"checked",s?e:!1),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),this.elementInternals.ariaHasPopup="menu",c(this.elementInternals,"submenu",!0)):(this.elementInternals.ariaHasPopup=null,c(this.elementInternals,"submenu",!1))}connectedCallback(){super.connectedCallback(),this.elementInternals.role=this.role??K.menuitem,this.elementInternals.ariaChecked=this.role!==K.menuitem?`${!!this.checked}`:null}}Me([a({mode:"boolean"})],St.prototype,"disabled",2),Me([a],St.prototype,"role",2),Me([a({mode:"boolean"})],St.prototype,"checked",2),Me([a({mode:"boolean"})],St.prototype,"hidden",2),Me([k],St.prototype,"slottedSubmenu",2),Me([k],St.prototype,"submenu",2),jt(St,Dt);const ds=l.partial`:is([state--submenu], :state(submenu))`,Zh=l`
449
449
  ${w("grid")}
450
450
 
451
- :host{--indent:0;align-items:center;background:${O};border-radius:${B};color:${Ut};contain:layout;cursor:pointer;flex-shrink:0;font:${M} ${T} / ${D} ${$};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${Rs};color:${Do}}:host(:active){background-color:${gr};color:${Vo}}:host(:active) ::slotted([slot='start']){color:${xa}}:host(${W}){background-color:${ze};color:${H}}:host(${W}) ::slotted([slot='start']),:host(${W}) ::slotted([slot='end']){color:${H}}:host(:focus-visible){border-radius:${B};outline:2px solid ${_t}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}:host(:not(${v})) .indicator,:host(:not(${v})) ::slotted([slot='indicator']),:host(:not(${ds})) .submenu-glyph,:host(:not(${ds})) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${rt};font:${M} ${q} / ${ot} ${$};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host(${ds}){grid-template-columns:20px auto auto 20px}:host([data-indent='2']${ds}){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}@supports not (anchor-name:--menu-trigger){::slotted([popover]){align-self:start}}}`.withBehaviors(Z(l`
452
- :host(${W}),:host(${W}) ::slotted([slot='start']),:host(${W}) ::slotted([slot='end']){color:GrayText}`)),Zh=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>'),Jh=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 tu(o={}){return f`<template @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>${oe(o)}<slot name="submenu-glyph">${gt(o.submenuGlyph)}</slot><slot name="submenu" ${ut({property:"slottedSubmenu",filter:Yh()})}></slot></template>`}const eu=tu({indicator:Zh,submenuGlyph:Jh}),ou=St.compose({name:`${p.prefix}-menu-item`,template:eu,styles:Qh});ou.define(p.registry);var su=Object.defineProperty,iu=Object.getOwnPropertyDescriptor,ru=(o,t,e,s)=>{for(var i=s>1?void 0:s?iu(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&&su(t,e,i),i};const pi=class yi extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&lr(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===K.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===K.menuitemradio&&(n.checked=!1),h==="separator")break}}},this.isMenuItemElement=t=>t instanceof St||lr(t)&&t.getAttribute("role")in yi.focusableElementRoles,this.isFocusableElement=t=>this.isMenuItemElement(t),this.elementInternals.role="menu"}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 As:this.setFocus(this.focusIndex+1,1);return;case Os:this.setFocus(this.focusIndex-1,-1);return;case Ms:this.setFocus(this.menuItems.length-1,-1);return;case Ns:this.setFocus(0,1);return;default:return!0}}removeItemListeners(t=this.items){t.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),m.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(t){const e=t.getAttribute("role"),s=t.querySelector("[slot=start]");return e&&e!==K.menuitem?s?2:1:s?1:0}setItems(){const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(n=>m.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=yi.elementIndent(h);return Math.max(n,g)},0);i?.forEach(n=>{n instanceof St&&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}}};pi.focusableElementRoles=K,ru([k],pi.prototype,"items",2);let nu=pi;const au=l`
451
+ :host{--indent:0;align-items:center;background:${O};border-radius:${B};color:${Ut};contain:layout;cursor:pointer;flex-shrink:0;font:${M} ${T} / ${D} ${$};grid-gap:4px;grid-template-columns:20px 20px auto 20px;height:32px;overflow:visible;padding:0 10px}:host(:hover){background:${Rs};color:${Do}}:host(:active){background-color:${gr};color:${Vo}}:host(:active) ::slotted([slot='start']){color:${wa}}:host(${W}){background-color:${ze};color:${H}}:host(${W}) ::slotted([slot='start']),:host(${W}) ::slotted([slot='end']){color:${H}}:host(:focus-visible){border-radius:${B};outline:2px solid ${_t}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}:host(:not(${v})) .indicator,:host(:not(${v})) ::slotted([slot='indicator']),:host(:not(${ds})) .submenu-glyph,:host(:not(${ds})) ::slotted([slot='submenu-glyph']){display:none}::slotted([slot='end']){color:${rt};font:${M} ${q} / ${ot} ${$};white-space:nowrap}:host([data-indent='1']){--indent:1}:host([data-indent='2']){--indent:2;grid-template-columns:20px 20px auto auto}:host(${ds}){grid-template-columns:20px auto auto 20px}:host([data-indent='2']${ds}){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}@supports not (anchor-name:--menu-trigger){::slotted([popover]){align-self:start}}}`.withBehaviors(Z(l`
452
+ :host(${W}),:host(${W}) ::slotted([slot='start']),:host(${W}) ::slotted([slot='end']){color:GrayText}`)),Jh=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>'),tu=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 eu(o={}){return f`<template @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>${oe(o)}<slot name="submenu-glyph">${gt(o.submenuGlyph)}</slot><slot name="submenu" ${ut({property:"slottedSubmenu",filter:Qh()})}></slot></template>`}const ou=eu({indicator:Jh,submenuGlyph:tu}),su=St.compose({name:`${p.prefix}-menu-item`,template:ou,styles:Zh});su.define(p.registry);var iu=Object.defineProperty,ru=Object.getOwnPropertyDescriptor,nu=(o,t,e,s)=>{for(var i=s>1?void 0:s?ru(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&&iu(t,e,i),i};const pi=class yi extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&lr(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===K.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===K.menuitemradio&&(n.checked=!1),h==="separator")break}}},this.isMenuItemElement=t=>t instanceof St||lr(t)&&t.getAttribute("role")in yi.focusableElementRoles,this.isFocusableElement=t=>this.isMenuItemElement(t),this.elementInternals.role="menu"}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 As:this.setFocus(this.focusIndex+1,1);return;case Os:this.setFocus(this.focusIndex-1,-1);return;case Ms:this.setFocus(this.menuItems.length-1,-1);return;case Ns:this.setFocus(0,1);return;default:return!0}}removeItemListeners(t=this.items){t.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),m.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(t){const e=t.getAttribute("role"),s=t.querySelector("[slot=start]");return e&&e!==K.menuitem?s?2:1:s?1:0}setItems(){const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(n=>m.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=yi.elementIndent(h);return Math.max(n,g)},0);i?.forEach(n=>{n instanceof St&&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}}};pi.focusableElementRoles=K,nu([k],pi.prototype,"items",2);let au=pi;const lu=l`
453
453
  ${w("flex")}
454
454
 
455
- :host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${O};border:1px solid ${nt};border-radius:${B};box-shadow:${Gr};padding:4px;row-gap:2px}`;function lu(){return f`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" @keydown="${(o,t)=>o.handleMenuKeyDown(t.event)}" @focusout="${(o,t)=>o.handleFocusOut(t.event)}"><slot ${ut("items")}></slot></template>`}const cu=lu(),du=nu.compose({name:`${p.prefix}-menu-list`,template:cu,styles:au});du.define(p.registry);var hu=Object.defineProperty,uu=Object.getOwnPropertyDescriptor,Ee=(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 $e 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=t=>{t?.target instanceof St&&(t.target.getAttribute("role")===K.menuitemcheckbox||t.target.getAttribute("role")===K.menuitemradio)||(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 Es:case To: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("change",this.closeMenu):this._menuList?.addEventListener("change",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("change",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("change",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}}}Ee([a({attribute:"open-on-hover",mode:"boolean"})],$e.prototype,"openOnHover",2),Ee([a({attribute:"open-on-context",mode:"boolean"})],$e.prototype,"openOnContext",2),Ee([a({attribute:"close-on-scroll",mode:"boolean"})],$e.prototype,"closeOnScroll",2),Ee([a({attribute:"persist-on-item-click",mode:"boolean"})],$e.prototype,"persistOnItemClick",2),Ee([k],$e.prototype,"slottedMenuList",2),Ee([k],$e.prototype,"slottedTriggers",2);const pu=l`
455
+ :host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${O};border:1px solid ${nt};border-radius:${B};box-shadow:${Gr};padding:4px;row-gap:2px}`;function cu(){return f`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" @keydown="${(o,t)=>o.handleMenuKeyDown(t.event)}" @focusout="${(o,t)=>o.handleFocusOut(t.event)}"><slot ${ut("items")}></slot></template>`}const du=cu(),hu=au.compose({name:`${p.prefix}-menu-list`,template:du,styles:lu});hu.define(p.registry);var uu=Object.defineProperty,pu=Object.getOwnPropertyDescriptor,Ne=(o,t,e,s)=>{for(var i=s>1?void 0:s?pu(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 $e 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=t=>{t?.target instanceof St&&(t.target.getAttribute("role")===K.menuitemcheckbox||t.target.getAttribute("role")===K.menuitemradio)||(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 Es:case To: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("change",this.closeMenu):this._menuList?.addEventListener("change",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("change",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("change",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 Qn:t.preventDefault(),this._open&&(this.closeMenu(),this.focusTrigger());break;case Zn:if(this._open&&this.closeMenu(),t.shiftKey&&t.composedPath()[0]!==this._trigger)this.focusTrigger();else if(t.shiftKey)return!0;default:return!0}}}Ne([a({attribute:"open-on-hover",mode:"boolean"})],$e.prototype,"openOnHover",2),Ne([a({attribute:"open-on-context",mode:"boolean"})],$e.prototype,"openOnContext",2),Ne([a({attribute:"close-on-scroll",mode:"boolean"})],$e.prototype,"closeOnScroll",2),Ne([a({attribute:"persist-on-item-click",mode:"boolean"})],$e.prototype,"persistOnItemClick",2),Ne([k],$e.prototype,"slottedMenuList",2),Ne([k],$e.prototype,"slottedTriggers",2);const gu=l`
456
456
  ${w("inline-block")}
457
457
 
458
- ::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 gu(){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" ${ut({property:"slottedTriggers",filter:je()})}></slot><slot ${ut({property:"slottedMenuList",filter:je()})}></slot></template>`}const fu=gu(),bu=$e.compose({name:`${p.prefix}-menu`,template:fu,styles:pu});bu.define(p.registry);var mu=Object.defineProperty,$u=Object.getOwnPropertyDescriptor,gi=(o,t,e,s)=>{for(var i=s>1?void 0:s?$u(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&&mu(t,e,i),i};class hs extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.dismissMessageBar=()=>{this.$emit("dismiss",{})},this.elementInternals.role="status"}shapeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}layoutChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}intentChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}}gi([a],hs.prototype,"shape",2),gi([a],hs.prototype,"layout",2),gi([a],hs.prototype,"intent",2);const vu=l`
459
- :host{display:grid;box-sizing:border-box;font-family:${$};font-size:${q};line-height:${ot};width:100%;background:${Gs};border:1px solid ${ge};padding-inline:${ht};border-radius:${B};min-height:36px;align-items:center;grid-template:'icon body actions dismiss' / auto 1fr auto auto;contain:layout style paint}:host(${Xe}){border-radius:0}:host(${de}){background-color:${Ir};border-color:${Va}}:host(${he}){background-color:${zr};border-color:${Tr}}:host(${Vs}){background-color:${kr};border-color:${wr}}:host(${Ye}){grid-template-areas:'icon body dismiss'
460
- 'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${ro};padding-inline:${ht}}.content{grid-area:body;max-width:520px;padding-block:${ro};padding-inline:0}:host(${Ye}) .content{padding:0}::slotted([slot='icon']){display:flex;grid-area:icon;flex-direction:column;align-items:center;color:${rt};margin-inline-end:${Zt}}:host(${Ye}) ::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:${Zt};gap:${Zt}}:host(${Ye}) .actions{margin-block-start:${ro};margin-inline-end:0}:host(${Ye}) ::slotted([slot='dismiss']){align-items:start;height:100%;padding-block-start:${ft}}::slotted(*){font-size:inherit}`;function yu(){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 ku=yu(),xu=hs.compose({name:`${p.prefix}-message-bar`,template:ku,styles:vu,shadowOptions:{mode:p.shadowRootMode}});xu.define(p.registry);var wu=Object.defineProperty,Cu=Object.getOwnPropertyDescriptor,ve=(o,t,e,s)=>{for(var i=s>1?void 0:s?Cu(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&&wu(t,e,i),i};class Le extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.validationState=null,this.elementInternals.role="progressbar"}validationStateChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(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)}}ve([a({attribute:"validation-state"})],Le.prototype,"validationState",2),ve([a({converter:st})],Le.prototype,"value",2),ve([a({converter:st})],Le.prototype,"min",2),ve([a({converter:st})],Le.prototype,"max",2),ve([xn],Le.prototype,"percentComplete",1);class fi extends Le{thicknessChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}ve([a],fi.prototype,"thickness",2),ve([a],fi.prototype,"shape",2);const Su=l`
458
+ ::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 fu(){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" ${ut({property:"slottedTriggers",filter:Ve()})}></slot><slot ${ut({property:"slottedMenuList",filter:Ve()})}></slot></template>`}const bu=fu(),mu=$e.compose({name:`${p.prefix}-menu`,template:bu,styles:gu});mu.define(p.registry);var $u=Object.defineProperty,vu=Object.getOwnPropertyDescriptor,gi=(o,t,e,s)=>{for(var i=s>1?void 0:s?vu(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&&$u(t,e,i),i};class hs extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.dismissMessageBar=()=>{this.$emit("dismiss",{})},this.elementInternals.role="status"}shapeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}layoutChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}intentChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}}gi([a],hs.prototype,"shape",2),gi([a],hs.prototype,"layout",2),gi([a],hs.prototype,"intent",2);const yu=l`
459
+ :host{display:grid;box-sizing:border-box;font-family:${$};font-size:${q};line-height:${ot};width:100%;background:${Gs};border:1px solid ${ge};padding-inline:${ht};border-radius:${B};min-height:36px;align-items:center;grid-template:'icon body actions dismiss' / auto 1fr auto auto;contain:layout style paint}:host(${We}){border-radius:0}:host(${de}){background-color:${Ir};border-color:${ja}}:host(${he}){background-color:${zr};border-color:${Tr}}:host(${Vs}){background-color:${kr};border-color:${wr}}:host(${Ke}){grid-template-areas:'icon body dismiss'
460
+ 'actions actions actions';grid-template-columns:auto 1fr auto;grid-template-rows:auto auto 1fr;padding-block:${io};padding-inline:${ht}}.content{grid-area:body;max-width:520px;padding-block:${io};padding-inline:0}:host(${Ke}) .content{padding:0}::slotted([slot='icon']){display:flex;grid-area:icon;flex-direction:column;align-items:center;color:${rt};margin-inline-end:${Zt}}:host(${Ke}) ::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:${Zt};gap:${Zt}}:host(${Ke}) .actions{margin-block-start:${io};margin-inline-end:0}:host(${Ke}) ::slotted([slot='dismiss']){align-items:start;height:100%;padding-block-start:${ft}}::slotted(*){font-size:inherit}`;function ku(){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 xu=ku(),wu=hs.compose({name:`${p.prefix}-message-bar`,template:xu,styles:yu,shadowOptions:{mode:p.shadowRootMode}});wu.define(p.registry);var Cu=Object.defineProperty,Su=Object.getOwnPropertyDescriptor,ve=(o,t,e,s)=>{for(var i=s>1?void 0:s?Su(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 Ee extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.validationState=null,this.elementInternals.role="progressbar"}validationStateChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(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)}}ve([a({attribute:"validation-state"})],Ee.prototype,"validationState",2),ve([a({converter:st})],Ee.prototype,"value",2),ve([a({converter:st})],Ee.prototype,"min",2),ve([a({converter:st})],Ee.prototype,"max",2),ve([wn],Ee.prototype,"percentComplete",1);class fi extends Ee{thicknessChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}shapeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}ve([a],fi.prototype,"thickness",2),ve([a],fi.prototype,"shape",2);const Iu=l`
461
461
  ${w("block")}
462
462
 
463
- :host{width:100%;height:2px;overflow-x:hidden;background-color:${qo};border-radius:${B};contain:content}:host(${S}){height:4px}:host(${Xe}){border-radius:${ei}}.indicator{background-color:${Be};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(
463
+ :host{width:100%;height:2px;overflow-x:hidden;background-color:${qo};border-radius:${B};contain:content}:host(${S}){height:4px}:host(${We}){border-radius:${ei}}.indicator{background-color:${Be};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(
464
464
  to right,${qo} 0%,${yt} 50%,${qo} 100%
465
465
  );animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host(${Vs}) .indicator{background-color:${xr}}:host(${he}) .indicator{background-color:${Br}}:host(${de}) .indicator{background-color:${Pr}}@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`
466
- :host{background-color:CanvasText}.indicator,:host(:is(${de},${he},${Vs})) .indicator{background-color:Highlight}`));function Iu(){return f`<div class="indicator" part="indicator" style="${o=>typeof o.value=="number"?`width: ${o.percentComplete}%`:void 0}"></div>`}const Pu=Iu(),zu=fi.compose({name:`${p.prefix}-progress-bar`,template:Pu,styles:Su});zu.define(p.registry);class cn extends mt{connectedCallback(){super.connectedCallback(),this.tabIndex=this.disabled?-1:0}constructor(){super(),this.elementInternals.role="radio"}disabledChanged(t,e){super.disabledChanged(t,e),e&&(this.checked=!1,this.tabIndex=-1),this.$emit("disabled",e,{bubbles:!0})}requiredChanged(){}setFormValue(){}setValidity(){this.elementInternals.setValidity({})}toggleChecked(t=!0){super.toggleChecked(t)}}function dn(o){const t=o.getRootNode();return t instanceof ShadowRoot?t.activeElement:document.activeElement}const hn=pt;var Bu=Object.defineProperty,Tu=Object.getOwnPropertyDescriptor,ye=(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 te extends x{constructor(){super(),this.dirtyState=!1,this.disabled=!1,this.elementInternals=this.attachInternals(),this.elementInternals.role="radiogroup",this.elementInternals.ariaOrientation=this.orientation??hn.horizontal}checkedIndexChanged(t,e){this.enabledRadios&&this.checkRadio(e)}disabledChanged(t,e){this.$fastController.isConnected&&(this.checkedIndex=-1,this.radios?.forEach(s=>{s.disabled=s.disabledAttribute||this.disabled}),this.restrictFocus())}initialValueChanged(t,e){this.value=e??""}nameChanged(t,e){this.isConnected&&e&&this.radios?.forEach(s=>{s.name=this.name})}orientationChanged(t,e){this.elementInternals.ariaOrientation=this.orientation??hn.horizontal}radiosChanged(t,e){const s=e?.length;if(!s)return;!this.name&&e.every(n=>n.name===e[0].name)&&(this.name=e[0].name);const i=Kn(this.enabledRadios,n=>n.initialChecked);e.forEach((n,h)=>{n.ariaPosInSet=`${h+1}`,n.ariaSetSize=`${s}`,this.initialValue&&!this.dirtyState?n.checked=n.value===this.initialValue:n.checked=h===i,n.name=this.name??n.name,n.disabled=this.disabled||n.disabledAttribute}),!this.dirtyState&&this.initialValue&&(this.value=this.initialValue),this.value||(this.checkedIndex=i);const r=e.map(n=>n.id).join(" ").trim();r&&this.setAttribute("aria-owns",r),Bt.enqueue(()=>{this.restrictFocus()})}requiredChanged(t,e){this.elementInternals.ariaRequired=e?"true":null,this.setValidity()}get enabledRadios(){return this.disabled?[]:this.radios?.filter(t=>!t.disabled)??[]}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(this.enabledRadios?.[0]?.validationMessage)return this.enabledRadios[0].validationMessage;if(!this._validationFallbackMessage){const t=document.createElement("input");t.type="radio",t.required=!0,t.checked=!1,this._validationFallbackMessage=t.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return m.notify(this,"value"),this.enabledRadios.find(t=>t.checked)?.value??null}set value(t){const e=this.enabledRadios.findIndex(s=>s.value===t);this.checkedIndex=e,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity()),m.track(this,"value")}changeHandler(t){if(this===t.target)return!0;this.dirtyState=!0;const e=this.enabledRadios.indexOf(t.target);return this.checkRadio(e),!0}checkRadio(t=this.checkedIndex){let e=this.checkedIndex;this.enabledRadios.forEach((s,i)=>{const r=i===t;s.checked=r,r&&(e=i)}),this.checkedIndex=e,this.setFormValue(this.value),this.setValidity()}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){return this===t.target&&this.enabledRadios[Math.max(0,this.checkedIndex)]?.focus(),!0}focus(){this.enabledRadios[Math.max(0,this.checkedIndex)]?.focus()}focusinHandler(t){return this.disabled||this.enabledRadios.forEach(e=>{e.tabIndex=0}),!0}focusoutHandler(t){return this.radios?.includes(t.relatedTarget)&&this.radios?.some(e=>e.checked)&&this.restrictFocus(),!0}formResetCallback(){this.dirtyState=!1,this.checkedIndex=-1,this.setFormValue(this.value),this.setValidity()}getEnabledIndexInBounds(t,e=this.enabledRadios.length){return e===0?-1:(t+e)%e}keydownHandler(t){const e=cr(this)==="rtl",s=this.enabledRadios.findIndex(n=>n===dn(this))??this.checkedIndex;let i=0;switch(t.key){case"ArrowLeft":{i=e?1:-1;break}case"ArrowUp":{i=-1;break}case"ArrowRight":{i=e?-1:1;break}case"ArrowDown":{i=1;break}case"Tab":{this.restrictFocus();break}case" ":{this.checkRadio();break}}if(!i)return!0;const r=s+i;this.checkedIndex=this.getEnabledIndexInBounds(r),this.enabledRadios[this.checkedIndex]?.focus()}disabledRadioHandler(t){t.detail===!0&&t.target.checked&&(this.checkedIndex=-1)}reportValidity(){return this.elementInternals.reportValidity()}restrictFocus(){let t=Math.max(this.checkedIndex,0);const e=this.enabledRadios.indexOf(dn(this));e!==-1&&(t=e),t=this.getEnabledIndexInBounds(t),this.enabledRadios.forEach((s,i)=>{s.tabIndex=i===t?0:-1})}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setValidity(t,e,s){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({valueMissing:this.required&&!this.value,...t},e??this.validationMessage,s??this.enabledRadios[0])}}slotchangeHandler(t){Bt.enqueue(()=>{this.radios=[...this.querySelectorAll("*")].filter(e=>e instanceof cn)})}}te.formAssociated=!0,ye([k],te.prototype,"checkedIndex",2),ye([a({attribute:"disabled",mode:"boolean"})],te.prototype,"disabled",2),ye([a({attribute:"value",mode:"fromView"})],te.prototype,"initialValue",2),ye([a],te.prototype,"name",2),ye([a],te.prototype,"orientation",2),ye([k],te.prototype,"radios",2),ye([a({mode:"boolean"})],te.prototype,"required",2);const Au=l`
466
+ :host{background-color:CanvasText}.indicator,:host(:is(${de},${he},${Vs})) .indicator{background-color:Highlight}`));function Pu(){return f`<div class="indicator" part="indicator" style="${o=>typeof o.value=="number"?`width: ${o.percentComplete}%`:void 0}"></div>`}const zu=Pu(),Bu=fi.compose({name:`${p.prefix}-progress-bar`,template:zu,styles:Iu});Bu.define(p.registry);class dn extends mt{connectedCallback(){super.connectedCallback(),this.tabIndex=this.disabled?-1:0}constructor(){super(),this.elementInternals.role="radio"}disabledChanged(t,e){super.disabledChanged(t,e),e&&(this.checked=!1,this.tabIndex=-1),this.$emit("disabled",e,{bubbles:!0})}requiredChanged(){}setFormValue(){}setValidity(){this.elementInternals.setValidity({})}toggleChecked(t=!0){super.toggleChecked(t)}}function hn(o){const t=o.getRootNode();return t instanceof ShadowRoot?t.activeElement:document.activeElement}const un=pt;var Tu=Object.defineProperty,Au=Object.getOwnPropertyDescriptor,ye=(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&&Tu(t,e,i),i};class te extends x{constructor(){super(),this.dirtyState=!1,this.disabled=!1,this.elementInternals=this.attachInternals(),this.elementInternals.role="radiogroup",this.elementInternals.ariaOrientation=this.orientation??un.horizontal}checkedIndexChanged(t,e){this.enabledRadios&&this.checkRadio(e)}disabledChanged(t,e){this.$fastController.isConnected&&(this.checkedIndex=-1,this.radios?.forEach(s=>{s.disabled=s.disabledAttribute||this.disabled}),this.restrictFocus())}initialValueChanged(t,e){this.value=e??""}nameChanged(t,e){this.isConnected&&e&&this.radios?.forEach(s=>{s.name=this.name})}orientationChanged(t,e){this.elementInternals.ariaOrientation=this.orientation??un.horizontal}radiosChanged(t,e){const s=e?.length;if(!s)return;!this.name&&e.every(n=>n.name===e[0].name)&&(this.name=e[0].name);const i=Yn(this.enabledRadios,n=>n.initialChecked);e.forEach((n,h)=>{n.ariaPosInSet=`${h+1}`,n.ariaSetSize=`${s}`,this.initialValue&&!this.dirtyState?n.checked=n.value===this.initialValue:n.checked=h===i,n.name=this.name??n.name,n.disabled=this.disabled||n.disabledAttribute}),!this.dirtyState&&this.initialValue&&(this.value=this.initialValue),this.value||(this.checkedIndex=i);const r=e.map(n=>n.id).join(" ").trim();r&&this.setAttribute("aria-owns",r),Bt.enqueue(()=>{this.restrictFocus()})}requiredChanged(t,e){this.elementInternals.ariaRequired=e?"true":null,this.setValidity()}get enabledRadios(){return this.disabled?[]:this.radios?.filter(t=>!t.disabled)??[]}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(this.enabledRadios?.[0]?.validationMessage)return this.enabledRadios[0].validationMessage;if(!this._validationFallbackMessage){const t=document.createElement("input");t.type="radio",t.required=!0,t.checked=!1,this._validationFallbackMessage=t.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return m.notify(this,"value"),this.enabledRadios.find(t=>t.checked)?.value??null}set value(t){const e=this.enabledRadios.findIndex(s=>s.value===t);this.checkedIndex=e,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity()),m.track(this,"value")}changeHandler(t){if(this===t.target)return!0;this.dirtyState=!0;const e=this.enabledRadios.indexOf(t.target);return this.checkRadio(e),!0}checkRadio(t=this.checkedIndex){let e=this.checkedIndex;this.enabledRadios.forEach((s,i)=>{const r=i===t;s.checked=r,r&&(e=i)}),this.checkedIndex=e,this.setFormValue(this.value),this.setValidity()}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){return this===t.target&&this.enabledRadios[Math.max(0,this.checkedIndex)]?.focus(),!0}focus(){this.enabledRadios[Math.max(0,this.checkedIndex)]?.focus()}focusinHandler(t){return this.disabled||this.enabledRadios.forEach(e=>{e.tabIndex=0}),!0}focusoutHandler(t){return this.radios?.includes(t.relatedTarget)&&this.radios?.some(e=>e.checked)&&this.restrictFocus(),!0}formResetCallback(){this.dirtyState=!1,this.checkedIndex=-1,this.setFormValue(this.value),this.setValidity()}getEnabledIndexInBounds(t,e=this.enabledRadios.length){return e===0?-1:(t+e)%e}keydownHandler(t){const e=cr(this)==="rtl",s=this.enabledRadios.findIndex(n=>n===hn(this))??this.checkedIndex;let i=0;switch(t.key){case"ArrowLeft":{i=e?1:-1;break}case"ArrowUp":{i=-1;break}case"ArrowRight":{i=e?-1:1;break}case"ArrowDown":{i=1;break}case"Tab":{this.restrictFocus();break}case" ":{this.checkRadio();break}}if(!i)return!0;const r=s+i;this.checkedIndex=this.getEnabledIndexInBounds(r),this.enabledRadios[this.checkedIndex]?.focus()}disabledRadioHandler(t){t.detail===!0&&t.target.checked&&(this.checkedIndex=-1)}reportValidity(){return this.elementInternals.reportValidity()}restrictFocus(){let t=Math.max(this.checkedIndex,0);const e=this.enabledRadios.indexOf(hn(this));e!==-1&&(t=e),t=this.getEnabledIndexInBounds(t),this.enabledRadios.forEach((s,i)=>{s.tabIndex=i===t?0:-1})}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setValidity(t,e,s){if(this.$fastController.isConnected){if(this.disabled||!this.required){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({valueMissing:this.required&&!this.value,...t},e??this.validationMessage,s??this.enabledRadios[0])}}slotchangeHandler(t){Bt.enqueue(()=>{this.radios=[...this.querySelectorAll("*")].filter(e=>e instanceof dn)})}}te.formAssociated=!0,ye([k],te.prototype,"checkedIndex",2),ye([a({attribute:"disabled",mode:"boolean"})],te.prototype,"disabled",2),ye([a({attribute:"value",mode:"fromView"})],te.prototype,"initialValue",2),ye([a],te.prototype,"name",2),ye([a],te.prototype,"orientation",2),ye([k],te.prototype,"radios",2),ye([a({mode:"boolean"})],te.prototype,"required",2);const Fu=l`
467
467
  ${w("flex")}
468
468
 
469
- :host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${si}}:host(${W}),:host([orientation='vertical']){flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']){flex-direction:row}::slotted(*){color:${rt}}::slotted(:hover){color:${Ut}}::slotted(:active){color:${z}}::slotted(${W}){color:${H}}::slotted(${v}){color:${z}}`;function Fu(){return f`<template @disabled="${(o,t)=>o.disabledRadioHandler(t.event)}" @change="${(o,t)=>o.changeHandler(t.event)}" @click="${(o,t)=>o.clickHandler(t.event)}" @focusin="${(o,t)=>o.focusinHandler(t.event)}" @focusout="${(o,t)=>o.focusoutHandler(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}"><slot @slotchange="${(o,t)=>o.slotchangeHandler(t.event)}"></slot></template>`}const _u=Fu(),Ou=te.compose({name:`${p.prefix}-radio-group`,template:_u,styles:Au});Ou.define(p.registry);const Mu=l`
469
+ :host{-webkit-tap-highlight-color:transparent;cursor:pointer;gap:${si}}:host(${W}),:host([orientation='vertical']){flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']){flex-direction:row}::slotted(*){color:${rt}}::slotted(:hover){color:${Ut}}::slotted(:active){color:${z}}::slotted(${W}){color:${H}}::slotted(${v}){color:${z}}`;function _u(){return f`<template @disabled="${(o,t)=>o.disabledRadioHandler(t.event)}" @change="${(o,t)=>o.changeHandler(t.event)}" @click="${(o,t)=>o.clickHandler(t.event)}" @focusin="${(o,t)=>o.focusinHandler(t.event)}" @focusout="${(o,t)=>o.focusoutHandler(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}"><slot @slotchange="${(o,t)=>o.slotchangeHandler(t.event)}"></slot></template>`}const Ou=_u(),Mu=te.compose({name:`${p.prefix}-radio-group`,template:Ou,styles:Fu});Mu.define(p.registry);const Nu=l`
470
470
  ${w("inline-flex")}
471
471
 
472
- :host{--size:16px;aspect-ratio:1;background-color:${O};border:${U} solid ${pe};border-radius:${lt};box-sizing:border-box;position:relative;width:var(--size)}:host([size='large']){--size:20px}.checked-indicator{aspect-ratio:1;border-radius:${lt};color:${Qe};inset:0;margin:auto;position:absolute;width:calc(var(--size) * 0.625)}:host(:not([slot='input']))::after{content:'' / '';position:absolute;display:block;inset:-8px;box-sizing:border-box;outline:none;border:${xt} solid ${nt};border-radius:${B}}:host(:not([slot='input']):focus-visible)::after{border-color:${_t}}:host(:hover){border-color:${to}}:host(${v}){border-color:${Xo}}:host(${v}) .checked-indicator{background-color:${Be}}:host(${v}:hover) .checked-indicator{background-color:${Ze}}:host(:active){border-color:${eo}}:host(${v}:active) .checked-indicator{background-color:${Je}}:host(:focus-visible){outline:none}:host(${W}){background-color:${ze};border-color:${Ft}}:host(${v}${W}) .checked-indicator{background-color:${Ft}}`.withBehaviors(Z(l`
473
- :host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not(${W}):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.checked-indicator{color:HighlightText}:host(${v}) .checked-indicator{background-color:FieldText}:host(${v}:not(${W}):hover) .checked-indicator{background-color:Highlight}:host(${W}){border-color:GrayText;color:GrayText}:host(${W}${v}) .checked-indicator{background-color:GrayText}`)),Nu=f.partial(`
472
+ :host{--size:16px;aspect-ratio:1;background-color:${O};border:${U} solid ${pe};border-radius:${lt};box-sizing:border-box;position:relative;width:var(--size)}:host([size='large']){--size:20px}.checked-indicator{aspect-ratio:1;border-radius:${lt};color:${Ye};inset:0;margin:auto;position:absolute;width:calc(var(--size) * 0.625)}:host(:not([slot='input']))::after{content:'' / '';position:absolute;display:block;inset:-8px;box-sizing:border-box;outline:none;border:${xt} solid ${nt};border-radius:${B}}:host(:not([slot='input']):focus-visible)::after{border-color:${_t}}:host(:hover){border-color:${Je}}:host(${v}){border-color:${Xo}}:host(${v}) .checked-indicator{background-color:${Be}}:host(${v}:hover) .checked-indicator{background-color:${Qe}}:host(:active){border-color:${to}}:host(${v}:active) .checked-indicator{background-color:${Ze}}:host(:focus-visible){outline:none}:host(${W}){background-color:${ze};border-color:${Ft}}:host(${v}${W}) .checked-indicator{background-color:${Ft}}`.withBehaviors(Z(l`
473
+ :host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not(${W}):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.checked-indicator{color:HighlightText}:host(${v}) .checked-indicator{background-color:FieldText}:host(${v}:not(${W}):hover) .checked-indicator{background-color:Highlight}:host(${W}){border-color:GrayText;color:GrayText}:host(${W}${v}) .checked-indicator{background-color:GrayText}`)),Eu=f.partial(`
474
474
  <span part="checked-indicator" class="checked-indicator" role="presentation"></span>
475
- `);function Eu(o={}){return f`<template @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @keyup="${(t,e)=>t.keyupHandler(e.event)}"><slot name="checked-indicator">${gt(o.checkedIndicator)}</slot></template>`}const Lu=Eu({checkedIndicator:Nu}),Hu=cn.compose({name:`${p.prefix}-radio`,template:Lu,styles:Mu});Hu.define(p.registry);var Du=Object.defineProperty,Vu=Object.getOwnPropertyDescriptor,He=(o,t,e,s)=>{for(var i=s>1?void 0:s?Vu(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&&Du(t,e,i),i};class ke extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.compact=!1,this.intlNumberFormatter=new Intl.NumberFormat,this.elementInternals.role="img"}colorChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}sizeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(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}}He([a],ke.prototype,"color",2),He([a({mode:"boolean"})],ke.prototype,"compact",2),He([a({converter:st})],ke.prototype,"count",2),He([a({converter:st})],ke.prototype,"max",2),He([a],ke.prototype,"size",2),He([a({converter:st})],ke.prototype,"value",2);const ju=l`
475
+ `);function Lu(o={}){return f`<template @click="${(t,e)=>t.clickHandler(e.event)}" @keydown="${(t,e)=>t.keydownHandler(e.event)}" @keyup="${(t,e)=>t.keyupHandler(e.event)}"><slot name="checked-indicator">${gt(o.checkedIndicator)}</slot></template>`}const Hu=Lu({checkedIndicator:Eu}),Du=dn.compose({name:`${p.prefix}-radio`,template:Hu,styles:Nu});Du.define(p.registry);var Vu=Object.defineProperty,ju=Object.getOwnPropertyDescriptor,Le=(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 ke extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.compact=!1,this.intlNumberFormatter=new Intl.NumberFormat,this.elementInternals.role="img"}colorChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}sizeChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(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}}Le([a],ke.prototype,"color",2),Le([a({mode:"boolean"})],ke.prototype,"compact",2),Le([a({converter:st})],ke.prototype,"count",2),Le([a({converter:st})],ke.prototype,"max",2),Le([a],ke.prototype,"size",2),Le([a({converter:st})],ke.prototype,"value",2);const Ru=l`
476
476
  ${w("inline-flex")}
477
477
 
478
- :host{--icon-size:16px;align-items:center;color:${z};font-family:${$};font-size:${q};line-height:${ot};contain:layout style;user-select:none}:host(${_}){--icon-size:12px}:host(${S}){--icon-size:20px;font-size:${T};line-height:${D}}svg{width:var(--icon-size);height:var(--icon-size);fill:${Ya};margin-inline-end:${dt}}svg:nth-child(even){clip-path:inset(0 50% 0 0);margin-inline-end:calc(0px - var(--icon-size))}:host(${Lo}) svg{fill:${z}}:host(${Xt}) svg{fill:${Ys}}:host(:is([value^='-'],[value='0'])) svg,:host(:not([value])) svg,svg[selected] ~ svg{fill:${Fr}}:host(${Lo}:is([value^='-'],[value='0'])) svg,:host(${Lo}:not([value])) svg,:host(${Lo}) svg[selected] ~ svg{fill:${qs}}:host(${Xt}:is([value^='-'],[value='0'])) svg,:host(${Xt}:not([value])) svg,:host(${Xt}) svg[selected] ~ svg{fill:${Zs}}.value-label,::slotted([slot='value']){display:block;margin-inline-start:${Yt};font-weight:${N}}:host(${_}) .value-label,:host(${_}) ::slotted([slot='value']){margin-inline-start:${dt}}:host(${S}) .value-label,:host(${S}) ::slotted([slot='value']){margin-inline-start:${Qt}}:host(:not([count])) .count-label{display:none}.count-label::before,::slotted([slot='count'])::before{content:'·';margin-inline:${Yt}}:host(${_}) .count-label::before,:host(${_}) ::slotted([slot='count'])::before{margin-inline:${dt}}:host(${S}) .count-label::before,:host(${S}) ::slotted([slot='count'])::before{margin-inline:${Qt}}`.withBehaviors(Z(l`
479
- :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}`)),Ru=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 qu(){return f` ${Ru} ${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 Gu=qu(),Wu=ke.compose({name:`${p.prefix}-rating-display`,template:Gu,styles:ju});Wu.define(p.registry);const Xu=pt,Uu={singleValue:"single-value"};function un(o,t,e,s){let i=Ls(0,1,(o-t)/(e-t));return s===vt.rtl&&(i=1-i),i}var Ku=Object.defineProperty,Yu=Object.getOwnPropertyDescriptor,Y=(o,t,e,s)=>{for(var i=s>1?void 0:s?Yu(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&&Ku(t,e,i),i};class V extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.direction=vt.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=()=>"",this.disabled=!1,this.min="",this.max="",this.step="",this.mode=Uu.singleValue,this.keypressHandler=t=>{if(!this.disabled)switch(t.key){case Ns:t.preventDefault(),this.value=this.direction!==vt.rtl&&this.orientation!==pt.vertical?`${this.minAsNumber}`:`${this.maxAsNumber}`;break;case Ms:t.preventDefault(),this.value=this.direction!==vt.rtl&&this.orientation!==pt.vertical?`${this.maxAsNumber}`:`${this.minAsNumber}`;break;case _s:case Os:t.shiftKey||(t.preventDefault(),this.increment());break;case Fs:case As:t.shiftKey||(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),t&&this.removeEventListener("keydown",this.keypressHandler)},this.handleThumbPointerDown=t=>{const e=t!==null?window.addEventListener:window.removeEventListener;e("pointerup",this.handleWindowPointerUp),e("pointermove",this.handlePointerMove,{passive:!0}),e("touchmove",this.handlePointerMove,{passive:!0}),e("touchend",this.handleWindowPointerUp),this.isDragging=t!==null},this.handlePointerMove=t=>{if(this.disabled||t.defaultPrevented)return;const e=window.TouchEvent&&t instanceof TouchEvent?t.touches[0]:t,s=this.orientation===pt.vertical?e.pageY-document.documentElement.scrollTop:e.pageX-document.documentElement.scrollLeft-this.trackLeft;this.value=`${this.calculateNewValue(s)}`},this.handleWindowPointerUp=()=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handlePointerDown(null),this.handleThumbPointerDown(null)},this.handlePointerDown=t=>{if(t===null||!this.disabled){const e=t!==null?window.addEventListener:window.removeEventListener,s=t!==null?document.addEventListener:document.removeEventListener;if(e("pointerup",this.handleWindowPointerUp),s("mouseleave",this.handleWindowPointerUp),e("pointermove",this.handlePointerMove),t){this.setupTrackConstraints();const i=this.orientation===pt.vertical?t.pageY-document.documentElement.scrollTop:t.pageX-document.documentElement.scrollLeft-this.trackLeft;this.value=`${this.calculateNewValue(i)}`}}},this.elementInternals.role="slider",this.elementInternals.ariaOrientation=this.orientation??Xu.horizontal}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}handleChange(t,e){switch(e){case"min":case"max":this.setSliderPosition(this.direction);case"step":this.handleStepStyles();break}}handleStepStyles(){if(this.step){const t=100/Math.floor((this.maxAsNumber-this.minAsNumber)/this.stepAsNumber);this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=l`
480
- :host{--step-rate:${t}%}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}initialValueChanged(t,e){this.$fastController.isConnected?this.value=e:this._value=e}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(t){this.setValidity({customError:!!t},t)}setValidity(t,e,s){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({customError:!!e,...t},e??this.validationMessage,s)}}get value(){return m.track(this,"value"),this._value.toString()}set value(t){if(!this.$fastController.isConnected){this._value=t.toString();return}const e=parseFloat(t),s=Ls(this.minAsNumber,this.maxAsNumber,this.convertToConstrainedValue(e)).toString();if(s!==t){this.value=s;return}this._value=t.toString(),this.elementInternals.ariaValueNow=this._value,this.elementInternals.ariaValueText=this.valueTextFormatter(this._value),this.setSliderPosition(this.direction),this.$emit("change"),this.setFormValue(t),m.notify(this,"value")}formResetCallback(){this.value=this.initialValue??this.midpoint}formDisabledCallback(t){this.setDisabledSideEffect(t)}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(t){this.value=t.toString()}valueTextFormatterChanged(){typeof this.valueTextFormatter=="function"?this.elementInternals.ariaValueText=this.valueTextFormatter(this._value):this.elementInternals.ariaValueText=""}disabledChanged(){this.setDisabledSideEffect(this.disabled)}minChanged(){this.elementInternals.ariaValueMin=`${this.minAsNumber}`,this.$fastController.isConnected&&this.minAsNumber>this.valueAsNumber&&(this.value=this.min)}get minAsNumber(){if(this.min!==void 0){const t=parseFloat(this.min);if(!Number.isNaN(t))return t}return 0}maxChanged(){this.elementInternals.ariaValueMax=`${this.maxAsNumber}`,this.$fastController.isConnected&&this.maxAsNumber<this.valueAsNumber&&(this.value=this.max)}get maxAsNumber(){if(this.max!==void 0){const t=parseFloat(this.max);if(!Number.isNaN(t))return t}return 100}stepChanged(){this.updateStepMultiplier(),this.$fastController.isConnected&&(this.value=this._value)}get stepAsNumber(){if(this.step!==void 0){const t=parseFloat(this.step);if(!Number.isNaN(t)&&t>0)return t}return 1}orientationChanged(t,e){this.elementInternals.ariaOrientation=e??pt.horizontal,t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0),this.$fastController.isConnected&&this.setSliderPosition(this.direction)}connectedCallback(){super.connectedCallback(),this.direction=cr(this),this.setDisabledSideEffect(this.disabled),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setSliderPosition(this.direction),m.getNotifier(this).subscribe(this,"max"),m.getNotifier(this).subscribe(this,"min"),m.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),this.setupListeners(!0),m.getNotifier(this).unsubscribe(this,"max"),m.getNotifier(this).unsubscribe(this,"min"),m.getNotifier(this).unsubscribe(this,"step")}increment(){const t=this.direction!==vt.rtl?Number(this.value)+this.stepAsNumber:Number(this.value)-this.stepAsNumber,e=this.convertToConstrainedValue(t),s=e<this.maxAsNumber?`${e}`:`${this.maxAsNumber}`;this.value=s}decrement(){const t=this.direction!==vt.rtl?Number(this.value)-Number(this.stepAsNumber):Number(this.value)+Number(this.stepAsNumber),e=this.convertToConstrainedValue(t),s=e>this.minAsNumber?`${e}`:`${this.minAsNumber}`;this.value=s}setSliderPosition(t){const s=(1-un(parseFloat(this.value),this.minAsNumber,this.maxAsNumber,t))*100,i=`calc(100% - ${s}%)`,r=this.orientation!==pt.vertical&&t===vt.rtl?`${s}%`:`calc(100% - ${s}%)`;this.position=`--slider-thumb: ${i}; --slider-progress: ${r}`}updateStepMultiplier(){const t=this.stepAsNumber+"",e=this.stepAsNumber%1?t.length-t.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,e)}get midpoint(){return`${this.convertToConstrainedValue((this.maxAsNumber+this.minAsNumber)/2)}`}setupDefaultValue(){this._value||(this.value=this.initialValue??this.midpoint),!Number.isNaN(this.valueAsNumber)&&(this.valueAsNumber<this.minAsNumber||this.valueAsNumber>this.maxAsNumber)&&(this.value=this.midpoint),this.elementInternals.ariaValueNow=this.value}calculateNewValue(t){this.setupTrackConstraints();const e=un(t,this.orientation===pt.vertical?this.trackMinHeight:this.trackMinWidth,this.orientation===pt.vertical?this.trackHeight:this.trackWidth,this.direction),s=(this.maxAsNumber-this.minAsNumber)*e+this.minAsNumber;return this.convertToConstrainedValue(s)}convertToConstrainedValue(t){isNaN(t)&&(t=this.minAsNumber);let e=t-this.minAsNumber;const s=Math.round(e/this.stepAsNumber),i=e-s*(this.stepMultiplier*this.stepAsNumber)/this.stepMultiplier;return e=i>=Number(this.stepAsNumber)/2?e-i+Number(this.stepAsNumber):e-i,e+this.minAsNumber}setDisabledSideEffect(t){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=t.toString(),this.tabIndex=t?-1:0)}}V.formAssociated=!0,Y([a],V.prototype,"size",2),Y([a({attribute:"value",mode:"fromView"})],V.prototype,"initialValue",2),Y([k],V.prototype,"direction",2),Y([k],V.prototype,"isDragging",2),Y([k],V.prototype,"position",2),Y([k],V.prototype,"trackWidth",2),Y([k],V.prototype,"trackMinWidth",2),Y([k],V.prototype,"trackHeight",2),Y([k],V.prototype,"trackLeft",2),Y([k],V.prototype,"trackMinHeight",2),Y([k],V.prototype,"valueTextFormatter",2),Y([a({mode:"boolean"})],V.prototype,"disabled",2),Y([a({converter:Hs})],V.prototype,"min",2),Y([a({converter:Hs})],V.prototype,"max",2),Y([a({converter:Hs})],V.prototype,"step",2),Y([a],V.prototype,"orientation",2),Y([a],V.prototype,"mode",2);const Qu=l`
478
+ :host{--icon-size:16px;align-items:center;color:${z};font-family:${$};font-size:${q};line-height:${ot};contain:layout style;user-select:none}:host(${_}){--icon-size:12px}:host(${S}){--icon-size:20px;font-size:${T};line-height:${D}}svg{width:var(--icon-size);height:var(--icon-size);fill:${Qa};margin-inline-end:${dt}}svg:nth-child(even){clip-path:inset(0 50% 0 0);margin-inline-end:calc(0px - var(--icon-size))}:host(${Lo}) svg{fill:${z}}:host(${Xt}) svg{fill:${Ys}}:host(:is([value^='-'],[value='0'])) svg,:host(:not([value])) svg,svg[selected] ~ svg{fill:${Fr}}:host(${Lo}:is([value^='-'],[value='0'])) svg,:host(${Lo}:not([value])) svg,:host(${Lo}) svg[selected] ~ svg{fill:${qs}}:host(${Xt}:is([value^='-'],[value='0'])) svg,:host(${Xt}:not([value])) svg,:host(${Xt}) svg[selected] ~ svg{fill:${Zs}}.value-label,::slotted([slot='value']){display:block;margin-inline-start:${Yt};font-weight:${N}}:host(${_}) .value-label,:host(${_}) ::slotted([slot='value']){margin-inline-start:${dt}}:host(${S}) .value-label,:host(${S}) ::slotted([slot='value']){margin-inline-start:${Qt}}:host(:not([count])) .count-label{display:none}.count-label::before,::slotted([slot='count'])::before{content:'·';margin-inline:${Yt}}:host(${_}) .count-label::before,:host(${_}) ::slotted([slot='count'])::before{margin-inline:${dt}}:host(${S}) .count-label::before,:host(${S}) ::slotted([slot='count'])::before{margin-inline:${Qt}}`.withBehaviors(Z(l`
479
+ :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}`)),qu=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 Gu(){return f` ${qu} ${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 Wu=Gu(),Xu=ke.compose({name:`${p.prefix}-rating-display`,template:Wu,styles:Ru});Xu.define(p.registry);const Uu=pt,Ku={singleValue:"single-value"};function pn(o,t,e,s){let i=Ls(0,1,(o-t)/(e-t));return s===vt.rtl&&(i=1-i),i}var Yu=Object.defineProperty,Qu=Object.getOwnPropertyDescriptor,Y=(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&&Yu(t,e,i),i};class V extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.direction=vt.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=()=>"",this.disabled=!1,this.min="",this.max="",this.step="",this.mode=Ku.singleValue,this.keypressHandler=t=>{if(!this.disabled)switch(t.key){case Ns:t.preventDefault(),this.value=this.direction!==vt.rtl&&this.orientation!==pt.vertical?`${this.minAsNumber}`:`${this.maxAsNumber}`;break;case Ms:t.preventDefault(),this.value=this.direction!==vt.rtl&&this.orientation!==pt.vertical?`${this.maxAsNumber}`:`${this.minAsNumber}`;break;case _s:case Os:t.shiftKey||(t.preventDefault(),this.increment());break;case Fs:case As:t.shiftKey||(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),t&&this.removeEventListener("keydown",this.keypressHandler)},this.handleThumbPointerDown=t=>{const e=t!==null?window.addEventListener:window.removeEventListener;e("pointerup",this.handleWindowPointerUp),e("pointermove",this.handlePointerMove,{passive:!0}),e("touchmove",this.handlePointerMove,{passive:!0}),e("touchend",this.handleWindowPointerUp),this.isDragging=t!==null},this.handlePointerMove=t=>{if(this.disabled||t.defaultPrevented)return;const e=window.TouchEvent&&t instanceof TouchEvent?t.touches[0]:t,s=this.orientation===pt.vertical?e.pageY-document.documentElement.scrollTop:e.pageX-document.documentElement.scrollLeft-this.trackLeft;this.value=`${this.calculateNewValue(s)}`},this.handleWindowPointerUp=()=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handlePointerDown(null),this.handleThumbPointerDown(null)},this.handlePointerDown=t=>{if(t===null||!this.disabled){const e=t!==null?window.addEventListener:window.removeEventListener,s=t!==null?document.addEventListener:document.removeEventListener;if(e("pointerup",this.handleWindowPointerUp),s("mouseleave",this.handleWindowPointerUp),e("pointermove",this.handlePointerMove),t){this.setupTrackConstraints();const i=this.orientation===pt.vertical?t.pageY-document.documentElement.scrollTop:t.pageX-document.documentElement.scrollLeft-this.trackLeft;this.value=`${this.calculateNewValue(i)}`}}},this.elementInternals.role="slider",this.elementInternals.ariaOrientation=this.orientation??Uu.horizontal}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}handleChange(t,e){switch(e){case"min":case"max":this.setSliderPosition(this.direction);case"step":this.handleStepStyles();break}}handleStepStyles(){if(this.step){const t=100/Math.floor((this.maxAsNumber-this.minAsNumber)/this.stepAsNumber);this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=l`
480
+ :host{--step-rate:${t}%}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}initialValueChanged(t,e){this.$fastController.isConnected?this.value=e:this._value=e}get validity(){return this.elementInternals.validity}get validationMessage(){return this.elementInternals.validationMessage}get willValidate(){return this.elementInternals.willValidate}checkValidity(){return this.elementInternals.checkValidity()}reportValidity(){return this.elementInternals.reportValidity()}setCustomValidity(t){this.setValidity({customError:!!t},t)}setValidity(t,e,s){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity({customError:!!e,...t},e??this.validationMessage,s)}}get value(){return m.track(this,"value"),this._value.toString()}set value(t){if(!this.$fastController.isConnected){this._value=t.toString();return}const e=parseFloat(t),s=Ls(this.minAsNumber,this.maxAsNumber,this.convertToConstrainedValue(e)).toString();if(s!==t){this.value=s;return}this._value=t.toString(),this.elementInternals.ariaValueNow=this._value,this.elementInternals.ariaValueText=this.valueTextFormatter(this._value),this.setSliderPosition(this.direction),this.$emit("change"),this.setFormValue(t),m.notify(this,"value")}formResetCallback(){this.value=this.initialValue??this.midpoint}formDisabledCallback(t){this.setDisabledSideEffect(t)}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}get valueAsNumber(){return parseFloat(this.value)}set valueAsNumber(t){this.value=t.toString()}valueTextFormatterChanged(){typeof this.valueTextFormatter=="function"?this.elementInternals.ariaValueText=this.valueTextFormatter(this._value):this.elementInternals.ariaValueText=""}disabledChanged(){this.setDisabledSideEffect(this.disabled)}minChanged(){this.elementInternals.ariaValueMin=`${this.minAsNumber}`,this.$fastController.isConnected&&this.minAsNumber>this.valueAsNumber&&(this.value=this.min)}get minAsNumber(){if(this.min!==void 0){const t=parseFloat(this.min);if(!Number.isNaN(t))return t}return 0}maxChanged(){this.elementInternals.ariaValueMax=`${this.maxAsNumber}`,this.$fastController.isConnected&&this.maxAsNumber<this.valueAsNumber&&(this.value=this.max)}get maxAsNumber(){if(this.max!==void 0){const t=parseFloat(this.max);if(!Number.isNaN(t))return t}return 100}stepChanged(){this.updateStepMultiplier(),this.$fastController.isConnected&&(this.value=this._value)}get stepAsNumber(){if(this.step!==void 0){const t=parseFloat(this.step);if(!Number.isNaN(t)&&t>0)return t}return 1}orientationChanged(t,e){this.elementInternals.ariaOrientation=e??pt.horizontal,t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0),this.$fastController.isConnected&&this.setSliderPosition(this.direction)}connectedCallback(){super.connectedCallback(),this.direction=cr(this),this.setDisabledSideEffect(this.disabled),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setSliderPosition(this.direction),m.getNotifier(this).subscribe(this,"max"),m.getNotifier(this).subscribe(this,"min"),m.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),this.setupListeners(!0),m.getNotifier(this).unsubscribe(this,"max"),m.getNotifier(this).unsubscribe(this,"min"),m.getNotifier(this).unsubscribe(this,"step")}increment(){const t=this.direction!==vt.rtl?Number(this.value)+this.stepAsNumber:Number(this.value)-this.stepAsNumber,e=this.convertToConstrainedValue(t),s=e<this.maxAsNumber?`${e}`:`${this.maxAsNumber}`;this.value=s}decrement(){const t=this.direction!==vt.rtl?Number(this.value)-Number(this.stepAsNumber):Number(this.value)+Number(this.stepAsNumber),e=this.convertToConstrainedValue(t),s=e>this.minAsNumber?`${e}`:`${this.minAsNumber}`;this.value=s}setSliderPosition(t){const s=(1-pn(parseFloat(this.value),this.minAsNumber,this.maxAsNumber,t))*100,i=`calc(100% - ${s}%)`,r=this.orientation!==pt.vertical&&t===vt.rtl?`${s}%`:`calc(100% - ${s}%)`;this.position=`--slider-thumb: ${i}; --slider-progress: ${r}`}updateStepMultiplier(){const t=this.stepAsNumber+"",e=this.stepAsNumber%1?t.length-t.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,e)}get midpoint(){return`${this.convertToConstrainedValue((this.maxAsNumber+this.minAsNumber)/2)}`}setupDefaultValue(){this._value||(this.value=this.initialValue??this.midpoint),!Number.isNaN(this.valueAsNumber)&&(this.valueAsNumber<this.minAsNumber||this.valueAsNumber>this.maxAsNumber)&&(this.value=this.midpoint),this.elementInternals.ariaValueNow=this.value}calculateNewValue(t){this.setupTrackConstraints();const e=pn(t,this.orientation===pt.vertical?this.trackMinHeight:this.trackMinWidth,this.orientation===pt.vertical?this.trackHeight:this.trackWidth,this.direction),s=(this.maxAsNumber-this.minAsNumber)*e+this.minAsNumber;return this.convertToConstrainedValue(s)}convertToConstrainedValue(t){isNaN(t)&&(t=this.minAsNumber);let e=t-this.minAsNumber;const s=Math.round(e/this.stepAsNumber),i=e-s*(this.stepMultiplier*this.stepAsNumber)/this.stepMultiplier;return e=i>=Number(this.stepAsNumber)/2?e-i+Number(this.stepAsNumber):e-i,e+this.minAsNumber}setDisabledSideEffect(t){this.$fastController.isConnected&&(this.elementInternals.ariaDisabled=t.toString(),this.tabIndex=t?-1:0)}}V.formAssociated=!0,Y([a],V.prototype,"size",2),Y([a({attribute:"value",mode:"fromView"})],V.prototype,"initialValue",2),Y([k],V.prototype,"direction",2),Y([k],V.prototype,"isDragging",2),Y([k],V.prototype,"position",2),Y([k],V.prototype,"trackWidth",2),Y([k],V.prototype,"trackMinWidth",2),Y([k],V.prototype,"trackHeight",2),Y([k],V.prototype,"trackLeft",2),Y([k],V.prototype,"trackMinHeight",2),Y([k],V.prototype,"valueTextFormatter",2),Y([a({mode:"boolean"})],V.prototype,"disabled",2),Y([a({converter:Hs})],V.prototype,"min",2),Y([a({converter:Hs})],V.prototype,"max",2),Y([a({converter:Hs})],V.prototype,"step",2),Y([a],V.prototype,"orientation",2),Y([a],V.prototype,"mode",2);const Zu=l`
481
481
  ${w("inline-grid")}
482
482
 
483
483
  :host{--thumb-size:20px;--track-margin-inline:calc(var(--thumb-size) / 2);--track-size:4px;--track-overhang:calc(var(--track-size) / -2);--slider-direction:90deg;--border-radius:${B};--step-marker-inset:var(--track-overhang) -1px;position:relative;align-items:center;justify-content:center;box-sizing:border-box;outline:none;user-select:none;touch-action:none;min-width:120px;min-height:32px;grid-template-rows:1fr var(--thumb-size) 1fr;grid-template-columns:var(--track-margin-inline) 1fr var(--track-margin-inline)}:host(:not(:disabled)){cursor:pointer}:host(:dir(rtl)){--slider-direction:-90deg}:host(${_}){--thumb-size:16px;--track-overhang:-1px;--track-size:2px;--border-radius:${Ot}}:host(${J}){--slider-direction:0deg;--step-marker-inset:-1px var(--track-overhang);min-height:120px;grid-template-rows:var(--track-margin-inline) 1fr var(--track-margin-inline);grid-template-columns:1fr var(--thumb-size) 1fr;width:unset;min-width:32px;justify-items:center}:host(:not([slot='input']):focus-visible){box-shadow:0 0 0 2pt ${_t};outline:1px solid ${Js}}.track{position:relative;background-color:${pe};border-radius:var(--border-radius);grid-row:2 / 2;grid-column:2 / 2;width:100%;height:var(--track-size);forced-color-adjust:none}:host(${J}) .track{top:var(--track-overhang);bottom:var(--track-overhang);width:var(--track-size);height:100%}.track::before{content:'';position:absolute;height:100%;border-radius:inherit;inset-inline-start:0;width:var(--slider-progress)}:host(${J}) .track::before{width:100%;bottom:0;height:var(--slider-progress)}:host([step]) .track::after{content:'';position:absolute;border-radius:inherit;inset:var(--step-marker-inset);background-image:repeating-linear-gradient(
484
484
  var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${O} calc(var(--step-rate) - 1px),${O} var(--step-rate)
485
- )}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);left:var(--slider-thumb)}:host(${J}) .thumb-container{transform:translateY(50%);left:unset;bottom:var(--slider-thumb)}:host(:not(:active)) :is(.thumb-container,.track::before){transition:all 0.2s ease}.thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:${lt};box-shadow:0 0 0 calc(var(--thumb-size) * 0.2) ${O} inset;border:calc(var(--thumb-size) * 0.05) solid ${ge};box-sizing:border-box}.thumb,.track::before{background-color:${Be}}:host(:hover) .thumb,:host(:hover) .track::before{background-color:${Ze}}:host(:active) .thumb,:host(:active) .track::before{background-color:${Je}}:host(:disabled) .track{background-color:${ze}}:host(:disabled) .thumb,:host(:disabled) .track::before{background-color:${H}}`.withBehaviors(Z(l`
486
- .track:hover,.track:active,.track{background:WindowText}.thumb:hover,.thumb:active,.thumb{background:ButtonText}:host(:hover) .track::before,:host(:active) .track::before,.track::before{background:Highlight}`));function Zu(o={}){return f`<template tabindex="${t=>t.disabled?null:0}" @pointerdown="${(t,e)=>t.handlePointerDown(e.event)}"><div ${At("track")} part="track-container" class="track" style="${t=>t.position}"></div><div ${At("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}" @pointerdown="${(t,e)=>t.handleThumbPointerDown(e.event)}"><slot name="thumb">${gt(o.thumb)}</slot></div></template>`}const Ju=Zu({thumb:'<div class="thumb"></div>'}),tp=V.compose({name:`${p.prefix}-slider`,template:Ju,styles:Qu});tp.define(p.registry);var ep=Object.defineProperty,op=Object.getOwnPropertyDescriptor,pn=(o,t,e,s)=>{for(var i=s>1?void 0:s?op(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 sp extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}}class bi extends sp{sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}pn([a],bi.prototype,"size",2),pn([a],bi.prototype,"appearance",2);const ip=l`
485
+ )}.thumb-container{position:absolute;grid-row:2 / 2;grid-column:2 / 2;transform:translateX(-50%);left:var(--slider-thumb)}:host(${J}) .thumb-container{transform:translateY(50%);left:unset;bottom:var(--slider-thumb)}:host(:not(:active)) :is(.thumb-container,.track::before){transition:all 0.2s ease}.thumb{width:var(--thumb-size);height:var(--thumb-size);border-radius:${lt};box-shadow:0 0 0 calc(var(--thumb-size) * 0.2) ${O} inset;border:calc(var(--thumb-size) * 0.05) solid ${ge};box-sizing:border-box}.thumb,.track::before{background-color:${Be}}:host(:hover) .thumb,:host(:hover) .track::before{background-color:${Qe}}:host(:active) .thumb,:host(:active) .track::before{background-color:${Ze}}:host(:disabled) .track{background-color:${ze}}:host(:disabled) .thumb,:host(:disabled) .track::before{background-color:${H}}`.withBehaviors(Z(l`
486
+ .track:hover,.track:active,.track{background:WindowText}.thumb:hover,.thumb:active,.thumb{background:ButtonText}:host(:hover) .track::before,:host(:active) .track::before,.track::before{background:Highlight}`));function Ju(o={}){return f`<template tabindex="${t=>t.disabled?null:0}" @pointerdown="${(t,e)=>t.handlePointerDown(e.event)}"><div ${At("track")} part="track-container" class="track" style="${t=>t.position}"></div><div ${At("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}" @pointerdown="${(t,e)=>t.handleThumbPointerDown(e.event)}"><slot name="thumb">${gt(o.thumb)}</slot></div></template>`}const tp=Ju({thumb:'<div class="thumb"></div>'}),ep=V.compose({name:`${p.prefix}-slider`,template:tp,styles:Zu});ep.define(p.registry);var op=Object.defineProperty,sp=Object.getOwnPropertyDescriptor,gn=(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&&op(t,e,i),i};class ip extends x{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}}class bi extends ip{sizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}gn([a],bi.prototype,"size",2),gn([a],bi.prototype,"appearance",2);const rp=l`
487
487
  ${w("inline-flex")}
488
488
 
489
- :host{--duration:1.5s;--indicatorSize:${wt};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host(${Ue}){--indicatorSize:${xt};--size:20px}:host(${Ke}){--indicatorSize:${xt};--size:24px}:host(${_}){--indicatorSize:${xt};--size:28px}:host(${S}){--indicatorSize:${wt};--size:36px}:host(${Oo}){--indicatorSize:${wt};--size:40px}:host(${aa}){--indicatorSize:${oi};--size:44px}.progress,.background,.spinner,.start,.end,.indicator{position:absolute;inset:0}.progress,.spinner,.indicator{animation:none var(--duration) infinite ${es}}.progress{animation-timing-function:linear;animation-name:spin-linear}.background{border:var(--indicatorSize) solid ${Zs};border-radius:50%}:host(${dr}) .background{border-color:rgba(255,255,255,0.2)}.spinner{animation-name:spin-swing}.start{overflow:hidden;inset-inline-end:50%}.end{overflow:hidden;inset-inline-start:50%}.indicator{color:${$r};box-sizing:border-box;border-radius:50%;border:var(--indicatorSize) solid transparent;border-block-start-color:currentcolor;border-inline-end-color:currentcolor}:host(${dr}) .indicator{color:${Na}}.start .indicator{rotate:135deg;inset:0 -100% 0 0;animation-name:spin-start}.end .indicator{rotate:135deg;inset:0 0 0 -100%;animation-name:spin-end}@keyframes spin-linear{100%{transform:rotate(360deg)}}@keyframes spin-swing{0%{transform:rotate(-135deg)}50%{transform:rotate(0deg)}100%{transform:rotate(225deg)}}@keyframes spin-start{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-80deg)}}@keyframes spin-end{0%,100%{transform:rotate(0deg)}50%{transform:rotate(70deg)}}`.withBehaviors(Z(l`
490
- .background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-inline-end-color:Highlight}`)),rp=f`<slot name="indicator"><div class="background"></div><div class="progress"><div class="spinner"><div class="start"><div class="indicator"></div></div><div class="end"><div class="indicator"></div></div></div></div></slot>`,np=bi.compose({name:`${p.prefix}-spinner`,template:rp,styles:ip});np.define(p.registry);class ap extends mt{constructor(){super(),this.elementInternals.role="switch"}}function lp(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 cp=lp({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),dp=l`
489
+ :host{--duration:1.5s;--indicatorSize:${wt};--size:32px;height:var(--size);width:var(--size);contain:strict;content-visibility:auto}:host(${Xe}){--indicatorSize:${xt};--size:20px}:host(${Ue}){--indicatorSize:${xt};--size:24px}:host(${_}){--indicatorSize:${xt};--size:28px}:host(${S}){--indicatorSize:${wt};--size:36px}:host(${Oo}){--indicatorSize:${wt};--size:40px}:host(${la}){--indicatorSize:${oi};--size:44px}.progress,.background,.spinner,.start,.end,.indicator{position:absolute;inset:0}.progress,.spinner,.indicator{animation:none var(--duration) infinite ${es}}.progress{animation-timing-function:linear;animation-name:spin-linear}.background{border:var(--indicatorSize) solid ${Zs};border-radius:50%}:host(${dr}) .background{border-color:rgba(255,255,255,0.2)}.spinner{animation-name:spin-swing}.start{overflow:hidden;inset-inline-end:50%}.end{overflow:hidden;inset-inline-start:50%}.indicator{color:${$r};box-sizing:border-box;border-radius:50%;border:var(--indicatorSize) solid transparent;border-block-start-color:currentcolor;border-inline-end-color:currentcolor}:host(${dr}) .indicator{color:${Ea}}.start .indicator{rotate:135deg;inset:0 -100% 0 0;animation-name:spin-start}.end .indicator{rotate:135deg;inset:0 0 0 -100%;animation-name:spin-end}@keyframes spin-linear{100%{transform:rotate(360deg)}}@keyframes spin-swing{0%{transform:rotate(-135deg)}50%{transform:rotate(0deg)}100%{transform:rotate(225deg)}}@keyframes spin-start{0%,100%{transform:rotate(0deg)}50%{transform:rotate(-80deg)}}@keyframes spin-end{0%,100%{transform:rotate(0deg)}50%{transform:rotate(70deg)}}`.withBehaviors(Z(l`
490
+ .background{display:none}.indicator{border-color:Canvas;border-block-start-color:Highlight;border-inline-end-color:Highlight}`)),np=f`<slot name="indicator"><div class="background"></div><div class="progress"><div class="spinner"><div class="start"><div class="indicator"></div></div><div class="end"><div class="indicator"></div></div></div></div></slot>`,ap=bi.compose({name:`${p.prefix}-spinner`,template:np,styles:rp});ap.define(p.registry);class lp extends mt{constructor(){super(),this.elementInternals.role="switch"}}function cp(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 dp=cp({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),hp=l`
491
491
  ${w("inline-flex")}
492
492
 
493
- :host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${dt};width:40px;height:20px;background-color:${yt};border:1px solid ${pe};border-radius:${lt};cursor:pointer}:host(:hover){background:none;border-color:${to}}:host(:active){border-color:${eo}}:host(:disabled),:host([readonly]){border:1px solid ${Ft};background-color:none;pointer:default}:host(${v}){background:${Be};border-color:${Be}}:host(${v}:hover){background:${Ze};border-color:${Ze}}:host(${v}:active){background:${Je};border-color:${Je}}:host(${v}:disabled){background:${ze};border-color:${Ft}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${rt};transition-duration:${Xr};transition-timing-function:${es};transition-property:margin-inline-start}:host(${v}) .checked-indicator{background-color:${Qe};margin-inline-start:calc(100% - 14px)}:host(${v}:hover) .checked-indicator{background:${wa}}:host(${v}:active) .checked-indicator{background:${Ca}}:host(:hover) .checked-indicator{background-color:${ua}}:host(:active) .checked-indicator{background-color:${pa}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${H}}:host(${v}:disabled) .checked-indicator{background:${H}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${nt};outline:${xt} solid ${nt};box-shadow:${Zo},0 0 0 2px ${_t}}`.withBehaviors(Z(l`
494
- :host{border-color:InactiveBorder}:host(${v}),:host(${v}:active),:host(${v}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${v}) .checked-indicator,:host(${v}:hover) .checked-indicator,:host(${v}:active) .checked-indicator{background-color:ButtonFace}`)),hp=ap.compose({name:`${p.prefix}-switch`,template:cp,styles:dp});hp.define(p.registry);class up extends x{}function pp(){return f`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const gp=pp(),fp=l`
493
+ :host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${dt};width:40px;height:20px;background-color:${yt};border:1px solid ${pe};border-radius:${lt};cursor:pointer}:host(:hover){background:none;border-color:${Je}}:host(:active){border-color:${to}}:host(:disabled),:host([readonly]){border:1px solid ${Ft};background-color:none;pointer:default}:host(${v}){background:${Be};border-color:${Be}}:host(${v}:hover){background:${Qe};border-color:${Qe}}:host(${v}:active){background:${Ze};border-color:${Ze}}:host(${v}:disabled){background:${ze};border-color:${Ft}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${rt};transition-duration:${Xr};transition-timing-function:${es};transition-property:margin-inline-start}:host(${v}) .checked-indicator{background-color:${Ye};margin-inline-start:calc(100% - 14px)}:host(${v}:hover) .checked-indicator{background:${Ca}}:host(${v}:active) .checked-indicator{background:${Sa}}:host(:hover) .checked-indicator{background-color:${pa}}:host(:active) .checked-indicator{background-color:${ga}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${H}}:host(${v}:disabled) .checked-indicator{background:${H}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${nt};outline:${xt} solid ${nt};box-shadow:${Zo},0 0 0 2px ${_t}}`.withBehaviors(Z(l`
494
+ :host{border-color:InactiveBorder}:host(${v}),:host(${v}:active),:host(${v}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${v}) .checked-indicator,:host(${v}:hover) .checked-indicator,:host(${v}:active) .checked-indicator{background-color:ButtonFace}`)),up=lp.compose({name:`${p.prefix}-switch`,template:dp,styles:hp});up.define(p.registry);class pp extends x{}function gp(){return f`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const fp=gp(),bp=l`
495
495
  ${w("block")}
496
496
 
497
- :host{box-sizing:border-box;padding:${ht} ${Mt}}`,bp=up.compose({name:`${p.prefix}-tab-panel`,template:gp,styles:fp});bp.define(p.registry);var mp=Object.defineProperty,$p=Object.getOwnPropertyDescriptor,vp=(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 mi extends x{connectedCallback(){super.connectedCallback(),this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=l`
498
- :host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}vp([a({mode:"boolean"})],mi.prototype,"disabled",2),jt(mi,Dt);function yp(o={}){return f`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}">${Vt(o)}<span class="tab-content"><slot></slot></span>${oe(o)}</template>`}const kp=yp({}),xp=l`
497
+ :host{box-sizing:border-box;padding:${ht} ${Mt}}`,mp=pp.compose({name:`${p.prefix}-tab-panel`,template:fp,styles:bp});mp.define(p.registry);var $p=Object.defineProperty,vp=Object.getOwnPropertyDescriptor,yp=(o,t,e,s)=>{for(var i=s>1?void 0:s?vp(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&&$p(t,e,i),i};class mi extends x{connectedCallback(){super.connectedCallback(),this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=l`
498
+ :host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}yp([a({mode:"boolean"})],mi.prototype,"disabled",2),jt(mi,Dt);function kp(o={}){return f`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}">${Vt(o)}<span class="tab-content"><slot></slot></span>${oe(o)}</template>`}const xp=kp({}),wp=l`
499
499
  ${w("inline-flex")}
500
500
 
501
501
  :host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${D};font-family:${$};font-size:${T};color:${Ut};fill:currentcolor;grid-row:1;padding:${ht} ${Mt};border-radius:${B}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${z};font-weight:${N}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${D};font-weight:${N}}:host([aria-selected='true'])::after{background-color:${Xo};border-radius:${lt};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${Wo};border-radius:${lt};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${H}}::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:${H};color:${H}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${Ot};box-shadow:0 0 0 3px ${_t};outline:1px solid ${Js}}`.withBehaviors(Z(l`
502
- :host([aria-selected='true'])::after{background-color:Highlight}`)),wp=mi.compose({name:`${p.prefix}-tab`,template:kp,styles:xp});wp.define(p.registry);const Cp={subtle:"subtle",transparent:"transparent"},us=pt;var Sp=Object.defineProperty,Ip=Object.getOwnPropertyDescriptor,xe=(o,t,e,s)=>{for(var i=s>1?void 0:s?Ip(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&&Sp(t,e,i),i};class bo extends x{constructor(){super(...arguments),this.orientation=us.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 Fs:t.preventDefault(),this.adjustBackward(t);break;case _s:t.preventDefault(),this.adjustForward(t);break}else switch(t.key){case Os:t.preventDefault(),this.adjustBackward(t);break;case As:t.preventDefault(),this.adjustForward(t);break}switch(t.key){case Ns:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case Ms: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-${Ao()}`)}getTabPanelIds(){return this.tabpanels.map(t=>t.getAttribute("id")??`panel-${Ao()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===us.horizontal}adjust(t){const e=this.tabs.filter(n=>this.isFocusableElement(n)),s=e.indexOf(this.activetab),i=Ls(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([k],bo.prototype,"tabs",2),xe([k],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=Cp.transparent}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===us.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===us.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`
502
+ :host([aria-selected='true'])::after{background-color:Highlight}`)),Cp=mi.compose({name:`${p.prefix}-tab`,template:xp,styles:wp});Cp.define(p.registry);const Sp={subtle:"subtle",transparent:"transparent"},us=pt;var Ip=Object.defineProperty,Pp=Object.getOwnPropertyDescriptor,xe=(o,t,e,s)=>{for(var i=s>1?void 0:s?Pp(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 bo extends x{constructor(){super(...arguments),this.orientation=us.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 Fs:t.preventDefault(),this.adjustBackward(t);break;case _s:t.preventDefault(),this.adjustForward(t);break}else switch(t.key){case Os:t.preventDefault(),this.adjustBackward(t);break;case As:t.preventDefault(),this.adjustForward(t);break}switch(t.key){case Ns:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case Ms: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-${Ao()}`)}getTabPanelIds(){return this.tabpanels.map(t=>t.getAttribute("id")??`panel-${Ao()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===us.horizontal}adjust(t){const e=this.tabs.filter(n=>this.isFocusableElement(n)),s=e.indexOf(this.activetab),i=Ls(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([k],bo.prototype,"tabs",2),xe([k],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=Sp.transparent}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===us.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===us.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`
503
503
  :host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=l`
504
- :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,Dt);function Pp(o={}){return f` ${Vt(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${ut("tabs")}></slot></div>${oe(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${ut("tabpanels")}></slot></div>`}const zp=Pp({}),Bp=l`
504
+ :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,Dt);function zp(o={}){return f` ${Vt(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${ut("tabs")}></slot></div>${oe(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${ut("tabpanels")}></slot></div>`}const Bp=zp({}),Tp=l`
505
505
  ${w("grid")}
506
506
 
507
- :host{box-sizing:border-box;font-family:${$};font-size:${T};line-height:${D};color:${Ut};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${H}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${H}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${H}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${H}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${B}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${H}}.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:${Ws};color:${ur};fill:${ka}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Go};fill:${Go};color:${z}}:host([size='small']) ::slotted(fluent-tab){font-size:${T};line-height:${D};padding:${io} ${Qt}}:host([size='large']) ::slotted(fluent-tab){font-size:${ct};line-height:${kt};padding:${si} ${Mt}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${hc};transition-timing-function:${Kr}}:host ::slotted(fluent-tab)::after{height:${wt};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${wt};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${wt};border-radius:${lt};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${wt};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${wt};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:${wt}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${io};padding-bottom:${io}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${Jo};padding-bottom:${Jo}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${ft};padding-bottom:${ft}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${Qt};left:${Qt}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${Mt};left:${Mt}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${Mt};left:${Mt}}: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:${io};bottom:${io}}: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:${ft};bottom:${ft}}: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:${ro};bottom:${ro}}`,Tp=mo.compose({name:`${p.prefix}-tabs`,template:zp,styles:Bp});Tp.define(p.registry);const Ap={email:"email",password:"password",tel:"tel",text:"text",url:"url"},Fp=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var _p=Object.defineProperty,Op=Object.getOwnPropertyDescriptor,A=(o,t,e,s)=>{for(var i=s>1?void 0:s?Op(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&&_p(t,e,i),i};class F extends x{constructor(){super(...arguments),this.type=Ap.text,this._value=this.initialValue,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}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 m.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.control.value=t,this.setFormValue(t),this.setValidity(),m.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){return t.target===this&&this.control?.click(),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(t){return t.target===this&&this.control?.focus(),!0}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=>Fp.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)}}}F.formAssociated=!0,A([a],F.prototype,"autocomplete",2),A([a({mode:"boolean"})],F.prototype,"autofocus",2),A([k],F.prototype,"defaultSlottedNodes",2),A([a],F.prototype,"dirname",2),A([a({mode:"boolean"})],F.prototype,"disabled",2),A([a({attribute:"form"})],F.prototype,"formAttribute",2),A([a({attribute:"value",mode:"fromView"})],F.prototype,"initialValue",2),A([a],F.prototype,"list",2),A([a({converter:st})],F.prototype,"maxlength",2),A([a({converter:st})],F.prototype,"minlength",2),A([a({mode:"boolean"})],F.prototype,"multiple",2),A([a],F.prototype,"name",2),A([a],F.prototype,"pattern",2),A([a],F.prototype,"placeholder",2),A([a({attribute:"readonly",mode:"boolean"})],F.prototype,"readOnly",2),A([a({mode:"boolean"})],F.prototype,"required",2),A([a({converter:st})],F.prototype,"size",2),A([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],F.prototype,"spellcheck",2),A([a],F.prototype,"type",2),A([k],F.prototype,"controlLabel",2);class ps extends F{appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}controlSizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}A([a],ps.prototype,"appearance",2),A([a({attribute:"control-size"})],ps.prototype,"controlSize",2),jt(ps,Dt);const Mp=l`
507
+ :host{box-sizing:border-box;font-family:${$};font-size:${T};line-height:${D};color:${Ut};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${H}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${H}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${H}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${H}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${B}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${H}}.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:${Ws};color:${ur};fill:${xa}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Go};fill:${Go};color:${z}}:host([size='small']) ::slotted(fluent-tab){font-size:${T};line-height:${D};padding:${so} ${Qt}}:host([size='large']) ::slotted(fluent-tab){font-size:${ct};line-height:${kt};padding:${si} ${Mt}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${uc};transition-timing-function:${Kr}}:host ::slotted(fluent-tab)::after{height:${wt};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${wt};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${wt};border-radius:${lt};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${wt};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${wt};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:${wt}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${so};padding-bottom:${so}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${Jo};padding-bottom:${Jo}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${ft};padding-bottom:${ft}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${Qt};left:${Qt}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${Mt};left:${Mt}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${Mt};left:${Mt}}: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:${so};bottom:${so}}: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:${ft};bottom:${ft}}: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:${io};bottom:${io}}`,Ap=mo.compose({name:`${p.prefix}-tabs`,template:Bp,styles:Tp});Ap.define(p.registry);const Fp={email:"email",password:"password",tel:"tel",text:"text",url:"url"},_p=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Op=Object.defineProperty,Mp=Object.getOwnPropertyDescriptor,A=(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&&Op(t,e,i),i};class F extends x{constructor(){super(...arguments),this.type=Fp.text,this._value=this.initialValue,this.dirtyValue=!1,this.elementInternals=this.attachInternals()}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 m.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.control.value=t,this.setFormValue(t),this.setValidity(),m.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){return t.target===this&&this.control?.click(),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(t){return t.target===this&&this.control?.focus(),!0}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=>_p.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)}}}F.formAssociated=!0,A([a],F.prototype,"autocomplete",2),A([a({mode:"boolean"})],F.prototype,"autofocus",2),A([k],F.prototype,"defaultSlottedNodes",2),A([a],F.prototype,"dirname",2),A([a({mode:"boolean"})],F.prototype,"disabled",2),A([a({attribute:"form"})],F.prototype,"formAttribute",2),A([a({attribute:"value",mode:"fromView"})],F.prototype,"initialValue",2),A([a],F.prototype,"list",2),A([a({converter:st})],F.prototype,"maxlength",2),A([a({converter:st})],F.prototype,"minlength",2),A([a({mode:"boolean"})],F.prototype,"multiple",2),A([a],F.prototype,"name",2),A([a],F.prototype,"pattern",2),A([a],F.prototype,"placeholder",2),A([a({attribute:"readonly",mode:"boolean"})],F.prototype,"readOnly",2),A([a({mode:"boolean"})],F.prototype,"required",2),A([a({converter:st})],F.prototype,"size",2),A([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],F.prototype,"spellcheck",2),A([a],F.prototype,"type",2),A([k],F.prototype,"controlLabel",2);class ps extends F{appearanceChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}controlSizeChanged(t,e){t&&c(this.elementInternals,`${t}`,!1),e&&c(this.elementInternals,`${e}`,!0)}}A([a],ps.prototype,"appearance",2),A([a({attribute:"control-size"})],ps.prototype,"controlSize",2),jt(ps,Dt);const Np=l`
508
508
  ${w("block")}
509
509
 
510
- :host{font-family:${$};font-size:${T};font-weight:${M};line-height:${D};max-width:400px}.label{display:flex;color:${z};padding-bottom:${lc};flex-shrink:0;padding-inline-end:${Yt}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${O};border:${U} solid ${ge};border-bottom-color:${pe};border-radius:${B};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${dt};padding:0 ${Mt};position:relative;width:100%}:has(.control:user-invalid){border-color:${Ha}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${B});border-radius:0 0 ${B} ${B};border-bottom:2px solid ${Xo};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${dc};transition-delay:${ao}}.control{width:100%;height:100%;box-sizing:border-box;color:${z};border-radius:${B};background:${yt};font-family:${$};font-weight:${M};font-size:${T};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${ga}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${rt};font-size:${Te}}:host ::slotted([slot='start']){padding-right:${dt}}:host ::slotted([slot='end']){padding-left:${dt};gap:${Yt}}:host(:hover) .root{border-color:${Wo};border-bottom-color:${to}}:host(:active) .root{border-color:${Qs}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Xr};transition-delay:${lo}}:host(:focus-within:active) .root:after{border-bottom-color:${vr}}:host(${R}:focus-within) .root{border:${U} solid ${ge}}:host(:focus-within) .control{color:${z}}:host([disabled]) .root{background:${yt};border:${U} solid ${Ft}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${H}}::selection{color:${Qe};background-color:${Ba}}:host(${_}) .control{font-size:${q};font-weight:${M};line-height:${ot}}:host(${_}) .root{height:24px;gap:${dt};padding:0 ${Qt}}:host(${_}) ::slotted([slot='start']),:host(${_}) ::slotted([slot='end']){font-size:${ct}}:host(${S}) .control{font-size:${ct};font-weight:${M};line-height:${kt}}:host(${S}) .root{height:40px;gap:${Zt};padding:0 ${ht}}:host(${S}) ::slotted([slot='start']),:host(${S}) ::slotted([slot='end']){font-size:${Uo}}:host(${Ge}) .root{background:${yt};border:0;border-radius:0;border-bottom:${U} solid ${pe}}:host(${Ge}:hover) .root{border-bottom-color:${to}}:host(${Ge}:active) .root{border-bottom-color:${eo}}:host(${Ge}:focus-within) .root{border:0;border-bottom-color:${eo}}:host(${Ge}[disabled]) .root{border-bottom-color:${Ft}}:host(${Fo}) .root,:host(${_o}) .root{border:${U} solid ${nt};box-shadow:${qr}}:host(${Fo}) .root{background:${O}}:host(${_o}) .root{background:${Gs}}:host(${Fo}:hover) .root,:host(${_o}:hover) .root{border-color:${yr}}:host(${Fo}:active) .root,:host(${_o}:active) .root{border-color:${yr};background:${Gs}}`;function Np(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" ${At("controlLabel")}><slot ${ut({property:"defaultSlottedNodes",filter:ea})}></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}" ${At("control")} />${oe(o)}</div></template>`}const Ep=Np(),Lp=ps.compose({name:`${p.prefix}-text-input`,template:Ep,styles:Mp,shadowOptions:{delegatesFocus:!0}});Lp.define(p.registry);var Hp=Object.defineProperty,Dp=Object.getOwnPropertyDescriptor,Ht=(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&&Hp(t,e,i),i};class It 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&&c(this.elementInternals,`size-${t}`,!1),e&&c(this.elementInternals,`size-${e}`,!0)}fontChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}weightChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}alignChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)})}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"nowrap":case"truncate":case"italic":case"underline":case"strikethrough":case"block":c(this.elementInternals,e,!!this[e]);break}}}Ht([a({mode:"boolean"})],It.prototype,"nowrap",2),Ht([a({mode:"boolean"})],It.prototype,"truncate",2),Ht([a({mode:"boolean"})],It.prototype,"italic",2),Ht([a({mode:"boolean"})],It.prototype,"underline",2),Ht([a({mode:"boolean"})],It.prototype,"strikethrough",2),Ht([a({mode:"boolean"})],It.prototype,"block",2),Ht([a],It.prototype,"size",2),Ht([a],It.prototype,"font",2),Ht([a],It.prototype,"weight",2),Ht([a],It.prototype,"align",2);const gn=l.partial`:is([state--nowrap], :state(nowrap))`,fn=l.partial`:is([state--truncate], :state(truncate))`,bn=l.partial`:is([state--underline], :state(underline))`,mn=l.partial`:is([state--strikethrough], :state(strikethrough))`,Vp=l`
510
+ :host{font-family:${$};font-size:${T};font-weight:${M};line-height:${D};max-width:400px}.label{display:flex;color:${z};padding-bottom:${cc};flex-shrink:0;padding-inline-end:${Yt}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${O};border:${U} solid ${ge};border-bottom-color:${pe};border-radius:${B};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${dt};padding:0 ${Mt};position:relative;width:100%}:has(.control:user-invalid){border-color:${Da}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${B});border-radius:0 0 ${B} ${B};border-bottom:2px solid ${Xo};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${hc};transition-delay:${no}}.control{width:100%;height:100%;box-sizing:border-box;color:${z};border-radius:${B};background:${yt};font-family:${$};font-weight:${M};font-size:${T};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${fa}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${rt};font-size:${Te}}:host ::slotted([slot='start']){padding-right:${dt}}:host ::slotted([slot='end']){padding-left:${dt};gap:${Yt}}:host(:hover) .root{border-color:${Wo};border-bottom-color:${Je}}:host(:active) .root{border-color:${Qs}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Xr};transition-delay:${ao}}:host(:focus-within:active) .root:after{border-bottom-color:${vr}}:host(${R}:focus-within) .root{border:${U} solid ${ge}}:host(:focus-within) .control{color:${z}}:host([disabled]) .root{background:${yt};border:${U} solid ${Ft}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${H}}::selection{color:${Ye};background-color:${Ta}}:host(${_}) .control{font-size:${q};font-weight:${M};line-height:${ot}}:host(${_}) .root{height:24px;gap:${dt};padding:0 ${Qt}}:host(${_}) ::slotted([slot='start']),:host(${_}) ::slotted([slot='end']){font-size:${ct}}:host(${S}) .control{font-size:${ct};font-weight:${M};line-height:${kt}}:host(${S}) .root{height:40px;gap:${Zt};padding:0 ${ht}}:host(${S}) ::slotted([slot='start']),:host(${S}) ::slotted([slot='end']){font-size:${Uo}}:host(${qe}) .root{background:${yt};border:0;border-radius:0;border-bottom:${U} solid ${pe}}:host(${qe}:hover) .root{border-bottom-color:${Je}}:host(${qe}:active) .root{border-bottom-color:${to}}:host(${qe}:focus-within) .root{border:0;border-bottom-color:${to}}:host(${qe}[disabled]) .root{border-bottom-color:${Ft}}:host(${Fo}) .root,:host(${_o}) .root{border:${U} solid ${nt};box-shadow:${qr}}:host(${Fo}) .root{background:${O}}:host(${_o}) .root{background:${Gs}}:host(${Fo}:hover) .root,:host(${_o}:hover) .root{border-color:${yr}}:host(${Fo}:active) .root,:host(${_o}:active) .root{border-color:${yr};background:${Gs}}`;function Ep(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" ${At("controlLabel")}><slot ${ut({property:"defaultSlottedNodes",filter:oa})}></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}" ${At("control")} />${oe(o)}</div></template>`}const Lp=Ep(),Hp=ps.compose({name:`${p.prefix}-text-input`,template:Lp,styles:Np,shadowOptions:{delegatesFocus:!0}});Hp.define(p.registry);var Dp=Object.defineProperty,Vp=Object.getOwnPropertyDescriptor,Ht=(o,t,e,s)=>{for(var i=s>1?void 0:s?Vp(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&&Dp(t,e,i),i};class It 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&&c(this.elementInternals,`size-${t}`,!1),e&&c(this.elementInternals,`size-${e}`,!0)}fontChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}weightChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}alignChanged(t,e){t&&c(this.elementInternals,t,!1),e&&c(this.elementInternals,e,!0)}connectedCallback(){super.connectedCallback(),m.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)})}disconnectedCallback(){super.disconnectedCallback(),m.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"nowrap":case"truncate":case"italic":case"underline":case"strikethrough":case"block":c(this.elementInternals,e,!!this[e]);break}}}Ht([a({mode:"boolean"})],It.prototype,"nowrap",2),Ht([a({mode:"boolean"})],It.prototype,"truncate",2),Ht([a({mode:"boolean"})],It.prototype,"italic",2),Ht([a({mode:"boolean"})],It.prototype,"underline",2),Ht([a({mode:"boolean"})],It.prototype,"strikethrough",2),Ht([a({mode:"boolean"})],It.prototype,"block",2),Ht([a],It.prototype,"size",2),Ht([a],It.prototype,"font",2),Ht([a],It.prototype,"weight",2),Ht([a],It.prototype,"align",2);const fn=l.partial`:is([state--nowrap], :state(nowrap))`,bn=l.partial`:is([state--truncate], :state(truncate))`,mn=l.partial`:is([state--underline], :state(underline))`,$n=l.partial`:is([state--strikethrough], :state(strikethrough))`,jp=l`
511
511
  ${w("inline")}
512
512
 
513
- :host{contain:content;font-family:${$};font-size:${T};line-height:${D};font-weight:${M};text-align:start}:host(${gn}),:host(${gn}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${fn}),:host(${fn}) ::slotted(*){text-overflow:ellipsis}:host(:is([state--block],:state(block))){display:block}:host(:is([state--italic],:state(italic))){font-style:italic}:host(${bn}){text-decoration-line:underline}:host(${mn}){text-decoration-line:line-through}:host(${bn}${mn}){text-decoration-line:line-through underline}:host(:is([state--size-100],:state(size-100))){font-size:${so};line-height:${Yo}}:host(:is([state--size-200],:state(size-200))){font-size:${q};line-height:${ot}}:host(:is([state--size-400],:state(size-400))){font-size:${ct};line-height:${kt}}:host(:is([state--size-500],:state(size-500))){font-size:${Te};line-height:${Qo}}:host(:is([state--size-600],:state(size-600))){font-size:${Uo};line-height:${Hr}}:host(:is([state--size-700],:state(size-700))){font-size:${Mr};line-height:${Dr}}:host(:is([state--size-800],:state(size-800))){font-size:${Nr};line-height:${Vr}}:host(:is([state--size-900],:state(size-900))){font-size:${Er};line-height:${jr}}:host(:is([state--size-1000],:state(size-1000))){font-size:${Lr};line-height:${Rr}}:host(:is([state--monospace],:state(monospace))){font-family:${tc}}:host(:is([state--numeric],:state(numeric))){font-family:${ec}}:host(:is([state--medium],:state(medium))){font-weight:${oc}}:host(:is([state--semibold],:state(semibold))){font-weight:${N}}:host(:is([state--bold],:state(bold))){font-weight:${Ko}}: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}`,jp=f`<slot></slot>`,Rp=It.compose({name:`${p.prefix}-text`,template:jp,styles:Vp});Rp.define(p.registry);var qp=Object.defineProperty,Gp=Object.getOwnPropertyDescriptor,$n=(o,t,e,s)=>{for(var i=s>1?void 0:s?Gp(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&&qp(t,e,i),i};class $i extends Jt{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,c(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}$n([a({mode:"boolean"})],$i.prototype,"pressed",2),$n([a({mode:"boolean"})],$i.prototype,"mixed",2);const Wp=l`
513
+ :host{contain:content;font-family:${$};font-size:${T};line-height:${D};font-weight:${M};text-align:start}:host(${fn}),:host(${fn}) ::slotted(*){white-space:nowrap;overflow:hidden}:host(${bn}),:host(${bn}) ::slotted(*){text-overflow:ellipsis}:host(:is([state--block],:state(block))){display:block}:host(:is([state--italic],:state(italic))){font-style:italic}:host(${mn}){text-decoration-line:underline}:host(${$n}){text-decoration-line:line-through}:host(${mn}${$n}){text-decoration-line:line-through underline}:host(:is([state--size-100],:state(size-100))){font-size:${oo};line-height:${Yo}}:host(:is([state--size-200],:state(size-200))){font-size:${q};line-height:${ot}}:host(:is([state--size-400],:state(size-400))){font-size:${ct};line-height:${kt}}:host(:is([state--size-500],:state(size-500))){font-size:${Te};line-height:${Qo}}:host(:is([state--size-600],:state(size-600))){font-size:${Uo};line-height:${Hr}}:host(:is([state--size-700],:state(size-700))){font-size:${Mr};line-height:${Dr}}:host(:is([state--size-800],:state(size-800))){font-size:${Nr};line-height:${Vr}}:host(:is([state--size-900],:state(size-900))){font-size:${Er};line-height:${jr}}:host(:is([state--size-1000],:state(size-1000))){font-size:${Lr};line-height:${Rr}}:host(:is([state--monospace],:state(monospace))){font-family:${ec}}:host(:is([state--numeric],:state(numeric))){font-family:${oc}}:host(:is([state--medium],:state(medium))){font-weight:${sc}}:host(:is([state--semibold],:state(semibold))){font-weight:${N}}:host(:is([state--bold],:state(bold))){font-weight:${Ko}}: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}`,Rp=f`<slot></slot>`,qp=It.compose({name:`${p.prefix}-text`,template:Rp,styles:jp});qp.define(p.registry);var Gp=Object.defineProperty,Wp=Object.getOwnPropertyDescriptor,vn=(o,t,e,s)=>{for(var i=s>1?void 0:s?Wp(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&&Gp(t,e,i),i};class $i extends Jt{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,c(this.elementInternals,"pressed",!!this.pressed||!!this.mixed)}}}vn([a({mode:"boolean"})],$i.prototype,"pressed",2),vn([a({mode:"boolean"})],$i.prototype,"mixed",2);const Xp=l`
514
514
  ${ss}
515
515
 
516
- :host(${P}){border-color:${ge};background-color:${gr};color:${z};border-width:${U}}:host(${P}:hover){border-color:${Wo};background-color:${Rs}}:host(${P}:active){border-color:${Qs};background-color:${qs}}:host(${P}${it}){border-color:transparent;background-color:${_a};color:${Kt}}:host(${P}${it}:hover){background-color:${fr}}:host(${P}${it}:active){background-color:${br}}:host(${P}${C}){border-color:transparent;background-color:${Aa};color:${da}}:host(${P}${C}:hover){background-color:${Ws};color:${Do}}:host(${P}${C}:active){background-color:${Go};color:${Vo}}:host(${P}${R}),:host(${P}${X}){background-color:${Fa}}:host(${P}${R}:hover),:host(${P}${X}:hover){background-color:${Xs}}:host(${P}${R}:active),:host(${P}${X}:active){background-color:${Us}}:host(${P}${X}){border-color:transparent;color:${ha}}:host(${P}${X}:hover){color:${jo}}:host(${P}${X}:active){color:${Ro}}`.withBehaviors(Z(l`
517
- :host(${P}),:host(${P}${it}),:host(${P}${C}),:host(${P}${R}),:host(${P}${X}){background:SelectedItem;color:SelectedItemText}`)),Xp=ci(),Up=$i.compose({name:`${p.prefix}-toggle-button`,template:Xp,styles:Wp});Up.define(p.registry);
516
+ :host(${P}){border-color:${ge};background-color:${gr};color:${z};border-width:${U}}:host(${P}:hover){border-color:${Wo};background-color:${Rs}}:host(${P}:active){border-color:${Qs};background-color:${qs}}:host(${P}${it}){border-color:transparent;background-color:${Oa};color:${Kt}}:host(${P}${it}:hover){background-color:${fr}}:host(${P}${it}:active){background-color:${br}}:host(${P}${C}){border-color:transparent;background-color:${Fa};color:${ha}}:host(${P}${C}:hover){background-color:${Ws};color:${Do}}:host(${P}${C}:active){background-color:${Go};color:${Vo}}:host(${P}${R}),:host(${P}${X}){background-color:${_a}}:host(${P}${R}:hover),:host(${P}${X}:hover){background-color:${Xs}}:host(${P}${R}:active),:host(${P}${X}:active){background-color:${Us}}:host(${P}${X}){border-color:transparent;color:${ua}}:host(${P}${X}:hover){color:${jo}}:host(${P}${X}:active){color:${Ro}}`.withBehaviors(Z(l`
517
+ :host(${P}),:host(${P}${it}),:host(${P}${C}),:host(${P}${R}),:host(${P}${X}){background:SelectedItem;color:SelectedItemText}`)),Up=ci(),Kp=$i.compose({name:`${p.prefix}-toggle-button`,template:Up,styles:Xp});Kp.define(p.registry);