@fluentui/web-components 3.0.0-beta.29 → 3.0.0-beta.30
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.
- package/CHANGELOG.md +11 -2
- package/dist/dts/avatar/avatar.d.ts +22 -2
- package/dist/esm/avatar/avatar.js +42 -17
- package/dist/esm/avatar/avatar.js.map +1 -1
- package/dist/esm/avatar/avatar.styles.js +31 -31
- package/dist/esm/avatar/avatar.template.js +2 -4
- package/dist/esm/avatar/avatar.template.js.map +1 -1
- package/dist/web-components.d.ts +22 -2
- package/dist/web-components.js +52 -22
- package/dist/web-components.min.js +146 -146
- package/package.json +1 -1
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let xo;const mr="fast-kernel";try{if(document.currentScript)xo=document.currentScript.getAttribute(mr);else{const o=document.getElementsByTagName("script");xo=o[o.length-1].getAttribute(mr)}}catch{xo="isolate"}let vt;switch(xo){case"share":vt=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":vt=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)}`;vt=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const rt=o=>typeof o=="function",ze=o=>typeof o=="string",vr=()=>{};var bi=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof bi<"u")bi.globalThis=bi;else if(typeof self<"u")self.globalThis=self;else if(typeof window<"u")window.globalThis=window;else{const e=new Function("return this")();e.globalThis=e}})();const $r={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},$r));const W=globalThis.FAST;if(W.getById===void 0){const o=Object.create(null);Reflect.defineProperty(W,"getById",Object.assign({value(e,t){let i=o[e];return i===void 0&&(i=t?o[e]=t():null),i}},$r))}W.error===void 0&&Object.assign(W,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const yr=Object.freeze([]);function mi(){const o=new Map;return Object.freeze({register(e){return o.has(e.type)?!1:(o.set(e.type,e),!0)},getByType(e){return o.get(e)},getForInstance(e){if(e!=null)return o.get(e.constructor)}})}function xr(){const o=new WeakMap;return function(e){let t=o.get(e);if(t===void 0){let i=Reflect.getPrototypeOf(e);for(;t===void 0&&i!==null;)t=o.get(i),i=Reflect.getPrototypeOf(i);t=t===void 0?[]:t.slice(0),o.set(e,t)}return t}}function Et(o){o.prototype.toJSON=vr}const K=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),kr=o=>o,jn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:kr}):{createHTML:kr};let ko=Object.freeze({createHTML(o){return jn.createHTML(o)},protect(o,e,t,i){return i}});const qn=ko,Lt=Object.freeze({get policy(){return ko},setPolicy(o){if(ko!==qn)throw W.error(1201);ko=o},setAttribute(o,e,t){t==null?o.removeAttribute(e):o.setAttribute(e,t)},setBooleanAttribute(o,e,t){t?o.setAttribute(e,""):o.removeAttribute(e)}}),me=W.getById(vt.updateQueue,()=>{const o=[],e=[],t=globalThis.requestAnimationFrame;let i=!0;function r(){if(e.length)throw e.shift()}function s(h){try{h.call()}catch(d){if(i)e.push(d),setTimeout(r,0);else throw o.length=0,d}}function n(){let d=0;for(;d<o.length;)if(s(o[d]),d++,d>1024){for(let l=0,u=o.length-d;l<u;l++)o[l]=o[l+d];o.length-=d,d=0}o.length=0}function c(h){o.push(h),o.length<2&&(i?t(n):n())}return Object.freeze({enqueue:c,next:()=>new Promise(c),process:n,setMode:h=>i=h})});class vi{constructor(e,t){this.sub1=void 0,this.sub2=void 0,this.spillover=void 0,this.subject=e,this.sub1=t}has(e){return this.spillover===void 0?this.sub1===e||this.sub2===e:this.spillover.indexOf(e)!==-1}subscribe(e){const t=this.spillover;if(t===void 0){if(this.has(e))return;if(this.sub1===void 0){this.sub1=e;return}if(this.sub2===void 0){this.sub2=e;return}this.spillover=[this.sub1,this.sub2,e],this.sub1=void 0,this.sub2=void 0}else t.indexOf(e)===-1&&t.push(e)}unsubscribe(e){const t=this.spillover;if(t===void 0)this.sub1===e?this.sub1=void 0:this.sub2===e&&(this.sub2=void 0);else{const i=t.indexOf(e);i!==-1&&t.splice(i,1)}}notify(e){const t=this.spillover,i=this.subject;if(t===void 0){const r=this.sub1,s=this.sub2;r!==void 0&&r.handleChange(i,e),s!==void 0&&s.handleChange(i,e)}else for(let r=0,s=t.length;r<s;++r)t[r].handleChange(i,e)}}class wr{constructor(e){this.subscribers={},this.subjectSubscribers=null,this.subject=e}notify(e){var t,i;(t=this.subscribers[e])===null||t===void 0||t.notify(e),(i=this.subjectSubscribers)===null||i===void 0||i.notify(e)}subscribe(e,t){var i,r;let s;t?s=(i=this.subscribers[t])!==null&&i!==void 0?i:this.subscribers[t]=new vi(this.subject):s=(r=this.subjectSubscribers)!==null&&r!==void 0?r:this.subjectSubscribers=new vi(this.subject),s.subscribe(e)}unsubscribe(e,t){var i,r;t?(i=this.subscribers[t])===null||i===void 0||i.unsubscribe(e):(r=this.subjectSubscribers)===null||r===void 0||r.unsubscribe(e)}}const $i=Object.freeze({unknown:void 0,coupled:1}),w=W.getById(vt.observable,()=>{const o=me.enqueue,e=/(:|&&|\|\||if|\?\.)/,t=new WeakMap;let i,r=d=>{throw W.error(1101)};function s(d){var l;let u=(l=d.$fastController)!==null&&l!==void 0?l:t.get(d);return u===void 0&&(Array.isArray(d)?u=r(d):t.set(d,u=new wr(d))),u}const n=xr();class c{constructor(l){this.name=l,this.field=`_${l}`,this.callback=`${l}Changed`}getValue(l){return i!==void 0&&i.watch(l,this.name),l[this.field]}setValue(l,u){const f=this.field,g=l[f];if(g!==u){l[f]=u;const m=l[this.callback];rt(m)&&m.call(l,g,u),s(l).notify(this.name)}}}class h extends vi{constructor(l,u,f=!1){super(l,u),this.expression=l,this.isVolatileBinding=f,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(l){this.isAsync=this.needsQueue=l}bind(l){this.controller=l;const u=this.observe(l.source,l.context);return!l.isBound&&this.requiresUnbind(l)&&l.onUnbind(this),u}requiresUnbind(l){return l.sourceLifetime!==$i.coupled||this.first!==this.last||this.first.propertySource!==l.source}unbind(l){this.dispose()}observe(l,u){this.needsRefresh&&this.last!==null&&this.dispose();const f=i;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let g;try{g=this.expression(l,u)}finally{i=f}return g}disconnect(){this.dispose()}dispose(){if(this.last!==null){let l=this.first;for(;l!==void 0;)l.notifier.unsubscribe(this,l.propertyName),l=l.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(l,u){const f=this.last,g=s(l),m=f===null?this.first:{};if(m.propertySource=l,m.propertyName=u,m.notifier=g,g.subscribe(this,u),f!==null){if(!this.needsRefresh){let x;i=void 0,x=f.propertySource[f.propertyName],i=this,l===x&&(this.needsRefresh=!0)}f.next=m}this.last=m}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 l=this.first;for(;l!==void 0;)yield l,l=l.next}}return Et(h),Object.freeze({setArrayObserverFactory(d){r=d},getNotifier:s,track(d,l){i&&i.watch(d,l)},trackVolatile(){i&&(i.needsRefresh=!0)},notify(d,l){s(d).notify(l)},defineProperty(d,l){ze(l)&&(l=new c(l)),n(d).push(l),Reflect.defineProperty(d,l.name,{enumerable:!0,get(){return l.getValue(this)},set(u){l.setValue(this,u)}})},getAccessors:n,binding(d,l,u=this.isVolatileBinding(d)){return new h(d,l,u)},isVolatileBinding(d){return e.test(d.toString())}})});function $(o,e){w.defineProperty(o,e)}function Wn(o,e,t){return Object.assign({},t,{get(){return w.trackVolatile(),t.get.apply(this)}})}const Cr=W.getById(vt.contextEvent,()=>{let o=null;return{get(){return o},set(e){o=e}}}),Yt=Object.freeze({default:{index:0,length:0,get event(){return Yt.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Cr.get()},setEvent(o){Cr.set(o)}});class wo{constructor(e,t,i=!1){this.evaluate=e,this.policy=t,this.isVolatile=i}}class Gn extends wo{createObserver(e){return w.binding(this.evaluate,e,this.isVolatile)}}function Sr(o,e,t=w.isVolatileBinding(o)){return new Gn(o,e,t)}class Pr extends wo{createObserver(){return this}bind(e){return this.evaluate(e.source,e.context)}}Et(Pr);function Ir(o,e){return new Pr(o,e)}let Br;function zr(o){return o.map(e=>e instanceof re?zr(e.styles):[e]).reduce((e,t)=>e.concat(t),[])}class re{constructor(e){this.styles=e,this.targets=new WeakSet,this._strategy=null,this.behaviors=e.map(t=>t instanceof re?t.behaviors:null).reduce((t,i)=>i===null?t:t===null?i:t.concat(i),null)}get strategy(){return this._strategy===null&&this.withStrategy(Br),this._strategy}addStylesTo(e){this.strategy.addStylesTo(e),this.targets.add(e)}removeStylesFrom(e){this.strategy.removeStylesFrom(e),this.targets.delete(e)}isAttachedTo(e){return this.targets.has(e)}withBehaviors(...e){return this.behaviors=this.behaviors===null?e:this.behaviors.concat(e),this}withStrategy(e){return this._strategy=new e(zr(this.styles)),this}static setDefaultStrategy(e){Br=e}static normalize(e){return e===void 0?void 0:Array.isArray(e)?new re(e):e instanceof re?e:new re([e])}}re.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const yi=mi(),xi=Object.freeze({getForInstance:yi.getForInstance,getByType:yi.getByType,define(o){return yi.register({type:o}),o}});function ki(o,e,t){e.source.style.setProperty(o.targetAspect,t.bind(e))}class wi{constructor(e,t){this.dataBinding=e,this.targetAspect=t}createCSS(e){return e(this),`var(${this.targetAspect})`}addedCallback(e){var t;const i=e.source;if(!i.$cssBindings){i.$cssBindings=new Map;const s=i.setAttribute;i.setAttribute=(n,c)=>{s.call(i,n,c),n==="style"&&i.$cssBindings.forEach((h,d)=>ki(d,h.controller,h.observer))}}const r=(t=e[this.targetAspect])!==null&&t!==void 0?t:e[this.targetAspect]=this.dataBinding.createObserver(this,this);r.controller=e,e.source.$cssBindings.set(this,{controller:e,observer:r})}connectedCallback(e){ki(this,e,e[this.targetAspect])}removedCallback(e){e.source.$cssBindings&&e.source.$cssBindings.delete(this)}handleChange(e,t){ki(this,t.controller,t)}}xi.define(wi);const Un=`${Math.random().toString(36).substring(2,8)}`;let Xn=0;const Tr=()=>`--v${Un}${++Xn}`;function Fr(o,e){const t=[];let i="";const r=[],s=n=>{r.push(n)};for(let n=0,c=o.length-1;n<c;++n){i+=o[n];let h=e[n];rt(h)?h=new wi(Sr(h),Tr()).createCSS(s):h instanceof wo?h=new wi(h,Tr()).createCSS(s):xi.getForInstance(h)!==void 0&&(h=h.createCSS(s)),h instanceof re||h instanceof CSSStyleSheet?(i.trim()!==""&&(t.push(i),i=""),t.push(h)):i+=h}return i+=o[o.length-1],i.trim()!==""&&t.push(i),{styles:t,behaviors:r}}const p=(o,...e)=>{const{styles:t,behaviors:i}=Fr(o,e),r=new re(t);return i.length?r.withBehaviors(...i):r};class Or{constructor(e,t){this.behaviors=t,this.css="";const i=e.reduce((r,s)=>(ze(s)?this.css+=s:r.push(s),r),[]);i.length&&(this.styles=new re(i))}createCSS(e){return this.behaviors.forEach(e),this.styles&&e(this),this.css}addedCallback(e){e.addStyles(this.styles)}removedCallback(e){e.removeStyles(this.styles)}}xi.define(Or),p.partial=(o,...e)=>{const{styles:t,behaviors:i}=Fr(o,e);return new Or(t,i)};const Ci=`fast-${Math.random().toString(36).substring(2,8)}`,Co=`${Ci}{`,Qt=`}${Ci}`,Kn=Qt.length;let Yn=0;const Si=()=>`${Ci}-${++Yn}`,Ar=Object.freeze({interpolation:o=>`${Co}${o}${Qt}`,attribute:o=>`${Si()}="${Co}${o}${Qt}"`,comment:o=>`<!--${Co}${o}${Qt}-->`}),So=Object.freeze({parse(o,e){const t=o.split(Co);if(t.length===1)return null;const i=[];for(let r=0,s=t.length;r<s;++r){const n=t[r],c=n.indexOf(Qt);let h;if(c===-1)h=n;else{const d=n.substring(0,c);i.push(e[d]),h=n.substring(c+Kn)}h!==""&&i.push(h)}return i}}),Pi=mi(),ve=Object.freeze({getForInstance:Pi.getForInstance,getByType:Pi.getByType,define(o,e){return e=e||{},e.type=o,Pi.register(e),o},assignAspect(o,e){if(!e){o.aspectType=K.content;return}switch(o.sourceAspect=e,e[0]){case":":o.targetAspect=e.substring(1),o.aspectType=o.targetAspect==="classList"?K.tokenList:K.property;break;case"?":o.targetAspect=e.substring(1),o.aspectType=K.booleanAttribute;break;case"@":o.targetAspect=e.substring(1),o.aspectType=K.event;break;default:o.targetAspect=e,o.aspectType=K.attribute;break}}});class Ii{constructor(e){this.options=e}createHTML(e){return Ar.attribute(e(this))}createBehavior(){return this}}Et(Ii);function Qn(o,e,t,i){if(t==null&&(t=""),t.create){o.textContent="";let r=o.$fastView;r===void 0?r=t.create():o.$fastTemplate!==t&&(r.isComposed&&(r.remove(),r.unbind()),r=t.create()),r.isComposed?r.needsBindOnly&&(r.needsBindOnly=!1,r.bind(i.source,i.context)):(r.isComposed=!0,r.bind(i.source,i.context),r.insertBefore(o),o.$fastView=r,o.$fastTemplate=t)}else{const r=o.$fastView;r!==void 0&&r.isComposed&&(r.isComposed=!1,r.remove(),r.needsBindOnly?r.needsBindOnly=!1:r.unbind()),o.textContent=t}}function Zn(o,e,t){var i;const r=`${this.id}-t`,s=(i=o[r])!==null&&i!==void 0?i:o[r]={v:0,cv:Object.create(null)},n=s.cv;let c=s.v;const h=o[e];if(t!=null&&t.length){const d=t.split(/\s+/);for(let l=0,u=d.length;l<u;++l){const f=d[l];f!==""&&(n[f]=c,h.add(f))}}if(s.v=c+1,c!==0){c-=1;for(const d in n)n[d]===c&&h.remove(d)}}const Jn={[K.attribute]:Lt.setAttribute,[K.booleanAttribute]:Lt.setBooleanAttribute,[K.property]:(o,e,t)=>o[e]=t,[K.content]:Qn,[K.tokenList]:Zn,[K.event]:()=>{}};class Mt{constructor(e){this.dataBinding=e,this.updateTarget=null,this.aspectType=K.content}createHTML(e){return Ar.interpolation(e(this))}createBehavior(){var e;if(this.updateTarget===null){const t=Jn[this.aspectType],i=(e=this.dataBinding.policy)!==null&&e!==void 0?e:this.policy;if(!t)throw W.error(1205);this.data=`${this.id}-d`,this.updateTarget=i.protect(this.targetTagName,this.aspectType,this.targetAspect,t)}return this}bind(e){var t;const i=e.targets[this.targetNodeId];switch(this.aspectType){case K.event:i[this.data]=e,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case K.content:e.onUnbind(this);default:const r=(t=i[this.data])!==null&&t!==void 0?t:i[this.data]=this.dataBinding.createObserver(this,this);r.target=i,r.controller=e,this.updateTarget(i,this.targetAspect,r.bind(e),e);break}}unbind(e){const i=e.targets[this.targetNodeId].$fastView;i!==void 0&&i.isComposed&&(i.unbind(),i.needsBindOnly=!0)}handleEvent(e){const t=e.currentTarget[this.data];if(t.isBound){Yt.setEvent(e);const i=this.dataBinding.evaluate(t.source,t.context);Yt.setEvent(null),i!==!0&&e.preventDefault()}}handleChange(e,t){const i=t.target,r=t.controller;this.updateTarget(i,this.targetAspect,t.bind(r),r)}}ve.define(Mt,{aspected:!0});function Er(o,e){const t=o.parentNode;let i=o,r;for(;i!==e;)r=i.nextSibling,t.removeChild(i),i=r;t.removeChild(e)}class Po{constructor(e,t,i){this.fragment=e,this.factories=t,this.targets=i,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=$i.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=e.firstChild,this.lastChild=e.lastChild}get event(){return Yt.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(e){e.appendChild(this.fragment)}insertBefore(e){if(this.fragment.hasChildNodes())e.parentNode.insertBefore(this.fragment,e);else{const t=this.lastChild;if(e.previousSibling===t)return;const i=e.parentNode;let r=this.firstChild,s;for(;r!==t;)s=r.nextSibling,i.insertBefore(r,e),r=s;i.insertBefore(t,e)}}remove(){const e=this.fragment,t=this.lastChild;let i=this.firstChild,r;for(;i!==t;)r=i.nextSibling,e.appendChild(i),i=r;e.appendChild(t)}dispose(){Er(this.firstChild,this.lastChild),this.unbind()}onUnbind(e){this.unbindables.push(e)}bind(e,t=this){if(this.source===e)return;let i=this.behaviors;if(i===null){this.source=e,this.context=t,this.behaviors=i=new Array(this.factories.length);const r=this.factories;for(let s=0,n=r.length;s<n;++s){const c=r[s].createBehavior();c.bind(this),i[s]=c}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=e,this.context=t;for(let r=0,s=i.length;r<s;++r)i[r].bind(this)}this.isBound=!0}unbind(){!this.isBound||this.source===null||(this.evaluateUnbindables(),this.source=null,this.context=this,this.isBound=!1)}evaluateUnbindables(){const e=this.unbindables;for(let t=0,i=e.length;t<i;++t)e[t].unbind(this);e.length=0}static disposeContiguousBatch(e){if(e.length!==0){Er(e[0].firstChild,e[e.length-1].lastChild);for(let t=0,i=e.length;t<i;++t)e[t].unbind()}}}Et(Po),w.defineProperty(Po.prototype,"index"),w.defineProperty(Po.prototype,"length");const Lr=(o,e)=>`${o}.${e}`,Mr={},Te={index:0,node:null};function _r(o){o.startsWith("fast-")||W.warn(1204,{name:o})}const ea=new Proxy(document.createElement("div"),{get(o,e){_r(e);const t=Reflect.get(o,e);return rt(t)?t.bind(o):t},set(o,e,t){return _r(e),Reflect.set(o,e,t)}});class ta{constructor(e,t,i){this.fragment=e,this.directives=t,this.policy=i,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(e,t,i,r,s){var n,c;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(t,i,r)),e.id=(n=e.id)!==null&&n!==void 0?n:Si(),e.targetNodeId=i,e.targetTagName=s,e.policy=(c=e.policy)!==null&&c!==void 0?c:this.policy,this.factories.push(e)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(e,t,i){const r=this.descriptors;if(t==="r"||t==="h"||r[t])return;if(!r[e]){const n=e.lastIndexOf("."),c=e.substring(0,n),h=parseInt(e.substring(n+1));this.addTargetDescriptor(c,e,h)}let s=Mr[t];if(!s){const n=`_${t}`;Mr[t]=s={get(){var c;return(c=this[n])!==null&&c!==void 0?c:this[n]=this[e].childNodes[i]}}}r[t]=s}createView(e){const t=this.fragment.cloneNode(!0),i=Object.create(this.proto);i.r=t,i.h=e??ea;for(const r of this.nodeIds)i[r];return new Po(t,this.factories,i)}}function Rr(o,e,t,i,r,s=!1){const n=t.attributes,c=o.directives;for(let h=0,d=n.length;h<d;++h){const l=n[h],u=l.value,f=So.parse(u,c);let g=null;f===null?s&&(g=new Mt(Ir(()=>u,o.policy)),ve.assignAspect(g,l.name)):g=Bi.aggregate(f,o.policy),g!==null&&(t.removeAttributeNode(l),h--,d--,o.addFactory(g,e,i,r,t.tagName))}}function oa(o,e,t,i,r){const s=So.parse(e.textContent,o.directives);if(s===null)return Te.node=e.nextSibling,Te.index=r+1,Te;let n,c=n=e;for(let h=0,d=s.length;h<d;++h){const l=s[h];h!==0&&(r++,i=Lr(t,r),n=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),ze(l)?n.textContent=l:(n.textContent=" ",ve.assignAspect(l),o.addFactory(l,t,i,r,null)),c=n}return Te.index=r+1,Te.node=c.nextSibling,Te}function Dr(o,e,t){let i=0,r=e.firstChild;for(;r;){const s=ia(o,t,r,i);r=s.node,i=s.index}}function ia(o,e,t,i){const r=Lr(e,i);switch(t.nodeType){case 1:Rr(o,e,t,r,i),Dr(o,t,r);break;case 3:return oa(o,t,e,r,i);case 8:const s=So.parse(t.data,o.directives);s!==null&&o.addFactory(Bi.aggregate(s),e,r,i,null);break}return Te.index=i+1,Te.node=t.nextSibling,Te}function ra(o,e){return o&&o.nodeType==8&&So.parse(o.data,e)!==null}const Hr="TEMPLATE",Bi={compile(o,e,t=Lt.policy){let i;if(ze(o)){i=document.createElement(Hr),i.innerHTML=t.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===Hr&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const r=document.adoptNode(i.content),s=new ta(r,e,t);return Rr(s,"",i,"h",0,!0),(ra(r.firstChild,e)||r.childNodes.length===1&&Object.keys(e).length>0)&&r.insertBefore(document.createComment(""),r.firstChild),Dr(s,r,"r"),Te.node=null,s.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,e=Lt.policy){if(o.length===1)return o[0];let t,i,r=!1,s;const n=o.length,c=o.map(l=>ze(l)?()=>l:(t=l.sourceAspect||t,i=l.dataBinding||i,r=r||l.dataBinding.isVolatile,s=s||l.dataBinding.policy,l.dataBinding.evaluate)),h=(l,u)=>{let f="";for(let g=0;g<n;++g)f+=c[g](l,u);return f};i.evaluate=h,i.isVolatile=r,i.policy=s??e;const d=new Mt(i);return ve.assignAspect(d,t),d}},sa=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,na=Object.create(null);class $t{constructor(e,t=na){this.html=e,this.factories=t}createHTML(e){const t=this.factories;for(const i in t)e(t[i]);return this.html}}$t.empty=new $t(""),ve.define($t);function aa(o,e,t,i=ve.getForInstance(o)){if(i.aspected){const r=sa.exec(e);r!==null&&ve.assignAspect(o,r[2])}return o.createHTML(t)}class ui{constructor(e,t={},i){this.policy=i,this.result=null,this.html=e,this.factories=t}create(e){return this.result===null&&(this.result=Bi.compile(this.html,this.factories,this.policy)),this.result.createView(e)}inline(){return new $t(ze(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(e){if(this.result)throw W.error(1208);if(this.policy)throw W.error(1207);return this.policy=e,this}render(e,t,i){const r=this.create(i);return r.bind(e),r.appendTo(t),r}static create(e,t,i){let r="";const s=Object.create(null),n=c=>{var h;const d=(h=c.id)!==null&&h!==void 0?h:c.id=Si();return s[d]=c,d};for(let c=0,h=e.length-1;c<h;++c){const d=e[c];let l=t[c],u;if(r+=d,rt(l))l=new Mt(Sr(l));else if(l instanceof wo)l=new Mt(l);else if(!(u=ve.getForInstance(l))){const f=l;l=new Mt(Ir(()=>f))}r+=aa(l,d,n,u)}return new ui(r+e[e.length-1],s,i)}}Et(ui);const v=(o,...e)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return ui.create(o,e);throw W.error(1206)};v.partial=o=>new $t(o);class Vr extends Ii{bind(e){e.source[this.options]=e.targets[this.targetNodeId]}}ve.define(Vr);const $e=o=>new Vr(o),la=()=>null;function Nr(o){return o===void 0?la:rt(o)?o:()=>o}function zi(o,e,t){const i=rt(o)?o:()=>o,r=Nr(e),s=Nr(t);return(n,c)=>i(n,c)?r(n,c):s(n,c)}const ca=o=>o.nodeType===1,yt=o=>o?e=>e.nodeType===1&&e.matches(o):ca;class jr extends Ii{get id(){return this._id}set id(e){this._id=e,this._controllerProperty=`${e}-c`}bind(e){const t=e.targets[this.targetNodeId];t[this._controllerProperty]=e,this.updateTarget(e.source,this.computeNodes(t)),this.observe(t),e.onUnbind(this)}unbind(e){const t=e.targets[this.targetNodeId];this.updateTarget(e.source,yr),this.disconnect(t),t[this._controllerProperty]=null}getSource(e){return e[this._controllerProperty].source}updateTarget(e,t){e[this.options.property]=t}computeNodes(e){let t=this.getNodes(e);return"filter"in this.options&&(t=t.filter(this.options.filter)),t}}const qr="slotchange";class Wr extends jr{observe(e){e.addEventListener(qr,this)}disconnect(e){e.removeEventListener(qr,this)}getNodes(e){return e.assignedNodes(this.options)}handleEvent(e){const t=e.currentTarget;this.updateTarget(this.getSource(t),this.computeNodes(t))}}ve.define(Wr);function se(o){return ze(o)&&(o={property:o}),new Wr(o)}class Gr extends jr{constructor(e){super(e),this.observerProperty=Symbol(),this.handleEvent=(t,i)=>{const r=i.target;this.updateTarget(this.getSource(r),this.computeNodes(r))},e.childList=!0}observe(e){let t=e[this.observerProperty];t||(t=new MutationObserver(this.handleEvent),t.toJSON=vr,e[this.observerProperty]=t),t.target=e,t.observe(e,this.options)}disconnect(e){const t=e[this.observerProperty];t.target=null,t.disconnect()}getNodes(e){return"selector"in this.options?Array.from(e.querySelectorAll(this.options.selector)):Array.from(e.childNodes)}}ve.define(Gr);function da(o){return ze(o)&&(o={property:o}),new Gr(o)}const Ur="boolean",Xr="reflect",Io=Object.freeze({locate:xr()}),Kr={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Yr(o){if(o==null)return null;const e=o*1;return isNaN(e)?null:e}const ne={toView(o){const e=Yr(o);return e&&e.toString()},fromView:Yr};class pi{constructor(e,t,i=t.toLowerCase(),r=Xr,s){this.guards=new Set,this.Owner=e,this.name=t,this.attribute=i,this.mode=r,this.converter=s,this.fieldName=`_${t}`,this.callbackName=`${t}Changed`,this.hasCallback=this.callbackName in e.prototype,r===Ur&&s===void 0&&(this.converter=Kr)}setValue(e,t){const i=e[this.fieldName],r=this.converter;r!==void 0&&(t=r.fromView(t)),i!==t&&(e[this.fieldName]=t,this.tryReflectToAttribute(e),this.hasCallback&&e[this.callbackName](i,t),e.$fastController.notify(this.name))}getValue(e){return w.track(e,this.name),e[this.fieldName]}onAttributeChangedCallback(e,t){this.guards.has(e)||(this.guards.add(e),this.setValue(e,t),this.guards.delete(e))}tryReflectToAttribute(e){const t=this.mode,i=this.guards;i.has(e)||t==="fromView"||me.enqueue(()=>{i.add(e);const r=e[this.fieldName];switch(t){case Xr:const s=this.converter;Lt.setAttribute(e,this.attribute,s!==void 0?s.toView(r):r);break;case Ur:Lt.setBooleanAttribute(e,this.attribute,r);break}i.delete(e)})}static collect(e,...t){const i=[];t.push(Io.locate(e));for(let r=0,s=t.length;r<s;++r){const n=t[r];if(n!==void 0)for(let c=0,h=n.length;c<h;++c){const d=n[c];ze(d)?i.push(new pi(e,d)):i.push(new pi(e,d.property,d.attribute,d.mode,d.converter))}}return i}}function a(o,e){let t;function i(r,s){arguments.length>1&&(t.property=s),Io.locate(r.constructor).push(t)}if(arguments.length>1){t={},i(o,e);return}return t=o===void 0?{}:o,i}const Qr={mode:"open"},Zr={},Jr=new Set,Bo=W.getById(vt.elementRegistry,()=>mi());class Be{constructor(e,t=e.definition){var i;this.platformDefined=!1,ze(t)&&(t={name:t}),this.type=e,this.name=t.name,this.template=t.template,this.registry=(i=t.registry)!==null&&i!==void 0?i:customElements;const r=e.prototype,s=pi.collect(e,t.attributes),n=new Array(s.length),c={},h={};for(let d=0,l=s.length;d<l;++d){const u=s[d];n[d]=u.attribute,c[u.name]=u,h[u.attribute]=u,w.defineProperty(r,u)}Reflect.defineProperty(e,"observedAttributes",{value:n,enumerable:!0}),this.attributes=s,this.propertyLookup=c,this.attributeLookup=h,this.shadowOptions=t.shadowOptions===void 0?Qr:t.shadowOptions===null?void 0:Object.assign(Object.assign({},Qr),t.shadowOptions),this.elementOptions=t.elementOptions===void 0?Zr:Object.assign(Object.assign({},Zr),t.elementOptions),this.styles=re.normalize(t.styles),Bo.register(this)}get isDefined(){return this.platformDefined}define(e=this.registry){const t=this.type;return e.get(this.name)||(this.platformDefined=!0,e.define(this.name,t,this.elementOptions)),this}static compose(e,t){return Jr.has(e)||Bo.getByType(e)?new Be(class extends e{},t):new Be(e,t)}static registerBaseType(e){Jr.add(e)}}Be.getByType=Bo.getByType,Be.getForInstance=Bo.getForInstance;const ha={bubbles:!0,composed:!0,cancelable:!0},Ti="isConnected",es=new WeakMap;function zo(o){var e,t;return(t=(e=o.shadowRoot)!==null&&e!==void 0?e:es.get(o))!==null&&t!==void 0?t:null}let ts;class To extends wr{constructor(e,t){super(e),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=e,this.definition=t;const i=t.shadowOptions;if(i!==void 0){let s=e.shadowRoot;s?this.hasExistingShadowRoot=!0:(s=e.attachShadow(i),i.mode==="closed"&&es.set(e,s))}const r=w.getAccessors(e);if(r.length>0){const s=this.boundObservables=Object.create(null);for(let n=0,c=r.length;n<c;++n){const h=r[n].name,d=e[h];d!==void 0&&(delete e[h],s[h]=d)}}}get isConnected(){return w.track(this,Ti),this.stage===1}get context(){var e,t;return(t=(e=this.view)===null||e===void 0?void 0:e.context)!==null&&t!==void 0?t:Yt.default}get isBound(){var e,t;return(t=(e=this.view)===null||e===void 0?void 0:e.isBound)!==null&&t!==void 0?t:!1}get sourceLifetime(){var e;return(e=this.view)===null||e===void 0?void 0:e.sourceLifetime}get template(){var e;if(this._template===null){const t=this.definition;this.source.resolveTemplate?this._template=this.source.resolveTemplate():t.template&&(this._template=(e=t.template)!==null&&e!==void 0?e:null)}return this._template}set template(e){this._template!==e&&(this._template=e,this.needsInitialization||this.renderTemplate(e))}get mainStyles(){var e;if(this._mainStyles===null){const t=this.definition;this.source.resolveStyles?this._mainStyles=this.source.resolveStyles():t.styles&&(this._mainStyles=(e=t.styles)!==null&&e!==void 0?e:null)}return this._mainStyles}set mainStyles(e){this._mainStyles!==e&&(this._mainStyles!==null&&this.removeStyles(this._mainStyles),this._mainStyles=e,this.needsInitialization||this.addStyles(e))}onUnbind(e){var t;(t=this.view)===null||t===void 0||t.onUnbind(e)}addBehavior(e){var t,i;const r=(t=this.behaviors)!==null&&t!==void 0?t:this.behaviors=new Map,s=(i=r.get(e))!==null&&i!==void 0?i:0;s===0?(r.set(e,1),e.addedCallback&&e.addedCallback(this),e.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&e.connectedCallback(this)):r.set(e,s+1)}removeBehavior(e,t=!1){const i=this.behaviors;if(i===null)return;const r=i.get(e);r!==void 0&&(r===1||t?(i.delete(e),e.disconnectedCallback&&this.stage!==3&&e.disconnectedCallback(this),e.removedCallback&&e.removedCallback(this)):i.set(e,r-1))}addStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=zo(i))!==null&&t!==void 0?t:this.source).append(e);else if(!e.isAttachedTo(i)){const r=e.behaviors;if(e.addStylesTo(i),r!==null)for(let s=0,n=r.length;s<n;++s)this.addBehavior(r[s])}}removeStyles(e){var t;if(!e)return;const i=this.source;if(e instanceof HTMLElement)((t=zo(i))!==null&&t!==void 0?t:i).removeChild(e);else if(e.isAttachedTo(i)){const r=e.behaviors;if(e.removeStylesFrom(i),r!==null)for(let s=0,n=r.length;s<n;++s)this.removeBehavior(r[s])}}connect(){if(this.stage!==3)return;if(this.stage=0,this.boundObservables!==null){const t=this.source,i=this.boundObservables,r=Object.keys(i);for(let s=0,n=r.length;s<n;++s){const c=r[s];t[c]=i[c]}this.boundObservables=null}const e=this.behaviors;if(e!==null){this.guardBehaviorConnection=!0;for(const t of e.keys())t.connectedCallback&&t.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,w.notify(this,Ti)}disconnect(){if(this.stage!==1)return;this.stage=2,w.notify(this,Ti),this.view!==null&&this.view.unbind();const e=this.behaviors;if(e!==null)for(const t of e.keys())t.disconnectedCallback&&t.disconnectedCallback(this);this.stage=3}onAttributeChangedCallback(e,t,i){const r=this.definition.attributeLookup[e];r!==void 0&&r.onAttributeChangedCallback(this.source,i)}emit(e,t,i){return this.stage===1?this.source.dispatchEvent(new CustomEvent(e,Object.assign(Object.assign({detail:t},ha),i))):!1}renderTemplate(e){var t;const i=this.source,r=(t=zo(i))!==null&&t!==void 0?t:i;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let s=r.firstChild;s!==null;s=r.firstChild)r.removeChild(s)}e&&(this.view=e.render(i,r,i),this.view.sourceLifetime=$i.coupled)}static forCustomElement(e){const t=e.$fastController;if(t!==void 0)return t;const i=Be.getForInstance(e);if(i===void 0)throw W.error(1401);return e.$fastController=new ts(e,i)}static setStrategy(e){ts=e}}Et(To),To.setStrategy(To);function Fo(o){var e;return"adoptedStyleSheets"in o?o:(e=zo(o))!==null&&e!==void 0?e:o.getRootNode()}class fi{constructor(e){const t=fi.styleSheetCache;this.sheets=e.map(i=>{if(i instanceof CSSStyleSheet)return i;let r=t.get(i);return r===void 0&&(r=new CSSStyleSheet,r.replaceSync(i),t.set(i,r)),r})}addStylesTo(e){is(Fo(e),this.sheets)}removeStylesFrom(e){rs(Fo(e),this.sheets)}}fi.styleSheetCache=new Map;let ua=0;const pa=()=>`fast-${++ua}`;function os(o){return o===document?document.body:o}class fa{constructor(e){this.styles=e,this.styleClass=pa()}addStylesTo(e){e=os(Fo(e));const t=this.styles,i=this.styleClass;for(let r=0;r<t.length;r++){const s=document.createElement("style");s.innerHTML=t[r],s.className=i,e.append(s)}}removeStylesFrom(e){e=os(Fo(e));const t=e.querySelectorAll(`.${this.styleClass}`);for(let i=0,r=t.length;i<r;++i)e.removeChild(t[i])}}let is=(o,e)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...e]},rs=(o,e)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(t=>e.indexOf(t)===-1)};if(re.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),is=(o,e)=>{o.adoptedStyleSheets.push(...e)},rs=(o,e)=>{for(const t of e){const i=o.adoptedStyleSheets.indexOf(t);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}re.setDefaultStrategy(fi)}else re.setDefaultStrategy(fa);function ss(o){const e=class extends o{constructor(){super(),To.forCustomElement(this)}$emit(t,i,r){return this.$fastController.emit(t,i,r)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(t,i,r){this.$fastController.onAttributeChangedCallback(t,i,r)}};return Be.registerBaseType(e),e}function ga(o,e){return rt(o)?Be.compose(o,e):Be.compose(this,o)}function ba(o,e){return rt(o)?Be.compose(o,e).define().type:Be.compose(this,o).define().type}function ma(o){return ss(o)}const S=Object.assign(ss(HTMLElement),{from:ma,define:ba,compose:ga}),J={horizontal:"horizontal",vertical:"vertical"};function ns(...o){return o.every(e=>e instanceof HTMLElement)}const _t="ArrowDown",Rt="ArrowLeft",Dt="ArrowRight",Ht="ArrowUp",Oo="End",Vt="Enter",as="Escape",Ao="Home",Eo=" ",va="Tab",$a={ArrowDown:_t,ArrowLeft:Rt,ArrowRight:Dt,ArrowUp:Ht};var ge;(function(o){o.ltr="ltr",o.rtl="rtl"})(ge||(ge={}));function ya(o,e,t){return t<o?e:t>e?o:t}function Fi(o,e,t){return Math.min(Math.max(t,o),e)}let xa=0;function Oi(o=""){return`${o}${xa++}`}var ka=Object.defineProperty,wa=Object.getOwnPropertyDescriptor,H=(o,e,t,i)=>{for(var r=i>1?void 0:i?wa(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&ka(e,t,r),r};class V{}H([a({attribute:"aria-atomic"})],V.prototype,"ariaAtomic",2),H([a({attribute:"aria-busy"})],V.prototype,"ariaBusy",2),H([a({attribute:"aria-controls"})],V.prototype,"ariaControls",2),H([a({attribute:"aria-current"})],V.prototype,"ariaCurrent",2),H([a({attribute:"aria-describedby"})],V.prototype,"ariaDescribedby",2),H([a({attribute:"aria-details"})],V.prototype,"ariaDetails",2),H([a({attribute:"aria-disabled"})],V.prototype,"ariaDisabled",2),H([a({attribute:"aria-errormessage"})],V.prototype,"ariaErrormessage",2),H([a({attribute:"aria-flowto"})],V.prototype,"ariaFlowto",2),H([a({attribute:"aria-haspopup"})],V.prototype,"ariaHaspopup",2),H([a({attribute:"aria-hidden"})],V.prototype,"ariaHidden",2),H([a({attribute:"aria-invalid"})],V.prototype,"ariaInvalid",2),H([a({attribute:"aria-keyshortcuts"})],V.prototype,"ariaKeyshortcuts",2),H([a({attribute:"aria-label"})],V.prototype,"ariaLabel",2),H([a({attribute:"aria-labelledby"})],V.prototype,"ariaLabelledby",2),H([a({attribute:"aria-live"})],V.prototype,"ariaLive",2),H([a({attribute:"aria-owns"})],V.prototype,"ariaOwns",2),H([a({attribute:"aria-relevant"})],V.prototype,"ariaRelevant",2),H([a({attribute:"aria-roledescription"})],V.prototype,"ariaRoledescription",2);const ls=o=>o.closest("[dir]")?.dir==="rtl"?ge.rtl:ge.ltr;function ae(o){return o?typeof o=="string"?new $t(o):"inline"in o?o.inline():o:$t.empty}const cs=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Ca=":host([hidden]){display:none}";function z(o){return`${Ca}:host{display:${o}}`}class Sa{constructor(e){this.listenerCache=new WeakMap,this.query=e}connectedCallback(e){const{query:t}=this;let i=this.listenerCache.get(e);i||(i=this.constructListener(e),this.listenerCache.set(e,i)),i.bind(t)(),t.addEventListener("change",i)}disconnectedCallback(e){const t=this.listenerCache.get(e);t&&this.query.removeEventListener("change",t)}}class yo extends Sa{constructor(e,t){super(e),this.styles=t}static with(e){return t=>new yo(e,t)}constructListener(e){let t=!1;const i=this.styles;return function(){const{matches:s}=this;s&&!t?(e.addStyles(i),t=s):!s&&t&&(e.removeStyles(i),t=s)}}removedCallback(e){e.removeStyles(this.styles)}}const le=yo.with(window.matchMedia("(forced-colors)"));yo.with(window.matchMedia("(prefers-color-scheme: dark)")),yo.with(window.matchMedia("(prefers-color-scheme: light)"));class qe{}function We(o){return v`<slot name="end" ${$e("end")}>${ae(o.end)}</slot>`.inline()}function Ge(o){return v`<slot name="start" ${$e("start")}>${ae(o.start)}</slot>`.inline()}function Ue(o,...e){const t=Io.locate(o);e.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(s=>{s!=="constructor"&&Object.defineProperty(o.prototype,s,Object.getOwnPropertyDescriptor(i.prototype,s))}),Io.locate(i).forEach(s=>t.push(s))})}var Pa=Object.defineProperty,Ia=Object.getOwnPropertyDescriptor,xt=(o,e,t,i)=>{for(var r=i>1?void 0:i?Ia(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Pa(e,t,r),r};class ee extends S{constructor(){super(...arguments),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=Oi("accordion-"),this.block=!1,this.clickHandler=e=>{this.disabled||this.$emit("click",e)}}}xt([a({attribute:"heading-level",mode:"fromView",converter:ne})],ee.prototype,"headinglevel",2),xt([a({mode:"boolean"})],ee.prototype,"expanded",2),xt([a({mode:"boolean"})],ee.prototype,"disabled",2),xt([a],ee.prototype,"id",2),xt([a],ee.prototype,"size",2),xt([a({mode:"boolean"})],ee.prototype,"block",2),xt([a({attribute:"expand-icon-position"})],ee.prototype,"expandIconPosition",2),Ue(ee,qe);const M="var(--colorNeutralForeground1)",ds="var(--colorNeutralForeground1Hover)",Ba="var(--colorNeutralForeground1Pressed)",Fe="var(--colorNeutralForeground2)",Lo="var(--colorNeutralForeground2Hover)",Mo="var(--colorNeutralForeground2Pressed)",za="var(--colorNeutralForeground2Selected)",_o="var(--colorNeutralForeground2BrandHover)",Ro="var(--colorNeutralForeground2BrandPressed)",Ta="var(--colorNeutralForeground2BrandSelected)",te="var(--colorNeutralForeground3)",Fa="var(--colorNeutralForeground3Hover)",Oa="var(--colorNeutralForeground3Pressed)",Aa="var(--colorNeutralForeground4)",C="var(--colorNeutralForegroundDisabled)",Ea="var(--colorBrandForegroundLink)",La="var(--colorBrandForegroundLinkHover)",Ma="var(--colorBrandForegroundLinkPressed)",_a="var(--colorNeutralForeground2Link)",Ra="var(--colorNeutralForeground2LinkHover)",Da="var(--colorNeutralForeground2LinkPressed)",hs="var(--colorCompoundBrandForeground1)",us="var(--colorCompoundBrandForeground1Hover)",ps="var(--colorCompoundBrandForeground1Pressed)",Xe="var(--colorNeutralForegroundOnBrand)",Do="var(--colorNeutralForegroundInverted)",Ha="var(--colorNeutralForegroundInvertedHover)",Va="var(--colorNeutralForegroundInvertedPressed)",fs="var(--colorNeutralForegroundStaticInverted)",Ai="var(--colorBrandForeground1)",Na="var(--colorBrandForeground2)",ja="var(--colorNeutralForeground1Static)",_="var(--colorNeutralBackground1)",Ei="var(--colorNeutralBackground1Hover)",gs="var(--colorNeutralBackground1Pressed)",bs="var(--colorNeutralBackground1Selected)",ms="var(--colorNeutralBackground3)",qa="var(--colorNeutralBackground4)",Wa="var(--colorNeutralBackground5)",Ho="var(--colorNeutralBackground6)",Ga="var(--colorNeutralBackgroundInverted)",Ua="var(--colorSubtleBackground)",Li="var(--colorSubtleBackgroundHover)",Vo="var(--colorSubtleBackgroundPressed)",Xa="var(--colorSubtleBackgroundSelected)",ye="var(--colorTransparentBackground)",Mi="var(--colorTransparentBackgroundHover)",_i="var(--colorTransparentBackgroundPressed)",Ka="var(--colorTransparentBackgroundSelected)",Zt="var(--colorNeutralBackgroundDisabled)",Ya="var(--colorBackgroundOverlay)",Ri="var(--colorBrandBackground)",vs="var(--colorBrandBackgroundHover)",$s="var(--colorBrandBackgroundPressed)",Qa="var(--colorBrandBackgroundSelected)",Jt="var(--colorCompoundBrandBackground)",eo="var(--colorCompoundBrandBackgroundHover)",to="var(--colorCompoundBrandBackgroundPressed)",ys="var(--colorBrandBackgroundStatic)",Za="var(--colorBrandBackground2)",Ke="var(--colorNeutralStrokeAccessible)",oo="var(--colorNeutralStrokeAccessibleHover)",io="var(--colorNeutralStrokeAccessiblePressed)",Nt="var(--colorNeutralStroke1)",No="var(--colorNeutralStroke1Hover)",Di="var(--colorNeutralStroke1Pressed)",ro="var(--colorNeutralStroke2)",Ja="var(--colorNeutralStroke3)",el="var(--colorNeutralStrokeOnBrand2)",xs="var(--colorBrandStroke1)",ks="var(--colorBrandStroke2)",Hi="var(--colorCompoundBrandStroke)",Vi="var(--colorCompoundBrandStrokeHover)",Ni="var(--colorCompoundBrandStrokePressed)",Ye="var(--colorNeutralStrokeDisabled)",Oe="var(--colorTransparentStroke)",ws="var(--colorTransparentStrokeInteractive)",jo="var(--colorStrokeFocus1)",Qe="var(--colorStrokeFocus2)",tl="var(--colorPaletteRedBackground1)",ol="var(--colorPaletteRedBackground2)",Cs="var(--colorPaletteRedBackground3)",il="var(--colorPaletteRedBorder1)",rl="var(--colorPaletteRedBorder2)",Ss="var(--colorPaletteRedForeground1)",sl="var(--colorPaletteRedForeground2)",Ps="var(--colorPaletteRedForeground3)",nl="var(--colorPaletteGreenBackground1)",Is="var(--colorPaletteGreenBackground3)",al="var(--colorPaletteGreenBorder2)",ll="var(--colorPaletteGreenForeground1)",cl="var(--colorPaletteGreenForeground2)",dl="var(--colorPaletteGreenForeground3)",hl="var(--colorPaletteDarkOrangeBackground1)",Bs="var(--colorPaletteDarkOrangeBackground3)",ul="var(--colorPaletteDarkOrangeBorder1)",pl="var(--colorPaletteDarkOrangeForeground1)",zs="var(--colorPaletteDarkOrangeForeground3)",fl="var(--colorPaletteYellowBackground1)",gl="var(--colorPaletteYellowBackground3)",bl="var(--colorPaletteYellowBorder1)",ji="var(--colorPaletteYellowForeground2)",ml="var(--colorPaletteMarigoldBackground2)",vl="var(--colorPaletteMarigoldForeground2)",$l="var(--colorPaletteAnchorBackground2)",yl="var(--colorPaletteAnchorForeground2)",xl="var(--colorPaletteBeigeBackground2)",kl="var(--colorPaletteBeigeForeground2)",wl="var(--colorPaletteBlueBackground2)",Cl="var(--colorPaletteBlueForeground2)",Sl="var(--colorPaletteBrassBackground2)",Pl="var(--colorPaletteBrassForeground2)",Il="var(--colorPaletteBrownBackground2)",Bl="var(--colorPaletteBrownForeground2)",zl="var(--colorPaletteCornflowerBackground2)",Tl="var(--colorPaletteCornflowerForeground2)",Fl="var(--colorPaletteCranberryBackground2)",Ol="var(--colorPaletteCranberryForeground2)",Al="var(--colorPaletteDarkGreenBackground2)",El="var(--colorPaletteDarkGreenForeground2)",Ll="var(--colorPaletteDarkRedBackground2)",Ml="var(--colorPaletteDarkRedForeground2)",_l="var(--colorPaletteForestBackground2)",Rl="var(--colorPaletteForestForeground2)",Dl="var(--colorPaletteGoldBackground2)",Hl="var(--colorPaletteGoldForeground2)",Vl="var(--colorPaletteGrapeBackground2)",Nl="var(--colorPaletteGrapeForeground2)",jl="var(--colorPaletteLavenderBackground2)",ql="var(--colorPaletteLavenderForeground2)",Wl="var(--colorPaletteLightTealBackground2)",Gl="var(--colorPaletteLightTealForeground2)",Ul="var(--colorPaletteLilacBackground2)",Xl="var(--colorPaletteLilacForeground2)",Kl="var(--colorPaletteMagentaBackground2)",Yl="var(--colorPaletteMagentaForeground2)",Ql="var(--colorPaletteMinkBackground2)",Zl="var(--colorPaletteMinkForeground2)",Jl="var(--colorPaletteNavyBackground2)",ec="var(--colorPaletteNavyForeground2)",tc="var(--colorPalettePeachBackground2)",oc="var(--colorPalettePeachForeground2)",ic="var(--colorPalettePinkBackground2)",rc="var(--colorPalettePinkForeground2)",sc="var(--colorPalettePlatinumBackground2)",nc="var(--colorPalettePlatinumForeground2)",ac="var(--colorPalettePlumBackground2)",lc="var(--colorPalettePlumForeground2)",cc="var(--colorPalettePumpkinBackground2)",dc="var(--colorPalettePumpkinForeground2)",hc="var(--colorPalettePurpleBackground2)",uc="var(--colorPalettePurpleForeground2)",pc="var(--colorPaletteRoyalBlueBackground2)",fc="var(--colorPaletteRoyalBlueForeground2)",gc="var(--colorPaletteSeafoamBackground2)",bc="var(--colorPaletteSeafoamForeground2)",mc="var(--colorPaletteSteelBackground2)",vc="var(--colorPaletteSteelForeground2)",$c="var(--colorPaletteTealBackground2)",yc="var(--colorPaletteTealForeground2)",qi="var(--borderRadiusNone)",xe="var(--borderRadiusSmall)",L="var(--borderRadiusMedium)",Ts="var(--borderRadiusLarge)",Fs="var(--borderRadiusXLarge)",ce="var(--borderRadiusCircular)",y="var(--fontFamilyBase)",xc="var(--fontFamilyMonospace)",kc="var(--fontFamilyNumeric)",so="var(--fontSizeBase100)",G="var(--fontSizeBase200)",O="var(--fontSizeBase300)",de="var(--fontSizeBase400)",kt="var(--fontSizeBase500)",qo="var(--fontSizeBase600)",Os="var(--fontSizeHero700)",As="var(--fontSizeHero800)",Es="var(--fontSizeHero900)",Ls="var(--fontSizeHero1000)",A="var(--fontWeightRegular)",wc="var(--fontWeightMedium)",N="var(--fontWeightSemibold)",Wo="var(--fontWeightBold)",Go="var(--lineHeightBase100)",he="var(--lineHeightBase200)",R="var(--lineHeightBase300)",ke="var(--lineHeightBase400)",Uo="var(--lineHeightBase500)",Ms="var(--lineHeightBase600)",_s="var(--lineHeightHero700)",Rs="var(--lineHeightHero800)",Ds="var(--lineHeightHero900)",Hs="var(--lineHeightHero1000)",Vs="var(--shadow2)",Xo="var(--shadow4)",Cc="var(--shadow8)",Ns="var(--shadow16)",Sc="var(--shadow28)",Pc="var(--shadow64)",Y="var(--strokeWidthThin)",wt="var(--strokeWidthThick)",st="var(--strokeWidthThicker)",js="var(--strokeWidthThickest)",Ct="var(--spacingHorizontalXXS)",Ze="var(--spacingHorizontalXS)",St="var(--spacingHorizontalSNudge)",Ae="var(--spacingHorizontalS)",Je="var(--spacingHorizontalMNudge)",nt="var(--spacingHorizontalM)",Ic="var(--spacingHorizontalL)",Bc="var(--spacingHorizontalXXL)",Ko="var(--spacingVerticalXXS)",zc="var(--spacingVerticalXS)",no="var(--spacingVerticalSNudge)",U="var(--spacingVerticalS)",qs="var(--spacingVerticalMNudge)",Ws="var(--spacingVerticalL)",ao="var(--spacingVerticalXXL)",Tc="var(--durationUltraFast)",Wi="var(--durationFaster)",Gs="var(--durationNormal)",Fc="var(--durationGentle)",Oc="var(--durationSlow)",Us="var(--durationSlower)",Yo="var(--durationUltraSlow)",Ac="var(--curveAccelerateMax)",Gi="var(--curveAccelerateMid)",Ec="var(--curveAccelerateMin)",Xs="var(--curveDecelerateMax)",Ui="var(--curveDecelerateMid)",Lc="var(--curveDecelerateMin)",Mc="var(--curveEasyEaseMax)",Xi="var(--curveEasyEase)",Ks="var(--curveLinear)",_c=p`
|
|
1
|
+
const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElements});let xo;const ms="fast-kernel";try{if(document.currentScript)xo=document.currentScript.getAttribute(ms);else{const o=document.getElementsByTagName("script");xo=o[o.length-1].getAttribute(ms)}}catch{xo="isolate"}let ve;switch(xo){case"share":ve=Object.freeze({updateQueue:1,observable:2,contextEvent:3,elementRegistry:4});break;case"share-v2":ve=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)}`;ve=Object.freeze({updateQueue:`1.2${o}`,observable:`2.2${o}`,contextEvent:`3.2${o}`,elementRegistry:`4.2${o}`});break}const re=o=>typeof o=="function",zt=o=>typeof o=="string",vs=()=>{};var bi=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};(function(){if(!(typeof globalThis<"u"))if(typeof bi<"u")bi.globalThis=bi;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 $s={configurable:!1,enumerable:!1,writable:!1};globalThis.FAST===void 0&&Reflect.defineProperty(globalThis,"FAST",Object.assign({value:Object.create(null)},$s));const W=globalThis.FAST;if(W.getById===void 0){const o=Object.create(null);Reflect.defineProperty(W,"getById",Object.assign({value(t,e){let i=o[t];return i===void 0&&(i=e?o[t]=e():null),i}},$s))}W.error===void 0&&Object.assign(W,{warn(){},error(o){return new Error(`Error ${o}`)},addMessages(){}});const ys=Object.freeze([]);function mi(){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 xs(){const o=new WeakMap;return function(t){let e=o.get(t);if(e===void 0){let i=Reflect.getPrototypeOf(t);for(;e===void 0&&i!==null;)e=o.get(i),i=Reflect.getPrototypeOf(i);e=e===void 0?[]:e.slice(0),o.set(t,e)}return e}}function Ee(o){o.prototype.toJSON=vs}const K=Object.freeze({none:0,attribute:1,booleanAttribute:2,property:3,content:4,tokenList:5,event:6}),ks=o=>o,qn=globalThis.trustedTypes?globalThis.trustedTypes.createPolicy("fast-html",{createHTML:ks}):{createHTML:ks};let ko=Object.freeze({createHTML(o){return qn.createHTML(o)},protect(o,t,e,i){return i}});const Wn=ko,Le=Object.freeze({get policy(){return ko},setPolicy(o){if(ko!==Wn)throw W.error(1201);ko=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)}}),mt=W.getById(ve.updateQueue,()=>{const o=[],t=[],e=globalThis.requestAnimationFrame;let i=!0;function s(){if(t.length)throw t.shift()}function r(h){try{h.call()}catch(d){if(i)t.push(d),setTimeout(s,0);else throw o.length=0,d}}function n(){let d=0;for(;d<o.length;)if(r(o[d]),d++,d>1024){for(let l=0,u=o.length-d;l<u;l++)o[l]=o[l+d];o.length-=d,d=0}o.length=0}function c(h){o.push(h),o.length<2&&(i?e(n):n())}return Object.freeze({enqueue:c,next:()=>new Promise(c),process:n,setMode:h=>i=h})});class vi{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 i=e.indexOf(t);i!==-1&&e.splice(i,1)}}notify(t){const e=this.spillover,i=this.subject;if(e===void 0){const s=this.sub1,r=this.sub2;s!==void 0&&s.handleChange(i,t),r!==void 0&&r.handleChange(i,t)}else for(let s=0,r=e.length;s<r;++s)e[s].handleChange(i,t)}}class ws{constructor(t){this.subscribers={},this.subjectSubscribers=null,this.subject=t}notify(t){var e,i;(e=this.subscribers[t])===null||e===void 0||e.notify(t),(i=this.subjectSubscribers)===null||i===void 0||i.notify(t)}subscribe(t,e){var i,s;let r;e?r=(i=this.subscribers[e])!==null&&i!==void 0?i:this.subscribers[e]=new vi(this.subject):r=(s=this.subjectSubscribers)!==null&&s!==void 0?s:this.subjectSubscribers=new vi(this.subject),r.subscribe(t)}unsubscribe(t,e){var i,s;e?(i=this.subscribers[e])===null||i===void 0||i.unsubscribe(t):(s=this.subjectSubscribers)===null||s===void 0||s.unsubscribe(t)}}const $i=Object.freeze({unknown:void 0,coupled:1}),k=W.getById(ve.observable,()=>{const o=mt.enqueue,t=/(:|&&|\|\||if|\?\.)/,e=new WeakMap;let i,s=d=>{throw W.error(1101)};function r(d){var l;let u=(l=d.$fastController)!==null&&l!==void 0?l:e.get(d);return u===void 0&&(Array.isArray(d)?u=s(d):e.set(d,u=new ws(d))),u}const n=xs();class c{constructor(l){this.name=l,this.field=`_${l}`,this.callback=`${l}Changed`}getValue(l){return i!==void 0&&i.watch(l,this.name),l[this.field]}setValue(l,u){const f=this.field,g=l[f];if(g!==u){l[f]=u;const m=l[this.callback];re(m)&&m.call(l,g,u),r(l).notify(this.name)}}}class h extends vi{constructor(l,u,f=!1){super(l,u),this.expression=l,this.isVolatileBinding=f,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(l){this.isAsync=this.needsQueue=l}bind(l){this.controller=l;const u=this.observe(l.source,l.context);return!l.isBound&&this.requiresUnbind(l)&&l.onUnbind(this),u}requiresUnbind(l){return l.sourceLifetime!==$i.coupled||this.first!==this.last||this.first.propertySource!==l.source}unbind(l){this.dispose()}observe(l,u){this.needsRefresh&&this.last!==null&&this.dispose();const f=i;i=this.needsRefresh?this:void 0,this.needsRefresh=this.isVolatileBinding;let g;try{g=this.expression(l,u)}finally{i=f}return g}disconnect(){this.dispose()}dispose(){if(this.last!==null){let l=this.first;for(;l!==void 0;)l.notifier.unsubscribe(this,l.propertyName),l=l.next;this.last=null,this.needsRefresh=this.needsQueue=this.isAsync}}watch(l,u){const f=this.last,g=r(l),m=f===null?this.first:{};if(m.propertySource=l,m.propertyName=u,m.notifier=g,g.subscribe(this,u),f!==null){if(!this.needsRefresh){let x;i=void 0,x=f.propertySource[f.propertyName],i=this,l===x&&(this.needsRefresh=!0)}f.next=m}this.last=m}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 l=this.first;for(;l!==void 0;)yield l,l=l.next}}return Ee(h),Object.freeze({setArrayObserverFactory(d){s=d},getNotifier:r,track(d,l){i&&i.watch(d,l)},trackVolatile(){i&&(i.needsRefresh=!0)},notify(d,l){r(d).notify(l)},defineProperty(d,l){zt(l)&&(l=new c(l)),n(d).push(l),Reflect.defineProperty(d,l.name,{enumerable:!0,get(){return l.getValue(this)},set(u){l.setValue(this,u)}})},getAccessors:n,binding(d,l,u=this.isVolatileBinding(d)){return new h(d,l,u)},isVolatileBinding(d){return t.test(d.toString())}})});function $(o,t){k.defineProperty(o,t)}function Gn(o,t,e){return Object.assign({},e,{get(){return k.trackVolatile(),e.get.apply(this)}})}const Cs=W.getById(ve.contextEvent,()=>{let o=null;return{get(){return o},set(t){o=t}}}),Ye=Object.freeze({default:{index:0,length:0,get event(){return Ye.getEvent()},eventDetail(){return this.event.detail},eventTarget(){return this.event.target}},getEvent(){return Cs.get()},setEvent(o){Cs.set(o)}});class wo{constructor(t,e,i=!1){this.evaluate=t,this.policy=e,this.isVolatile=i}}class Un extends wo{createObserver(t){return k.binding(this.evaluate,t,this.isVolatile)}}function Ss(o,t,e=k.isVolatileBinding(o)){return new Un(o,t,e)}class Is extends wo{createObserver(){return this}bind(t){return this.evaluate(t.source,t.context)}}Ee(Is);function Ps(o,t){return new Is(o,t)}let Bs;function zs(o){return o.map(t=>t instanceof st?zs(t.styles):[t]).reduce((t,e)=>t.concat(e),[])}class st{constructor(t){this.styles=t,this.targets=new WeakSet,this._strategy=null,this.behaviors=t.map(e=>e instanceof st?e.behaviors:null).reduce((e,i)=>i===null?e:e===null?i:e.concat(i),null)}get strategy(){return this._strategy===null&&this.withStrategy(Bs),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(zs(this.styles)),this}static setDefaultStrategy(t){Bs=t}static normalize(t){return t===void 0?void 0:Array.isArray(t)?new st(t):t instanceof st?t:new st([t])}}st.supportsAdoptedStyleSheets=Array.isArray(document.adoptedStyleSheets)&&"replace"in CSSStyleSheet.prototype;const yi=mi(),xi=Object.freeze({getForInstance:yi.getForInstance,getByType:yi.getByType,define(o){return yi.register({type:o}),o}});function ki(o,t,e){t.source.style.setProperty(o.targetAspect,e.bind(t))}class wi{constructor(t,e){this.dataBinding=t,this.targetAspect=e}createCSS(t){return t(this),`var(${this.targetAspect})`}addedCallback(t){var e;const i=t.source;if(!i.$cssBindings){i.$cssBindings=new Map;const r=i.setAttribute;i.setAttribute=(n,c)=>{r.call(i,n,c),n==="style"&&i.$cssBindings.forEach((h,d)=>ki(d,h.controller,h.observer))}}const s=(e=t[this.targetAspect])!==null&&e!==void 0?e:t[this.targetAspect]=this.dataBinding.createObserver(this,this);s.controller=t,t.source.$cssBindings.set(this,{controller:t,observer:s})}connectedCallback(t){ki(this,t,t[this.targetAspect])}removedCallback(t){t.source.$cssBindings&&t.source.$cssBindings.delete(this)}handleChange(t,e){ki(this,e.controller,e)}}xi.define(wi);const Xn=`${Math.random().toString(36).substring(2,8)}`;let Kn=0;const Ts=()=>`--v${Xn}${++Kn}`;function Fs(o,t){const e=[];let i="";const s=[],r=n=>{s.push(n)};for(let n=0,c=o.length-1;n<c;++n){i+=o[n];let h=t[n];re(h)?h=new wi(Ss(h),Ts()).createCSS(r):h instanceof wo?h=new wi(h,Ts()).createCSS(r):xi.getForInstance(h)!==void 0&&(h=h.createCSS(r)),h instanceof st||h instanceof CSSStyleSheet?(i.trim()!==""&&(e.push(i),i=""),e.push(h)):i+=h}return i+=o[o.length-1],i.trim()!==""&&e.push(i),{styles:e,behaviors:s}}const p=(o,...t)=>{const{styles:e,behaviors:i}=Fs(o,t),s=new st(e);return i.length?s.withBehaviors(...i):s};class Os{constructor(t,e){this.behaviors=e,this.css="";const i=t.reduce((s,r)=>(zt(r)?this.css+=r:s.push(r),s),[]);i.length&&(this.styles=new st(i))}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)}}xi.define(Os),p.partial=(o,...t)=>{const{styles:e,behaviors:i}=Fs(o,t);return new Os(e,i)};const Ci=`fast-${Math.random().toString(36).substring(2,8)}`,Co=`${Ci}{`,Qe=`}${Ci}`,Yn=Qe.length;let Qn=0;const Si=()=>`${Ci}-${++Qn}`,As=Object.freeze({interpolation:o=>`${Co}${o}${Qe}`,attribute:o=>`${Si()}="${Co}${o}${Qe}"`,comment:o=>`<!--${Co}${o}${Qe}-->`}),So=Object.freeze({parse(o,t){const e=o.split(Co);if(e.length===1)return null;const i=[];for(let s=0,r=e.length;s<r;++s){const n=e[s],c=n.indexOf(Qe);let h;if(c===-1)h=n;else{const d=n.substring(0,c);i.push(t[d]),h=n.substring(c+Yn)}h!==""&&i.push(h)}return i}}),Ii=mi(),vt=Object.freeze({getForInstance:Ii.getForInstance,getByType:Ii.getByType,define(o,t){return t=t||{},t.type=o,Ii.register(t),o},assignAspect(o,t){if(!t){o.aspectType=K.content;return}switch(o.sourceAspect=t,t[0]){case":":o.targetAspect=t.substring(1),o.aspectType=o.targetAspect==="classList"?K.tokenList:K.property;break;case"?":o.targetAspect=t.substring(1),o.aspectType=K.booleanAttribute;break;case"@":o.targetAspect=t.substring(1),o.aspectType=K.event;break;default:o.targetAspect=t,o.aspectType=K.attribute;break}}});class Pi{constructor(t){this.options=t}createHTML(t){return As.attribute(t(this))}createBehavior(){return this}}Ee(Pi);function Zn(o,t,e,i){if(e==null&&(e=""),e.create){o.textContent="";let s=o.$fastView;s===void 0?s=e.create():o.$fastTemplate!==e&&(s.isComposed&&(s.remove(),s.unbind()),s=e.create()),s.isComposed?s.needsBindOnly&&(s.needsBindOnly=!1,s.bind(i.source,i.context)):(s.isComposed=!0,s.bind(i.source,i.context),s.insertBefore(o),o.$fastView=s,o.$fastTemplate=e)}else{const s=o.$fastView;s!==void 0&&s.isComposed&&(s.isComposed=!1,s.remove(),s.needsBindOnly?s.needsBindOnly=!1:s.unbind()),o.textContent=e}}function Jn(o,t,e){var i;const s=`${this.id}-t`,r=(i=o[s])!==null&&i!==void 0?i:o[s]={v:0,cv:Object.create(null)},n=r.cv;let c=r.v;const h=o[t];if(e!=null&&e.length){const d=e.split(/\s+/);for(let l=0,u=d.length;l<u;++l){const f=d[l];f!==""&&(n[f]=c,h.add(f))}}if(r.v=c+1,c!==0){c-=1;for(const d in n)n[d]===c&&h.remove(d)}}const ta={[K.attribute]:Le.setAttribute,[K.booleanAttribute]:Le.setBooleanAttribute,[K.property]:(o,t,e)=>o[t]=e,[K.content]:Zn,[K.tokenList]:Jn,[K.event]:()=>{}};class Me{constructor(t){this.dataBinding=t,this.updateTarget=null,this.aspectType=K.content}createHTML(t){return As.interpolation(t(this))}createBehavior(){var t;if(this.updateTarget===null){const e=ta[this.aspectType],i=(t=this.dataBinding.policy)!==null&&t!==void 0?t:this.policy;if(!e)throw W.error(1205);this.data=`${this.id}-d`,this.updateTarget=i.protect(this.targetTagName,this.aspectType,this.targetAspect,e)}return this}bind(t){var e;const i=t.targets[this.targetNodeId];switch(this.aspectType){case K.event:i[this.data]=t,i.addEventListener(this.targetAspect,this,this.dataBinding.options);break;case K.content:t.onUnbind(this);default:const s=(e=i[this.data])!==null&&e!==void 0?e:i[this.data]=this.dataBinding.createObserver(this,this);s.target=i,s.controller=t,this.updateTarget(i,this.targetAspect,s.bind(t),t);break}}unbind(t){const i=t.targets[this.targetNodeId].$fastView;i!==void 0&&i.isComposed&&(i.unbind(),i.needsBindOnly=!0)}handleEvent(t){const e=t.currentTarget[this.data];if(e.isBound){Ye.setEvent(t);const i=this.dataBinding.evaluate(e.source,e.context);Ye.setEvent(null),i!==!0&&t.preventDefault()}}handleChange(t,e){const i=e.target,s=e.controller;this.updateTarget(i,this.targetAspect,e.bind(s),s)}}vt.define(Me,{aspected:!0});function Es(o,t){const e=o.parentNode;let i=o,s;for(;i!==t;)s=i.nextSibling,e.removeChild(i),i=s;e.removeChild(t)}class Io{constructor(t,e,i){this.fragment=t,this.factories=e,this.targets=i,this.behaviors=null,this.unbindables=[],this.source=null,this.isBound=!1,this.sourceLifetime=$i.unknown,this.context=this,this.index=0,this.length=0,this.firstChild=t.firstChild,this.lastChild=t.lastChild}get event(){return Ye.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 i=t.parentNode;let s=this.firstChild,r;for(;s!==e;)r=s.nextSibling,i.insertBefore(s,t),s=r;i.insertBefore(e,t)}}remove(){const t=this.fragment,e=this.lastChild;let i=this.firstChild,s;for(;i!==e;)s=i.nextSibling,t.appendChild(i),i=s;t.appendChild(e)}dispose(){Es(this.firstChild,this.lastChild),this.unbind()}onUnbind(t){this.unbindables.push(t)}bind(t,e=this){if(this.source===t)return;let i=this.behaviors;if(i===null){this.source=t,this.context=e,this.behaviors=i=new Array(this.factories.length);const s=this.factories;for(let r=0,n=s.length;r<n;++r){const c=s[r].createBehavior();c.bind(this),i[r]=c}}else{this.source!==null&&this.evaluateUnbindables(),this.isBound=!1,this.source=t,this.context=e;for(let s=0,r=i.length;s<r;++s)i[s].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,i=t.length;e<i;++e)t[e].unbind(this);t.length=0}static disposeContiguousBatch(t){if(t.length!==0){Es(t[0].firstChild,t[t.length-1].lastChild);for(let e=0,i=t.length;e<i;++e)t[e].unbind()}}}Ee(Io),k.defineProperty(Io.prototype,"index"),k.defineProperty(Io.prototype,"length");const Ls=(o,t)=>`${o}.${t}`,Ms={},Tt={index:0,node:null};function _s(o){o.startsWith("fast-")||W.warn(1204,{name:o})}const ea=new Proxy(document.createElement("div"),{get(o,t){_s(t);const e=Reflect.get(o,t);return re(e)?e.bind(o):e},set(o,t,e){return _s(t),Reflect.set(o,t,e)}});class oa{constructor(t,e,i){this.fragment=t,this.directives=e,this.policy=i,this.proto=null,this.nodeIds=new Set,this.descriptors={},this.factories=[]}addFactory(t,e,i,s,r){var n,c;this.nodeIds.has(i)||(this.nodeIds.add(i),this.addTargetDescriptor(e,i,s)),t.id=(n=t.id)!==null&&n!==void 0?n:Si(),t.targetNodeId=i,t.targetTagName=r,t.policy=(c=t.policy)!==null&&c!==void 0?c:this.policy,this.factories.push(t)}freeze(){return this.proto=Object.create(null,this.descriptors),this}addTargetDescriptor(t,e,i){const s=this.descriptors;if(e==="r"||e==="h"||s[e])return;if(!s[t]){const n=t.lastIndexOf("."),c=t.substring(0,n),h=parseInt(t.substring(n+1));this.addTargetDescriptor(c,t,h)}let r=Ms[e];if(!r){const n=`_${e}`;Ms[e]=r={get(){var c;return(c=this[n])!==null&&c!==void 0?c:this[n]=this[t].childNodes[i]}}}s[e]=r}createView(t){const e=this.fragment.cloneNode(!0),i=Object.create(this.proto);i.r=e,i.h=t??ea;for(const s of this.nodeIds)i[s];return new Io(e,this.factories,i)}}function Rs(o,t,e,i,s,r=!1){const n=e.attributes,c=o.directives;for(let h=0,d=n.length;h<d;++h){const l=n[h],u=l.value,f=So.parse(u,c);let g=null;f===null?r&&(g=new Me(Ps(()=>u,o.policy)),vt.assignAspect(g,l.name)):g=Bi.aggregate(f,o.policy),g!==null&&(e.removeAttributeNode(l),h--,d--,o.addFactory(g,t,i,s,e.tagName))}}function ia(o,t,e,i,s){const r=So.parse(t.textContent,o.directives);if(r===null)return Tt.node=t.nextSibling,Tt.index=s+1,Tt;let n,c=n=t;for(let h=0,d=r.length;h<d;++h){const l=r[h];h!==0&&(s++,i=Ls(e,s),n=c.parentNode.insertBefore(document.createTextNode(""),c.nextSibling)),zt(l)?n.textContent=l:(n.textContent=" ",vt.assignAspect(l),o.addFactory(l,e,i,s,null)),c=n}return Tt.index=s+1,Tt.node=c.nextSibling,Tt}function Ds(o,t,e){let i=0,s=t.firstChild;for(;s;){const r=sa(o,e,s,i);s=r.node,i=r.index}}function sa(o,t,e,i){const s=Ls(t,i);switch(e.nodeType){case 1:Rs(o,t,e,s,i),Ds(o,e,s);break;case 3:return ia(o,e,t,s,i);case 8:const r=So.parse(e.data,o.directives);r!==null&&o.addFactory(Bi.aggregate(r),t,s,i,null);break}return Tt.index=i+1,Tt.node=e.nextSibling,Tt}function ra(o,t){return o&&o.nodeType==8&&So.parse(o.data,t)!==null}const Hs="TEMPLATE",Bi={compile(o,t,e=Le.policy){let i;if(zt(o)){i=document.createElement(Hs),i.innerHTML=e.createHTML(o);const n=i.content.firstElementChild;n!==null&&n.tagName===Hs&&(i=n)}else i=o;!i.content.firstChild&&!i.content.lastChild&&i.content.appendChild(document.createComment(""));const s=document.adoptNode(i.content),r=new oa(s,t,e);return Rs(r,"",i,"h",0,!0),(ra(s.firstChild,t)||s.childNodes.length===1&&Object.keys(t).length>0)&&s.insertBefore(document.createComment(""),s.firstChild),Ds(r,s,"r"),Tt.node=null,r.freeze()},setDefaultStrategy(o){this.compile=o},aggregate(o,t=Le.policy){if(o.length===1)return o[0];let e,i,s=!1,r;const n=o.length,c=o.map(l=>zt(l)?()=>l:(e=l.sourceAspect||e,i=l.dataBinding||i,s=s||l.dataBinding.isVolatile,r=r||l.dataBinding.policy,l.dataBinding.evaluate)),h=(l,u)=>{let f="";for(let g=0;g<n;++g)f+=c[g](l,u);return f};i.evaluate=h,i.isVolatile=s,i.policy=r??t;const d=new Me(i);return vt.assignAspect(d,e),d}},na=/([ \x09\x0a\x0c\x0d])([^\0-\x1F\x7F-\x9F "'>=/]+)([ \x09\x0a\x0c\x0d]*=[ \x09\x0a\x0c\x0d]*(?:[^ \x09\x0a\x0c\x0d"'`<>=]*|"[^"]*|'[^']*))$/,aa=Object.create(null);class $e{constructor(t,e=aa){this.html=t,this.factories=e}createHTML(t){const e=this.factories;for(const i in e)t(e[i]);return this.html}}$e.empty=new $e(""),vt.define($e);function la(o,t,e,i=vt.getForInstance(o)){if(i.aspected){const s=na.exec(t);s!==null&&vt.assignAspect(o,s[2])}return o.createHTML(e)}class ui{constructor(t,e={},i){this.policy=i,this.result=null,this.html=t,this.factories=e}create(t){return this.result===null&&(this.result=Bi.compile(this.html,this.factories,this.policy)),this.result.createView(t)}inline(){return new $e(zt(this.html)?this.html:this.html.innerHTML,this.factories)}withPolicy(t){if(this.result)throw W.error(1208);if(this.policy)throw W.error(1207);return this.policy=t,this}render(t,e,i){const s=this.create(i);return s.bind(t),s.appendTo(e),s}static create(t,e,i){let s="";const r=Object.create(null),n=c=>{var h;const d=(h=c.id)!==null&&h!==void 0?h:c.id=Si();return r[d]=c,d};for(let c=0,h=t.length-1;c<h;++c){const d=t[c];let l=e[c],u;if(s+=d,re(l))l=new Me(Ss(l));else if(l instanceof wo)l=new Me(l);else if(!(u=vt.getForInstance(l))){const f=l;l=new Me(Ps(()=>f))}s+=la(l,d,n,u)}return new ui(s+t[t.length-1],r,i)}}Ee(ui);const v=(o,...t)=>{if(Array.isArray(o)&&Array.isArray(o.raw))return ui.create(o,t);throw W.error(1206)};v.partial=o=>new $e(o);class Vs extends Pi{bind(t){t.source[this.options]=t.targets[this.targetNodeId]}}vt.define(Vs);const $t=o=>new Vs(o),ca=()=>null;function Ns(o){return o===void 0?ca:re(o)?o:()=>o}function zi(o,t,e){const i=re(o)?o:()=>o,s=Ns(t),r=Ns(e);return(n,c)=>i(n,c)?s(n,c):r(n,c)}const da=o=>o.nodeType===1,ye=o=>o?t=>t.nodeType===1&&t.matches(o):da;class js extends Pi{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,ys),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 qs="slotchange";class Ws extends js{observe(t){t.addEventListener(qs,this)}disconnect(t){t.removeEventListener(qs,this)}getNodes(t){return t.assignedNodes(this.options)}handleEvent(t){const e=t.currentTarget;this.updateTarget(this.getSource(e),this.computeNodes(e))}}vt.define(Ws);function rt(o){return zt(o)&&(o={property:o}),new Ws(o)}class Gs extends js{constructor(t){super(t),this.observerProperty=Symbol(),this.handleEvent=(e,i)=>{const s=i.target;this.updateTarget(this.getSource(s),this.computeNodes(s))},t.childList=!0}observe(t){let e=t[this.observerProperty];e||(e=new MutationObserver(this.handleEvent),e.toJSON=vs,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)}}vt.define(Gs);function ha(o){return zt(o)&&(o={property:o}),new Gs(o)}const Us="boolean",Xs="reflect",Po=Object.freeze({locate:xs()}),Ks={toView(o){return o?"true":"false"},fromView(o){return!(o==null||o==="false"||o===!1||o===0)}};function Ys(o){if(o==null)return null;const t=o*1;return isNaN(t)?null:t}const nt={toView(o){const t=Ys(o);return t&&t.toString()},fromView:Ys};class pi{constructor(t,e,i=e.toLowerCase(),s=Xs,r){this.guards=new Set,this.Owner=t,this.name=e,this.attribute=i,this.mode=s,this.converter=r,this.fieldName=`_${e}`,this.callbackName=`${e}Changed`,this.hasCallback=this.callbackName in t.prototype,s===Us&&r===void 0&&(this.converter=Ks)}setValue(t,e){const i=t[this.fieldName],s=this.converter;s!==void 0&&(e=s.fromView(e)),i!==e&&(t[this.fieldName]=e,this.tryReflectToAttribute(t),this.hasCallback&&t[this.callbackName](i,e),t.$fastController.notify(this.name))}getValue(t){return k.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,i=this.guards;i.has(t)||e==="fromView"||mt.enqueue(()=>{i.add(t);const s=t[this.fieldName];switch(e){case Xs:const r=this.converter;Le.setAttribute(t,this.attribute,r!==void 0?r.toView(s):s);break;case Us:Le.setBooleanAttribute(t,this.attribute,s);break}i.delete(t)})}static collect(t,...e){const i=[];e.push(Po.locate(t));for(let s=0,r=e.length;s<r;++s){const n=e[s];if(n!==void 0)for(let c=0,h=n.length;c<h;++c){const d=n[c];zt(d)?i.push(new pi(t,d)):i.push(new pi(t,d.property,d.attribute,d.mode,d.converter))}}return i}}function a(o,t){let e;function i(s,r){arguments.length>1&&(e.property=r),Po.locate(s.constructor).push(e)}if(arguments.length>1){e={},i(o,t);return}return e=o===void 0?{}:o,i}const Qs={mode:"open"},Zs={},Js=new Set,Bo=W.getById(ve.elementRegistry,()=>mi());class Bt{constructor(t,e=t.definition){var i;this.platformDefined=!1,zt(e)&&(e={name:e}),this.type=t,this.name=e.name,this.template=e.template,this.registry=(i=e.registry)!==null&&i!==void 0?i:customElements;const s=t.prototype,r=pi.collect(t,e.attributes),n=new Array(r.length),c={},h={};for(let d=0,l=r.length;d<l;++d){const u=r[d];n[d]=u.attribute,c[u.name]=u,h[u.attribute]=u,k.defineProperty(s,u)}Reflect.defineProperty(t,"observedAttributes",{value:n,enumerable:!0}),this.attributes=r,this.propertyLookup=c,this.attributeLookup=h,this.shadowOptions=e.shadowOptions===void 0?Qs:e.shadowOptions===null?void 0:Object.assign(Object.assign({},Qs),e.shadowOptions),this.elementOptions=e.elementOptions===void 0?Zs:Object.assign(Object.assign({},Zs),e.elementOptions),this.styles=st.normalize(e.styles),Bo.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 Js.has(t)||Bo.getByType(t)?new Bt(class extends t{},e):new Bt(t,e)}static registerBaseType(t){Js.add(t)}}Bt.getByType=Bo.getByType,Bt.getForInstance=Bo.getForInstance;const ua={bubbles:!0,composed:!0,cancelable:!0},Ti="isConnected",tr=new WeakMap;function zo(o){var t,e;return(e=(t=o.shadowRoot)!==null&&t!==void 0?t:tr.get(o))!==null&&e!==void 0?e:null}let er;class To extends ws{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 i=e.shadowOptions;if(i!==void 0){let r=t.shadowRoot;r?this.hasExistingShadowRoot=!0:(r=t.attachShadow(i),i.mode==="closed"&&tr.set(t,r))}const s=k.getAccessors(t);if(s.length>0){const r=this.boundObservables=Object.create(null);for(let n=0,c=s.length;n<c;++n){const h=s[n].name,d=t[h];d!==void 0&&(delete t[h],r[h]=d)}}}get isConnected(){return k.track(this,Ti),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:Ye.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,i;const s=(e=this.behaviors)!==null&&e!==void 0?e:this.behaviors=new Map,r=(i=s.get(t))!==null&&i!==void 0?i:0;r===0?(s.set(t,1),t.addedCallback&&t.addedCallback(this),t.connectedCallback&&!this.guardBehaviorConnection&&(this.stage===1||this.stage===0)&&t.connectedCallback(this)):s.set(t,r+1)}removeBehavior(t,e=!1){const i=this.behaviors;if(i===null)return;const s=i.get(t);s!==void 0&&(s===1||e?(i.delete(t),t.disconnectedCallback&&this.stage!==3&&t.disconnectedCallback(this),t.removedCallback&&t.removedCallback(this)):i.set(t,s-1))}addStyles(t){var e;if(!t)return;const i=this.source;if(t instanceof HTMLElement)((e=zo(i))!==null&&e!==void 0?e:this.source).append(t);else if(!t.isAttachedTo(i)){const s=t.behaviors;if(t.addStylesTo(i),s!==null)for(let r=0,n=s.length;r<n;++r)this.addBehavior(s[r])}}removeStyles(t){var e;if(!t)return;const i=this.source;if(t instanceof HTMLElement)((e=zo(i))!==null&&e!==void 0?e:i).removeChild(t);else if(t.isAttachedTo(i)){const s=t.behaviors;if(t.removeStylesFrom(i),s!==null)for(let r=0,n=s.length;r<n;++r)this.removeBehavior(s[r])}}connect(){if(this.stage!==3)return;if(this.stage=0,this.boundObservables!==null){const e=this.source,i=this.boundObservables,s=Object.keys(i);for(let r=0,n=s.length;r<n;++r){const c=s[r];e[c]=i[c]}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,k.notify(this,Ti)}disconnect(){if(this.stage!==1)return;this.stage=2,k.notify(this,Ti),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,i){const s=this.definition.attributeLookup[t];s!==void 0&&s.onAttributeChangedCallback(this.source,i)}emit(t,e,i){return this.stage===1?this.source.dispatchEvent(new CustomEvent(t,Object.assign(Object.assign({detail:e},ua),i))):!1}renderTemplate(t){var e;const i=this.source,s=(e=zo(i))!==null&&e!==void 0?e:i;if(this.view!==null)this.view.dispose(),this.view=null;else if(!this.needsInitialization||this.hasExistingShadowRoot){this.hasExistingShadowRoot=!1;for(let r=s.firstChild;r!==null;r=s.firstChild)s.removeChild(r)}t&&(this.view=t.render(i,s,i),this.view.sourceLifetime=$i.coupled)}static forCustomElement(t){const e=t.$fastController;if(e!==void 0)return e;const i=Bt.getForInstance(t);if(i===void 0)throw W.error(1401);return t.$fastController=new er(t,i)}static setStrategy(t){er=t}}Ee(To),To.setStrategy(To);function Fo(o){var t;return"adoptedStyleSheets"in o?o:(t=zo(o))!==null&&t!==void 0?t:o.getRootNode()}class fi{constructor(t){const e=fi.styleSheetCache;this.sheets=t.map(i=>{if(i instanceof CSSStyleSheet)return i;let s=e.get(i);return s===void 0&&(s=new CSSStyleSheet,s.replaceSync(i),e.set(i,s)),s})}addStylesTo(t){ir(Fo(t),this.sheets)}removeStylesFrom(t){sr(Fo(t),this.sheets)}}fi.styleSheetCache=new Map;let pa=0;const fa=()=>`fast-${++pa}`;function or(o){return o===document?document.body:o}class ga{constructor(t){this.styles=t,this.styleClass=fa()}addStylesTo(t){t=or(Fo(t));const e=this.styles,i=this.styleClass;for(let s=0;s<e.length;s++){const r=document.createElement("style");r.innerHTML=e[s],r.className=i,t.append(r)}}removeStylesFrom(t){t=or(Fo(t));const e=t.querySelectorAll(`.${this.styleClass}`);for(let i=0,s=e.length;i<s;++i)t.removeChild(e[i])}}let ir=(o,t)=>{o.adoptedStyleSheets=[...o.adoptedStyleSheets,...t]},sr=(o,t)=>{o.adoptedStyleSheets=o.adoptedStyleSheets.filter(e=>t.indexOf(e)===-1)};if(st.supportsAdoptedStyleSheets){try{document.adoptedStyleSheets.push(),document.adoptedStyleSheets.splice(),ir=(o,t)=>{o.adoptedStyleSheets.push(...t)},sr=(o,t)=>{for(const e of t){const i=o.adoptedStyleSheets.indexOf(e);i!==-1&&o.adoptedStyleSheets.splice(i,1)}}}catch{}st.setDefaultStrategy(fi)}else st.setDefaultStrategy(ga);function rr(o){const t=class extends o{constructor(){super(),To.forCustomElement(this)}$emit(e,i,s){return this.$fastController.emit(e,i,s)}connectedCallback(){this.$fastController.connect()}disconnectedCallback(){this.$fastController.disconnect()}attributeChangedCallback(e,i,s){this.$fastController.onAttributeChangedCallback(e,i,s)}};return Bt.registerBaseType(t),t}function ba(o,t){return re(o)?Bt.compose(o,t):Bt.compose(this,o)}function ma(o,t){return re(o)?Bt.compose(o,t).define().type:Bt.compose(this,o).define().type}function va(o){return rr(o)}const S=Object.assign(rr(HTMLElement),{from:va,define:ma,compose:ba}),J={horizontal:"horizontal",vertical:"vertical"};function nr(...o){return o.every(t=>t instanceof HTMLElement)}const _e="ArrowDown",Re="ArrowLeft",De="ArrowRight",He="ArrowUp",Oo="End",Ve="Enter",ar="Escape",Ao="Home",Eo=" ",$a="Tab",ya={ArrowDown:_e,ArrowLeft:Re,ArrowRight:De,ArrowUp:He};var gt;(function(o){o.ltr="ltr",o.rtl="rtl"})(gt||(gt={}));function xa(o,t,e){return e<o?t:e>t?o:e}function Fi(o,t,e){return Math.min(Math.max(e,o),t)}let ka=0;function Oi(o=""){return`${o}${ka++}`}var wa=Object.defineProperty,Ca=Object.getOwnPropertyDescriptor,H=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ca(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&wa(t,e,s),s};class V{}H([a({attribute:"aria-atomic"})],V.prototype,"ariaAtomic",2),H([a({attribute:"aria-busy"})],V.prototype,"ariaBusy",2),H([a({attribute:"aria-controls"})],V.prototype,"ariaControls",2),H([a({attribute:"aria-current"})],V.prototype,"ariaCurrent",2),H([a({attribute:"aria-describedby"})],V.prototype,"ariaDescribedby",2),H([a({attribute:"aria-details"})],V.prototype,"ariaDetails",2),H([a({attribute:"aria-disabled"})],V.prototype,"ariaDisabled",2),H([a({attribute:"aria-errormessage"})],V.prototype,"ariaErrormessage",2),H([a({attribute:"aria-flowto"})],V.prototype,"ariaFlowto",2),H([a({attribute:"aria-haspopup"})],V.prototype,"ariaHaspopup",2),H([a({attribute:"aria-hidden"})],V.prototype,"ariaHidden",2),H([a({attribute:"aria-invalid"})],V.prototype,"ariaInvalid",2),H([a({attribute:"aria-keyshortcuts"})],V.prototype,"ariaKeyshortcuts",2),H([a({attribute:"aria-label"})],V.prototype,"ariaLabel",2),H([a({attribute:"aria-labelledby"})],V.prototype,"ariaLabelledby",2),H([a({attribute:"aria-live"})],V.prototype,"ariaLive",2),H([a({attribute:"aria-owns"})],V.prototype,"ariaOwns",2),H([a({attribute:"aria-relevant"})],V.prototype,"ariaRelevant",2),H([a({attribute:"aria-roledescription"})],V.prototype,"ariaRoledescription",2);const lr=o=>o.closest("[dir]")?.dir==="rtl"?gt.rtl:gt.ltr;function at(o){return o?typeof o=="string"?new $e(o):"inline"in o?o.inline():o:$e.empty}const cr=o=>o.nodeType!==Node.TEXT_NODE||!!o.nodeValue?.trim().length,Sa=":host([hidden]){display:none}";function z(o){return`${Sa}:host{display:${o}}`}class Ia{constructor(t){this.listenerCache=new WeakMap,this.query=t}connectedCallback(t){const{query:e}=this;let i=this.listenerCache.get(t);i||(i=this.constructListener(t),this.listenerCache.set(t,i)),i.bind(e)(),e.addEventListener("change",i)}disconnectedCallback(t){const e=this.listenerCache.get(t);e&&this.query.removeEventListener("change",e)}}class yo extends Ia{constructor(t,e){super(t),this.styles=e}static with(t){return e=>new yo(t,e)}constructListener(t){let e=!1;const i=this.styles;return function(){const{matches:r}=this;r&&!e?(t.addStyles(i),e=r):!r&&e&&(t.removeStyles(i),e=r)}}removedCallback(t){t.removeStyles(this.styles)}}const lt=yo.with(window.matchMedia("(forced-colors)"));yo.with(window.matchMedia("(prefers-color-scheme: dark)")),yo.with(window.matchMedia("(prefers-color-scheme: light)"));class Wt{}function Gt(o){return v`<slot name="end" ${$t("end")}>${at(o.end)}</slot>`.inline()}function Ut(o){return v`<slot name="start" ${$t("start")}>${at(o.start)}</slot>`.inline()}function Xt(o,...t){const e=Po.locate(o);t.forEach(i=>{Object.getOwnPropertyNames(i.prototype).forEach(r=>{r!=="constructor"&&Object.defineProperty(o.prototype,r,Object.getOwnPropertyDescriptor(i.prototype,r))}),Po.locate(i).forEach(r=>e.push(r))})}var Pa=Object.defineProperty,Ba=Object.getOwnPropertyDescriptor,xe=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ba(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Pa(t,e,s),s};class tt extends S{constructor(){super(...arguments),this.headinglevel=2,this.expanded=!1,this.disabled=!1,this.id=Oi("accordion-"),this.block=!1,this.clickHandler=t=>{this.disabled||this.$emit("click",t)}}}xe([a({attribute:"heading-level",mode:"fromView",converter:nt})],tt.prototype,"headinglevel",2),xe([a({mode:"boolean"})],tt.prototype,"expanded",2),xe([a({mode:"boolean"})],tt.prototype,"disabled",2),xe([a],tt.prototype,"id",2),xe([a],tt.prototype,"size",2),xe([a({mode:"boolean"})],tt.prototype,"block",2),xe([a({attribute:"expand-icon-position"})],tt.prototype,"expandIconPosition",2),Xt(tt,Wt);const M="var(--colorNeutralForeground1)",dr="var(--colorNeutralForeground1Hover)",za="var(--colorNeutralForeground1Pressed)",Ft="var(--colorNeutralForeground2)",Lo="var(--colorNeutralForeground2Hover)",Mo="var(--colorNeutralForeground2Pressed)",Ta="var(--colorNeutralForeground2Selected)",_o="var(--colorNeutralForeground2BrandHover)",Ro="var(--colorNeutralForeground2BrandPressed)",Fa="var(--colorNeutralForeground2BrandSelected)",et="var(--colorNeutralForeground3)",Oa="var(--colorNeutralForeground3Hover)",Aa="var(--colorNeutralForeground3Pressed)",Ea="var(--colorNeutralForeground4)",C="var(--colorNeutralForegroundDisabled)",La="var(--colorBrandForegroundLink)",Ma="var(--colorBrandForegroundLinkHover)",_a="var(--colorBrandForegroundLinkPressed)",Ra="var(--colorNeutralForeground2Link)",Da="var(--colorNeutralForeground2LinkHover)",Ha="var(--colorNeutralForeground2LinkPressed)",hr="var(--colorCompoundBrandForeground1)",ur="var(--colorCompoundBrandForeground1Hover)",pr="var(--colorCompoundBrandForeground1Pressed)",Kt="var(--colorNeutralForegroundOnBrand)",Do="var(--colorNeutralForegroundInverted)",Va="var(--colorNeutralForegroundInvertedHover)",Na="var(--colorNeutralForegroundInvertedPressed)",fr="var(--colorNeutralForegroundStaticInverted)",Ai="var(--colorBrandForeground1)",ja="var(--colorBrandForeground2)",qa="var(--colorNeutralForeground1Static)",_="var(--colorNeutralBackground1)",Ei="var(--colorNeutralBackground1Hover)",gr="var(--colorNeutralBackground1Pressed)",br="var(--colorNeutralBackground1Selected)",mr="var(--colorNeutralBackground3)",Wa="var(--colorNeutralBackground4)",Ga="var(--colorNeutralBackground5)",Ho="var(--colorNeutralBackground6)",Ua="var(--colorNeutralBackgroundInverted)",Xa="var(--colorSubtleBackground)",Li="var(--colorSubtleBackgroundHover)",Vo="var(--colorSubtleBackgroundPressed)",Ka="var(--colorSubtleBackgroundSelected)",yt="var(--colorTransparentBackground)",Mi="var(--colorTransparentBackgroundHover)",_i="var(--colorTransparentBackgroundPressed)",Ya="var(--colorTransparentBackgroundSelected)",Ze="var(--colorNeutralBackgroundDisabled)",Qa="var(--colorBackgroundOverlay)",Ri="var(--colorBrandBackground)",vr="var(--colorBrandBackgroundHover)",$r="var(--colorBrandBackgroundPressed)",Za="var(--colorBrandBackgroundSelected)",Je="var(--colorCompoundBrandBackground)",to="var(--colorCompoundBrandBackgroundHover)",eo="var(--colorCompoundBrandBackgroundPressed)",yr="var(--colorBrandBackgroundStatic)",Ja="var(--colorBrandBackground2)",Yt="var(--colorNeutralStrokeAccessible)",oo="var(--colorNeutralStrokeAccessibleHover)",io="var(--colorNeutralStrokeAccessiblePressed)",Ne="var(--colorNeutralStroke1)",No="var(--colorNeutralStroke1Hover)",Di="var(--colorNeutralStroke1Pressed)",so="var(--colorNeutralStroke2)",tl="var(--colorNeutralStroke3)",el="var(--colorNeutralStrokeOnBrand2)",xr="var(--colorBrandStroke1)",kr="var(--colorBrandStroke2)",Hi="var(--colorCompoundBrandStroke)",Vi="var(--colorCompoundBrandStrokeHover)",Ni="var(--colorCompoundBrandStrokePressed)",Qt="var(--colorNeutralStrokeDisabled)",Ot="var(--colorTransparentStroke)",wr="var(--colorTransparentStrokeInteractive)",jo="var(--colorStrokeFocus1)",Zt="var(--colorStrokeFocus2)",ol="var(--colorPaletteRedBackground1)",il="var(--colorPaletteRedBackground2)",Cr="var(--colorPaletteRedBackground3)",sl="var(--colorPaletteRedBorder1)",rl="var(--colorPaletteRedBorder2)",Sr="var(--colorPaletteRedForeground1)",nl="var(--colorPaletteRedForeground2)",Ir="var(--colorPaletteRedForeground3)",al="var(--colorPaletteGreenBackground1)",Pr="var(--colorPaletteGreenBackground3)",ll="var(--colorPaletteGreenBorder2)",cl="var(--colorPaletteGreenForeground1)",dl="var(--colorPaletteGreenForeground2)",hl="var(--colorPaletteGreenForeground3)",ul="var(--colorPaletteDarkOrangeBackground1)",Br="var(--colorPaletteDarkOrangeBackground3)",pl="var(--colorPaletteDarkOrangeBorder1)",fl="var(--colorPaletteDarkOrangeForeground1)",zr="var(--colorPaletteDarkOrangeForeground3)",gl="var(--colorPaletteYellowBackground1)",bl="var(--colorPaletteYellowBackground3)",ml="var(--colorPaletteYellowBorder1)",ji="var(--colorPaletteYellowForeground2)",vl="var(--colorPaletteMarigoldBackground2)",$l="var(--colorPaletteMarigoldForeground2)",yl="var(--colorPaletteAnchorBackground2)",xl="var(--colorPaletteAnchorForeground2)",kl="var(--colorPaletteBeigeBackground2)",wl="var(--colorPaletteBeigeForeground2)",Cl="var(--colorPaletteBlueBackground2)",Sl="var(--colorPaletteBlueForeground2)",Il="var(--colorPaletteBrassBackground2)",Pl="var(--colorPaletteBrassForeground2)",Bl="var(--colorPaletteBrownBackground2)",zl="var(--colorPaletteBrownForeground2)",Tl="var(--colorPaletteCornflowerBackground2)",Fl="var(--colorPaletteCornflowerForeground2)",Ol="var(--colorPaletteCranberryBackground2)",Al="var(--colorPaletteCranberryForeground2)",El="var(--colorPaletteDarkGreenBackground2)",Ll="var(--colorPaletteDarkGreenForeground2)",Ml="var(--colorPaletteDarkRedBackground2)",_l="var(--colorPaletteDarkRedForeground2)",Rl="var(--colorPaletteForestBackground2)",Dl="var(--colorPaletteForestForeground2)",Hl="var(--colorPaletteGoldBackground2)",Vl="var(--colorPaletteGoldForeground2)",Nl="var(--colorPaletteGrapeBackground2)",jl="var(--colorPaletteGrapeForeground2)",ql="var(--colorPaletteLavenderBackground2)",Wl="var(--colorPaletteLavenderForeground2)",Gl="var(--colorPaletteLightTealBackground2)",Ul="var(--colorPaletteLightTealForeground2)",Xl="var(--colorPaletteLilacBackground2)",Kl="var(--colorPaletteLilacForeground2)",Yl="var(--colorPaletteMagentaBackground2)",Ql="var(--colorPaletteMagentaForeground2)",Zl="var(--colorPaletteMinkBackground2)",Jl="var(--colorPaletteMinkForeground2)",tc="var(--colorPaletteNavyBackground2)",ec="var(--colorPaletteNavyForeground2)",oc="var(--colorPalettePeachBackground2)",ic="var(--colorPalettePeachForeground2)",sc="var(--colorPalettePinkBackground2)",rc="var(--colorPalettePinkForeground2)",nc="var(--colorPalettePlatinumBackground2)",ac="var(--colorPalettePlatinumForeground2)",lc="var(--colorPalettePlumBackground2)",cc="var(--colorPalettePlumForeground2)",dc="var(--colorPalettePumpkinBackground2)",hc="var(--colorPalettePumpkinForeground2)",uc="var(--colorPalettePurpleBackground2)",pc="var(--colorPalettePurpleForeground2)",fc="var(--colorPaletteRoyalBlueBackground2)",gc="var(--colorPaletteRoyalBlueForeground2)",bc="var(--colorPaletteSeafoamBackground2)",mc="var(--colorPaletteSeafoamForeground2)",vc="var(--colorPaletteSteelBackground2)",$c="var(--colorPaletteSteelForeground2)",yc="var(--colorPaletteTealBackground2)",xc="var(--colorPaletteTealForeground2)",qi="var(--borderRadiusNone)",xt="var(--borderRadiusSmall)",L="var(--borderRadiusMedium)",Tr="var(--borderRadiusLarge)",Fr="var(--borderRadiusXLarge)",ct="var(--borderRadiusCircular)",y="var(--fontFamilyBase)",kc="var(--fontFamilyMonospace)",wc="var(--fontFamilyNumeric)",ro="var(--fontSizeBase100)",G="var(--fontSizeBase200)",O="var(--fontSizeBase300)",dt="var(--fontSizeBase400)",ke="var(--fontSizeBase500)",qo="var(--fontSizeBase600)",Or="var(--fontSizeHero700)",Ar="var(--fontSizeHero800)",Er="var(--fontSizeHero900)",Lr="var(--fontSizeHero1000)",A="var(--fontWeightRegular)",Cc="var(--fontWeightMedium)",N="var(--fontWeightSemibold)",Wo="var(--fontWeightBold)",Go="var(--lineHeightBase100)",ht="var(--lineHeightBase200)",R="var(--lineHeightBase300)",kt="var(--lineHeightBase400)",Uo="var(--lineHeightBase500)",Mr="var(--lineHeightBase600)",_r="var(--lineHeightHero700)",Rr="var(--lineHeightHero800)",Dr="var(--lineHeightHero900)",Hr="var(--lineHeightHero1000)",Vr="var(--shadow2)",Xo="var(--shadow4)",Sc="var(--shadow8)",Nr="var(--shadow16)",Ic="var(--shadow28)",Pc="var(--shadow64)",Y="var(--strokeWidthThin)",we="var(--strokeWidthThick)",ne="var(--strokeWidthThicker)",jr="var(--strokeWidthThickest)",Ce="var(--spacingHorizontalXXS)",Jt="var(--spacingHorizontalXS)",Se="var(--spacingHorizontalSNudge)",At="var(--spacingHorizontalS)",te="var(--spacingHorizontalMNudge)",ae="var(--spacingHorizontalM)",Bc="var(--spacingHorizontalL)",zc="var(--spacingHorizontalXXL)",Ko="var(--spacingVerticalXXS)",Tc="var(--spacingVerticalXS)",no="var(--spacingVerticalSNudge)",U="var(--spacingVerticalS)",qr="var(--spacingVerticalMNudge)",Wr="var(--spacingVerticalL)",ao="var(--spacingVerticalXXL)",Fc="var(--durationUltraFast)",Wi="var(--durationFaster)",Gr="var(--durationNormal)",Oc="var(--durationGentle)",Ac="var(--durationSlow)",Ur="var(--durationSlower)",Yo="var(--durationUltraSlow)",Ec="var(--curveAccelerateMax)",Gi="var(--curveAccelerateMid)",Lc="var(--curveAccelerateMin)",Xr="var(--curveDecelerateMax)",Ui="var(--curveDecelerateMid)",Mc="var(--curveDecelerateMin)",_c="var(--curveEasyEaseMax)",Xi="var(--curveEasyEase)",Kr="var(--curveLinear)",Rc=p`
|
|
2
2
|
${z("block")}
|
|
3
3
|
|
|
4
|
-
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;vertical-align:middle;padding-inline:${
|
|
4
|
+
:host{max-width:fit-content;contain:content}.heading{height:44px;display:grid;position:relative;vertical-align:middle;padding-inline:${ae} ${te};border-radius:${L};font-family:${y};font-size:${O};font-weight:${A};line-height:${R};grid-template-columns:auto auto 1fr auto}.heading-content{height:100%;display:flex;align-items:center}.button{box-sizing:border-box;appearance:none;border:none;outline:none;text-align:start;cursor:pointer;font-family:inherit;height:44px;color:${M};background:${yt};line-height:${R};height:auto;padding:0;font-size:inherit;grid-column:auto / span 2;grid-row:1}.button::before{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${xt}}.icon{display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;padding-right:${At};grid-column:1 / span 1;grid-row:1}.region{margin:0 ${ae}}::slotted([slot='start']),::slotted([slot='end']){justify-content:center;align-items:center;padding-right:${At};grid-column:2 / span 1;grid-row:1 / span 1}button:focus-visible::after{content:'';position:absolute;inset:0px;cursor:pointer;border-radius:${xt};outline:none;border:2px solid ${jo};box-shadow:inset 0 0 0 1px ${Zt}}:host([disabled]) .button{color:${C}}:host([disabled]) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg) brightness(88%) contrast(87%)}:host([expanded]) .region{display:block}:host([expanded]) .default-collapsed-icon,:host([expanded]) ::slotted([slot='collapsed-icon']),:host(:not([expanded])) .default-expanded-icon,:host(:not([expanded])) ::slotted([slot='expanded-icon']),:host([expanded]) ::slotted([slot='end']),::slotted([slot='start']),.region{display:none}:host([expanded]) ::slotted([slot='start']),:host([expanded]) ::slotted([slot='expanded-icon']),:host(:not([expanded])) ::slotted([slot='collapsed-icon']),::slotted([slot='end']){display:flex}.heading{font-size:${O};line-height:${R}}:host([size='small']) .heading{font-size:${G};line-height:${ht}}:host([size='large']) .heading{font-size:${dt};line-height:${kt}}:host([size='extra-large']) .heading{font-size:${ke};line-height:${Uo}}:host([expand-icon-position='end']) :slotted(span[slot='start']),:host([expand-icon-position='end']) ::slotted(span[slot='end']){grid-column:1 / span 1;grid-row:1}:host([expand-icon-position='end']) ::slotted(span[slot='start']),:host([expand-icon-position='end']) ::slotted(span[slot='end']){grid-column:1 / span 1;grid-row:1}:host([expand-icon-position='end']) .icon{grid-column:4 / span 1;grid-row:1;display:flex;padding-left:10px;padding-right:0}:host([expand-icon-position='end']) .button{grid-column:2 / span 3;grid-row:1}:host([block]){max-width:100%}:host([expand-icon-position='end']) .heading{grid-template-columns:auto auto 28px}:host([expand-icon-position='end']) .icon{grid-column:5 / span 1}:host([block][expand-icon-position='end']) .heading{grid-template-columns:auto 1fr}:host([block][expand-icon-position='end']) .icon{grid-column:5 / span 1}`,Dc=v.partial(`<svg
|
|
5
5
|
width="20"
|
|
6
6
|
height="20"
|
|
7
7
|
viewBox="0 0 20 20"
|
|
@@ -13,7 +13,7 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
13
13
|
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"
|
|
14
14
|
fill="currentColor"
|
|
15
15
|
/>
|
|
16
|
-
</svg>`),
|
|
16
|
+
</svg>`),Hc=v.partial(`<svg
|
|
17
17
|
width="20"
|
|
18
18
|
height="20"
|
|
19
19
|
viewBox="0 0 20 20"
|
|
@@ -25,19 +25,19 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
25
25
|
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"
|
|
26
26
|
fill="currentColor"
|
|
27
27
|
/>
|
|
28
|
-
</svg>`);function
|
|
28
|
+
</svg>`);function Vc(o={}){return v`<div class="heading" part="heading" role="heading" aria-level="${t=>t.headinglevel}"><button class="button" part="button" ${$t("expandbutton")} ?disabled="${t=>t.disabled?"true":void 0}" aria-expanded="${t=>t.expanded}" aria-controls="${t=>t.id}-panel" id="${t=>t.id}" @click="${(t,e)=>t.clickHandler(e.event)}"><span class="heading-content" part="heading-content"><slot name="heading"></slot></span></button>${Ut(o)} ${Gt(o)}<span class="icon" part="icon" aria-hidden="true"><slot name="expanded-icon">${at(o.expandedIcon)}</slot><slot name="collapsed-icon">${at(o.collapsedIcon)}</slot><span></div><div class="region" part="region" id="${t=>t.id}-panel" role="region" aria-labelledby="${t=>t.id}"><slot></slot></div>`}const Nc=Vc({collapsedIcon:Dc,expandedIcon:Hc}),jc=tt.compose({name:`${b.prefix}-accordion-item`,template:Nc,styles:Rc});jc.define(b.registry);const Ki={single:"single",multi:"multi"};var qc=Object.defineProperty,Wc=Object.getOwnPropertyDescriptor,Yr=(o,t,e,i)=>{for(var s=i>1?void 0:i?Wc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&qc(t,e,s),s};class Yi extends S{constructor(){super(...arguments),this.expandmode=Ki.multi,this.activeItemIndex=0,this.change=()=>{this.$emit("change",this.activeid)},this.setItems=()=>{if(this.slottedAccordionItems.length===0)return;const t=Array.from(this.children);if(this.removeItemListeners(t),t.forEach(e=>k.getNotifier(e).subscribe(this,"disabled")),this.accordionItems=t.filter(e=>!e.hasAttribute("disabled")),this.accordionIds=this.getItemIds(),this.accordionItems.forEach((e,i)=>{e instanceof tt&&(e.addEventListener("click",this.activeItemChange),e.addEventListener("keydown",this.handleItemKeyDown),e.addEventListener("focus",this.handleItemFocus),k.getNotifier(e).subscribe(this,"expanded"));const s=this.accordionIds[i];e.setAttribute("id",typeof s!="string"?`accordion-${i+1}`:s),this.activeid=this.accordionIds[this.activeItemIndex]}),this.isSingleExpandMode()){const e=this.findExpandedItem();this.setSingleExpandMode(e)}},this.removeItemListeners=t=>{t.forEach((e,i)=>{k.getNotifier(e).unsubscribe(this,"disabled"),k.getNotifier(e).unsubscribe(this,"expanded"),e.removeEventListener("click",this.activeItemChange),e.removeEventListener("keydown",this.handleItemKeyDown),e.removeEventListener("focus",this.handleItemFocus)})},this.activeItemChange=t=>{t.defaultPrevented||t.target!==t.currentTarget||(t.preventDefault(),this.handleExpandedChange(t.target))},this.handleExpandedChange=t=>{t instanceof tt&&(this.activeid=t.getAttribute("id"),this.isSingleExpandMode()?this.setSingleExpandMode(t):(t.expanded=!t.expanded,this.activeItemIndex=this.accordionItems.indexOf(t)),this.change())},this.handleItemKeyDown=t=>{if(t.target===t.currentTarget)switch(this.accordionIds=this.getItemIds(),t.key){case He:t.preventDefault(),this.adjust(-1);break;case _e:t.preventDefault(),this.adjust(1);break;case Ao:this.activeItemIndex=0,this.focusItem();break;case Oo:this.activeItemIndex=this.accordionItems.length-1,this.focusItem();break}},this.handleItemFocus=t=>{if(t.target===t.currentTarget){const e=t.target,i=this.activeItemIndex=Array.from(this.accordionItems).indexOf(e);this.activeItemIndex!==i&&i!==-1&&(this.activeItemIndex=i,this.activeid=this.accordionIds[this.activeItemIndex])}}}expandmodeChanged(t,e){if(!this.$fastController.isConnected)return;const i=this.findExpandedItem();i&&(e!==Ki.single?i?.expandbutton.removeAttribute("aria-disabled"):this.setSingleExpandMode(i))}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 tt&&t.expanded)??this.accordionItems[0]}setSingleExpandMode(t){if(this.accordionItems.length===0)return;const e=Array.from(this.accordionItems);this.activeItemIndex=e.indexOf(t),e.forEach((i,s)=>{i instanceof tt&&(this.activeItemIndex===s?(i.expanded=!0,i.expandbutton.setAttribute("aria-disabled","true")):(i.expanded=!1,i.hasAttribute("disabled")||i.expandbutton.removeAttribute("aria-disabled")))})}getItemIds(){return this.slottedAccordionItems.map(t=>t.id)}isSingleExpandMode(){return this.expandmode===Ki.single}adjust(t){this.activeItemIndex=xa(0,this.accordionItems.length-1,this.activeItemIndex+t),this.focusItem()}focusItem(){const t=this.accordionItems[this.activeItemIndex];t instanceof tt&&t.expandbutton.focus()}}Yr([a({attribute:"expand-mode"})],Yi.prototype,"expandmode",2),Yr([$],Yi.prototype,"slottedAccordionItems",2);const Gc=p`
|
|
29
29
|
${z("flex")}
|
|
30
30
|
|
|
31
|
-
:host{flex-direction:column;width:100%;contain:content}`;function
|
|
31
|
+
:host{flex-direction:column;width:100%;contain:content}`;function Uc(){return v`<template><slot ${rt({property:"slottedAccordionItems",filter:ye()})}></slot></template>`}const Xc=Uc(),Kc=Yi.compose({name:`${b.prefix}-accordion`,template:Xc,styles:Gc});Kc.define(b.registry);const Qo={submit:"submit",reset:"reset",button:"button"},Yc={download:"download",href:"href",hreflang:"hreflang",ping:"ping",referrerpolicy:"referrerpolicy",rel:"rel",target:"target",type:"type"};var Qc=Object.defineProperty,Zc=Object.getOwnPropertyDescriptor,bt=(o,t,e,i)=>{for(var s=i>1?void 0:i?Zc(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Qc(t,e,s),s};class Et extends S{constructor(){super(),this.elementInternals=this.attachInternals(),this.internalProxyAnchor=this.createProxyElement(),this.elementInternals.role="link"}connectedCallback(){super.connectedCallback(),k.getNotifier(this).subscribe(this),Object.keys(this.$fastController.definition.attributeLookup).forEach(t=>{this.handleChange(this,t)}),this.append(this.internalProxyAnchor)}disconnectedCallback(){super.disconnectedCallback(),k.getNotifier(this).unsubscribe(this)}handleChange(t,e){if(e in Yc){const i=this.$fastController.definition.attributeLookup[e]?.attribute;i&&this.handleProxyAttributeChange(i,this[e])}}clickHandler(){return this.internalProxyAnchor.click(),!0}keypressHandler(t){if(t.key===Ve){this.internalProxyAnchor.click();return}return!0}handleProxyAttributeChange(t,e){e?this.internalProxyAnchor.setAttribute(t,e):this.internalProxyAnchor.removeAttribute(t)}createProxyElement(){const t=this.internalProxyAnchor??document.createElement("a");return t.hidden=!0,t}}bt([a],Et.prototype,"download",2),bt([a],Et.prototype,"href",2),bt([a],Et.prototype,"hreflang",2),bt([a],Et.prototype,"ping",2),bt([a],Et.prototype,"referrerpolicy",2),bt([a],Et.prototype,"rel",2),bt([a],Et.prototype,"target",2),bt([a],Et.prototype,"type",2);class je extends Et{constructor(){super(...arguments),this.iconOnly=!1}}bt([a],je.prototype,"appearance",2),bt([a],je.prototype,"shape",2),bt([a],je.prototype,"size",2),bt([a({attribute:"icon-only",mode:"boolean"})],je.prototype,"iconOnly",2),Xt(je,Wt);const Qr=p`
|
|
32
32
|
${z("inline-flex")}
|
|
33
33
|
|
|
34
|
-
:host{--icon-spacing:${
|
|
35
|
-
${
|
|
34
|
+
:host{--icon-spacing:${Se};contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:32px;outline-style:none;background-color:${_};color:${M};border:${Y} solid ${Ne};padding:0 ${ae};min-width:96px;border-radius:${L};font-size:${O};font-family:${y};font-weight:${N};line-height:${R};transition-duration:${Wi};transition-property:background,border,color;transition-timing-function:${Xi};cursor:pointer;user-select:none}.content{display:inherit}:host(:hover){background-color:${Ei};color:${dr};border-color:${No}}:host(:hover:active){background-color:${gr};border-color:${Di};color:${za};outline-style:none}:host(:focus-visible){border-color:${Ot};outline:${we} solid ${Ot};box-shadow:${Xo},0 0 0 2px ${Zt}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:20px;height:20px;width:20px;fill:currentColor}[slot='start'],::slotted([slot='start']){margin-inline-end:var(--icon-spacing)}[slot='end'],::slotted([slot='end']){margin-inline-start:var(--icon-spacing)}:host([icon-only]){min-width:32px;max-width:32px}:host([size='small']){--icon-spacing:${Jt};min-height:24px;min-width:64px;padding:0 ${At};border-radius:${xt};font-size:${G};line-height:${ht};font-weight:${A}}:host([size='small'][icon-only]){min-width:24px;max-width:24px}:host([size='large']){min-height:40px;border-radius:${Tr};padding:0 ${Bc};font-size:${dt};line-height:${kt}}:host([size='large'][icon-only]){min-width:40px;max-width:40px}:host([size='large']) ::slotted(svg){font-size:24px;height:24px;width:24px}:host([shape='circular']),:host([shape='circular']:focus-visible){border-radius:${ct}}:host([shape='square']),:host([shape='square']:focus-visible){border-radius:${qi}}:host([appearance='primary']){background-color:${Ri};color:${Kt};border-color:transparent}:host([appearance='primary']:hover){background-color:${vr}}:host([appearance='primary']:hover),:host([appearance='primary']:hover:active){border-color:transparent;color:${Kt}}:host([appearance='primary']:hover:active){background-color:${$r}}:host([appearance='primary']:focus-visible){border-color:${Kt};box-shadow:${Vr},0 0 0 2px ${Zt}}:host([appearance='outline']){background-color:${yt}}:host([appearance='outline']:hover){background-color:${Mi}}:host([appearance='outline']:hover:active){background-color:${_i}}:host([appearance='subtle']){background-color:${Xa};color:${Ft};border-color:transparent}:host([appearance='subtle']:hover){background-color:${Li};color:${Lo};border-color:transparent}:host([appearance='subtle']:hover:active){background-color:${Vo};color:${Mo};border-color:transparent}:host([appearance='subtle']:hover) ::slotted(svg){fill:${_o}}:host([appearance='subtle']:hover:active) ::slotted(svg){fill:${Ro}}:host([appearance='transparent']){background-color:${yt};color:${Ft}}:host([appearance='transparent']:hover){background-color:${Mi};color:${_o}}:host([appearance='transparent']:hover:active){background-color:${_i};color:${Ro}}:host([appearance='transparent']),:host([appearance='transparent']:hover),:host([appearance='transparent']:hover:active){border-color:transparent}`,Zo=p`
|
|
35
|
+
${Qr}
|
|
36
36
|
|
|
37
|
-
: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:${
|
|
38
|
-
:host{background:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight}`)),
|
|
39
|
-
:host{border-color:LinkText;color:LinkText}`));function
|
|
40
|
-
${z("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${y};font-weight:${N};font-size:${O};border-radius:${
|
|
37
|
+
: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:${Qt};color:${C};cursor:not-allowed}:host(:is([disabled][appearance='primary'],[disabled-focusable][appearance='primary'])),:host(:is([disabled][appearance='primary'],[disabled-focusable][appearance='primary']):hover),:host(:is([disabled][appearance='primary'],[disabled-focusable][appearance='primary']):hover:active){border-color:transparent}:host(:is([disabled][appearance='outline'],[disabled-focusable][appearance='outline'])),:host(:is([disabled][appearance='outline'],[disabled-focusable][appearance='outline']):hover),:host(:is([disabled][appearance='outline'],[disabled-focusable][appearance='outline']):hover:active){background-color:${yt}}:host(:is([disabled][appearance='subtle'],[disabled-focusable][appearance='subtle'])),:host(:is([disabled][appearance='subtle'],[disabled-focusable][appearance='subtle']):hover),:host(:is([disabled][appearance='subtle'],[disabled-focusable][appearance='subtle']):hover:active){background-color:${yt};border-color:transparent}:host(:is([disabled][appearance='transparent'],[disabled-focusable][appearance='transparent'])),:host(:is([disabled][appearance='transparent'],[disabled-focusable][appearance='transparent']):hover),:host(:is([disabled][appearance='transparent'],[disabled-focusable][appearance='transparent']):hover:active){border-color:transparent;background-color:${yt}}`.withBehaviors(lt(p`
|
|
38
|
+
:host{background:ButtonFace;color:ButtonText}:host(:is(:hover,:focus-visible)){border-color:Highlight}`)),Jc=Qr.withBehaviors(lt(p`
|
|
39
|
+
:host{border-color:LinkText;color:LinkText}`));function td(o={}){return v`<template tabindex="0" @click="${t=>t.clickHandler()}" @keypress="${(t,e)=>t.keypressHandler(e.event)}">${Ut(o)}<span class="content" part="content"><slot></slot></span>${Gt(o)}</template>`}const ed=td(),od=je.compose({name:`${b.prefix}-anchor-button`,template:ed,styles:Jc});od.define(b.registry);const id=/[\(\[\{][^\)\]\}]*[\)\]\}]/g,sd=/[\0-\u001F\!-/:-@\[-`\{-\u00BF\u0250-\u036F\uD800-\uFFFF]/g,rd=/^\d+[\d\s]*(:?ext|x|)\s*\d+$/i,nd=/\s+/g,ad=/[\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 ld(o,t,e){let i="";const s=o.split(" ");return s.length!==0&&(i+=s[0].charAt(0).toUpperCase()),e||(s.length===2?i+=s[1].charAt(0).toUpperCase():s.length===3&&(i+=s[2].charAt(0).toUpperCase())),t&&i.length>1?i.charAt(1)+i.charAt(0):i}function cd(o){return o=o.replace(id,""),o=o.replace(sd,""),o=o.replace(nd," "),o=o.trim(),o}function dd(o,t,e){return!o||(o=cd(o),ad.test(o)||!e?.allowPhoneInitials&&rd.test(o))?"":ld(o,t,e?.firstInitialOnly)}const hd=CSS.supports("selector(:state(g))");function Lt(o,t,e){if(!hd){o.shadowRoot.host.toggleAttribute(`state--${t}`,e);return}if(e=e??!o.states.has(t),e){o.states.add(t);return}o.states.delete(t)}const 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 ud=Object.defineProperty,pd=Object.getOwnPropertyDescriptor,le=(o,t,e,i)=>{for(var s=i>1?void 0:i?pd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&ud(t,e,s),s};const Mt=class hs extends S{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="img"}connectedCallback(){super.connectedCallback(),k.getNotifier(this).subscribe(this),this.generateColor()}disconnectedCallback(){super.disconnectedCallback(),k.getNotifier(this).unsubscribe(this)}handleChange(t,e){switch(e){case"color":case"colorId":this.generateColor();break}}generateColor(){const t=this.color===Jr.colorful,e=this.currentColor;Lt(this.elementInternals,`${e}`,!1),this.currentColor=t&&this.colorId?this.colorId:t?hs.colors[gd(this.name??"")%hs.colors.length]:this.color??Jr.neutral,Lt(this.elementInternals,`${this.currentColor}`,!0)}generateInitials(){if(!this.name&&!this.initials)return;const t=this.size??32;return this.initials??dd(this.name,window.getComputedStyle(this).direction==="rtl",{firstInitialOnly:t<=16})}};Mt.colors=Object.values(Zr),le([a],Mt.prototype,"name",2),le([a],Mt.prototype,"initials",2),le([a({converter:nt})],Mt.prototype,"size",2),le([a],Mt.prototype,"shape",2),le([a],Mt.prototype,"active",2),le([a],Mt.prototype,"appearance",2),le([a],Mt.prototype,"color",2),le([a({attribute:"color-id"})],Mt.prototype,"colorId",2);let fd=Mt;const gd=o=>{let t=0;for(let e=o.length-1;e>=0;e--){const i=o.charCodeAt(e),s=e%8;t^=(i<<s)+(i>>8-s)}return t},ce={fastOutSlowInMax:Xr,fastOutSlowInMid:Ui,fastOutSlowInMin:Mc,slowOutFastInMax:Ec,slowOutFastInMid:Gi,slowOutFastInMin:Lc,fastEase:_c,normalEase:Xi,nullEasing:Kr},bd=p`
|
|
40
|
+
${z("inline-flex")} :host{position:relative;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;font-family:${y};font-weight:${N};font-size:${O};border-radius:${ct};color:${et};background-color:${Ho};contain:layout style}.default-icon,::slotted(svg){width:20px;height:20px;font-size:20px}::slotted(img){box-sizing:border-box;width:100%;height:100%;border-radius:${ct}}::slotted([slot='badge']){position:absolute;bottom:0;right:0;box-shadow:0 0 0 ${Y}) ${_}}: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 ${we}) ${_}}:host([size='16']),:host([size='20']),:host([size='24']){font-size:${ro};font-weight:${A}}: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:${G}}:host([size='36']){width:36px;height:36px}:host([size='40']){width:40px;height:40px}:host([size='48']),:host([size='56']){font-size:${dt}}:host([size='48']){width:48px;height:48px}:host([size='48']) .default-icon,:host([size='48']) ::slotted(svg){width:24px;height:24px;font-size:24px}:host([size='56']){width:56px;height:56px}:host([size='56']) .default-icon,:host([size='56']) ::slotted(svg){width:28px;height:28px;font-size:28px}:host([size='64']),:host([size='72']),:host([size='96']){font-size:${ke}}: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:${qo}}:host([size='120']){width:120px;height:120px}:host([size='128']){width:128px;height:128px}:host([shape='square']){border-radius:${L}}:host([shape='square'][size='20']),:host([shape='square'][size='24']){border-radius:${xt}}:host([shape='square'][size='56']),:host([shape='square'][size='64']),:host([shape='square'][size='72']){border-radius:${Tr}}:host([shape='square'][size='96']),:host([shape='square'][size='120']),:host([shape='square'][size='128']){border-radius:${Fr}}:host(:is([state--brand],:state(brand))){color:${fr};background-color:${yr}}:host(:is([state--dark-red],:state(dark-red))){color:${_l};background-color:${Ml}}:host(:is([state--cranberry],:state(cranberry))){color:${Al};background-color:${Ol}}:host(:is([state--red],:state(red))){color:${nl};background-color:${il}}:host(:is([state--pumpkin],:state(pumpkin))){color:${hc};background-color:${dc}}:host(:is([state--peach],:state(peach))){color:${ic};background-color:${oc}}:host(:is([state--marigold],:state(marigold))){color:${$l};background-color:${vl}}:host(:is([state--gold],:state(gold))){color:${Vl};background-color:${Hl}}:host(:is([state--brass],:state(brass))){color:${Pl};background-color:${Il}}:host(:is([state--brown],:state(brown))){color:${zl};background-color:${Bl}}:host(:is([state--forest],:state(forest))){color:${Dl};background-color:${Rl}}:host(:is([state--seafoam],:state(seafoam))){color:${mc};background-color:${bc}}:host(:is([state--dark-green],:state(dark-green))){color:${Ll};background-color:${El}}:host(:is([state--light-teal],:state(light-teal))){color:${Ul};background-color:${Gl}}:host(:is([state--teal],:state(teal))){color:${xc};background-color:${yc}}:host(:is([state--steel],:state(steel))){color:${$c};background-color:${vc}}:host(:is([state--blue],:state(blue))){color:${Sl};background-color:${Cl}}:host(:is([state--royal-blue],:state(royal-blue))){color:${gc};background-color:${fc}}:host(:is([state--cornflower],:state(cornflower))){color:${Fl};background-color:${Tl}}:host(:is([state--navy],:state(navy))){color:${ec};background-color:${tc}}:host(:is([state--lavender],:state(lavender))){color:${Wl};background-color:${ql}}:host(:is([state--purple],:state(purple))){color:${pc};background-color:${uc}}:host(:is([state--grape],:state(grape))){color:${jl};background-color:${Nl}}:host(:is([state--lilac],:state(lilac))){color:${Kl};background-color:${Xl}}:host(:is([state--pink],:state(pink))){color:${rc};background-color:${sc}}:host(:is([state--magenta],:state(magenta))){color:${Ql};background-color:${Yl}}:host(:is([state--plum],:state(plum))){color:${cc};background-color:${lc}}:host(:is([state--beige],:state(beige))){color:${wl};background-color:${kl}}:host(:is([state--mink],:state(mink))){color:${Jl};background-color:${Zl}}:host(:is([state--platinum],:state(platinum))){color:${ac};background-color:${nc}}:host(:is([state--anchor],:state(anchor))){color:${xl};background-color:${yl}}:host([active]){transform:perspective(1px);transition-property:transform,opacity;transition-duration:${Yo},${Wi};transition-delay:${ce.fastEase},${ce.nullEasing}}:host([active])::before{content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:inherit;transition-property:margin,opacity;transition-duration:${Yo}),${Ur};transition-delay:${ce.fastEase}),${ce.nullEasing})}:host([active])::before{box-shadow:${Sc};border-style:solid;border-color:${yr}}:host([active][appearance='shadow'])::before{border-style:none;border-color:none}:host([active]:not([appearance='shadow']))::before{margin:calc(-2 * ${we});border-width:${we}}:host([size='56'][active]:not([appearance='shadow']))::before,:host([size='64'][active]:not([appearance='shadow']))::before{margin:calc(-2 * ${ne});border-width:${ne}}: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 * ${jr});border-width:${jr}}:host([size='20'][active][appearance])::before,:host([size='24'][active][appearance])::before,:host([size='28'][active][appearance])::before{box-shadow:${Xo}}:host([size='56'][active][appearance])::before,:host([size='64'][active][appearance])::before{box-shadow:${Nr}}: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:${Yo},${Wi};transition-delay:${ce.fastOutSlowInMin},${ce.nullEasing}}:host([active='inactive'])::before{margin:0;opacity:0;transition-property:margin,opacity;transition-duration:${Yo},${Ur};transition-delay:${ce.fastOutSlowInMin},${ce.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}}`,md=v`<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 vd(){return v`<slot>${o=>o.name||o.initials?o.generateInitials():md}</slot><slot name="badge"></slot>`}const $d=vd(),yd=fd.compose({name:`${b.prefix}-avatar`,template:$d,styles:bd});yd.define(b.registry);const xd={filled:"filled",ghost:"ghost",outline:"outline",tint:"tint"},kd={brand:"brand",danger:"danger",important:"important",informative:"informative",severe:"severe",subtle:"subtle",success:"success",warning:"warning"};var wd=Object.defineProperty,Cd=Object.getOwnPropertyDescriptor,Jo=(o,t,e,i)=>{for(var s=i>1?void 0:i?Cd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&wd(t,e,s),s};class qe extends S{constructor(){super(...arguments),this.appearance=xd.filled,this.color=kd.brand}}Jo([a],qe.prototype,"appearance",2),Jo([a],qe.prototype,"color",2),Jo([a],qe.prototype,"shape",2),Jo([a],qe.prototype,"size",2),Xt(qe,Wt);const ti=Ce,tn=p.partial`
|
|
41
41
|
${z("inline-flex")} :host {
|
|
42
42
|
position: relative;
|
|
43
43
|
box-sizing: border-box;
|
|
@@ -46,14 +46,14 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
46
46
|
font-family: ${y};
|
|
47
47
|
font-weight: ${N};
|
|
48
48
|
font-size: ${G};
|
|
49
|
-
line-height: ${
|
|
49
|
+
line-height: ${ht};
|
|
50
50
|
min-width: 20px;
|
|
51
51
|
height: 20px;
|
|
52
|
-
padding-inline: calc(${
|
|
53
|
-
border-radius: ${
|
|
54
|
-
border-color: ${
|
|
52
|
+
padding-inline: calc(${Jt} + ${ti});
|
|
53
|
+
border-radius: ${ct};
|
|
54
|
+
border-color: ${Ot};
|
|
55
55
|
background-color: ${Ri};
|
|
56
|
-
color: ${
|
|
56
|
+
color: ${Kt};
|
|
57
57
|
contain: content;
|
|
58
58
|
}
|
|
59
59
|
|
|
@@ -99,9 +99,9 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
99
99
|
:host([size='small']) {
|
|
100
100
|
min-width: 16px;
|
|
101
101
|
height: 16px;
|
|
102
|
-
font-size: ${
|
|
102
|
+
font-size: ${ro};
|
|
103
103
|
line-height: ${Go};
|
|
104
|
-
padding-inline: calc(${
|
|
104
|
+
padding-inline: calc(${Ce} + ${ti});
|
|
105
105
|
}
|
|
106
106
|
:host([size='small']) ::slotted(svg) {
|
|
107
107
|
font-size: 12px;
|
|
@@ -110,8 +110,8 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
110
110
|
min-width: 24px;
|
|
111
111
|
height: 24px;
|
|
112
112
|
font-size: ${G};
|
|
113
|
-
line-height: ${
|
|
114
|
-
padding-inline: calc(${
|
|
113
|
+
line-height: ${ht};
|
|
114
|
+
padding-inline: calc(${Jt} + ${ti});
|
|
115
115
|
}
|
|
116
116
|
:host([size='large']) ::slotted(svg) {
|
|
117
117
|
font-size: 16px;
|
|
@@ -120,16 +120,16 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
120
120
|
min-width: 32px;
|
|
121
121
|
height: 32px;
|
|
122
122
|
font-size: ${G};
|
|
123
|
-
line-height: ${
|
|
124
|
-
padding-inline: calc(${
|
|
123
|
+
line-height: ${ht};
|
|
124
|
+
padding-inline: calc(${Se} + ${ti});
|
|
125
125
|
}
|
|
126
126
|
:host([size='extra-large']) ::slotted(svg) {
|
|
127
127
|
font-size: 20px;
|
|
128
128
|
}
|
|
129
|
-
`,
|
|
129
|
+
`,on=p.partial`
|
|
130
130
|
:host([color='danger']) {
|
|
131
|
-
background-color: ${
|
|
132
|
-
color: ${
|
|
131
|
+
background-color: ${Cr};
|
|
132
|
+
color: ${Kt};
|
|
133
133
|
}
|
|
134
134
|
|
|
135
135
|
:host([color='important']) {
|
|
@@ -138,13 +138,13 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
138
138
|
}
|
|
139
139
|
|
|
140
140
|
:host([color='informative']) {
|
|
141
|
-
background-color: ${
|
|
142
|
-
color: ${
|
|
141
|
+
background-color: ${Ga};
|
|
142
|
+
color: ${et};
|
|
143
143
|
}
|
|
144
144
|
|
|
145
145
|
:host([color='severe']) {
|
|
146
|
-
background-color: ${
|
|
147
|
-
color: ${
|
|
146
|
+
background-color: ${Br};
|
|
147
|
+
color: ${Kt};
|
|
148
148
|
}
|
|
149
149
|
|
|
150
150
|
:host([color='subtle']) {
|
|
@@ -153,22 +153,22 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
153
153
|
}
|
|
154
154
|
|
|
155
155
|
:host([color='success']) {
|
|
156
|
-
background-color: ${
|
|
157
|
-
color: ${
|
|
156
|
+
background-color: ${Pr};
|
|
157
|
+
color: ${Kt};
|
|
158
158
|
}
|
|
159
159
|
|
|
160
160
|
:host([color='warning']) {
|
|
161
|
-
background-color: ${
|
|
162
|
-
color: ${
|
|
161
|
+
background-color: ${bl};
|
|
162
|
+
color: ${qa};
|
|
163
163
|
}
|
|
164
|
-
`,
|
|
164
|
+
`,sn=p.partial`
|
|
165
165
|
:host([appearance='ghost']) {
|
|
166
166
|
color: ${Ai};
|
|
167
167
|
background-color: initial;
|
|
168
168
|
}
|
|
169
169
|
|
|
170
170
|
:host([appearance='ghost'][color='danger']) {
|
|
171
|
-
color: ${
|
|
171
|
+
color: ${Ir};
|
|
172
172
|
}
|
|
173
173
|
|
|
174
174
|
:host([appearance='ghost'][color='important']) {
|
|
@@ -176,11 +176,11 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
176
176
|
}
|
|
177
177
|
|
|
178
178
|
:host([appearance='ghost'][color='informative']) {
|
|
179
|
-
color: ${
|
|
179
|
+
color: ${et};
|
|
180
180
|
}
|
|
181
181
|
|
|
182
182
|
:host([appearance='ghost'][color='severe']) {
|
|
183
|
-
color: ${
|
|
183
|
+
color: ${zr};
|
|
184
184
|
}
|
|
185
185
|
|
|
186
186
|
:host([appearance='ghost'][color='subtle']) {
|
|
@@ -188,13 +188,13 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
188
188
|
}
|
|
189
189
|
|
|
190
190
|
:host([appearance='ghost'][color='success']) {
|
|
191
|
-
color: ${
|
|
191
|
+
color: ${hl};
|
|
192
192
|
}
|
|
193
193
|
|
|
194
194
|
:host([appearance='ghost'][color='warning']) {
|
|
195
195
|
color: ${ji};
|
|
196
196
|
}
|
|
197
|
-
`,
|
|
197
|
+
`,Sd=p.partial`
|
|
198
198
|
:host([appearance='outline']) {
|
|
199
199
|
border-color: currentColor;
|
|
200
200
|
color: ${Ai};
|
|
@@ -202,81 +202,81 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
202
202
|
}
|
|
203
203
|
|
|
204
204
|
:host([appearance='outline'][color='danger']) {
|
|
205
|
-
color: ${
|
|
205
|
+
color: ${Ir};
|
|
206
206
|
}
|
|
207
207
|
|
|
208
208
|
:host([appearance='outline'][color='important']) {
|
|
209
|
-
color: ${
|
|
210
|
-
border-color: ${
|
|
209
|
+
color: ${et};
|
|
210
|
+
border-color: ${Yt};
|
|
211
211
|
}
|
|
212
212
|
|
|
213
213
|
:host([appearance='outline'][color='informative']) {
|
|
214
|
-
color: ${
|
|
215
|
-
border-color: ${
|
|
214
|
+
color: ${et};
|
|
215
|
+
border-color: ${so};
|
|
216
216
|
}
|
|
217
217
|
|
|
218
218
|
:host([appearance='outline'][color='severe']) {
|
|
219
|
-
color: ${
|
|
219
|
+
color: ${zr};
|
|
220
220
|
}
|
|
221
221
|
|
|
222
222
|
:host([appearance='outline'][color='subtle']) {
|
|
223
|
-
color: ${
|
|
223
|
+
color: ${fr};
|
|
224
224
|
}
|
|
225
225
|
|
|
226
226
|
:host([appearance='outline'][color='success']) {
|
|
227
|
-
color: ${
|
|
227
|
+
color: ${dl};
|
|
228
228
|
}
|
|
229
229
|
|
|
230
230
|
:host([appearance='outline'][color='warning']) {
|
|
231
231
|
color: ${ji};
|
|
232
232
|
}
|
|
233
|
-
`,
|
|
233
|
+
`,Id=p.partial`
|
|
234
234
|
:host([appearance='tint']) {
|
|
235
|
-
background-color: ${
|
|
236
|
-
color: ${
|
|
237
|
-
border-color: ${
|
|
235
|
+
background-color: ${Ja};
|
|
236
|
+
color: ${ja};
|
|
237
|
+
border-color: ${kr};
|
|
238
238
|
}
|
|
239
239
|
|
|
240
240
|
:host([appearance='tint'][color='danger']) {
|
|
241
|
-
background-color: ${
|
|
242
|
-
color: ${
|
|
243
|
-
border-color: ${
|
|
241
|
+
background-color: ${ol};
|
|
242
|
+
color: ${Sr};
|
|
243
|
+
border-color: ${sl};
|
|
244
244
|
}
|
|
245
245
|
|
|
246
246
|
:host([appearance='tint'][color='important']) {
|
|
247
|
-
background-color: ${
|
|
247
|
+
background-color: ${et};
|
|
248
248
|
color: ${_};
|
|
249
|
-
border-color: ${
|
|
249
|
+
border-color: ${Ot};
|
|
250
250
|
}
|
|
251
251
|
|
|
252
252
|
:host([appearance='tint'][color='informative']) {
|
|
253
|
-
background-color: ${
|
|
254
|
-
color: ${
|
|
255
|
-
border-color: ${
|
|
253
|
+
background-color: ${Wa};
|
|
254
|
+
color: ${et};
|
|
255
|
+
border-color: ${so};
|
|
256
256
|
}
|
|
257
257
|
|
|
258
258
|
:host([appearance='tint'][color='severe']) {
|
|
259
|
-
background-color: ${
|
|
260
|
-
color: ${
|
|
261
|
-
border-color: ${
|
|
259
|
+
background-color: ${ul};
|
|
260
|
+
color: ${fl};
|
|
261
|
+
border-color: ${pl};
|
|
262
262
|
}
|
|
263
263
|
|
|
264
264
|
:host([appearance='tint'][color='subtle']) {
|
|
265
265
|
background-color: ${_};
|
|
266
|
-
color: ${
|
|
267
|
-
border-color: ${
|
|
266
|
+
color: ${et};
|
|
267
|
+
border-color: ${so};
|
|
268
268
|
}
|
|
269
269
|
|
|
270
270
|
:host([appearance='tint'][color='success']) {
|
|
271
|
-
background-color: ${
|
|
272
|
-
color: ${
|
|
273
|
-
border-color: ${
|
|
271
|
+
background-color: ${al};
|
|
272
|
+
color: ${cl};
|
|
273
|
+
border-color: ${ll};
|
|
274
274
|
}
|
|
275
275
|
|
|
276
276
|
:host([appearance='tint'][color='warning']) {
|
|
277
|
-
background-color: ${
|
|
277
|
+
background-color: ${gl};
|
|
278
278
|
color: ${ji};
|
|
279
|
-
border-color: ${
|
|
279
|
+
border-color: ${ml};
|
|
280
280
|
}
|
|
281
281
|
`;p.partial`
|
|
282
282
|
font-family: ${y};
|
|
@@ -295,87 +295,87 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
295
295
|
font-weight: ${Wo};
|
|
296
296
|
`,p.partial`
|
|
297
297
|
font-family: ${y};
|
|
298
|
-
font-size: ${
|
|
299
|
-
line-height: ${
|
|
298
|
+
font-size: ${dt};
|
|
299
|
+
line-height: ${kt};
|
|
300
300
|
font-weight: ${A};
|
|
301
301
|
`,p.partial`
|
|
302
302
|
font-family: ${y};
|
|
303
303
|
font-size: ${G};
|
|
304
|
-
line-height: ${
|
|
304
|
+
line-height: ${ht};
|
|
305
305
|
font-weight: ${A};
|
|
306
306
|
`,p.partial`
|
|
307
307
|
font-family: ${y};
|
|
308
308
|
font-size: ${G};
|
|
309
|
-
line-height: ${
|
|
309
|
+
line-height: ${ht};
|
|
310
310
|
font-weight: ${N};
|
|
311
311
|
`,p.partial`
|
|
312
312
|
font-family: ${y};
|
|
313
313
|
font-size: ${G};
|
|
314
|
-
line-height: ${
|
|
314
|
+
line-height: ${ht};
|
|
315
315
|
font-weight: ${Wo};
|
|
316
316
|
`,p.partial`
|
|
317
317
|
font-family: ${y};
|
|
318
|
-
font-size: ${
|
|
318
|
+
font-size: ${ro};
|
|
319
319
|
line-height: ${Go};
|
|
320
320
|
font-weight: ${A};
|
|
321
321
|
`,p.partial`
|
|
322
322
|
font-family: ${y};
|
|
323
|
-
font-size: ${
|
|
323
|
+
font-size: ${ro};
|
|
324
324
|
line-height: ${Go};
|
|
325
325
|
font-weight: ${N};
|
|
326
326
|
`,p.partial`
|
|
327
327
|
font-family: ${y};
|
|
328
|
-
font-size: ${
|
|
328
|
+
font-size: ${ke};
|
|
329
329
|
line-height: ${Uo};
|
|
330
330
|
font-weight: ${N};
|
|
331
331
|
`,p.partial`
|
|
332
332
|
font-family: ${y};
|
|
333
|
-
font-size: ${
|
|
334
|
-
line-height: ${
|
|
333
|
+
font-size: ${dt};
|
|
334
|
+
line-height: ${kt};
|
|
335
335
|
font-weight: ${N};
|
|
336
336
|
`,p.partial`
|
|
337
337
|
font-family: ${y};
|
|
338
|
-
font-size: ${
|
|
339
|
-
line-height: ${
|
|
338
|
+
font-size: ${dt};
|
|
339
|
+
line-height: ${kt};
|
|
340
340
|
font-weight: ${Wo};
|
|
341
341
|
`,p.partial`
|
|
342
342
|
font-family: ${y};
|
|
343
|
-
font-size: ${
|
|
344
|
-
line-height: ${
|
|
343
|
+
font-size: ${Ar};
|
|
344
|
+
line-height: ${Rr};
|
|
345
345
|
font-weight: ${N};
|
|
346
346
|
`,p.partial`
|
|
347
347
|
font-family: ${y};
|
|
348
|
-
font-size: ${
|
|
349
|
-
line-height: ${
|
|
348
|
+
font-size: ${Or};
|
|
349
|
+
line-height: ${_r};
|
|
350
350
|
font-weight: ${N};
|
|
351
351
|
`,p.partial`
|
|
352
352
|
font-family: ${y};
|
|
353
353
|
font-size: ${qo};
|
|
354
|
-
line-height: ${
|
|
354
|
+
line-height: ${Mr};
|
|
355
355
|
font-weight: ${N};
|
|
356
356
|
`,p.partial`
|
|
357
357
|
font-family: ${y};
|
|
358
|
-
font-size: ${
|
|
359
|
-
line-height: ${
|
|
358
|
+
font-size: ${Er};
|
|
359
|
+
line-height: ${Dr};
|
|
360
360
|
font-weight: ${N};
|
|
361
361
|
`,p.partial`
|
|
362
362
|
font-family: ${y};
|
|
363
|
-
font-size: ${
|
|
364
|
-
line-height: ${
|
|
363
|
+
font-size: ${Lr};
|
|
364
|
+
line-height: ${Hr};
|
|
365
365
|
font-weight: ${N};
|
|
366
366
|
`;const Pd=p`
|
|
367
|
-
:host([shape='square']){border-radius:${qi}}:host([shape='rounded']){border-radius:${L}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${
|
|
368
|
-
${tn}
|
|
367
|
+
:host([shape='square']){border-radius:${qi}}:host([shape='rounded']){border-radius:${L}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${xt}}${en}
|
|
369
368
|
${on}
|
|
370
|
-
${
|
|
369
|
+
${sn}
|
|
371
370
|
${Sd}
|
|
372
|
-
${
|
|
373
|
-
|
|
374
|
-
|
|
371
|
+
${Id}
|
|
372
|
+
${tn}
|
|
373
|
+
`.withBehaviors(lt(p`
|
|
374
|
+
:host,:host([appearance='outline']),:host([appearance='tint']){border-color:CanvasText}`));function rn(o={}){return v` ${Ut(o)}<slot>${at(o.defaultContent)}</slot>${Gt(o)} `}const Bd=rn(),zd=qe.compose({name:`${b.prefix}-badge`,template:Bd,styles:Pd});zd.define(b.registry);var Td=Object.defineProperty,Fd=Object.getOwnPropertyDescriptor,j=(o,t,e,i)=>{for(var s=i>1?void 0:i?Fd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Td(t,e,s),s};class F extends S{constructor(){super(),this.disabledFocusable=!1,this.elementInternals=this.attachInternals(),this.iconOnly=!1,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!==Qo.submit&&(this.formSubmissionFallbackControl?.remove(),this.shadowRoot?.querySelector('slot[name="internal"]')?.remove())}clickHandler(t){if(t&&this.disabledFocusable){t.stopImmediatePropagation();return}return this.press(),!0}connectedCallback(){super.connectedCallback(),this.elementInternals.ariaDisabled=`${!!this.disabledFocusable}`}createAndInsertFormSubmissionFallbackControl(){const t=this.formSubmissionFallbackControlSlot??document.createElement("slot");t.setAttribute("name","internal"),this.shadowRoot?.appendChild(t),this.formSubmissionFallbackControlSlot=t;const e=this.formSubmissionFallbackControl??document.createElement("button");e.style.display="none",e.setAttribute("type","submit"),e.setAttribute("slot","internal"),this.formNoValidate&&e.toggleAttribute("formnovalidate",!0),this.elementInternals.form?.id&&e.setAttribute("form",this.elementInternals.form.id),this.name&&e.setAttribute("name",this.name),this.value&&e.setAttribute("value",this.value),this.formAction&&e.setAttribute("formaction",this.formAction??""),this.formEnctype&&e.setAttribute("formenctype",this.formEnctype??""),this.formMethod&&e.setAttribute("formmethod",this.formMethod??""),this.formTarget&&e.setAttribute("formtarget",this.formTarget??""),this.append(e),this.formSubmissionFallbackControl=e}formDisabledCallback(t){this.disabled=t}keypressHandler(t){if(t&&this.disabledFocusable){t.stopImmediatePropagation();return}if(t.key===Ve||t.key===Eo){this.click();return}return!0}press(){switch(this.type){case Qo.reset:{this.resetForm();break}case Qo.submit:{this.submitForm();break}}}resetForm(){this.elementInternals.form?.reset()}submitForm(){if(!(!this.elementInternals.form||this.disabled||this.type!==Qo.submit)){if(!this.name&&!this.formAction&&!this.formEnctype&&!this.form&&!this.formMethod&&!this.formNoValidate&&!this.formTarget){this.elementInternals.form.requestSubmit();return}try{this.elementInternals.setFormValue(this.value??""),this.elementInternals.form.requestSubmit(this)}catch{this.createAndInsertFormSubmissionFallbackControl(),this.elementInternals.setFormValue(null),this.elementInternals.form.requestSubmit(this.formSubmissionFallbackControl)}}}}F.formAssociated=!0,j([a],F.prototype,"appearance",2),j([a({mode:"boolean"})],F.prototype,"autofocus",2),j([$],F.prototype,"defaultSlottedContent",2),j([a({mode:"boolean"})],F.prototype,"disabled",2),j([a({attribute:"disabled-focusable",mode:"boolean"})],F.prototype,"disabledFocusable",2),j([a({attribute:"formaction"})],F.prototype,"formAction",2),j([a({attribute:"form"})],F.prototype,"formAttribute",2),j([a({attribute:"formenctype"})],F.prototype,"formEnctype",2),j([a({attribute:"formmethod"})],F.prototype,"formMethod",2),j([a({attribute:"formnovalidate",mode:"boolean"})],F.prototype,"formNoValidate",2),j([a({attribute:"formtarget"})],F.prototype,"formTarget",2),j([a({attribute:"icon-only",mode:"boolean"})],F.prototype,"iconOnly",2),j([a],F.prototype,"name",2),j([a],F.prototype,"shape",2),j([a],F.prototype,"size",2),j([a],F.prototype,"type",2),j([a],F.prototype,"value",2),Xt(F,Wt);function Qi(o={}){return v`<template tabindex="${t=>t.disabled?-1:0}" @click="${(t,e)=>t.clickHandler(e.event)}" @keypress="${(t,e)=>t.keypressHandler(e.event)}">${Ut(o)}<span class="content" part="content"><slot ${rt("defaultSlottedContent")}></slot></span>${Gt(o)}</template>`}const Od=Qi(),Ad=F.compose({name:`${b.prefix}-button`,template:Od,styles:Zo});Ad.define(b.registry);var Ed=Object.defineProperty,Ld=Object.getOwnPropertyDescriptor,_t=(o,t,e,i)=>{for(var s=i>1?void 0:i?Ld(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Ed(t,e,s),s};class wt extends S{constructor(){super(),this.disabled=!1,this.initialValue="on",this._checked=this.initialChecked??!1,this.dirtyChecked=!1,this.elementInternals=this.attachInternals(),this._validationFallbackMessage="",this._value=this.initialValue,this.elementInternals.role="checkbox"}get checked(){return k.track(this,"checked"),this._checked}set checked(t){this._checked=t,this.setFormValue(t?this.value:null),this.setValidity(),this.setAriaChecked(),Lt(this.elementInternals,"checked",t),k.notify(this,"checked")}indeterminateChanged(t,e){this.setAriaChecked(),Lt(this.elementInternals,"indeterminate",e)}initialCheckedChanged(t,e){this.dirtyChecked||(this.checked=e)}initialValueChanged(t,e){this._value=e}requiredChanged(t,e){this.$fastController.isConnected&&(this.setValidity(),this.elementInternals.ariaRequired=`${!!e}`)}get form(){return this.elementInternals.form}get labels(){return Object.freeze(Array.from(this.elementInternals.labels))}get validationMessage(){if(this.elementInternals.validationMessage)return this.elementInternals.validationMessage;if(!this._validationFallbackMessage){const t=document.createElement("input");t.type="checkbox",t.required=!0,t.checked=!1,this._validationFallbackMessage=t.validationMessage}return this._validationFallbackMessage}get validity(){return this.elementInternals.validity}get value(){return k.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.setFormValue(t),this.setValidity(),k.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}setAriaChecked(){this.elementInternals.ariaChecked=this.indeterminate?"mixed":`${this.checked}`}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){if(!this.disabled)return this.dirtyChecked=!0,this.toggleChecked(),this.$emit("change"),this.$emit("input"),!0}connectedCallback(){super.connectedCallback(),this.setFormValue(this.checked?this.value:null),this.setAriaChecked(),this.setValidity()}inputHandler(t){return this.elementInternals.setFormValue(this.value),this.setValidity(),!0}keydownHandler(t){if(t.key!==" ")return!0}keyupHandler(t){if(t.key!==" ")return!0;this.click()}formResetCallback(){this.checked=this.initialChecked??!1,this.dirtyChecked=!1,this.indeterminate=!1,this.setValidity()}reportValidity(){return this.elementInternals.reportValidity()}setFormValue(t,e){this.elementInternals.setFormValue(t,t??e)}setCustomValidity(t){this.elementInternals.setValidity({customError:!0},t),this.setValidity()}setValidity(t={valueMissing:!!this.required&&!this.checked},e=this.validationMessage,i){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(t,e,i)}}toggleChecked(t=!this.checked){this.indeterminate=!1,this.checked=t}}wt.formAssociated=!0,_t([a({mode:"boolean"})],wt.prototype,"autofocus",2),_t([a({mode:"boolean"})],wt.prototype,"disabled",2),_t([a({attribute:"form"})],wt.prototype,"formAttribute",2),_t([$],wt.prototype,"indeterminate",2),_t([a({attribute:"checked",mode:"boolean"})],wt.prototype,"initialChecked",2),_t([a({attribute:"value",mode:"fromView"})],wt.prototype,"initialValue",2),_t([a],wt.prototype,"name",2),_t([a({mode:"boolean"})],wt.prototype,"required",2);class Zi extends wt{}_t([a],Zi.prototype,"shape",2),_t([a],Zi.prototype,"size",2);const Ct=p.partial`:is([state--checked], :state(checked))`,Ie=p.partial`:is([state--indeterminate], :state(indeterminate))`,Md=p`
|
|
375
375
|
${z("inline-flex")}
|
|
376
376
|
|
|
377
|
-
:host{--size:16px;background-color:${_};border-radius:${
|
|
378
|
-
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${
|
|
377
|
+
:host{--size:16px;background-color:${_};border-radius:${xt};border:${Y} solid ${Yt};box-sizing:border-box;cursor:pointer;position:relative;width:var(--size)}:host,.indeterminate-indicator,.checked-indicator{aspect-ratio:1}:host(:hover){border-color:${oo}}:host(:active){border-color:${io}}:host(${Ct}:hover){background-color:${to};border-color:${Vi}}:host(${Ct}:active){background-color:${eo};border-color:${Ni}}:host(:focus-visible){outline:none}:host(:not([slot='input']))::after{content:'';position:absolute;inset:-8px;box-sizing:border-box;outline:none;border:${we} solid ${Ot};border-radius:${L}}:host(:not([slot='input']):focus-visible)::after{border-color:${Zt}}.indeterminate-indicator,.checked-indicator{color:${Do};inset:0;margin:auto;position:absolute}::slotted([slot='checked-indicator']),.checked-indicator{fill:currentColor;display:inline-flex;flex:1 0 auto;width:12px}:host(:not(${Ct})) *:is(::slotted([slot='checked-indicator']),.checked-indicator){display:none}:host(${Ct}),:host(${Ie}){border-color:${Hi}}:host(${Ct}),:host(${Ie}) .indeterminate-indicator{background-color:${Je}}:host(${Ie}) .indeterminate-indicator{border-radius:${xt};position:absolute;width:calc(var(--size) / 2);inset:0}:host([size='large']){--size:20px}:host([size='large']) ::slotted([slot='checked-indicator']),:host([size='large']) .checked-indicator{width:16px}:host([shape='circular']),:host([shape='circular']) .indeterminate-indicator{border-radius:${ct}}:host([disabled]),:host([disabled]${Ct}){background-color:${Ze};border-color:${Qt}}:host([disabled]){cursor:unset}:host([disabled]${Ie}) .indeterminate-indicator{background-color:${Qt}}:host([disabled]${Ct}) .checked-indicator{color:${Qt}}`.withBehaviors(lt(p`
|
|
378
|
+
:host{border-color:FieldText}:host(:not([slot='input']:focus-visible))::after{border-color:Canvas}:host(:not([disabled]):hover),:host(${Ct}:not([disabled]):hover),:host(:not([slot='input']):focus-visible)::after{border-color:Highlight}.indeterminate-indicator,.checked-indicator{color:HighlightText}:host(${Ct}),:host(${Ie}) .indeterminate-indicator{background-color:FieldText}:host(${Ct}:not([disabled]):hover),:host(${Ie}:not([disabled]):hover) .indeterminate-indicator{background-color:Highlight}:host([disabled]){border-color:GrayText}:host([disabled]${Ie}) .indeterminate-indicator{background-color:GrayText}:host([disabled]),:host([disabled]${Ct}) .checked-indicator{color:GrayText}`)),_d=v.partial(`
|
|
379
379
|
<svg
|
|
380
380
|
fill="currentColor"
|
|
381
381
|
aria-hidden="true"
|
|
@@ -388,21 +388,21 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
388
388
|
</svg>
|
|
389
389
|
`),Rd=v.partial(`
|
|
390
390
|
<span class="indeterminate-indicator"></span>
|
|
391
|
-
`);function Dd(o={}){return v`<template tabindex="${
|
|
391
|
+
`);function Dd(o={}){return v`<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">${at(o.checkedIndicator)}</slot><slot name="indeterminate-indicator">${at(o.indeterminateIndicator)}</slot></template>`}const Hd=Dd({checkedIndicator:_d,indeterminateIndicator:Rd}),Vd=Zi.compose({name:`${b.prefix}-checkbox`,template:Hd,styles:Md});Vd.define(b.registry);class Nd extends F{}const jd=p`
|
|
392
392
|
${Zo}
|
|
393
393
|
|
|
394
|
-
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${O};line-height:${R}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${
|
|
395
|
-
::slotted([slot='description']){color:${
|
|
396
|
-
::slotted([slot='description']),:host([appearance='transparent']) ::slotted([slot='description']){color:${
|
|
397
|
-
::slotted([slot='description']){color:${C}}:host([size='small']){padding:8px;padding-bottom:10px}:host([icon-only]){min-width:52px;max-width:52px;padding:${
|
|
398
|
-
:host([shape='rounded']){border-radius:${L}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${
|
|
399
|
-
${tn}
|
|
394
|
+
:host,:host(:is([size])){gap:12px;height:auto;padding-top:14px;padding-inline:12px;padding-bottom:16px;font-size:${O};line-height:${R}}.content{display:flex;flex-direction:column;text-align:start}::slotted([slot='description']){color:${Ft};line-height:100%;font-size:${G};font-weight:${A}}::slotted(svg),:host([size='large']) ::slotted(svg){font-size:40px;height:40px;width:40px}:host(:hover) ::slotted([slot='description']){color:${Lo}}:host(:active) ::slotted([slot='description']){color:${Mo}}:host(:is([appearance='primary'],[appearance='primary']:hover,[appearance='primary']:active))
|
|
395
|
+
::slotted([slot='description']){color:${Kt}}:host(:is([appearance='subtle'],[appearance='subtle']:hover,[appearance='subtle']:active))
|
|
396
|
+
::slotted([slot='description']),:host([appearance='transparent']) ::slotted([slot='description']){color:${Ft}}:host([appearance='transparent']:hover) ::slotted([slot='description']){color:${_o}}:host([appearance='transparent']:active) ::slotted([slot='description']){color:${Ro}}:host(:is([disabled],[disabled][appearance],[disabled-focusable],[disabled-focusable][appearance]))
|
|
397
|
+
::slotted([slot='description']){color:${C}}:host([size='small']){padding:8px;padding-bottom:10px}:host([icon-only]){min-width:52px;max-width:52px;padding:${Se}}:host([icon-only][size='small']){min-width:48px;max-width:48px;padding:${Jt}}:host([icon-only][size='large']){min-width:56px;max-width:56px;padding:${At}}:host([size='large']){padding-top:18px;padding-inline:16px;padding-bottom:20px;font-size:${dt};line-height:${kt}}:host([size='large']) ::slotted([slot='description']){font-size:${O}}`;function qd(o={}){return v`<template ?disabled="${t=>t.disabled}" tabindex="${t=>t.disabled?-1:0}">${Ut(o)}<span class="content" part="content"><slot ${rt("defaultSlottedContent")}></slot><slot name="description"></slot></span>${Gt(o)}</template>`}const Wd=qd(),Gd=Nd.compose({name:`${b.prefix}-compound-button`,template:Wd,styles:jd});Gd.define(b.registry);var Ud=Object.defineProperty,Xd=Object.getOwnPropertyDescriptor,de=(o,t,e,i)=>{for(var s=i>1?void 0:i?Xd(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Ud(t,e,s),s};class Rt extends S{constructor(){super(...arguments),this.count=0,this.overflowCount=99,this.showZero=!1,this.dot=!1}countChanged(){this.setCount()}overflowCountChanged(){this.setCount()}setCount(){const t=this.count??0;if((t!==0||this.showZero)&&!this.dot)return t>this.overflowCount?`${this.overflowCount}+`:`${t}`}}de([a],Rt.prototype,"appearance",2),de([a],Rt.prototype,"color",2),de([a],Rt.prototype,"shape",2),de([a],Rt.prototype,"size",2),de([a({converter:nt})],Rt.prototype,"count",2),de([a({attribute:"overflow-count",converter:nt})],Rt.prototype,"overflowCount",2),de([a({attribute:"show-zero",mode:"boolean"})],Rt.prototype,"showZero",2),de([a({mode:"boolean"})],Rt.prototype,"dot",2),Xt(Rt,Wt);const Kd=p`
|
|
398
|
+
:host([shape='rounded']){border-radius:${L}}:host([shape='rounded'][size='tiny']),:host([shape='rounded'][size='extra-small']),:host([shape='rounded'][size='small']){border-radius:${xt}}${en}
|
|
400
399
|
${on}
|
|
401
|
-
${
|
|
400
|
+
${sn}
|
|
401
|
+
${tn}
|
|
402
402
|
|
|
403
|
-
:host([dot]),:host([dot][appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function Yd(o={}){return rn({defaultContent:v`${
|
|
404
|
-
@layer base{:host{--dialog-backdrop:${
|
|
405
|
-
@layer base{dialog{border:${Y} solid ${
|
|
403
|
+
:host([dot]),:host([dot][appearance][size]){min-width:auto;width:6px;height:6px;padding:0}`;function Yd(o={}){return rn({defaultContent:v`${t=>t.setCount()}`})}const Qd=Yd(),Zd=Rt.compose({name:`${b.prefix}-counter-badge`,template:Qd,styles:Kd});Zd.define(b.registry);const Dt={modal:"modal",nonModal:"non-modal",alert:"alert"};var Jd=Object.defineProperty,th=Object.getOwnPropertyDescriptor,ei=(o,t,e,i)=>{for(var s=i>1?void 0:i?th(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Jd(t,e,s),s};class lo extends S{constructor(){super(...arguments),this.type=Dt.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(){mt.enqueue(()=>{this.emitBeforeToggle(),this.type===Dt.alert||this.type===Dt.modal?this.dialog.showModal():this.type===Dt.nonModal&&this.dialog.show(),this.emitToggle()})}hide(){this.emitBeforeToggle(),this.dialog.close(),this.emitToggle()}clickHandler(t){return t.preventDefault(),this.dialog.open&&this.type!==Dt.alert&&t.target===this.dialog&&this.hide(),!0}}ei([$],lo.prototype,"dialog",2),ei([a({attribute:"aria-describedby"})],lo.prototype,"ariaDescribedby",2),ei([a({attribute:"aria-labelledby"})],lo.prototype,"ariaLabelledby",2),ei([a],lo.prototype,"type",2);const eh=v`<dialog role="${o=>o.type===Dt.alert?"alertdialog":"dialog"}" type="${o=>o.type}" class="dialog" part="dialog" aria-modal="${o=>o.type===Dt.modal||o.type===Dt.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===Dt.alert?t.event.preventDefault():o.hide()}" ${$t("dialog")}><slot></slot></dialog>`,oh=p`
|
|
404
|
+
@layer base{:host{--dialog-backdrop:${Qa};--dialog-starting-scale:0.85}::backdrop{background:var(--dialog-backdrop,rgba(0,0,0,0.4))}dialog{background:${_};border-radius:${Fr};border:none;box-shadow:${Pc};color:${M};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:${Oc};transition-timing-function:${Ui};opacity:0}::backdrop{transition-timing-function:${Kr}}[open],[open]::backdrop{opacity:1}dialog:not([open]){scale:var(--dialog-starting-scale);transition-timing-function:${Gi}}}@starting-style{[open],[open]::backdrop{opacity:0}dialog{scale:var(--dialog-starting-scale)}}}`.withBehaviors(lt(p`
|
|
405
|
+
@layer base{dialog{border:${Y} solid ${Ot}}}`)),ih=lo.compose({name:`${b.prefix}-dialog`,template:eh,styles:oh});ih.define(b.registry);var sh=Object.defineProperty,rh=Object.getOwnPropertyDescriptor,nh=(o,t,e,i)=>{for(var s=i>1?void 0:i?rh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&sh(t,e,s),s};class nn extends S{constructor(){super(...arguments),this.noTitleAction=!1}}nh([a({mode:"boolean",attribute:"no-title-action"})],nn.prototype,"noTitleAction",2);const ah=v.partial(`
|
|
406
406
|
<svg
|
|
407
407
|
fill="currentColor"
|
|
408
408
|
aria-hidden="true"
|
|
@@ -415,81 +415,81 @@ const b=Object.freeze({prefix:"fluent",shadowRootMode:"open",registry:customElem
|
|
|
415
415
|
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"
|
|
416
416
|
fill="currentColor"
|
|
417
417
|
></path>
|
|
418
|
-
</svg>`),lh=v`<div class="title" part="title"><slot name="title"></slot><slot name="title-action"><fluent-button ?hidden=${o=>o.noTitleAction||o.parentNode?.type===
|
|
418
|
+
</svg>`),lh=v`<div class="title" part="title"><slot name="title"></slot><slot name="title-action"><fluent-button ?hidden=${o=>o.noTitleAction||o.parentNode?.type===Dt.alert} tabindex="0" part="title-action" class="title-action" appearance="transparent" icon-only @click=${o=>o.parentNode?.hide()} ${$t("defaultTitleAction")}>${ah}</fluent-button></slot></div><div class="content" part="content"><slot></slot></div><div class="actions" part="actions"><slot name="action"></slot></div>`,ch=p`
|
|
419
419
|
${z("grid")}
|
|
420
420
|
|
|
421
|
-
:host{background:${_};box-sizing:border-box;gap:${U};padding:${ao} ${
|
|
421
|
+
:host{background:${_};box-sizing:border-box;gap:${U};padding:${ao} ${zc};container:dialog-body / inline-size}.title{box-sizing:border-box;align-items:flex-start;background:${_};color:${M};column-gap:8px;display:flex;font-family:${y};font-size:${ke};font-weight:${N};inset-block-start:0;justify-content:space-between;line-height:${Uo};margin-block-end:calc(${U} * -1);margin-block-start:calc(${ao} * -1);padding-block-end:${U};padding-block-start:${ao};position:sticky;z-index:1}.content{box-sizing:border-box;color:${M};font-family:${y};font-size:${O};font-weight:${A};line-height:${R};min-height:32px}.actions{box-sizing:border-box;background:${_};display:flex;flex-direction:column;gap:${U};inset-block-end:0;margin-block-end:calc(${ao} * -1);padding-block-end:${ao};padding-block-start:${Wr};position:sticky;z-index:2}:not(:has(:is([slot='title'],[slot='title-action']))) .title:not(:has(.title-action)),:not(:has([slot='action'])) .actions{display:none}@container (min-width:480px){.actions{align-items:center;flex-direction:row;justify-content:flex-end;margin-block-start:calc(${U} * -1);padding-block-start:${U}}}`,dh=nn.compose({name:`${b.prefix}-dialog-body`,template:lh,styles:ch});dh.define(b.registry);const co={separator:"separator",presentation:"presentation"},hh=J;var uh=Object.defineProperty,ph=Object.getOwnPropertyDescriptor,ho=(o,t,e,i)=>{for(var s=i>1?void 0:i?ph(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&uh(t,e,s),s};class We extends S{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??hh.horizontal)}roleChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.role=`${e??co.separator}`),e===co.presentation&&(this.elementInternals.ariaOrientation=null)}orientationChanged(t,e){this.$fastController.isConnected&&(this.elementInternals.ariaOrientation=this.role!==co.presentation?e:null)}}ho([a],We.prototype,"role",2),ho([a],We.prototype,"orientation",2),ho([a({attribute:"align-content"})],We.prototype,"alignContent",2),ho([a],We.prototype,"appearance",2),ho([a({mode:"boolean"})],We.prototype,"inset",2);function fh(){return v`<slot></slot>`}const gh=fh(),bh=p`
|
|
422
422
|
${z("flex")}
|
|
423
423
|
|
|
424
|
-
:host{contain:content}:host::after,:host::before{align-self:center;background:${
|
|
425
|
-
:host([appearance='strong'])::before,:host([appearance='strong'])::after,:host([appearance='brand'])::before,:host([appearance='brand'])::after,:host([appearance='subtle'])::before,:host([appearance='subtle'])::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),mh=
|
|
424
|
+
:host{contain:content}:host::after,:host::before{align-self:center;background:${so};box-sizing:border-box;content:'';display:flex;flex-grow:1;height:${Y}}:host([inset]){padding:0 12px}:host ::slotted(*){color:${Ft};font-family:${y};font-size:${G};font-weight:${A};margin:0;padding:0 12px}:host([align-content='start'])::before,:host([align-content='end'])::after{flex-basis:12px;flex-grow:0;flex-shrink:0}:host([orientation='vertical']){height:100%;min-height:84px}:host([orientation='vertical']):empty{min-height:20px}:host([orientation='vertical']){flex-direction:column;align-items:center}:host([orientation='vertical'][inset])::before{margin-top:12px}:host([orientation='vertical'][inset])::after{margin-bottom:12px}:host([orientation='vertical']):empty::before,:host([orientation='vertical']):empty::after{height:10px;min-height:10px;flex-grow:0}:host([orientation='vertical'])::before,:host([orientation='vertical'])::after{width:${Y};min-height:20px;height:100%}:host([orientation='vertical']) ::slotted(*){display:flex;flex-direction:column;padding:12px 0;line-height:20px}:host([orientation='vertical'][align-content='start'])::before{min-height:8px}:host([orientation='vertical'][align-content='end'])::after{min-height:8px}:host([appearance='strong'])::before,:host([appearance='strong'])::after{background:${Ne}}:host([appearance='strong']) ::slotted(*){color:${M}}:host([appearance='brand'])::before,:host([appearance='brand'])::after{background:${xr}}:host([appearance='brand']) ::slotted(*){color:${Ai}}:host([appearance='subtle'])::before,:host([appearance='subtle'])::after{background:${tl}}:host([appearance='subtle']) ::slotted(*){color:${et}}`.withBehaviors(lt(p`
|
|
425
|
+
:host([appearance='strong'])::before,:host([appearance='strong'])::after,:host([appearance='brand'])::before,:host([appearance='brand'])::after,:host([appearance='subtle'])::before,:host([appearance='subtle'])::after,:host::after,:host::before{background:WindowText;color:WindowText}`)),mh=We.compose({name:`${b.prefix}-divider`,template:gh,styles:bh});mh.define(b.registry);const vh={above:"above",after:"after",before:"before"},w={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 $h=Object.defineProperty,yh=Object.getOwnPropertyDescriptor,Ji=(o,t,e,i)=>{for(var s=i>1?void 0:i?yh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&$h(t,e,s),s};class oi extends S{constructor(){super(...arguments),this.labelPosition=vh.above,this.elementInternals=this.attachInternals()}messageSlotChanged(t,e){if(!e.length){this.removeEventListener("invalid",this.invalidHandler,{capture:!0});return}this.addEventListener("invalid",this.invalidHandler,{capture:!0})}slottedInputsChanged(t,e){this.input=e?.[0],this.input&&this.setStates()}changeHandler(t){this.setStates()}clickHandler(t){if(this.isSameNode(t.target)){this.input.focus(),this.input.click();return}return!0}focusinHandler(t){return t.target.matches(":focus-visible")&&Lt(this.elementInternals,"focus-visible",!0),!0}focusoutHandler(t){return Lt(this.elementInternals,"focus-visible",!1),!0}invalidHandler(t){this.messageSlot.length&&t.preventDefault(),this.setStates()}setStates(){if(this.$fastController.isConnected){if(Lt(this.elementInternals,"disabled",!!this.input.disabled),Lt(this.elementInternals,"readonly",!!this.input.readOnly),Lt(this.elementInternals,"required",!!this.input.required),!this.input.validity)return;for(const[t,e]of Object.entries(w))Lt(this.elementInternals,e,!!this.input.validity[t])}}}Ji([a({attribute:"label-position"})],oi.prototype,"labelPosition",2),Ji([$],oi.prototype,"messageSlot",2),Ji([$],oi.prototype,"slottedInputs",2);const xh=p.partial`:is([state--disabled], :state(disabled))`,kh=p.partial`:is([state--focus-visible], :state(focus-visible))`,wh=p.partial`:is([state--${w.badInput}], :state(${w.badInput}))`,Ch=p.partial`:is([state--${w.customError}], :state(${w.customError}))`,Sh=p.partial`:is([state--${w.patternMismatch}], :state(${w.patternMismatch}))`,Ih=p.partial`:is([state--${w.rangeOverflow}], :state(${w.rangeOverflow}))`,Ph=p.partial`:is([state--${w.rangeUnderflow}], :state(${w.rangeUnderflow}))`,Bh=p.partial`:is([state--${w.stepMismatch}], :state(${w.stepMismatch}))`,zh=p.partial`:is([state--${w.tooLong}], :state(${w.tooLong}))`,Th=p.partial`:is([state--${w.tooShort}], :state(${w.tooShort}))`,Fh=p.partial`:is([state--${w.typeMismatch}], :state(${w.typeMismatch}))`,Oh=p.partial`:is([state-${w.valid}], :state(${w.valid}))`,Ah=p.partial`:is([state--${w.valueMissing}], :state(${w.valueMissing}))`,Eh=p`
|
|
426
426
|
${z("inline-grid")}
|
|
427
427
|
|
|
428
|
-
:host{align-items:center;cursor:pointer;gap:0 ${
|
|
429
|
-
:host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${Y} solid ${
|
|
428
|
+
:host{align-items:center;cursor:pointer;gap:0 ${ae};justify-items:start;padding:${U}}:has([slot='message']){color:${M};row-gap:${U}}:not(::slotted([slot='label'])){gap:0}:host([label-position='before']){grid-template-areas:'label input' 'label message'}:host([label-position='after']){gap:0;grid-template-areas:'input label' 'message message';grid-template-columns:auto 1fr}:host([label-position='after']) ::slotted([slot='input']){margin-inline-end:${ae}}:host([label-position='above']){grid-template-areas:'label' 'input' 'message';row-gap:${Ko}}:host([label-position='below']){grid-template-areas:'input' 'label' 'message'}::slotted([slot='label']){cursor:pointer;grid-area:label}::slotted([slot='input']){grid-area:input}::slotted([slot='message']){margin-block-start:${Ko};grid-area:message}:host(${kh}:focus-within){border-radius:${L};outline:${we} solid ${Zt}}::slotted(label){display:inline-flex;color:${M};cursor:pointer;font-family:${y};font-size:${O};font-weight:${A};line-height:${R};user-select:none}:host([size='small']) ::slotted(label){font-size:${G};line-height:${ht}}:host([size='large']) ::slotted(label){font-size:${dt};line-height:${kt}}:host([size='large']) ::slotted(label),:host([weight='semibold']) ::slotted(label){font-weight:${N}}:host(${xh}) ::slotted(label){color:${M};cursor:default}::slotted([flag]){display:none}:host(${wh}) ::slotted([flag='${w.badInput}']),:host(${Ch}) ::slotted([flag='${w.customError}']),:host(${Sh}) ::slotted([flag='${w.patternMismatch}']),:host(${Ih}) ::slotted([flag='${w.rangeOverflow}']),:host(${Ph}) ::slotted([flag='${w.rangeUnderflow}']),:host(${Bh}) ::slotted([flag='${w.stepMismatch}']),:host(${zh}) ::slotted([flag='${w.tooLong}']),:host(${Th}) ::slotted([flag='${w.tooShort}']),:host(${Fh}) ::slotted([flag='${w.typeMismatch}']),:host(${Ah}) ::slotted([flag='${w.valueMissing}']),:host(${Oh}) ::slotted([flag='${w.valid}']){display:block}`,Lh=v`<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)}" ${ha({property:"slottedInputs",attributes:!0,attributeFilter:["disabled","required","readonly"],subtree:!0,selector:'[slot="input"]',filter:ye()})}><slot name="label" part="label"></slot><slot name="input" part="input"></slot><slot name="message" part="message" ${rt({property:"messageSlot",filter:ye("[flag]")})}></slot></template>`,Mh=oi.compose({name:`${b.prefix}-field`,template:Lh,styles:Eh,shadowOptions:{delegatesFocus:!0}});Mh.define(b.registry);var _h=Object.defineProperty,Rh=Object.getOwnPropertyDescriptor,uo=(o,t,e,i)=>{for(var s=i>1?void 0:i?Rh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&_h(t,e,s),s};class Ge extends S{}uo([a({mode:"boolean"})],Ge.prototype,"block",2),uo([a({mode:"boolean"})],Ge.prototype,"bordered",2),uo([a({mode:"boolean"})],Ge.prototype,"shadow",2),uo([a],Ge.prototype,"fit",2),uo([a],Ge.prototype,"shape",2);const Dh=v`<slot></slot>`,Hh=p`
|
|
429
|
+
:host{contain:content}:host ::slotted(img){box-sizing:border-box;min-height:8px;min-width:8px;display:inline-block}:host([block]) ::slotted(img){width:100%;height:auto}:host([bordered]) ::slotted(img){border:${Y} solid ${so}}:host([fit='none']) ::slotted(img){object-fit:none;object-position:top left;height:100%;width:100%}:host([fit='center']) ::slotted(img){object-fit:none;object-position:center;height:100%;width:100%}:host([fit='contain']) ::slotted(img){object-fit:contain;object-position:center;height:100%;width:100%}:host([fit='cover']) ::slotted(img){object-fit:cover;object-position:center;height:100%;width:100%}:host([shadow]) ::slotted(img){box-shadow:${Xo}}:host([shape='circular']) ::slotted(img){border-radius:${ct}}:host([shape='rounded']) ::slotted(img){border-radius:${L}}`,Vh=Ge.compose({name:`${b.prefix}-image`,template:Dh,styles:Hh});Vh.define(b.registry);var Nh=Object.defineProperty,jh=Object.getOwnPropertyDescriptor,ii=(o,t,e,i)=>{for(var s=i>1?void 0:i?jh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Nh(t,e,s),s};class po extends S{constructor(){super(...arguments),this.disabled=!1,this.required=!1}}ii([a],po.prototype,"size",2),ii([a],po.prototype,"weight",2),ii([a({mode:"boolean"})],po.prototype,"disabled",2),ii([a({mode:"boolean"})],po.prototype,"required",2);const qh=p`
|
|
430
430
|
${z("inline-flex")}
|
|
431
431
|
|
|
432
|
-
:host{color:${M};cursor:pointer;font-family:${y};font-size:${O};font-weight:${A};line-height:${R};user-select:none}.asterisk{color:${
|
|
432
|
+
:host{color:${M};cursor:pointer;font-family:${y};font-size:${O};font-weight:${A};line-height:${R};user-select:none}.asterisk{color:${Sr};margin-inline-start:${Jt}}:host([size='small']){font-size:${G};line-height:${ht}}:host([size='large']){font-size:${dt};line-height:${kt}}:host([size='large']),:host([weight='semibold']){font-weight:${N}}:host([disabled]),:host([disabled]) .asterisk{color:${C}}`;function Wh(){return v`<slot></slot><span part="asterisk" class="asterisk" ?hidden="${o=>!o.required}">*</span>`}const Gh=Wh(),Uh=po.compose({name:`${b.prefix}-label`,template:Gh,styles:qh});Uh.define(b.registry);var Xh=Object.defineProperty,Kh=Object.getOwnPropertyDescriptor,an=(o,t,e,i)=>{for(var s=i>1?void 0:i?Kh(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Xh(t,e,s),s};class ts extends Et{constructor(){super(...arguments),this.inline=!1}}an([a],ts.prototype,"appearance",2),an([a({mode:"boolean"})],ts.prototype,"inline",2);const Yh=p`
|
|
433
433
|
${z("inline")}
|
|
434
434
|
|
|
435
|
-
:host{box-sizing:border-box;background-color:transparent;color:${
|
|
436
|
-
:host{color:LinkText}`));function Qh(){return v`<template tabindex="0" @click="${o=>o.clickHandler()}" @keypress="${(o,
|
|
435
|
+
:host{box-sizing:border-box;background-color:transparent;color:${La};cursor:pointer;font-family:${y};font-size:${O};font-weight:${A};margin:0;padding:0;overflow:inherit;text-align:left;text-decoration:none;text-decoration-thinkness:${Y};text-overflow:inherit;user-select:text}:host(:is(:hover,:focus-visible)){outline:none;text-decoration-line:underline}@media (hover:hover){:host(:hover){color:${Ma}}:host(:active){color:${_a}}:host([appearance='subtle']:hover){color:${Da}}:host([appearance='subtle']:active){color:${Ha}}}:host([appearance='subtle']){color:${Ra}}:host-context(:is(h1,h2,h3,h4,h5,h6,p,fluent-text)),:host([inline]){font:inherit;text-decoration:underline}:host(:not([href])){color:inherit;text-decoration:none}`.withBehaviors(lt(p`
|
|
436
|
+
:host{color:LinkText}`));function Qh(){return v`<template tabindex="0" @click="${o=>o.clickHandler()}" @keypress="${(o,t)=>o.keypressHandler(t.event)}"><slot></slot></template>`}const Zh=Qh(),Jh=ts.compose({name:`${b.prefix}-link`,template:Zh,styles:Yh});Jh.define(b.registry);class tu extends F{}const eu=Qi({end:v.partial(`
|
|
437
437
|
<svg slot="end" fill="currentColor" aria-hidden="true" width="1em" height="1em" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
|
|
438
438
|
<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>
|
|
439
439
|
</svg>
|
|
440
|
-
`)}),ou=eu.compose({name:`${b.prefix}-menu-button`,template:tu,styles:Zo});ou.define(b.registry);function ri(o){return o.split("-")[1]}function an(o){return o==="y"?"height":"width"}function It(o){return o.split("-")[0]}function si(o){return["top","bottom"].includes(It(o))?"x":"y"}function ln(o,e,t){let{reference:i,floating:r}=o;const s=i.x+i.width/2-r.width/2,n=i.y+i.height/2-r.height/2,c=si(e),h=an(c),d=i[h]/2-r[h]/2,l=c==="x";let u;switch(It(e)){case"top":u={x:s,y:i.y-r.height};break;case"bottom":u={x:s,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:n};break;case"left":u={x:i.x-r.width,y:n};break;default:u={x:i.x,y:i.y}}switch(ri(e)){case"start":u[c]-=d*(t&&l?-1:1);break;case"end":u[c]+=d*(t&&l?-1:1)}return u}const iu=async(o,e,t)=>{const{placement:i="bottom",strategy:r="absolute",middleware:s=[],platform:n}=t,c=s.filter(Boolean),h=await(n.isRTL==null?void 0:n.isRTL(e));let d=await n.getElementRects({reference:o,floating:e,strategy:r}),{x:l,y:u}=ln(d,i,h),f=i,g={},m=0;for(let x=0;x<c.length;x++){const{name:P,fn:T}=c[x],{x:B,y:D,data:Q,reset:Z}=await T({x:l,y:u,initialPlacement:i,placement:f,strategy:r,middlewareData:g,rects:d,platform:n,elements:{reference:o,floating:e}});l=B??l,u=D??u,g={...g,[P]:{...g[P],...Q}},Z&&m<=50&&(m++,typeof Z=="object"&&(Z.placement&&(f=Z.placement),Z.rects&&(d=Z.rects===!0?await n.getElementRects({reference:o,floating:e,strategy:r}):Z.rects),{x:l,y:u}=ln(d,f,h)),x=-1)}return{x:l,y:u,placement:f,strategy:r,middlewareData:g}};function ru(o){return typeof o!="number"?function(e){return{top:0,right:0,bottom:0,left:0,...e}}(o):{top:o,right:o,bottom:o,left:o}}function tr(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}async function fo(o,e){var t;e===void 0&&(e={});const{x:i,y:r,platform:s,rects:n,elements:c,strategy:h}=o,{boundary:d="clippingAncestors",rootBoundary:l="viewport",elementContext:u="floating",altBoundary:f=!1,padding:g=0}=e,m=ru(g),x=c[f?u==="floating"?"reference":"floating":u],P=tr(await s.getClippingRect({element:(t=await(s.isElement==null?void 0:s.isElement(x)))==null||t?x:x.contextElement||await(s.getDocumentElement==null?void 0:s.getDocumentElement(c.floating)),boundary:d,rootBoundary:l,strategy:h})),T=u==="floating"?{...n.floating,x:i,y:r}:n.reference,B=await(s.getOffsetParent==null?void 0:s.getOffsetParent(c.floating)),D=await(s.isElement==null?void 0:s.isElement(B))&&await(s.getScale==null?void 0:s.getScale(B))||{x:1,y:1},Q=tr(s.convertOffsetParentRelativeRectToViewportRelativeRect?await s.convertOffsetParentRelativeRectToViewportRelativeRect({rect:T,offsetParent:B,strategy:h}):T);return{top:(P.top-Q.top+m.top)/D.y,bottom:(Q.bottom-P.bottom+m.bottom)/D.y,left:(P.left-Q.left+m.left)/D.x,right:(Q.right-P.right+m.right)/D.x}}const or=Math.min,Bt=Math.max;function cn(o,e,t){return Bt(o,or(e,t))}const dn=["top","right","bottom","left"];dn.reduce((o,e)=>o.concat(e,e+"-start",e+"-end"),[]);const su={left:"right",right:"left",bottom:"top",top:"bottom"};function ni(o){return o.replace(/left|right|bottom|top/g,e=>su[e])}function nu(o,e,t){t===void 0&&(t=!1);const i=ri(o),r=si(o),s=an(r);let n=r==="x"?i===(t?"end":"start")?"right":"left":i==="start"?"bottom":"top";return e.reference[s]>e.floating[s]&&(n=ni(n)),{main:n,cross:ni(n)}}const au={start:"end",end:"start"};function ir(o){return o.replace(/start|end/g,e=>au[e])}const hn=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(e){var t;const{placement:i,middlewareData:r,rects:s,initialPlacement:n,platform:c,elements:h}=e,{mainAxis:d=!0,crossAxis:l=!0,fallbackPlacements:u,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:m=!0,...x}=o,P=It(i),T=It(n)===n,B=await(c.isRTL==null?void 0:c.isRTL(h.floating)),D=u||(T||!m?[ni(n)]:function(pe){const Ne=ni(pe);return[ir(pe),Ne,ir(Ne)]}(n));u||g==="none"||D.push(...function(pe,Ne,mt,it){const je=ri(pe);let fe=function(Kt,gi,Hn){const gr=["left","right"],br=["right","left"],Vn=["top","bottom"],Nn=["bottom","top"];switch(Kt){case"top":case"bottom":return Hn?gi?br:gr:gi?gr:br;case"left":case"right":return gi?Vn:Nn;default:return[]}}(It(pe),mt==="start",it);return je&&(fe=fe.map(Kt=>Kt+"-"+je),Ne&&(fe=fe.concat(fe.map(ir)))),fe}(n,m,g,B));const Q=[n,...D],Z=await fo(e,x),bt=[];let ot=((t=r.flip)==null?void 0:t.overflows)||[];if(d&&bt.push(Z[P]),l){const{main:pe,cross:Ne}=nu(i,s,B);bt.push(Z[pe],Z[Ne])}if(ot=[...ot,{placement:i,overflows:bt}],!bt.every(pe=>pe<=0)){var Xt,pr;const pe=(((Xt=r.flip)==null?void 0:Xt.index)||0)+1,Ne=Q[pe];if(Ne)return{data:{index:pe,overflows:ot},reset:{placement:Ne}};let mt=(pr=ot.filter(it=>it.overflows[0]<=0).sort((it,je)=>it.overflows[1]-je.overflows[1])[0])==null?void 0:pr.placement;if(!mt)switch(f){case"bestFit":{var fr;const it=(fr=ot.map(je=>[je.placement,je.overflows.filter(fe=>fe>0).reduce((fe,Kt)=>fe+Kt,0)]).sort((je,fe)=>je[1]-fe[1])[0])==null?void 0:fr[0];it&&(mt=it);break}case"initialPlacement":mt=n}if(i!==mt)return{reset:{placement:mt}}}return{}}}};function un(o,e){return{top:o.top-e.height,right:o.right-e.width,bottom:o.bottom-e.height,left:o.left-e.width}}function pn(o){return dn.some(e=>o[e]>=0)}const lu=function(o){return o===void 0&&(o={}),{name:"hide",options:o,async fn(e){const{strategy:t="referenceHidden",...i}=o,{rects:r}=e;switch(t){case"referenceHidden":{const s=un(await fo(e,{...i,elementContext:"reference"}),r.reference);return{data:{referenceHiddenOffsets:s,referenceHidden:pn(s)}}}case"escaped":{const s=un(await fo(e,{...i,altBoundary:!0}),r.floating);return{data:{escapedOffsets:s,escaped:pn(s)}}}default:return{}}}}};function cu(o){return o==="x"?"y":"x"}const du=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(e){const{x:t,y:i,placement:r}=e,{mainAxis:s=!0,crossAxis:n=!1,limiter:c={fn:P=>{let{x:T,y:B}=P;return{x:T,y:B}}},...h}=o,d={x:t,y:i},l=await fo(e,h),u=si(It(r)),f=cu(u);let g=d[u],m=d[f];if(s){const P=u==="y"?"bottom":"right";g=cn(g+l[u==="y"?"top":"left"],g,g-l[P])}if(n){const P=f==="y"?"bottom":"right";m=cn(m+l[f==="y"?"top":"left"],m,m-l[P])}const x=c.fn({...e,[u]:g,[f]:m});return{...x,data:{x:x.x-t,y:x.y-i}}}}},fn=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(e){const{placement:t,rects:i,platform:r,elements:s}=e,{apply:n=()=>{},...c}=o,h=await fo(e,c),d=It(t),l=ri(t),u=si(t)==="x",{width:f,height:g}=i.floating;let m,x;d==="top"||d==="bottom"?(m=d,x=l===(await(r.isRTL==null?void 0:r.isRTL(s.floating))?"start":"end")?"left":"right"):(x=d,m=l==="end"?"top":"bottom");const P=g-h[m],T=f-h[x];let B=P,D=T;if(u?D=or(f-h.right-h.left,T):B=or(g-h.bottom-h.top,P),!e.middlewareData.shift&&!l){const Z=Bt(h.left,0),bt=Bt(h.right,0),ot=Bt(h.top,0),Xt=Bt(h.bottom,0);u?D=f-2*(Z!==0||bt!==0?Z+bt:Bt(h.left,h.right)):B=g-2*(ot!==0||Xt!==0?ot+Xt:Bt(h.top,h.bottom))}await n({...e,availableWidth:D,availableHeight:B});const Q=await r.getDimensions(s.floating);return f!==Q.width||g!==Q.height?{reset:{rects:!0}}:{}}}};function ue(o){var e;return((e=o.ownerDocument)==null?void 0:e.defaultView)||window}function De(o){return ue(o).getComputedStyle(o)}const gn=Math.min,go=Math.max,ai=Math.round;function bn(o){const e=De(o);let t=parseFloat(e.width),i=parseFloat(e.height);const r=o.offsetWidth,s=o.offsetHeight,n=ai(t)!==r||ai(i)!==s;return n&&(t=r,i=s),{width:t,height:i,fallback:n}}function ht(o){return vn(o)?(o.nodeName||"").toLowerCase():""}let li;function mn(){if(li)return li;const o=navigator.userAgentData;return o&&Array.isArray(o.brands)?(li=o.brands.map(e=>e.brand+"/"+e.version).join(" "),li):navigator.userAgent}function He(o){return o instanceof ue(o).HTMLElement}function Se(o){return o instanceof ue(o).Element}function vn(o){return o instanceof ue(o).Node}function $n(o){return typeof ShadowRoot>"u"?!1:o instanceof ue(o).ShadowRoot||o instanceof ShadowRoot}function ci(o){const{overflow:e,overflowX:t,overflowY:i,display:r}=De(o);return/auto|scroll|overlay|hidden|clip/.test(e+i+t)&&!["inline","contents"].includes(r)}function hu(o){return["table","td","th"].includes(ht(o))}function rr(o){const e=/firefox/i.test(mn()),t=De(o),i=t.backdropFilter||t.WebkitBackdropFilter;return t.transform!=="none"||t.perspective!=="none"||!!i&&i!=="none"||e&&t.willChange==="filter"||e&&!!t.filter&&t.filter!=="none"||["transform","perspective"].some(r=>t.willChange.includes(r))||["paint","layout","strict","content"].some(r=>{const s=t.contain;return s!=null&&s.includes(r)})}function sr(){return/^((?!chrome|android).)*safari/i.test(mn())}function nr(o){return["html","body","#document"].includes(ht(o))}function yn(o){return Se(o)?o:o.contextElement}const xn={x:1,y:1};function Ut(o){const e=yn(o);if(!He(e))return xn;const t=e.getBoundingClientRect(),{width:i,height:r,fallback:s}=bn(e);let n=(s?ai(t.width):t.width)/i,c=(s?ai(t.height):t.height)/r;return n&&Number.isFinite(n)||(n=1),c&&Number.isFinite(c)||(c=1),{x:n,y:c}}function zt(o,e,t,i){var r,s;e===void 0&&(e=!1),t===void 0&&(t=!1);const n=o.getBoundingClientRect(),c=yn(o);let h=xn;e&&(i?Se(i)&&(h=Ut(i)):h=Ut(o));const d=c?ue(c):window,l=sr()&&t;let u=(n.left+(l&&((r=d.visualViewport)==null?void 0:r.offsetLeft)||0))/h.x,f=(n.top+(l&&((s=d.visualViewport)==null?void 0:s.offsetTop)||0))/h.y,g=n.width/h.x,m=n.height/h.y;if(c){const x=ue(c),P=i&&Se(i)?ue(i):i;let T=x.frameElement;for(;T&&i&&P!==x;){const B=Ut(T),D=T.getBoundingClientRect(),Q=getComputedStyle(T);D.x+=(T.clientLeft+parseFloat(Q.paddingLeft))*B.x,D.y+=(T.clientTop+parseFloat(Q.paddingTop))*B.y,u*=B.x,f*=B.y,g*=B.x,m*=B.y,u+=D.x,f+=D.y,T=ue(T).frameElement}}return{width:g,height:m,top:f,right:u+g,bottom:f+m,left:u,x:u,y:f}}function ut(o){return((vn(o)?o.ownerDocument:o.document)||window.document).documentElement}function di(o){return Se(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function kn(o){return zt(ut(o)).left+di(o).scrollLeft}function bo(o){if(ht(o)==="html")return o;const e=o.assignedSlot||o.parentNode||$n(o)&&o.host||ut(o);return $n(e)?e.host:e}function wn(o){const e=bo(o);return nr(e)?e.ownerDocument.body:He(e)&&ci(e)?e:wn(e)}function mo(o,e){var t;e===void 0&&(e=[]);const i=wn(o),r=i===((t=o.ownerDocument)==null?void 0:t.body),s=ue(i);return r?e.concat(s,s.visualViewport||[],ci(i)?i:[]):e.concat(i,mo(i))}function Cn(o,e,t){let i;if(e==="viewport")i=function(n,c){const h=ue(n),d=ut(n),l=h.visualViewport;let u=d.clientWidth,f=d.clientHeight,g=0,m=0;if(l){u=l.width,f=l.height;const x=sr();(!x||x&&c==="fixed")&&(g=l.offsetLeft,m=l.offsetTop)}return{width:u,height:f,x:g,y:m}}(o,t);else if(e==="document")i=function(n){const c=ut(n),h=di(n),d=n.ownerDocument.body,l=go(c.scrollWidth,c.clientWidth,d.scrollWidth,d.clientWidth),u=go(c.scrollHeight,c.clientHeight,d.scrollHeight,d.clientHeight);let f=-h.scrollLeft+kn(n);const g=-h.scrollTop;return De(d).direction==="rtl"&&(f+=go(c.clientWidth,d.clientWidth)-l),{width:l,height:u,x:f,y:g}}(ut(o));else if(Se(e))i=function(n,c){const h=zt(n,!0,c==="fixed"),d=h.top+n.clientTop,l=h.left+n.clientLeft,u=He(n)?Ut(n):{x:1,y:1};return{width:n.clientWidth*u.x,height:n.clientHeight*u.y,x:l*u.x,y:d*u.y}}(e,t);else{const n={...e};if(sr()){var r,s;const c=ue(o);n.x-=((r=c.visualViewport)==null?void 0:r.offsetLeft)||0,n.y-=((s=c.visualViewport)==null?void 0:s.offsetTop)||0}i=n}return tr(i)}function Sn(o,e){return He(o)&&De(o).position!=="fixed"?e?e(o):o.offsetParent:null}function Pn(o,e){const t=ue(o);let i=Sn(o,e);for(;i&&hu(i)&&De(i).position==="static";)i=Sn(i,e);return i&&(ht(i)==="html"||ht(i)==="body"&&De(i).position==="static"&&!rr(i))?t:i||function(r){let s=bo(r);for(;He(s)&&!nr(s);){if(rr(s))return s;s=bo(s)}return null}(o)||t}function uu(o,e,t){const i=He(e),r=ut(e),s=zt(o,!0,t==="fixed",e);let n={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(i||!i&&t!=="fixed")if((ht(e)!=="body"||ci(r))&&(n=di(e)),He(e)){const h=zt(e,!0);c.x=h.x+e.clientLeft,c.y=h.y+e.clientTop}else r&&(c.x=kn(r));return{x:s.left+n.scrollLeft-c.x,y:s.top+n.scrollTop-c.y,width:s.width,height:s.height}}const pu={getClippingRect:function(o){let{element:e,boundary:t,rootBoundary:i,strategy:r}=o;const s=t==="clippingAncestors"?function(d,l){const u=l.get(d);if(u)return u;let f=mo(d).filter(P=>Se(P)&&ht(P)!=="body"),g=null;const m=De(d).position==="fixed";let x=m?bo(d):d;for(;Se(x)&&!nr(x);){const P=De(x),T=rr(x);(m?T||g:T||P.position!=="static"||!g||!["absolute","fixed"].includes(g.position))?g=P:f=f.filter(B=>B!==x),x=bo(x)}return l.set(d,f),f}(e,this._c):[].concat(t),n=[...s,i],c=n[0],h=n.reduce((d,l)=>{const u=Cn(e,l,r);return d.top=go(u.top,d.top),d.right=gn(u.right,d.right),d.bottom=gn(u.bottom,d.bottom),d.left=go(u.left,d.left),d},Cn(e,c,r));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(o){let{rect:e,offsetParent:t,strategy:i}=o;const r=He(t),s=ut(t);if(t===s)return e;let n={scrollLeft:0,scrollTop:0},c={x:1,y:1};const h={x:0,y:0};if((r||!r&&i!=="fixed")&&((ht(t)!=="body"||ci(s))&&(n=di(t)),He(t))){const d=zt(t);c=Ut(t),h.x=d.x+t.clientLeft,h.y=d.y+t.clientTop}return{width:e.width*c.x,height:e.height*c.y,x:e.x*c.x-n.scrollLeft*c.x+h.x,y:e.y*c.y-n.scrollTop*c.y+h.y}},isElement:Se,getDimensions:function(o){return He(o)?bn(o):o.getBoundingClientRect()},getOffsetParent:Pn,getDocumentElement:ut,getScale:Ut,async getElementRects(o){let{reference:e,floating:t,strategy:i}=o;const r=this.getOffsetParent||Pn,s=this.getDimensions;return{reference:uu(e,await r(t),i),floating:{x:0,y:0,...await s(t)}}},getClientRects:o=>Array.from(o.getClientRects()),isRTL:o=>De(o).direction==="rtl"};function In(o,e,t,i){i===void 0&&(i={});const{ancestorScroll:r=!0,ancestorResize:s=!0,elementResize:n=!0,animationFrame:c=!1}=i,h=r&&!c,d=h||s?[...Se(o)?mo(o):o.contextElement?mo(o.contextElement):[],...mo(e)]:[];d.forEach(g=>{h&&g.addEventListener("scroll",t,{passive:!0}),s&&g.addEventListener("resize",t)});let l,u=null;if(n){let g=!0;u=new ResizeObserver(()=>{g||t(),g=!1}),Se(o)&&!c&&u.observe(o),Se(o)||!o.contextElement||c||u.observe(o.contextElement),u.observe(e)}let f=c?zt(o):null;return c&&function g(){const m=zt(o);!f||m.x===f.x&&m.y===f.y&&m.width===f.width&&m.height===f.height||t(),f=m,l=requestAnimationFrame(g)}(),t(),()=>{var g;d.forEach(m=>{h&&m.removeEventListener("scroll",t),s&&m.removeEventListener("resize",t)}),(g=u)==null||g.disconnect(),u=null,c&&cancelAnimationFrame(l)}}const Bn=(o,e,t)=>{const i=new Map,r={platform:pu,...t},s={...r.platform,_c:i};return iu(o,e,{...r,platform:s})},oe={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};oe.menuitem+"",oe.menuitemcheckbox+"",oe.menuitemradio+"";var fu=Object.defineProperty,gu=Object.getOwnPropertyDescriptor,Tt=(o,e,t,i)=>{for(var r=i>1?void 0:i?gu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&fu(e,t,r),r};class Pe extends S{constructor(){super(...arguments),this.role=oe.menuitem,this.checked=!1,this.focusSubmenuOnLoad=!1,this.handleMenuItemKeyDown=e=>{if(e.defaultPrevented)return!1;switch(e.key){case Vt:case Eo:return this.invoke(),!1;case Dt:return this.expanded&&this.submenu?this.submenu.focus():this.expandAndFocus(),!1;case as:if(this.expanded)return this.closeSubMenu(),!1;break;case Rt:if(this.expanded)return this.closeSubMenu(),!1}return!0},this.handleMenuItemClick=e=>(e.defaultPrevented||this.disabled||this.invoke(),!1),this.submenuLoaded=()=>{this.focusSubmenuOnLoad&&(this.focusSubmenuOnLoad=!1,this.submenu&&(this.submenu.focus(),this.setAttribute("tabindex","-1")))},this.handleMouseOver=e=>(this.disabled||!this.hasSubmenu||this.expanded||(this.expanded=!0),!1),this.handleMouseOut=e=>(!this.expanded||this.contains(document.activeElement)||(this.expanded=!1),!1),this.closeSubMenu=()=>{this.expanded=!1,this.focus()},this.expandAndFocus=()=>{this.hasSubmenu&&(this.focusSubmenuOnLoad=!0,this.expanded=!0)},this.invoke=()=>{if(!this.disabled)switch(this.role){case oe.menuitemcheckbox:this.checked=!this.checked;break;case oe.menuitem:if(this.hasSubmenu){this.expandAndFocus();break}this.$emit("change");break;case oe.menuitemradio:this.checked||(this.checked=!0);break}}}expandedChanged(e,t){this.$fastController.isConnected&&(t&&this.submenu&&this.updateSubmenu(),this.$emit("expanded-change",this,{bubbles:!1}))}checkedChanged(e,t){this.$fastController.isConnected&&this.$emit("change")}get hasSubmenu(){return!!this.submenu}slottedSubmenuChanged(e,t){t.length&&(this.submenu=t[0],this.updateSubmenu())}disconnectedCallback(){this.cleanup?.(),super.disconnectedCallback()}updateSubmenu(){this.cleanup?.(),!(!this.submenu||!this.expanded)&&me.enqueue(()=>{this.cleanup=In(this,this.submenuContainer,async()=>{const e=["left-start","right-start"],{x:t,y:i}=await Bn(this,this.submenuContainer,{middleware:[du(),fn({apply:({availableWidth:r,rects:s})=>{r<s.floating.width&&e.push("bottom-end","top-end")}}),hn({fallbackPlacements:e})],placement:"right-start",strategy:"fixed"});Object.assign(this.submenuContainer.style,{left:`${t}px`,position:"fixed",top:`${i}px`}),this.submenuLoaded()})})}}Tt([a({mode:"boolean"})],Pe.prototype,"disabled",2),Tt([a({mode:"boolean"})],Pe.prototype,"expanded",2),Tt([a],Pe.prototype,"role",2),Tt([a({mode:"boolean"})],Pe.prototype,"checked",2),Tt([a({mode:"boolean"})],Pe.prototype,"hidden",2),Tt([$],Pe.prototype,"slottedSubmenu",2),Tt([$],Pe.prototype,"submenu",2),Ue(Pe,qe);const bu=p`
|
|
440
|
+
`)}),ou=tu.compose({name:`${b.prefix}-menu-button`,template:eu,styles:Zo});ou.define(b.registry);function si(o){return o.split("-")[1]}function ln(o){return o==="y"?"height":"width"}function Pe(o){return o.split("-")[0]}function ri(o){return["top","bottom"].includes(Pe(o))?"x":"y"}function cn(o,t,e){let{reference:i,floating:s}=o;const r=i.x+i.width/2-s.width/2,n=i.y+i.height/2-s.height/2,c=ri(t),h=ln(c),d=i[h]/2-s[h]/2,l=c==="x";let u;switch(Pe(t)){case"top":u={x:r,y:i.y-s.height};break;case"bottom":u={x:r,y:i.y+i.height};break;case"right":u={x:i.x+i.width,y:n};break;case"left":u={x:i.x-s.width,y:n};break;default:u={x:i.x,y:i.y}}switch(si(t)){case"start":u[c]-=d*(e&&l?-1:1);break;case"end":u[c]+=d*(e&&l?-1:1)}return u}const iu=async(o,t,e)=>{const{placement:i="bottom",strategy:s="absolute",middleware:r=[],platform:n}=e,c=r.filter(Boolean),h=await(n.isRTL==null?void 0:n.isRTL(t));let d=await n.getElementRects({reference:o,floating:t,strategy:s}),{x:l,y:u}=cn(d,i,h),f=i,g={},m=0;for(let x=0;x<c.length;x++){const{name:I,fn:T}=c[x],{x:B,y:D,data:Q,reset:Z}=await T({x:l,y:u,initialPlacement:i,placement:f,strategy:s,middlewareData:g,rects:d,platform:n,elements:{reference:o,floating:t}});l=B??l,u=D??u,g={...g,[I]:{...g[I],...Q}},Z&&m<=50&&(m++,typeof Z=="object"&&(Z.placement&&(f=Z.placement),Z.rects&&(d=Z.rects===!0?await n.getElementRects({reference:o,floating:t,strategy:s}):Z.rects),{x:l,y:u}=cn(d,f,h)),x=-1)}return{x:l,y:u,placement:f,strategy:s,middlewareData:g}};function su(o){return typeof o!="number"?function(t){return{top:0,right:0,bottom:0,left:0,...t}}(o):{top:o,right:o,bottom:o,left:o}}function es(o){return{...o,top:o.y,left:o.x,right:o.x+o.width,bottom:o.y+o.height}}async function fo(o,t){var e;t===void 0&&(t={});const{x:i,y:s,platform:r,rects:n,elements:c,strategy:h}=o,{boundary:d="clippingAncestors",rootBoundary:l="viewport",elementContext:u="floating",altBoundary:f=!1,padding:g=0}=t,m=su(g),x=c[f?u==="floating"?"reference":"floating":u],I=es(await r.getClippingRect({element:(e=await(r.isElement==null?void 0:r.isElement(x)))==null||e?x:x.contextElement||await(r.getDocumentElement==null?void 0:r.getDocumentElement(c.floating)),boundary:d,rootBoundary:l,strategy:h})),T=u==="floating"?{...n.floating,x:i,y:s}:n.reference,B=await(r.getOffsetParent==null?void 0:r.getOffsetParent(c.floating)),D=await(r.isElement==null?void 0:r.isElement(B))&&await(r.getScale==null?void 0:r.getScale(B))||{x:1,y:1},Q=es(r.convertOffsetParentRelativeRectToViewportRelativeRect?await r.convertOffsetParentRelativeRectToViewportRelativeRect({rect:T,offsetParent:B,strategy:h}):T);return{top:(I.top-Q.top+m.top)/D.y,bottom:(Q.bottom-I.bottom+m.bottom)/D.y,left:(I.left-Q.left+m.left)/D.x,right:(Q.right-I.right+m.right)/D.x}}const os=Math.min,Be=Math.max;function dn(o,t,e){return Be(o,os(t,e))}const hn=["top","right","bottom","left"];hn.reduce((o,t)=>o.concat(t,t+"-start",t+"-end"),[]);const ru={left:"right",right:"left",bottom:"top",top:"bottom"};function ni(o){return o.replace(/left|right|bottom|top/g,t=>ru[t])}function nu(o,t,e){e===void 0&&(e=!1);const i=si(o),s=ri(o),r=ln(s);let n=s==="x"?i===(e?"end":"start")?"right":"left":i==="start"?"bottom":"top";return t.reference[r]>t.floating[r]&&(n=ni(n)),{main:n,cross:ni(n)}}const au={start:"end",end:"start"};function is(o){return o.replace(/start|end/g,t=>au[t])}const un=function(o){return o===void 0&&(o={}),{name:"flip",options:o,async fn(t){var e;const{placement:i,middlewareData:s,rects:r,initialPlacement:n,platform:c,elements:h}=t,{mainAxis:d=!0,crossAxis:l=!0,fallbackPlacements:u,fallbackStrategy:f="bestFit",fallbackAxisSideDirection:g="none",flipAlignment:m=!0,...x}=o,I=Pe(i),T=Pe(n)===n,B=await(c.isRTL==null?void 0:c.isRTL(h.floating)),D=u||(T||!m?[ni(n)]:function(pt){const jt=ni(pt);return[is(pt),jt,is(jt)]}(n));u||g==="none"||D.push(...function(pt,jt,me,se){const qt=si(pt);let ft=function(Ke,gi,Vn){const gs=["left","right"],bs=["right","left"],Nn=["top","bottom"],jn=["bottom","top"];switch(Ke){case"top":case"bottom":return Vn?gi?bs:gs:gi?gs:bs;case"left":case"right":return gi?Nn:jn;default:return[]}}(Pe(pt),me==="start",se);return qt&&(ft=ft.map(Ke=>Ke+"-"+qt),jt&&(ft=ft.concat(ft.map(is)))),ft}(n,m,g,B));const Q=[n,...D],Z=await fo(t,x),be=[];let ie=((e=s.flip)==null?void 0:e.overflows)||[];if(d&&be.push(Z[I]),l){const{main:pt,cross:jt}=nu(i,r,B);be.push(Z[pt],Z[jt])}if(ie=[...ie,{placement:i,overflows:be}],!be.every(pt=>pt<=0)){var Xe,ps;const pt=(((Xe=s.flip)==null?void 0:Xe.index)||0)+1,jt=Q[pt];if(jt)return{data:{index:pt,overflows:ie},reset:{placement:jt}};let me=(ps=ie.filter(se=>se.overflows[0]<=0).sort((se,qt)=>se.overflows[1]-qt.overflows[1])[0])==null?void 0:ps.placement;if(!me)switch(f){case"bestFit":{var fs;const se=(fs=ie.map(qt=>[qt.placement,qt.overflows.filter(ft=>ft>0).reduce((ft,Ke)=>ft+Ke,0)]).sort((qt,ft)=>qt[1]-ft[1])[0])==null?void 0:fs[0];se&&(me=se);break}case"initialPlacement":me=n}if(i!==me)return{reset:{placement:me}}}return{}}}};function pn(o,t){return{top:o.top-t.height,right:o.right-t.width,bottom:o.bottom-t.height,left:o.left-t.width}}function fn(o){return hn.some(t=>o[t]>=0)}const lu=function(o){return o===void 0&&(o={}),{name:"hide",options:o,async fn(t){const{strategy:e="referenceHidden",...i}=o,{rects:s}=t;switch(e){case"referenceHidden":{const r=pn(await fo(t,{...i,elementContext:"reference"}),s.reference);return{data:{referenceHiddenOffsets:r,referenceHidden:fn(r)}}}case"escaped":{const r=pn(await fo(t,{...i,altBoundary:!0}),s.floating);return{data:{escapedOffsets:r,escaped:fn(r)}}}default:return{}}}}};function cu(o){return o==="x"?"y":"x"}const du=function(o){return o===void 0&&(o={}),{name:"shift",options:o,async fn(t){const{x:e,y:i,placement:s}=t,{mainAxis:r=!0,crossAxis:n=!1,limiter:c={fn:I=>{let{x:T,y:B}=I;return{x:T,y:B}}},...h}=o,d={x:e,y:i},l=await fo(t,h),u=ri(Pe(s)),f=cu(u);let g=d[u],m=d[f];if(r){const I=u==="y"?"bottom":"right";g=dn(g+l[u==="y"?"top":"left"],g,g-l[I])}if(n){const I=f==="y"?"bottom":"right";m=dn(m+l[f==="y"?"top":"left"],m,m-l[I])}const x=c.fn({...t,[u]:g,[f]:m});return{...x,data:{x:x.x-e,y:x.y-i}}}}},gn=function(o){return o===void 0&&(o={}),{name:"size",options:o,async fn(t){const{placement:e,rects:i,platform:s,elements:r}=t,{apply:n=()=>{},...c}=o,h=await fo(t,c),d=Pe(e),l=si(e),u=ri(e)==="x",{width:f,height:g}=i.floating;let m,x;d==="top"||d==="bottom"?(m=d,x=l===(await(s.isRTL==null?void 0:s.isRTL(r.floating))?"start":"end")?"left":"right"):(x=d,m=l==="end"?"top":"bottom");const I=g-h[m],T=f-h[x];let B=I,D=T;if(u?D=os(f-h.right-h.left,T):B=os(g-h.bottom-h.top,I),!t.middlewareData.shift&&!l){const Z=Be(h.left,0),be=Be(h.right,0),ie=Be(h.top,0),Xe=Be(h.bottom,0);u?D=f-2*(Z!==0||be!==0?Z+be:Be(h.left,h.right)):B=g-2*(ie!==0||Xe!==0?ie+Xe:Be(h.top,h.bottom))}await n({...t,availableWidth:D,availableHeight:B});const Q=await s.getDimensions(r.floating);return f!==Q.width||g!==Q.height?{reset:{rects:!0}}:{}}}};function ut(o){var t;return((t=o.ownerDocument)==null?void 0:t.defaultView)||window}function Ht(o){return ut(o).getComputedStyle(o)}const bn=Math.min,go=Math.max,ai=Math.round;function mn(o){const t=Ht(o);let e=parseFloat(t.width),i=parseFloat(t.height);const s=o.offsetWidth,r=o.offsetHeight,n=ai(e)!==s||ai(i)!==r;return n&&(e=s,i=r),{width:e,height:i,fallback:n}}function he(o){return $n(o)?(o.nodeName||"").toLowerCase():""}let li;function vn(){if(li)return li;const o=navigator.userAgentData;return o&&Array.isArray(o.brands)?(li=o.brands.map(t=>t.brand+"/"+t.version).join(" "),li):navigator.userAgent}function Vt(o){return o instanceof ut(o).HTMLElement}function St(o){return o instanceof ut(o).Element}function $n(o){return o instanceof ut(o).Node}function yn(o){return typeof ShadowRoot>"u"?!1:o instanceof ut(o).ShadowRoot||o instanceof ShadowRoot}function ci(o){const{overflow:t,overflowX:e,overflowY:i,display:s}=Ht(o);return/auto|scroll|overlay|hidden|clip/.test(t+i+e)&&!["inline","contents"].includes(s)}function hu(o){return["table","td","th"].includes(he(o))}function ss(o){const t=/firefox/i.test(vn()),e=Ht(o),i=e.backdropFilter||e.WebkitBackdropFilter;return e.transform!=="none"||e.perspective!=="none"||!!i&&i!=="none"||t&&e.willChange==="filter"||t&&!!e.filter&&e.filter!=="none"||["transform","perspective"].some(s=>e.willChange.includes(s))||["paint","layout","strict","content"].some(s=>{const r=e.contain;return r!=null&&r.includes(s)})}function rs(){return/^((?!chrome|android).)*safari/i.test(vn())}function ns(o){return["html","body","#document"].includes(he(o))}function xn(o){return St(o)?o:o.contextElement}const kn={x:1,y:1};function Ue(o){const t=xn(o);if(!Vt(t))return kn;const e=t.getBoundingClientRect(),{width:i,height:s,fallback:r}=mn(t);let n=(r?ai(e.width):e.width)/i,c=(r?ai(e.height):e.height)/s;return n&&Number.isFinite(n)||(n=1),c&&Number.isFinite(c)||(c=1),{x:n,y:c}}function ze(o,t,e,i){var s,r;t===void 0&&(t=!1),e===void 0&&(e=!1);const n=o.getBoundingClientRect(),c=xn(o);let h=kn;t&&(i?St(i)&&(h=Ue(i)):h=Ue(o));const d=c?ut(c):window,l=rs()&&e;let u=(n.left+(l&&((s=d.visualViewport)==null?void 0:s.offsetLeft)||0))/h.x,f=(n.top+(l&&((r=d.visualViewport)==null?void 0:r.offsetTop)||0))/h.y,g=n.width/h.x,m=n.height/h.y;if(c){const x=ut(c),I=i&&St(i)?ut(i):i;let T=x.frameElement;for(;T&&i&&I!==x;){const B=Ue(T),D=T.getBoundingClientRect(),Q=getComputedStyle(T);D.x+=(T.clientLeft+parseFloat(Q.paddingLeft))*B.x,D.y+=(T.clientTop+parseFloat(Q.paddingTop))*B.y,u*=B.x,f*=B.y,g*=B.x,m*=B.y,u+=D.x,f+=D.y,T=ut(T).frameElement}}return{width:g,height:m,top:f,right:u+g,bottom:f+m,left:u,x:u,y:f}}function ue(o){return(($n(o)?o.ownerDocument:o.document)||window.document).documentElement}function di(o){return St(o)?{scrollLeft:o.scrollLeft,scrollTop:o.scrollTop}:{scrollLeft:o.pageXOffset,scrollTop:o.pageYOffset}}function wn(o){return ze(ue(o)).left+di(o).scrollLeft}function bo(o){if(he(o)==="html")return o;const t=o.assignedSlot||o.parentNode||yn(o)&&o.host||ue(o);return yn(t)?t.host:t}function Cn(o){const t=bo(o);return ns(t)?t.ownerDocument.body:Vt(t)&&ci(t)?t:Cn(t)}function mo(o,t){var e;t===void 0&&(t=[]);const i=Cn(o),s=i===((e=o.ownerDocument)==null?void 0:e.body),r=ut(i);return s?t.concat(r,r.visualViewport||[],ci(i)?i:[]):t.concat(i,mo(i))}function Sn(o,t,e){let i;if(t==="viewport")i=function(n,c){const h=ut(n),d=ue(n),l=h.visualViewport;let u=d.clientWidth,f=d.clientHeight,g=0,m=0;if(l){u=l.width,f=l.height;const x=rs();(!x||x&&c==="fixed")&&(g=l.offsetLeft,m=l.offsetTop)}return{width:u,height:f,x:g,y:m}}(o,e);else if(t==="document")i=function(n){const c=ue(n),h=di(n),d=n.ownerDocument.body,l=go(c.scrollWidth,c.clientWidth,d.scrollWidth,d.clientWidth),u=go(c.scrollHeight,c.clientHeight,d.scrollHeight,d.clientHeight);let f=-h.scrollLeft+wn(n);const g=-h.scrollTop;return Ht(d).direction==="rtl"&&(f+=go(c.clientWidth,d.clientWidth)-l),{width:l,height:u,x:f,y:g}}(ue(o));else if(St(t))i=function(n,c){const h=ze(n,!0,c==="fixed"),d=h.top+n.clientTop,l=h.left+n.clientLeft,u=Vt(n)?Ue(n):{x:1,y:1};return{width:n.clientWidth*u.x,height:n.clientHeight*u.y,x:l*u.x,y:d*u.y}}(t,e);else{const n={...t};if(rs()){var s,r;const c=ut(o);n.x-=((s=c.visualViewport)==null?void 0:s.offsetLeft)||0,n.y-=((r=c.visualViewport)==null?void 0:r.offsetTop)||0}i=n}return es(i)}function In(o,t){return Vt(o)&&Ht(o).position!=="fixed"?t?t(o):o.offsetParent:null}function Pn(o,t){const e=ut(o);let i=In(o,t);for(;i&&hu(i)&&Ht(i).position==="static";)i=In(i,t);return i&&(he(i)==="html"||he(i)==="body"&&Ht(i).position==="static"&&!ss(i))?e:i||function(s){let r=bo(s);for(;Vt(r)&&!ns(r);){if(ss(r))return r;r=bo(r)}return null}(o)||e}function uu(o,t,e){const i=Vt(t),s=ue(t),r=ze(o,!0,e==="fixed",t);let n={scrollLeft:0,scrollTop:0};const c={x:0,y:0};if(i||!i&&e!=="fixed")if((he(t)!=="body"||ci(s))&&(n=di(t)),Vt(t)){const h=ze(t,!0);c.x=h.x+t.clientLeft,c.y=h.y+t.clientTop}else s&&(c.x=wn(s));return{x:r.left+n.scrollLeft-c.x,y:r.top+n.scrollTop-c.y,width:r.width,height:r.height}}const pu={getClippingRect:function(o){let{element:t,boundary:e,rootBoundary:i,strategy:s}=o;const r=e==="clippingAncestors"?function(d,l){const u=l.get(d);if(u)return u;let f=mo(d).filter(I=>St(I)&&he(I)!=="body"),g=null;const m=Ht(d).position==="fixed";let x=m?bo(d):d;for(;St(x)&&!ns(x);){const I=Ht(x),T=ss(x);(m?T||g:T||I.position!=="static"||!g||!["absolute","fixed"].includes(g.position))?g=I:f=f.filter(B=>B!==x),x=bo(x)}return l.set(d,f),f}(t,this._c):[].concat(e),n=[...r,i],c=n[0],h=n.reduce((d,l)=>{const u=Sn(t,l,s);return d.top=go(u.top,d.top),d.right=bn(u.right,d.right),d.bottom=bn(u.bottom,d.bottom),d.left=go(u.left,d.left),d},Sn(t,c,s));return{width:h.right-h.left,height:h.bottom-h.top,x:h.left,y:h.top}},convertOffsetParentRelativeRectToViewportRelativeRect:function(o){let{rect:t,offsetParent:e,strategy:i}=o;const s=Vt(e),r=ue(e);if(e===r)return t;let n={scrollLeft:0,scrollTop:0},c={x:1,y:1};const h={x:0,y:0};if((s||!s&&i!=="fixed")&&((he(e)!=="body"||ci(r))&&(n=di(e)),Vt(e))){const d=ze(e);c=Ue(e),h.x=d.x+e.clientLeft,h.y=d.y+e.clientTop}return{width:t.width*c.x,height:t.height*c.y,x:t.x*c.x-n.scrollLeft*c.x+h.x,y:t.y*c.y-n.scrollTop*c.y+h.y}},isElement:St,getDimensions:function(o){return Vt(o)?mn(o):o.getBoundingClientRect()},getOffsetParent:Pn,getDocumentElement:ue,getScale:Ue,async getElementRects(o){let{reference:t,floating:e,strategy:i}=o;const s=this.getOffsetParent||Pn,r=this.getDimensions;return{reference:uu(t,await s(e),i),floating:{x:0,y:0,...await r(e)}}},getClientRects:o=>Array.from(o.getClientRects()),isRTL:o=>Ht(o).direction==="rtl"};function Bn(o,t,e,i){i===void 0&&(i={});const{ancestorScroll:s=!0,ancestorResize:r=!0,elementResize:n=!0,animationFrame:c=!1}=i,h=s&&!c,d=h||r?[...St(o)?mo(o):o.contextElement?mo(o.contextElement):[],...mo(t)]:[];d.forEach(g=>{h&&g.addEventListener("scroll",e,{passive:!0}),r&&g.addEventListener("resize",e)});let l,u=null;if(n){let g=!0;u=new ResizeObserver(()=>{g||e(),g=!1}),St(o)&&!c&&u.observe(o),St(o)||!o.contextElement||c||u.observe(o.contextElement),u.observe(t)}let f=c?ze(o):null;return c&&function g(){const m=ze(o);!f||m.x===f.x&&m.y===f.y&&m.width===f.width&&m.height===f.height||e(),f=m,l=requestAnimationFrame(g)}(),e(),()=>{var g;d.forEach(m=>{h&&m.removeEventListener("scroll",e),r&&m.removeEventListener("resize",e)}),(g=u)==null||g.disconnect(),u=null,c&&cancelAnimationFrame(l)}}const zn=(o,t,e)=>{const i=new Map,s={platform:pu,...e},r={...s.platform,_c:i};return iu(o,t,{...s,platform:r})},ot={menuitem:"menuitem",menuitemcheckbox:"menuitemcheckbox",menuitemradio:"menuitemradio"};ot.menuitem+"",ot.menuitemcheckbox+"",ot.menuitemradio+"";var fu=Object.defineProperty,gu=Object.getOwnPropertyDescriptor,Te=(o,t,e,i)=>{for(var s=i>1?void 0:i?gu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&fu(t,e,s),s};class It extends S{constructor(){super(...arguments),this.role=ot.menuitem,this.checked=!1,this.focusSubmenuOnLoad=!1,this.handleMenuItemKeyDown=t=>{if(t.defaultPrevented)return!1;switch(t.key){case Ve:case Eo:return this.invoke(),!1;case De:return this.expanded&&this.submenu?this.submenu.focus():this.expandAndFocus(),!1;case ar:if(this.expanded)return this.closeSubMenu(),!1;break;case Re:if(this.expanded)return this.closeSubMenu(),!1}return!0},this.handleMenuItemClick=t=>(t.defaultPrevented||this.disabled||this.invoke(),!1),this.submenuLoaded=()=>{this.focusSubmenuOnLoad&&(this.focusSubmenuOnLoad=!1,this.submenu&&(this.submenu.focus(),this.setAttribute("tabindex","-1")))},this.handleMouseOver=t=>(this.disabled||!this.hasSubmenu||this.expanded||(this.expanded=!0),!1),this.handleMouseOut=t=>(!this.expanded||this.contains(document.activeElement)||(this.expanded=!1),!1),this.closeSubMenu=()=>{this.expanded=!1,this.focus()},this.expandAndFocus=()=>{this.hasSubmenu&&(this.focusSubmenuOnLoad=!0,this.expanded=!0)},this.invoke=()=>{if(!this.disabled)switch(this.role){case ot.menuitemcheckbox:this.checked=!this.checked;break;case ot.menuitem:if(this.hasSubmenu){this.expandAndFocus();break}this.$emit("change");break;case ot.menuitemradio:this.checked||(this.checked=!0);break}}}expandedChanged(t,e){this.$fastController.isConnected&&(e&&this.submenu&&this.updateSubmenu(),this.$emit("expanded-change",this,{bubbles:!1}))}checkedChanged(t,e){this.$fastController.isConnected&&this.$emit("change")}get hasSubmenu(){return!!this.submenu}slottedSubmenuChanged(t,e){e.length&&(this.submenu=e[0],this.updateSubmenu())}disconnectedCallback(){this.cleanup?.(),super.disconnectedCallback()}updateSubmenu(){this.cleanup?.(),!(!this.submenu||!this.expanded)&&mt.enqueue(()=>{this.cleanup=Bn(this,this.submenuContainer,async()=>{const t=["left-start","right-start"],{x:e,y:i}=await zn(this,this.submenuContainer,{middleware:[du(),gn({apply:({availableWidth:s,rects:r})=>{s<r.floating.width&&t.push("bottom-end","top-end")}}),un({fallbackPlacements:t})],placement:"right-start",strategy:"fixed"});Object.assign(this.submenuContainer.style,{left:`${e}px`,position:"fixed",top:`${i}px`}),this.submenuLoaded()})})}}Te([a({mode:"boolean"})],It.prototype,"disabled",2),Te([a({mode:"boolean"})],It.prototype,"expanded",2),Te([a],It.prototype,"role",2),Te([a({mode:"boolean"})],It.prototype,"checked",2),Te([a({mode:"boolean"})],It.prototype,"hidden",2),Te([$],It.prototype,"slottedSubmenu",2),Te([$],It.prototype,"submenu",2),Xt(It,Wt);const bu=p`
|
|
441
441
|
${z("grid")}
|
|
442
442
|
|
|
443
|
-
:host{grid-template-columns:20px 20px auto 20px;align-items:center;grid-gap:4px;height:32px;background:${_};font:${A} ${O} / ${R} ${y};border-radius:${L};color:${
|
|
443
|
+
:host{grid-template-columns:20px 20px auto 20px;align-items:center;grid-gap:4px;height:32px;background:${_};font:${A} ${O} / ${R} ${y};border-radius:${L};color:${Ft};padding:0 10px;cursor:pointer;overflow:visible;contain:layout}:host(:hover){background:${Ei}}.content{white-space:nowrap;flex-grow:1;grid-column:auto / span 2;padding:0 2px}.checkbox,.radio{display:none}.input-container,.expand-collapse-glyph-container,::slotted([slot='start']),::slotted([slot='end']),:host([checked]) .checkbox,:host([checked]) .radio{display:inline-flex;justify-content:center;align-items:center;color:${Ft}}.expand-collapse-glyph-container,::slotted([slot='start']),::slotted([slot='end']){height:32px;font-size:${ke};width:fit-content}.input-container{width:20px}::slotted([slot='end']){color:${et};font:${A} ${G} / ${ht} ${y};white-space:nowrap;grid-column:4 / span 1;justify-self:flex-end}.expand-collapse-glyph-container{grid-column:4 / span 1;justify-self:flex-end}:host(:hover) .input-container,:host(:hover) .expand-collapse-glyph-container,:host(:hover) .content{color:${Lo}}:host([icon]:hover) ::slotted([slot='start']){color:${ur}}:host(:active){background-color:${br}}:host(:active) .input-container,:host(:active) .expand-collapse-glyph-container,:host(:active) .content{color:${Mo}}:host(:active) ::slotted([slot='start']){color:${pr}}:host([disabled]){background-color:${Ze}}:host([disabled]) .content,:host([disabled]) .expand-collapse-glyph-container,:host([disabled]) ::slotted([slot='end']),:host([disabled]) ::slotted([slot='start']){color:${C}}:host([data-indent]){display:grid}:host([data-indent='1']) .content{grid-column:2 / span 1}:host([data-indent='1'][role='menuitemcheckbox']){display:grid}:host([data-indent='2'][aria-haspopup='menu']) ::slotted([slot='end']){grid-column:4 / span 1}:host([data-indent='2'][aria-haspopup='menu']) .expand-collapse-glyph-container{grid-column:5 / span 1}:host([data-indent='1']) .content{grid-column:2 / span 1}:host([data-indent='1'][role='menuitemcheckbox']) .content,:host([data-indent='1'][role='menuitemradio']) .content{grid-column:auto / span 1}:host([icon]) ::slotted([slot='end']),:host([data-indent='1']) ::slotted([slot='end']){grid-column:4 / span 1;justify-self:flex-end}:host([data-indent='2']){display:grid;grid-template-columns:20px 20px auto auto}:host([data-indent='2']) .content{grid-column:3 / span 1}:host([data-indent='2']) .input-container{grid-column:1 / span 1}:host([data-indent='2']) ::slotted([slot='start']){grid-column:2 / span 1}:host([aria-haspopup='menu']){grid-template-columns:20px auto auto 20px}:host([data-indent='2'][aria-haspopup='menu']){grid-template-columns:20px 20px auto auto 20px}:host([aria-haspopup='menu']) ::slotted([slot='end']){grid-column:3 / span 1;justify-self:flex-end}:host([data-indent='2'][aria-haspopup='menu']) ::slotted([slot='end']){grid-column:4 / span 1;justify-self:flex-end}`,Tn=v.partial('<svg fill="currentColor" class="___12fm75w f1w7gpdv fez10in fg4l7m0" 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>'),mu=v.partial('<svg fill="currentColor" class="___12fm75w f1w7gpdv fez10in fg4l7m0" 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 vu(o={}){return v`<template aria-haspopup="${t=>t.hasSubmenu?"menu":void 0}" aria-checked="${t=>t.role!==ot.menuitem?t.checked:void 0}" aria-disabled="${t=>t.disabled}" aria-expanded="${t=>t.expanded}" @keydown="${(t,e)=>t.handleMenuItemKeyDown(e.event)}" @click="${(t,e)=>t.handleMenuItemClick(e.event)}" @mouseover="${(t,e)=>t.handleMouseOver(e.event)}" @mouseout="${(t,e)=>t.handleMouseOut(e.event)}">${zi(t=>t.role===ot.menuitemcheckbox,v`<div part="input-container" class="input-container"><span part="checkbox" class="checkbox"><slot name="checkbox-indicator">${at(o.checkboxIndicator)}</slot></span></div>`)} ${zi(t=>t.role===ot.menuitemradio,v`<div part="input-container" class="input-container"><span part="radio" class="radio"><slot name="radio-indicator">${at(o.radioIndicator)}</slot></span></div>`)}</div>${Ut(o)}<span class="content" part="content"><slot></slot></span>${Gt(o)} ${zi(t=>t.hasSubmenu,v`<div part="expand-collapse-glyph-container" class="expand-collapse-glyph-container"><span part="expand-collapse" class="expand-collapse"><slot name="expand-collapse-indicator">${at(o.expandCollapseGlyph)}</slot></span></div>`)}<span ?hidden="${t=>!t.expanded}" class="submenu-container" part="submenu-container" ${$t("submenuContainer")}><slot name="submenu" ${rt({property:"slottedSubmenu",filter:ye("[role='menu']")})}></slot></span></template>`}const $u=vu({checkboxIndicator:Tn,expandCollapseGlyph:mu,radioIndicator:Tn}),yu=It.compose({name:`${b.prefix}-menu-item`,template:$u,styles:bu});yu.define(b.registry);var xu=Object.defineProperty,ku=Object.getOwnPropertyDescriptor,wu=(o,t,e,i)=>{for(var s=i>1?void 0:i?ku(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&xu(t,e,s),s};const as=class us extends S{constructor(){super(...arguments),this.expandedItem=null,this.focusIndex=-1,this.isNestedMenu=()=>this.parentElement!==null&&nr(this.parentElement)&&this.parentElement.getAttribute("role")==="menuitem",this.handleFocusOut=t=>{if(!this.contains(t.relatedTarget)&&this.menuItems!==void 0){this.collapseExpandedItem();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.handleExpandedChanged=t=>{if(t.defaultPrevented||t.target===null||this.menuItems===void 0||this.menuItems.indexOf(t.target)<0)return;t.preventDefault();const e=t.target;if(this.expandedItem!==null&&e===this.expandedItem&&e.expanded===!1){this.expandedItem=null;return}e.expanded&&(this.expandedItem!==null&&this.expandedItem!==e&&(this.expandedItem.expanded=!1),this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.expandedItem=e,this.focusIndex=this.menuItems.indexOf(e),e.setAttribute("tabindex","0"))},this.changeHandler=t=>{if(this.menuItems===void 0)return;const e=t.target,i=this.menuItems.indexOf(e);if(i!==-1&&e.role==="menuitemradio"&&e.checked===!0){for(let r=i-1;r>=0;--r){const n=this.menuItems[r],c=n.getAttribute("role");if(c===ot.menuitemradio&&(n.checked=!1),c==="separator")break}const s=this.menuItems.length-1;for(let r=i+1;r<=s;++r){const n=this.menuItems[r],c=n.getAttribute("role");if(c===ot.menuitemradio&&(n.checked=!1),c==="separator")break}}},this.isMenuItemElement=t=>t instanceof It||nr(t)&&t.getAttribute("role")in us.focusableElementRoles,this.isFocusableElement=t=>this.isMenuItemElement(t)}itemsChanged(t,e){this.$fastController.isConnected&&this.menuItems!==void 0&&this.setItems()}connectedCallback(){super.connectedCallback(),mt.enqueue(()=>{this.setItems()}),this.addEventListener("change",this.changeHandler)}disconnectedCallback(){super.disconnectedCallback(),this.removeItemListeners(),this.menuItems=void 0,this.removeEventListener("change",this.changeHandler)}focus(){this.setFocus(0,1)}collapseExpandedItem(){this.expandedItem!==null&&(this.expandedItem.expanded=!1,this.expandedItem=null)}handleMenuKeyDown(t){if(!(t.defaultPrevented||this.menuItems===void 0))switch(t.key){case _e:this.setFocus(this.focusIndex+1,1);return;case He:this.setFocus(this.focusIndex-1,-1);return;case Oo:this.setFocus(this.menuItems.length-1,-1);return;case Ao:this.setFocus(0,1);return;default:return!0}}removeItemListeners(t=this.items){t.forEach(e=>{e.removeEventListener("focus",this.handleItemFocus),e.removeEventListener("expanded-changed",this.handleExpandedChanged),k.getNotifier(e).unsubscribe(this,"hidden")})}static elementIndent(t){const e=t.getAttribute("role"),i=t.querySelector("[slot=start]");return e&&e!==ot.menuitem?i?2:1:i?1:0}setItems(){const t=Array.from(this.children);this.removeItemListeners(t),t.forEach(r=>k.getNotifier(r).subscribe(this,"hidden"));const e=t.filter(r=>!r.hasAttribute("hidden"));this.menuItems=e;const i=this.menuItems.filter(this.isMenuItemElement);i.length&&(this.focusIndex=0),i.forEach((r,n)=>{r.setAttribute("tabindex",n===0?"0":"-1"),r.addEventListener("expanded-change",this.handleExpandedChanged),r.addEventListener("focus",this.handleItemFocus)});const s=this.menuItems?.filter(this.isMenuItemElement);s?.forEach((r,n)=>{const c=s?.reduce((h,d)=>{const l=us.elementIndent(d);return Math.max(h,l)},0);r instanceof It&&r.setAttribute("data-indent",`${c}`)})}handleChange(t,e){e==="hidden"&&this.setItems()}setFocus(t,e){if(this.menuItems!==void 0)for(;t>=0&&t<this.menuItems.length;){const i=this.menuItems[t];if(this.isFocusableElement(i)){this.focusIndex>-1&&this.menuItems.length>=this.focusIndex-1&&this.menuItems[this.focusIndex].setAttribute("tabindex","-1"),this.focusIndex=t,i.setAttribute("tabindex","0"),i.focus();break}t+=e}}};as.focusableElementRoles=ot,wu([$],as.prototype,"items",2);let Cu=as;const Su=p`
|
|
444
444
|
${z("flex")}
|
|
445
445
|
|
|
446
|
-
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${_};border:1px solid ${
|
|
447
|
-
:host{position:relative;z-index:var(--z-index-menu,1)}.positioning-container{position:fixed;top:0;left:0;transform:translate(0,0)}`;function Ou(){return v`<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,
|
|
446
|
+
:host{flex-direction:column;height:fit-content;max-width:300px;min-width:160px;width:auto;background-color:${_};border:1px solid ${Ot};border-radius:${L};box-shadow:${Nr};padding:4px;row-gap:2px}`;function Iu(){return v`<template slot="${o=>o.slot?o.slot:o.isNestedMenu()?"submenu":void 0}" role="menu" @keydown="${(o,t)=>o.handleMenuKeyDown(t.event)}" @focusout="${(o,t)=>o.handleFocusOut(t.event)}"><slot ${rt("items")}></slot></template>`}const Pu=Iu(),Bu=Cu.compose({name:`${b.prefix}-menu-list`,template:Pu,styles:Su});Bu.define(b.registry);var zu=Object.defineProperty,Tu=Object.getOwnPropertyDescriptor,Fe=(o,t,e,i)=>{for(var s=i>1?void 0:i?Tu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&zu(t,e,s),s};class pe extends S{constructor(){super(...arguments),this.openOnHover=!1,this.openOnContext=!1,this.closeOnScroll=!1,this.persistOnItemClick=!1,this.open=!1,this.slottedMenuList=[],this.slottedTriggers=[],this.toggleMenu=()=>{this.open?this.closeMenu():this.openMenu()},this.closeMenu=()=>{this.open=!1,this.closeOnScroll&&document.removeEventListener("scroll",this.closeMenu)},this.openMenu=t=>{this.open=!0,t&&this.openOnContext&&t.preventDefault(),this.closeOnScroll&&document.addEventListener("scroll",this.closeMenu)},this.setPositioningTask=()=>{this.setPositioning()},this.handleTriggerKeydown=t=>{if(t.defaultPrevented)return;switch(t.key){case Eo:case Ve:t.preventDefault(),this.toggleMenu(),this.open&&this.focusMenuList();break;default:return!0}},this.handleDocumentClick=t=>{t&&!t.composedPath().includes(this._menuList)&&!t.composedPath().includes(this._trigger)&&this.closeMenu()}}connectedCallback(){super.connectedCallback(),mt.enqueue(()=>this.setComponent())}disconnectedCallback(){super.disconnectedCallback(),this.cleanup?.(),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.addListeners())}focusMenuList(){this.open&&this._menuList&&mt.enqueue(()=>{this._menuList.focus()})}focusTrigger(){!this.open&&this._trigger&&mt.enqueue(()=>{this._trigger.focus()})}openChanged(t,e){this.$fastController.isConnected&&this._trigger instanceof HTMLElement&&(this._trigger.setAttribute("aria-expanded",`${this.open}`),this._menuList&&this.open&&mt.enqueue(this.setPositioningTask)),this.cleanup?.(),this.$emit("onOpenChange",{open:e})}openOnHoverChanged(t,e){e?this._trigger?.addEventListener("mouseover",this.openMenu):this._trigger?.removeEventListener("mouseover",this.openMenu)}persistOnItemClickChanged(t,e){e?this._menuList?.removeEventListener("click",this.closeMenu):this._menuList?.addEventListener("click",this.closeMenu)}openOnContextChanged(t,e){e?this._trigger?.addEventListener("contextmenu",this.openMenu):this._trigger?.removeEventListener("contextmenu",this.openMenu)}closeOnScrollChanged(t,e){e?document.addEventListener("scroll",this.closeMenu):document.removeEventListener("scroll",this.closeMenu)}setPositioning(){this.$fastController.isConnected&&this._menuList&&this.open&&this._trigger&&(this.cleanup=Bn(this,this.positioningContainer,async()=>{const{middlewareData:t,x:e,y:i}=await zn(this._trigger,this.positioningContainer,{placement:"bottom",strategy:"fixed",middleware:[un(),gn({apply:({availableHeight:s,rects:r})=>{this.positioningContainer?.style&&Object.assign(this.positioningContainer.style,{maxHeight:`${s}px`,width:`${r.reference.width}px`})}}),lu()]});if(t.hide?.referenceHidden){this.open=!1;return}this.positioningContainer?.style&&Object.assign(this.positioningContainer.style,{position:"fixed",top:"0",left:"0",transform:`translate(${e}px, ${i}px)`})}))}addListeners(){document.addEventListener("click",this.handleDocumentClick),this._trigger?.addEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||this._menuList?.addEventListener("click",this.closeMenu),this.openOnHover?this._trigger?.addEventListener("mouseover",this.openMenu):this.openOnContext?this._trigger?.addEventListener("contextmenu",this.openMenu):this._trigger?.addEventListener("click",this.toggleMenu)}removeListeners(){document.removeEventListener("click",this.handleDocumentClick),this._trigger?.removeEventListener("keydown",this.handleTriggerKeydown),this.persistOnItemClick||this._menuList?.removeEventListener("click",this.closeMenu),this.openOnHover&&this._trigger?.removeEventListener("mouseover",this.openMenu),this.openOnContext?this._trigger?.removeEventListener("contextmenu",this.openMenu):this._trigger?.removeEventListener("click",this.toggleMenu)}handleMenuKeydown(t){if(t.defaultPrevented)return;switch(t.key){case ar:t.preventDefault(),this.open&&(this.closeMenu(),this.focusTrigger());break;case $a:this.open&&this.closeMenu(),t.shiftKey&&this.focusTrigger();default:return!0}}}Fe([$,a({attribute:"open-on-hover",mode:"boolean"})],pe.prototype,"openOnHover",2),Fe([$,a({attribute:"open-on-context",mode:"boolean"})],pe.prototype,"openOnContext",2),Fe([$,a({attribute:"close-on-scroll",mode:"boolean"})],pe.prototype,"closeOnScroll",2),Fe([$,a({attribute:"persist-on-item-click",mode:"boolean"})],pe.prototype,"persistOnItemClick",2),Fe([$,a({mode:"boolean"})],pe.prototype,"open",2),Fe([$],pe.prototype,"slottedMenuList",2),Fe([$],pe.prototype,"slottedTriggers",2);const Fu=p`
|
|
447
|
+
:host{position:relative;z-index:var(--z-index-menu,1)}.positioning-container{position:fixed;top:0;left:0;transform:translate(0,0)}`;function Ou(){return v`<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.handleMenuKeydown(t.event)}"><slot name="trigger" ${rt({property:"slottedTriggers",filter:ye()})}></slot><span ${$t("positioningContainer")} part="positioning-container" class="positioning-container" ?hidden="${o=>!o.open}"><slot ${rt({property:"slottedMenuList",filter:ye()})}></slot></span></template>`}const Au=Ou(),Eu=pe.compose({name:`${b.prefix}-menu`,template:Au,styles:Fu});Eu.define(b.registry);var Lu=Object.defineProperty,Mu=Object.getOwnPropertyDescriptor,Oe=(o,t,e,i)=>{for(var s=i>1?void 0:i?Mu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Lu(t,e,s),s};class fe extends S{constructor(){super(),this.elementInternals=this.attachInternals(),this.validationState=null,this.elementInternals.role="progressbar"}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,i=this.value??0,s=e-t;return s===0?0:Math.fround((i-t)/s*100)}}Oe([a],fe.prototype,"thickness",2),Oe([a],fe.prototype,"shape",2),Oe([a({attribute:"validation-state"})],fe.prototype,"validationState",2),Oe([a({converter:nt})],fe.prototype,"value",2),Oe([a({converter:nt})],fe.prototype,"min",2),Oe([a({converter:nt})],fe.prototype,"max",2),Oe([Gn],fe.prototype,"percentComplete",1);const _u=p`
|
|
448
448
|
${z("block")}
|
|
449
449
|
|
|
450
|
-
:host{width:100%;height:2px;overflow-x:hidden;background-color:${Ho};border-radius:${L};contain:content}:host([thickness='large']){height:4px}:host([shape='square']){border-radius:${qi}}.indicator{background-color:${
|
|
451
|
-
to right,${Ho} 0%,${
|
|
452
|
-
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host([validation-state='error']) .indicator{background-color:${
|
|
453
|
-
:host{background-color:CanvasText}.indicator,:host(:is([validation-state='success'],[validation-state='warning'],[validation-state='error'])) .indicator{background-color:Highlight}`));function Ru(){return v`<div class="indicator" part="indicator" style="${o=>typeof o.value=="number"?`width: ${o.percentComplete}%`:void 0}"></div>`}const Du=Ru(),Hu=ft.compose({name:`${b.prefix}-progress-bar`,template:Du,styles:_u});Hu.define(b.registry);const Tn="form-associated-proxy",Fn="ElementInternals",On=Fn in window&&"setFormValue"in window[Fn].prototype,An=new WeakMap;function En(o){const e=class extends o{constructor(...t){super(...t),this.dirtyValue=!1,this.initialValue="",this.disabled=!1,this.proxyEventsToBlock=["change","click"],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||"",this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}static get formAssociated(){return On}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){const t=this.proxy.labels,i=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)),r=t?i.concat(Array.from(t)):i;return Object.freeze(r)}else return yr}valueChanged(t,i){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.currentValue=this.value,this.setFormValue(this.value),this.validate()}currentValueChanged(){this.value=this.currentValue}initialValueChanged(t,i){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(t,i){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),me.enqueue(()=>this.classList.toggle("disabled",this.disabled))}nameChanged(t,i){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(t,i){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),me.enqueue(()=>this.classList.toggle("required",this.required)),this.validate()}get elementInternals(){if(!On)return null;let t=An.get(this);return t||(t=this.attachInternals(),An.set(this,t)),t}connectedCallback(){super.connectedCallback(),this.addEventListener("keypress",this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener("reset",this.formResetCallback))}disconnectedCallback(){this.proxyEventsToBlock.forEach(t=>this.proxy.removeEventListener(t,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener("reset",this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(t,i,r){this.elementInternals?this.elementInternals.setValidity(t,i,r):typeof i=="string"&&this.proxy.setCustomValidity(i)}formDisabledCallback(t){this.disabled=t}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display="none",this.proxyEventsToBlock.forEach(t=>this.proxy.addEventListener(t,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name=="string"&&(this.proxy.name=this.name),typeof this.value=="string"&&(this.proxy.value=this.value),this.proxy.setAttribute("slot",Tn),this.proxySlot=document.createElement("slot"),this.proxySlot.setAttribute("name",Tn)),this.shadowRoot?.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot?.removeChild(this.proxySlot)}validate(t){this.proxy instanceof HTMLElement&&this.setValidity(this.proxy.validity,this.proxy.validationMessage,t)}setFormValue(t,i){this.elementInternals&&this.elementInternals.setFormValue(t,i||t)}_keypressHandler(t){switch(t.key){case Vt:this.form instanceof HTMLFormElement&&this.form.querySelector("[type=submit]")?.click();break}}stopPropagation(t){t.stopPropagation()}};return a({mode:"boolean"})(e.prototype,"disabled"),a({mode:"fromView",attribute:"value"})(e.prototype,"initialValue"),a({attribute:"current-value"})(e.prototype,"currentValue"),a(e.prototype,"name"),a({mode:"boolean"})(e.prototype,"required"),$(e.prototype,"value"),e}function Vu(o){class e extends En(o){}class t extends e{constructor(...r){super(r),this.dirtyChecked=!1,this.checkedAttribute=!1,this.checked=!1,this.dirtyChecked=!1}checkedAttributeChanged(){this.defaultChecked=this.checkedAttribute}defaultCheckedChanged(){this.dirtyChecked||(this.checked=this.defaultChecked,this.dirtyChecked=!1)}checkedChanged(r,s){this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),r!==void 0&&this.$emit("change"),this.validate()}currentCheckedChanged(r,s){this.checked=this.currentChecked}updateForm(){const r=this.checked?this.value:null;this.setFormValue(r,r)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.checkedAttribute,this.dirtyChecked=!1}}return a({attribute:"checked",mode:"boolean"})(t.prototype,"checkedAttribute"),a({attribute:"current-checked",converter:Kr})(t.prototype,"currentChecked"),$(t.prototype,"defaultChecked"),$(t.prototype,"checked"),t}class Nu extends S{}class ju extends Vu(Nu){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var qu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,Ln=(o,e,t,i)=>{for(var r=i>1?void 0:i?Wu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&qu(e,t,r),r};class et extends ju{constructor(){super(),this.initialValue="on",this.proxy.setAttribute("type","radio")}get radioGroup(){return this.closest("[role=radiogroup]")}defaultCheckedChanged(){this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}connectedCallback(){super.connectedCallback(),this.validate(),this.parentElement?.getAttribute("role")!=="radiogroup"&&this.getAttribute("tabindex")===null&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}isInsideRadioGroup(){return this.radioGroup!==null}keypressHandler(e){switch(e.key){case Eo:!this.checked&&!this.radioGroup?.readOnly&&(this.checked=!0);return}return!0}}Ln([$],et.prototype,"name",2),Ln([$],et.prototype,"defaultSlottedNodes",2);const Mn=J;var Gu=Object.defineProperty,Uu=Object.getOwnPropertyDescriptor,gt=(o,e,t,i)=>{for(var r=i>1?void 0:i?Uu(e,t):e,s=o.length-1,n;s>=0;s--)(n=o[s])&&(r=(i?n(e,t,r):n(r))||r);return i&&r&&Gu(e,t,r),r};class tt extends S{constructor(){super(...arguments),this.stacked=!1,this.orientation=Mn.horizontal,this.radioChangeHandler=e=>{const t=e.target;t.checked&&(this.slottedRadioButtons.forEach(i=>{i instanceof et&&i!==t&&(i.checked=!1,this.isInsideFoundationToolbar||i.setAttribute("tabindex","-1"))}),this.selectedRadio=t,this.value=t.value,t.setAttribute("tabindex","0"),this.focusedRadio=t),e.stopPropagation()},this.moveToRadioByIndex=(e,t)=>{const i=e[t];this.isInsideToolbar||(i.setAttribute("tabindex","0"),i.checked=!0,this.selectedRadio=i),this.focusedRadio=i,i.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.focusOutHandler=e=>{const t=this.slottedRadioButtons,i=e.target,r=i!==null?t.indexOf(i):0,s=this.focusedRadio?t.indexOf(this.focusedRadio):-1;return(s===0&&r===s||s===t.length-1&&s===r)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),t.forEach(n=>{n!==this.selectedRadio&&n.setAttribute("tabindex","-1")}))):(this.focusedRadio=t[0],this.focusedRadio.setAttribute("tabindex","0"),t.forEach(n=>{i instanceof et&&n!==this.focusedRadio&&n.setAttribute("tabindex","-1")}))),!0},this.handleDisabledClick=e=>{if(this.disabled){e.preventDefault();return}return!0},this.clickHandler=e=>{if(this.disabled)return;e.preventDefault();const t=e.target;t&&t instanceof et&&(t.checked=!0,t.setAttribute("tabindex","0"),this.selectedRadio=t,this.focusedRadio=t)},this.shouldMoveOffGroupToTheRight=(e,t,i)=>e===t.length&&this.isInsideToolbar&&i===Dt,this.shouldMoveOffGroupToTheLeft=(e,t)=>(this.focusedRadio?e.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&t===Rt,this.checkFocusedRadio=()=>{this.focusedRadio!==null&&!this.focusedRadio.checked&&(this.focusedRadio.checked=!0,this.focusedRadio.setAttribute("tabindex","0"),this.focusedRadio.focus(),this.selectedRadio=this.focusedRadio)},this.moveRight=e=>{const t=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?t.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(i,t,e.key)){this.moveRightOffGroup();return}else i===t.length&&(i=0);for(;i<t.length&&t.length>1;)if(t[i].disabled){if(this.focusedRadio&&i===t.indexOf(this.focusedRadio))break;if(i+1>=t.length){if(this.isInsideToolbar)break;i=0}else i+=1}else{this.moveToRadioByIndex(t,i);break}},this.moveLeft=e=>{const t=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?t.indexOf(this.focusedRadio)-1:0,i=i<0?t.length-1:i,this.shouldMoveOffGroupToTheLeft(t,e.key)){this.moveLeftOffGroup();return}for(;i>=0&&t.length>1;)if(t[i].disabled){if(this.focusedRadio&&i===t.indexOf(this.focusedRadio))break;i-1<0?i=t.length-1:i-=1}else{this.moveToRadioByIndex(t,i);break}},this.keydownHandler=e=>{const t=e.key;if(t in $a&&(this.isInsideFoundationToolbar||this.disabled))return!0;switch(t){case Vt:{this.checkFocusedRadio();break}case Dt:case _t:{this.direction===ge.ltr?this.moveRight(e):this.moveLeft(e);break}case Rt:case Ht:{this.direction===ge.ltr?this.moveLeft(e):this.moveRight(e);break}default:return!0}}}nameChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(e=>{e.setAttribute("name",this.name)})}valueChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(e=>{e instanceof et&&e.value===this.value&&(e.checked=!0,this.selectedRadio=e)}),this.$emit("change")}slottedRadioButtonsChanged(e,t){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get parentToolbar(){return this.closest('[role="toolbar"]')}get isInsideToolbar(){return this.parentToolbar??!1}get isInsideFoundationToolbar(){return!!this.parentToolbar?.hasOwnProperty("$fastController")}connectedCallback(){super.connectedCallback(),this.direction=ls(this),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(e=>{e instanceof et&&e.removeEventListener("change",this.radioChangeHandler)})}setupRadioButtons(){const e=this.slottedRadioButtons.filter(r=>r.hasAttribute("checked")),t=e?e.length:0;if(t>1){const r=e[t-1];r.checked=!0}let i=!1;if(this.slottedRadioButtons.forEach(r=>{r instanceof et&&(this.name!==void 0&&r.setAttribute("name",this.name),this.value&&this.value===r.value?(this.selectedRadio=r,this.focusedRadio=r,r.checked=!0,r.setAttribute("tabindex","0"),i=!0):(this.isInsideFoundationToolbar||r.setAttribute("tabindex","-1"),r.checked=!1),r.addEventListener("change",this.radioChangeHandler))}),this.value===void 0&&this.slottedRadioButtons.length>0){const r=this.slottedRadioButtons.filter(n=>n.hasAttribute("checked")),s=r!==null?r.length:0;if(s>0&&!i){const n=r[s-1];n.checked=!0,this.focusedRadio=n,n.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}gt([a({mode:"boolean"})],tt.prototype,"stacked",2),gt([a({attribute:"readonly",mode:"boolean"})],tt.prototype,"readOnly",2),gt([a({attribute:"disabled",mode:"boolean"})],tt.prototype,"disabled",2),gt([a],tt.prototype,"name",2),gt([a],tt.prototype,"value",2),gt([a],tt.prototype,"orientation",2),gt([$],tt.prototype,"childItems",2),gt([$],tt.prototype,"slottedRadioButtons",2);const Xu=p`
|
|
450
|
+
:host{width:100%;height:2px;overflow-x:hidden;background-color:${Ho};border-radius:${L};contain:content}:host([thickness='large']){height:4px}:host([shape='square']){border-radius:${qi}}.indicator{background-color:${Je};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(
|
|
451
|
+
to right,${Ho} 0%,${yt} 50%,${Ho} 100%
|
|
452
|
+
);animation-name:indeterminate;animation-duration:3s;animation-timing-function:linear;animation-iteration-count:infinite}:host([validation-state='error']) .indicator{background-color:${Cr}}:host([validation-state='warning']) .indicator{background-color:${Br}}:host([validation-state='success']) .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(lt(p`
|
|
453
|
+
:host{background-color:CanvasText}.indicator,:host(:is([validation-state='success'],[validation-state='warning'],[validation-state='error'])) .indicator{background-color:Highlight}`));function Ru(){return v`<div class="indicator" part="indicator" style="${o=>typeof o.value=="number"?`width: ${o.percentComplete}%`:void 0}"></div>`}const Du=Ru(),Hu=fe.compose({name:`${b.prefix}-progress-bar`,template:Du,styles:_u});Hu.define(b.registry);const Fn="form-associated-proxy",On="ElementInternals",An=On in window&&"setFormValue"in window[On].prototype,En=new WeakMap;function Ln(o){const t=class extends o{constructor(...e){super(...e),this.dirtyValue=!1,this.initialValue="",this.disabled=!1,this.proxyEventsToBlock=["change","click"],this.proxyInitialized=!1,this.required=!1,this.initialValue=this.initialValue||"",this.elementInternals||(this.formResetCallback=this.formResetCallback.bind(this))}static get formAssociated(){return An}get validity(){return this.elementInternals?this.elementInternals.validity:this.proxy.validity}get form(){return this.elementInternals?this.elementInternals.form:this.proxy.form}get validationMessage(){return this.elementInternals?this.elementInternals.validationMessage:this.proxy.validationMessage}get willValidate(){return this.elementInternals?this.elementInternals.willValidate:this.proxy.willValidate}get labels(){if(this.elementInternals)return Object.freeze(Array.from(this.elementInternals.labels));if(this.proxy instanceof HTMLElement&&this.proxy.ownerDocument&&this.id){const e=this.proxy.labels,i=Array.from(this.proxy.getRootNode().querySelectorAll(`[for='${this.id}']`)),s=e?i.concat(Array.from(e)):i;return Object.freeze(s)}else return ys}valueChanged(e,i){this.dirtyValue=!0,this.proxy instanceof HTMLElement&&(this.proxy.value=this.value),this.currentValue=this.value,this.setFormValue(this.value),this.validate()}currentValueChanged(){this.value=this.currentValue}initialValueChanged(e,i){this.dirtyValue||(this.value=this.initialValue,this.dirtyValue=!1)}disabledChanged(e,i){this.proxy instanceof HTMLElement&&(this.proxy.disabled=this.disabled),mt.enqueue(()=>this.classList.toggle("disabled",this.disabled))}nameChanged(e,i){this.proxy instanceof HTMLElement&&(this.proxy.name=this.name)}requiredChanged(e,i){this.proxy instanceof HTMLElement&&(this.proxy.required=this.required),mt.enqueue(()=>this.classList.toggle("required",this.required)),this.validate()}get elementInternals(){if(!An)return null;let e=En.get(this);return e||(e=this.attachInternals(),En.set(this,e)),e}connectedCallback(){super.connectedCallback(),this.addEventListener("keypress",this._keypressHandler),this.value||(this.value=this.initialValue,this.dirtyValue=!1),this.elementInternals||(this.attachProxy(),this.form&&this.form.addEventListener("reset",this.formResetCallback))}disconnectedCallback(){this.proxyEventsToBlock.forEach(e=>this.proxy.removeEventListener(e,this.stopPropagation)),!this.elementInternals&&this.form&&this.form.removeEventListener("reset",this.formResetCallback)}checkValidity(){return this.elementInternals?this.elementInternals.checkValidity():this.proxy.checkValidity()}reportValidity(){return this.elementInternals?this.elementInternals.reportValidity():this.proxy.reportValidity()}setValidity(e,i,s){this.elementInternals?this.elementInternals.setValidity(e,i,s):typeof i=="string"&&this.proxy.setCustomValidity(i)}formDisabledCallback(e){this.disabled=e}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}attachProxy(){this.proxyInitialized||(this.proxyInitialized=!0,this.proxy.style.display="none",this.proxyEventsToBlock.forEach(e=>this.proxy.addEventListener(e,this.stopPropagation)),this.proxy.disabled=this.disabled,this.proxy.required=this.required,typeof this.name=="string"&&(this.proxy.name=this.name),typeof this.value=="string"&&(this.proxy.value=this.value),this.proxy.setAttribute("slot",Fn),this.proxySlot=document.createElement("slot"),this.proxySlot.setAttribute("name",Fn)),this.shadowRoot?.appendChild(this.proxySlot),this.appendChild(this.proxy)}detachProxy(){this.removeChild(this.proxy),this.shadowRoot?.removeChild(this.proxySlot)}validate(e){this.proxy instanceof HTMLElement&&this.setValidity(this.proxy.validity,this.proxy.validationMessage,e)}setFormValue(e,i){this.elementInternals&&this.elementInternals.setFormValue(e,i||e)}_keypressHandler(e){switch(e.key){case Ve:this.form instanceof HTMLFormElement&&this.form.querySelector("[type=submit]")?.click();break}}stopPropagation(e){e.stopPropagation()}};return a({mode:"boolean"})(t.prototype,"disabled"),a({mode:"fromView",attribute:"value"})(t.prototype,"initialValue"),a({attribute:"current-value"})(t.prototype,"currentValue"),a(t.prototype,"name"),a({mode:"boolean"})(t.prototype,"required"),$(t.prototype,"value"),t}function Vu(o){class t extends Ln(o){}class e extends t{constructor(...s){super(s),this.dirtyChecked=!1,this.checkedAttribute=!1,this.checked=!1,this.dirtyChecked=!1}checkedAttributeChanged(){this.defaultChecked=this.checkedAttribute}defaultCheckedChanged(){this.dirtyChecked||(this.checked=this.defaultChecked,this.dirtyChecked=!1)}checkedChanged(s,r){this.dirtyChecked||(this.dirtyChecked=!0),this.currentChecked=this.checked,this.updateForm(),this.proxy instanceof HTMLInputElement&&(this.proxy.checked=this.checked),s!==void 0&&this.$emit("change"),this.validate()}currentCheckedChanged(s,r){this.checked=this.currentChecked}updateForm(){const s=this.checked?this.value:null;this.setFormValue(s,s)}connectedCallback(){super.connectedCallback(),this.updateForm()}formResetCallback(){super.formResetCallback(),this.checked=!!this.checkedAttribute,this.dirtyChecked=!1}}return a({attribute:"checked",mode:"boolean"})(e.prototype,"checkedAttribute"),a({attribute:"current-checked",converter:Ks})(e.prototype,"currentChecked"),$(e.prototype,"defaultChecked"),$(e.prototype,"checked"),e}class Nu extends S{}class ju extends Vu(Nu){constructor(){super(...arguments),this.proxy=document.createElement("input")}}var qu=Object.defineProperty,Wu=Object.getOwnPropertyDescriptor,Mn=(o,t,e,i)=>{for(var s=i>1?void 0:i?Wu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&qu(t,e,s),s};class ee extends ju{constructor(){super(),this.initialValue="on",this.proxy.setAttribute("type","radio")}get radioGroup(){return this.closest("[role=radiogroup]")}defaultCheckedChanged(){this.$fastController.isConnected&&!this.dirtyChecked&&(this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}connectedCallback(){super.connectedCallback(),this.validate(),this.parentElement?.getAttribute("role")!=="radiogroup"&&this.getAttribute("tabindex")===null&&(this.disabled||this.setAttribute("tabindex","0")),this.checkedAttribute&&(this.dirtyChecked||this.isInsideRadioGroup()||(this.checked=this.defaultChecked??!1,this.dirtyChecked=!1))}isInsideRadioGroup(){return this.radioGroup!==null}keypressHandler(t){switch(t.key){case Eo:!this.checked&&!this.radioGroup?.readOnly&&(this.checked=!0);return}return!0}}Mn([$],ee.prototype,"name",2),Mn([$],ee.prototype,"defaultSlottedNodes",2);const _n=J;var Gu=Object.defineProperty,Uu=Object.getOwnPropertyDescriptor,ge=(o,t,e,i)=>{for(var s=i>1?void 0:i?Uu(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Gu(t,e,s),s};class oe extends S{constructor(){super(...arguments),this.stacked=!1,this.orientation=_n.horizontal,this.radioChangeHandler=t=>{const e=t.target;e.checked&&(this.slottedRadioButtons.forEach(i=>{i instanceof ee&&i!==e&&(i.checked=!1,this.isInsideFoundationToolbar||i.setAttribute("tabindex","-1"))}),this.selectedRadio=e,this.value=e.value,e.setAttribute("tabindex","0"),this.focusedRadio=e),t.stopPropagation()},this.moveToRadioByIndex=(t,e)=>{const i=t[e];this.isInsideToolbar||(i.setAttribute("tabindex","0"),i.checked=!0,this.selectedRadio=i),this.focusedRadio=i,i.focus()},this.moveRightOffGroup=()=>{this.nextElementSibling?.focus()},this.moveLeftOffGroup=()=>{this.previousElementSibling?.focus()},this.focusOutHandler=t=>{const e=this.slottedRadioButtons,i=t.target,s=i!==null?e.indexOf(i):0,r=this.focusedRadio?e.indexOf(this.focusedRadio):-1;return(r===0&&s===r||r===e.length-1&&r===s)&&(this.selectedRadio?(this.focusedRadio=this.selectedRadio,this.isInsideFoundationToolbar||(this.selectedRadio.setAttribute("tabindex","0"),e.forEach(n=>{n!==this.selectedRadio&&n.setAttribute("tabindex","-1")}))):(this.focusedRadio=e[0],this.focusedRadio.setAttribute("tabindex","0"),e.forEach(n=>{i instanceof ee&&n!==this.focusedRadio&&n.setAttribute("tabindex","-1")}))),!0},this.handleDisabledClick=t=>{if(this.disabled){t.preventDefault();return}return!0},this.clickHandler=t=>{if(this.disabled)return;t.preventDefault();const e=t.target;e&&e instanceof ee&&(e.checked=!0,e.setAttribute("tabindex","0"),this.selectedRadio=e,this.focusedRadio=e)},this.shouldMoveOffGroupToTheRight=(t,e,i)=>t===e.length&&this.isInsideToolbar&&i===De,this.shouldMoveOffGroupToTheLeft=(t,e)=>(this.focusedRadio?t.indexOf(this.focusedRadio)-1:0)<0&&this.isInsideToolbar&&e===Re,this.checkFocusedRadio=()=>{this.focusedRadio!==null&&!this.focusedRadio.checked&&(this.focusedRadio.checked=!0,this.focusedRadio.setAttribute("tabindex","0"),this.focusedRadio.focus(),this.selectedRadio=this.focusedRadio)},this.moveRight=t=>{const e=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?e.indexOf(this.focusedRadio)+1:1,this.shouldMoveOffGroupToTheRight(i,e,t.key)){this.moveRightOffGroup();return}else i===e.length&&(i=0);for(;i<e.length&&e.length>1;)if(e[i].disabled){if(this.focusedRadio&&i===e.indexOf(this.focusedRadio))break;if(i+1>=e.length){if(this.isInsideToolbar)break;i=0}else i+=1}else{this.moveToRadioByIndex(e,i);break}},this.moveLeft=t=>{const e=this.slottedRadioButtons;let i=0;if(i=this.focusedRadio?e.indexOf(this.focusedRadio)-1:0,i=i<0?e.length-1:i,this.shouldMoveOffGroupToTheLeft(e,t.key)){this.moveLeftOffGroup();return}for(;i>=0&&e.length>1;)if(e[i].disabled){if(this.focusedRadio&&i===e.indexOf(this.focusedRadio))break;i-1<0?i=e.length-1:i-=1}else{this.moveToRadioByIndex(e,i);break}},this.keydownHandler=t=>{const e=t.key;if(e in ya&&(this.isInsideFoundationToolbar||this.disabled))return!0;switch(e){case Ve:{this.checkFocusedRadio();break}case De:case _e:{this.direction===gt.ltr?this.moveRight(t):this.moveLeft(t);break}case Re:case He:{this.direction===gt.ltr?this.moveLeft(t):this.moveRight(t);break}default:return!0}}}nameChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t.setAttribute("name",this.name)})}valueChanged(){this.slottedRadioButtons&&this.slottedRadioButtons.forEach(t=>{t instanceof ee&&t.value===this.value&&(t.checked=!0,this.selectedRadio=t)}),this.$emit("change")}slottedRadioButtonsChanged(t,e){this.slottedRadioButtons&&this.slottedRadioButtons.length>0&&this.setupRadioButtons()}get parentToolbar(){return this.closest('[role="toolbar"]')}get isInsideToolbar(){return this.parentToolbar??!1}get isInsideFoundationToolbar(){return!!this.parentToolbar?.hasOwnProperty("$fastController")}connectedCallback(){super.connectedCallback(),this.direction=lr(this),this.setupRadioButtons()}disconnectedCallback(){this.slottedRadioButtons.forEach(t=>{t instanceof ee&&t.removeEventListener("change",this.radioChangeHandler)})}setupRadioButtons(){const t=this.slottedRadioButtons.filter(s=>s.hasAttribute("checked")),e=t?t.length:0;if(e>1){const s=t[e-1];s.checked=!0}let i=!1;if(this.slottedRadioButtons.forEach(s=>{s instanceof ee&&(this.name!==void 0&&s.setAttribute("name",this.name),this.value&&this.value===s.value?(this.selectedRadio=s,this.focusedRadio=s,s.checked=!0,s.setAttribute("tabindex","0"),i=!0):(this.isInsideFoundationToolbar||s.setAttribute("tabindex","-1"),s.checked=!1),s.addEventListener("change",this.radioChangeHandler))}),this.value===void 0&&this.slottedRadioButtons.length>0){const s=this.slottedRadioButtons.filter(n=>n.hasAttribute("checked")),r=s!==null?s.length:0;if(r>0&&!i){const n=s[r-1];n.checked=!0,this.focusedRadio=n,n.setAttribute("tabindex","0")}else this.slottedRadioButtons[0].setAttribute("tabindex","0"),this.focusedRadio=this.slottedRadioButtons[0]}}}ge([a({mode:"boolean"})],oe.prototype,"stacked",2),ge([a({attribute:"readonly",mode:"boolean"})],oe.prototype,"readOnly",2),ge([a({attribute:"disabled",mode:"boolean"})],oe.prototype,"disabled",2),ge([a],oe.prototype,"name",2),ge([a],oe.prototype,"value",2),ge([a],oe.prototype,"orientation",2),ge([$],oe.prototype,"childItems",2),ge([$],oe.prototype,"slottedRadioButtons",2);const Xu=p`
|
|
454
454
|
${z("flex")}
|
|
455
455
|
|
|
456
|
-
:host{align-items:flex-start;flex-direction:column;row-gap:${U}}:host([disabled]) ::slotted([role='radio']){--control-border-color:${C};--checked-indicator-background-color:${C};--state-color:${C}}::slotted([slot='label']){color:${M};padding:${U} ${
|
|
456
|
+
:host{align-items:flex-start;flex-direction:column;row-gap:${U}}:host([disabled]) ::slotted([role='radio']){--control-border-color:${C};--checked-indicator-background-color:${C};--state-color:${C}}::slotted([slot='label']){color:${M};padding:${U} ${At} ${U} ${Jt};font:${A} ${O} / ${R} ${y};cursor:default}.positioning-region{display:flex;flex-wrap:wrap}:host([orientation='vertical']) .positioning-region{flex-direction:column;justify-content:flex-start}:host([orientation='horizontal']) .positioning-region{flex-direction:row}:host([orientation='horizontal']) ::slotted([role='radio']){padding-inline-end:${At}}:host([orientation='horizontal'][stacked]) ::slotted([role='radio']){display:flex;flex-direction:column;padding-inline:${At};height:auto;align-items:center;justify-content:center}:host([disabled]) ::slotted([role='radio']){pointer-events:none}`;function Ku(){return v`<template role="radiogroup" tabindex="${o=>o.disabled?-1:void 0}" aria-disabled="${o=>o.disabled}" aria-readonly="${o=>o.readOnly}" aria-orientation="${o=>o.orientation}" @click="${(o,t)=>o.clickHandler(t.event)}" @mousedown="${(o,t)=>o.handleDisabledClick(t.event)}" @keydown="${(o,t)=>o.keydownHandler(t.event)}" @focusout="${(o,t)=>o.focusOutHandler(t.event)}"><slot name="label"></slot><div class="positioning-region ${o=>o.orientation===_n.horizontal?"horizontal":"vertical"}" part="positioning-region"><slot ${rt({property:"slottedRadioButtons",filter:ye("[role=radio]")})}></slot></div></template>`}const Yu=Ku(),Qu=oe.compose({name:`${b.prefix}-radio-group`,template:Yu,styles:Xu});Qu.define(b.registry);const Zu=p`
|
|
457
457
|
${z("inline-grid")}
|
|
458
458
|
|
|
459
|
-
:host{grid-auto-flow:column;grid-template-columns:max-content;gap:${
|
|
460
|
-
:host .control{border-color:InactiveBorder}:host([aria-checked='true']) .checked-indicator,:host([aria-checked='true']:active) .checked-indicator,:host([aria-checked='true']:hover) .checked-indicator{background-color:Highlight;border-color:ActiveBorder}`));function Ju(o={}){return v`<template role="radio" aria-checked="${
|
|
461
|
-
:host{--step-rate:${
|
|
462
|
-
${z("inline-grid")} :host{--thumb-size:18px;--thumb-padding:3px;--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:-2px;--track-width:4px;--fast-slider-height:calc(var(--thumb-size) * 10);--slider-direction:90deg;align-items:center;box-sizing:border-box;outline:none;cursor:pointer;user-select:none;border-radius:${
|
|
459
|
+
:host{grid-auto-flow:column;grid-template-columns:max-content;gap:${Jt};align-items:center;height:32px;cursor:pointer;outline:none;position:relative;user-select:none;color:blue;color:var(--state-color,${et});padding-inline-end:${At};--control-border-color:${Yt};--checked-indicator-background-color:${hr};--state-color:${et}}:host([disabled]){--control-border-color:${C};--checked-indicator-background-color:${C};--state-color:${C}}.label{cursor:pointer;font-family:${y};font-size:${O};font-weight:${A};line-height:${R}}.label__hidden{display:none}.control{box-sizing:border-box;align-items:center;border:1px solid var(--control-border-color,${Yt});border-radius:${ct};display:flex;height:16px;justify-content:center;margin:${U} ${At};position:relative;width:16px;justify-self:center}.checked-indicator{border-radius:${ct};height:10px;opacity:0;width:10px}:host([aria-checked='false']:hover) .control{color:${Ft}}:host(:focus-visible){border-radius:${xt};box-shadow:0 0 0 3px ${Zt};outline:1px solid ${jo}}:host(:hover) .control{border-color:${oo}}:host(:active) .control{border-color:${io}}:host([aria-checked='true']) .checked-indicator{opacity:1}:host([aria-checked='true']) .control{border-color:var(--control-border-color,${Yt})}:host([aria-checked='true']) .checked-indicator{background-color:var(--checked-indicator-background-color,${hr})}:host([aria-checked='true']:hover) .control{border-color:${Vi}}:host([aria-checked='true']:hover) .checked-indicator{background-color:${Vi}}:host([aria-checked='true']:active) .control{border-color:${Ni}}:host([aria-checked='true']:active) .checked-indicator{background:${pr}}:host([disabled]){color:${C};pointer-events:none}:host([disabled]) .control{pointer-events:none;border-color:${C}}:host([disabled]) .checked-indicator{background:${C}}`.withBehaviors(lt(p`
|
|
460
|
+
:host .control{border-color:InactiveBorder}:host([aria-checked='true']) .checked-indicator,:host([aria-checked='true']:active) .checked-indicator,:host([aria-checked='true']:hover) .checked-indicator{background-color:Highlight;border-color:ActiveBorder}`));function Ju(o={}){return v`<template role="radio" aria-checked="${t=>t.checked}" aria-required="${t=>t.required}" aria-disabled="${t=>t.disabled}" @keypress="${(t,e)=>t.keypressHandler(e.event)}"><div part="control" class="control"><slot name="checked-indicator">${at(o.checkedIndicator)}</slot></div><label part="label" class="${t=>["label",!t.defaultSlottedNodes?.length&&"label__hidden"].filter(Boolean).join(" ")}"><slot ${rt({property:"defaultSlottedNodes",filter:cr})}></slot></label></template>`}const tp=Ju({checkedIndicator:v`<div part="checked-indicator" class="checked-indicator"></div>`}),ep=ee.compose({name:`${b.prefix}-radio`,template:tp,styles:Zu});ep.define(b.registry);const op={singleValue:"single-value"};class ip extends S{}class sp extends Ln(ip){constructor(){super(...arguments),this.proxy=document.createElement("input")}}function Rn(o,t,e,i){let s=Fi(0,1,(o-t)/(e-t));return i===gt.rtl&&(s=1-s),s}var rp=Object.defineProperty,np=Object.getOwnPropertyDescriptor,X=(o,t,e,i)=>{for(var s=i>1?void 0:i?np(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&rp(t,e,s),s};class q extends sp{constructor(){super(...arguments),this.direction=gt.ltr,this.isDragging=!1,this.trackWidth=0,this.trackMinWidth=0,this.trackHeight=0,this.trackLeft=0,this.trackMinHeight=0,this.valueTextFormatter=()=>null,this.min=0,this.max=10,this.orientation=J.horizontal,this.mode=op.singleValue,this.keypressHandler=t=>{if(!(this.readOnly||this.disabled)){if(t.key===Ao)t.preventDefault(),this.direction!==gt.rtl&&this.orientation!==J.vertical?this.value=`${this.min}`:this.value=`${this.max}`;else if(t.key===Oo)t.preventDefault(),this.direction!==gt.rtl&&this.orientation!==J.vertical?this.value=`${this.max}`:this.value=`${this.min}`;else if(!t.shiftKey)switch(t.key){case De:case He:t.preventDefault(),this.increment();break;case Re:case _e:t.preventDefault(),this.decrement();break}}},this.setupTrackConstraints=()=>{const t=this.track.getBoundingClientRect();this.trackWidth=this.track.clientWidth,this.trackMinWidth=this.track.clientLeft,this.trackHeight=t.top,this.trackMinHeight=t.bottom,this.trackLeft=this.getBoundingClientRect().left,this.trackWidth===0&&(this.trackWidth=1)},this.setupListeners=(t=!1)=>{this.addEventListener("keydown",this.keypressHandler),this.addEventListener("mousedown",this.handleMouseDown),t&&(this.removeEventListener("keydown",this.keypressHandler),this.removeEventListener("mousedown",this.handleMouseDown))},this.initialValue="",this.handleThumbMouseDown=t=>{const e=t!==null?window.addEventListener:window.removeEventListener;e("mouseup",this.handleWindowMouseUp),e("mousemove",this.handleMouseMove,{passive:!0}),e("touchmove",this.handleMouseMove,{passive:!0}),e("touchend",this.handleWindowMouseUp),this.isDragging=t!==null},this.handleMouseMove=t=>{if(this.readOnly||this.disabled||t.defaultPrevented)return;const e=window.TouchEvent&&t instanceof TouchEvent?t.touches[0]:t,i=this.orientation===J.horizontal?e.pageX-document.documentElement.scrollLeft-this.trackLeft:e.pageY-document.documentElement.scrollTop;this.value=`${this.calculateNewValue(i)}`},this.handleWindowMouseUp=t=>{this.stopDragging()},this.stopDragging=()=>{this.isDragging=!1,this.handleMouseDown(null),this.handleThumbMouseDown(null)},this.handleMouseDown=t=>{if(t===null||!this.disabled&&!this.readOnly){const e=t!==null?window.addEventListener:window.removeEventListener,i=t!==null?document.addEventListener:document.removeEventListener;if(e("mouseup",this.handleWindowMouseUp),i("mouseleave",this.handleWindowMouseUp),e("mousemove",this.handleMouseMove),t){this.setupTrackConstraints();const s=this.orientation===J.horizontal?t.pageX-document.documentElement.scrollLeft-this.trackLeft:t.pageY-document.documentElement.scrollTop;this.value=`${this.calculateNewValue(s)}`}}}}handleChange(t,e){switch(e){case"min":case"max":case"step":this.handleStepStyles();break}}handleStepStyles(){if(this.step){const t=100/Math.floor((this.max-this.min)/this.step);this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles),this.stepStyles=p`
|
|
461
|
+
:host{--step-rate:${t}%;color:blue}`,this.$fastController.addStyles(this.stepStyles)}else this.stepStyles!==void 0&&this.$fastController.removeStyles(this.stepStyles)}readOnlyChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.readOnly=this.readOnly)}get valueAsNumber(){return parseFloat(super.value)}set valueAsNumber(t){this.value=t.toString()}valueChanged(t,e){if(this.$fastController.isConnected){const i=parseFloat(e),s=Fi(this.min,this.max,this.convertToConstrainedValue(i)).toString();if(s!==e){this.value=s;return}super.valueChanged(t,e),this.setThumbPositionForOrientation(this.direction),this.$emit("change")}}minChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.min=`${this.min}`),this.validate()}maxChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.max=`${this.max}`),this.validate()}stepChanged(){this.proxy instanceof HTMLInputElement&&(this.proxy.step=`${this.step}`),this.updateStepMultiplier(),this.validate()}orientationChanged(){this.$fastController.isConnected&&this.setThumbPositionForOrientation(this.direction)}connectedCallback(){super.connectedCallback(),this.proxy.setAttribute("type","range"),this.direction=lr(this),this.updateStepMultiplier(),this.setupTrackConstraints(),this.setupListeners(),this.setupDefaultValue(),this.setThumbPositionForOrientation(this.direction),k.getNotifier(this).subscribe(this,"max"),k.getNotifier(this).subscribe(this,"min"),k.getNotifier(this).subscribe(this,"step"),this.handleStepStyles()}disconnectedCallback(){super.disconnectedCallback(),this.setupListeners(!0),k.getNotifier(this).unsubscribe(this,"max"),k.getNotifier(this).unsubscribe(this,"min"),k.getNotifier(this).unsubscribe(this,"step")}increment(){const t=this.direction!==gt.rtl&&this.orientation!==J.vertical?Number(this.value)+Number(this.stepValue):Number(this.value)+Number(this.stepValue),e=this.convertToConstrainedValue(t),i=e<Number(this.max)?`${e}`:`${this.max}`;this.value=i}decrement(){const t=this.direction!==gt.rtl&&this.orientation!==J.vertical?Number(this.value)-Number(this.stepValue):Number(this.value)-Number(this.stepValue),e=this.convertToConstrainedValue(t),i=e>Number(this.min)?`${e}`:`${this.min}`;this.value=i}get stepValue(){return this.step===void 0?1:this.step}setThumbPositionForOrientation(t){const i=(1-Rn(Number(this.value),Number(this.min),Number(this.max),t))*100;this.orientation===J.horizontal?this.position=this.isDragging?`right: ${i}%; transition: none;`:`right: ${i}%; transition: all 0.2s ease;`:this.position=this.isDragging?`top: ${i}%; transition: none;`:`top: ${i}%; transition: all 0.2s ease;`}updateStepMultiplier(){const t=this.stepValue+"",e=this.stepValue%1?t.length-t.indexOf(".")-1:0;this.stepMultiplier=Math.pow(10,e)}get midpoint(){return`${this.convertToConstrainedValue((this.max+this.min)/2)}`}setupDefaultValue(){if(typeof this.value=="string")if(this.value.length===0)this.initialValue=this.midpoint;else{const t=parseFloat(this.value);!Number.isNaN(t)&&(t<this.min||t>this.max)&&(this.value=this.midpoint)}}calculateNewValue(t){this.setupTrackConstraints();const e=Rn(t,this.orientation===J.horizontal?this.trackMinWidth:this.trackMinHeight,this.orientation===J.horizontal?this.trackWidth:this.trackHeight,this.direction),i=(this.max-this.min)*e+this.min;return this.convertToConstrainedValue(i)}convertToConstrainedValue(t){isNaN(t)&&(t=this.min);let e=t-this.min;const i=Math.round(e/this.stepValue),s=e-i*(this.stepMultiplier*this.stepValue)/this.stepMultiplier;return e=s>=Number(this.stepValue)/2?e-s+Number(this.stepValue):e-s,e+this.min}}X([a],q.prototype,"size",2),X([a({attribute:"readonly",mode:"boolean"})],q.prototype,"readOnly",2),X([$],q.prototype,"direction",2),X([$],q.prototype,"isDragging",2),X([$],q.prototype,"position",2),X([$],q.prototype,"trackWidth",2),X([$],q.prototype,"trackMinWidth",2),X([$],q.prototype,"trackHeight",2),X([$],q.prototype,"trackLeft",2),X([$],q.prototype,"trackMinHeight",2),X([$],q.prototype,"valueTextFormatter",2),X([a({converter:nt})],q.prototype,"min",2),X([a({converter:nt})],q.prototype,"max",2),X([a({converter:nt})],q.prototype,"step",2),X([a],q.prototype,"orientation",2),X([a],q.prototype,"mode",2);const ap=p`
|
|
462
|
+
${z("inline-grid")} :host{--thumb-size:18px;--thumb-padding:3px;--thumb-translate:calc(var(--thumb-size) * -0.5 + var(--track-width) / 2);--track-overhang:-2px;--track-width:4px;--fast-slider-height:calc(var(--thumb-size) * 10);--slider-direction:90deg;align-items:center;box-sizing:border-box;outline:none;cursor:pointer;user-select:none;border-radius:${xt};touch-action:pan-y;min-width:calc(var(--thumb-size) * 1px);width:100%}:host([size='small']){--thumb-size:14px;--track-width:2px;--thumb-padding:3px}:host([orientation='vertical']){--slider-direction:0deg;height:160px;min-height:var(--thumb-size);touch-action:pan-x;padding:8px 0;width:auto;min-width:auto}:host([disabled]:hover){cursor:initial}:host(:focus-visible){box-shadow:0 0 0 2pt ${Zt};outline:1px solid ${jo}}.thumb-cursor:focus{outline:0}.thumb-container{position:absolute;height:var(--thumb-size);width:var(--thumb-size);transition:all 0.2s ease}.thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.5))}:host([size='small']) .thumb-container{transform:translateX(calc(var(--thumb-size) * 0.5)) translateY(calc(var(--thumb-translate) * -1.35))}:host([orientation='vertical']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.5)) translateY(calc(var(--thumb-size) * -0.5))}:host([orientation='vertical'][size='small']) .thumb-container{transform:translateX(calc(var(--thumb-translate) * -1.35)) translateY(calc(var(--thumb-size) * -0.5))}.thumb-cursor{height:var(--thumb-size);width:var(--thumb-size);background-color:${Ri};border-radius:${ct};box-shadow:inset 0 0 0 var(--thumb-padding) ${_},0 0 0 1px ${Ne}}.thumb-cursor:hover{background-color:${to}}.thumb-cursor:active{background-color:${eo}}:host([disabled]) .thumb-cursor{background-color:${C};box-shadow:inset 0 0 0 var(--thumb-padding) ${_},0 0 0 1px ${Qt}}.positioning-region{position:relative;display:grid}:host([orientation='horizontal']) .positioning-region{margin:0 8px;grid-template-rows:var(--thumb-size) var(--thumb-size)}:host([orientation='vertical']) .positioning-region{margin:8px 0;height:100%;grid-template-columns:var(--thumb-size) var(--thumb-size)}.track{align-self:start;position:absolute;background-color:${Yt};border-radius:${L};overflow:hidden}:host([step]) .track::after{content:'';position:absolute;border-radius:${L};width:100%;inset:0 2px;background-image:repeating-linear-gradient(
|
|
463
463
|
var(--slider-direction),#0000 0%,#0000 calc(var(--step-rate) - 1px),${_} calc(var(--step-rate) - 1px),${_} var(--step-rate)
|
|
464
|
-
)}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${
|
|
465
|
-
.track:hover,.track:active,.track{background:WindowText}.thumb-cursor:hover,.thumb-cursor:active,.thumb-cursor{background:ButtonText}:host(:hover) .track-start,.track-start:active,.track-start{background:Highlight}`));function lp(o={}){return v`<template role="slider" tabindex="${
|
|
464
|
+
)}:host([orientation='vertical'][step]) .track::after{inset:-2px 0}:host([disabled]) .track{background-color:${Ze}}:host([orientation='horizontal']) .track{right:var(--track-overhang);left:var(--track-overhang);align-self:start;height:var(--track-width);grid-row:2 / auto}:host([orientation='vertical']) .track{top:var(--track-overhang);bottom:var(--track-overhang);width:var(--track-width);height:100%;grid-column:2 / auto}.track-start{background-color:${Je};position:absolute;height:100%;left:0;border-radius:${L}}:host([disabled]) .track-start{background-color:${C}}:host(:hover) .track-start{background-color:${to}}:host([disabled]:hover) .track-start{background-color:${C}}.track-start:active{background-color:${eo}}:host([orientation='vertical']) .track-start{height:auto;width:100%;bottom:0}`.withBehaviors(lt(p`
|
|
465
|
+
.track:hover,.track:active,.track{background:WindowText}.thumb-cursor:hover,.thumb-cursor:active,.thumb-cursor{background:ButtonText}:host(:hover) .track-start,.track-start:active,.track-start{background:Highlight}`));function lp(o={}){return v`<template role="slider" tabindex="${t=>t.disabled?null:0}" aria-valuetext="${t=>t.valueTextFormatter(t.value)}" aria-valuenow="${t=>t.value}" aria-valuemin="${t=>t.min}" aria-valuemax="${t=>t.max}" aria-disabled="${t=>t.disabled?!0:void 0}" aria-readonly="${t=>t.readOnly?!0:void 0}" aria-orientation="${t=>t.orientation}" class="${t=>t.orientation}"><div part="positioning-region" class="positioning-region"><div ${$t("track")} part="track-container" class="track"><slot name="track"></slot><div part="track-start" class="track-start" style="${t=>t.position}"><slot name="track-start"></slot></div></div><slot></slot><div ${$t("thumb")} part="thumb-container" class="thumb-container" style="${t=>t.position}" @mousedown="${(t,e)=>t.handleThumbMouseDown(e.event)}" @touchstart="${(t,e)=>t.handleThumbMouseDown(e.event)}"><slot name="thumb">${at(o.thumb)}</slot></div></div></template>`}const cp=lp({thumb:'<div class="thumb-cursor"></div>'}),dp=q.compose({name:`${b.prefix}-slider`,template:cp,styles:ap});dp.define(b.registry);var hp=Object.defineProperty,up=Object.getOwnPropertyDescriptor,Dn=(o,t,e,i)=>{for(var s=i>1?void 0:i?up(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&hp(t,e,s),s};class ls extends S{constructor(){super(),this.elementInternals=this.attachInternals(),this.elementInternals.role="progressbar"}}Dn([a],ls.prototype,"size",2),Dn([a],ls.prototype,"appearance",2);const pp=p`
|
|
466
466
|
${z("flex")}
|
|
467
467
|
|
|
468
|
-
:host{display:flex;align-items:center;height:32px;width:32px;contain:content}:host([size='tiny']){height:20px;width:20px}:host([size='extra-small']){height:24px;width:24px}:host([size='small']){height:28px;width:28px}:host([size='large']){height:36px;width:36px}:host([size='extra-large']){height:40px;width:40px}:host([size='huge']){height:44px;width:44px}.progress{height:100%;width:100%}.background{fill:none;stroke:${
|
|
468
|
+
:host{display:flex;align-items:center;height:32px;width:32px;contain:content}:host([size='tiny']){height:20px;width:20px}:host([size='extra-small']){height:24px;width:24px}:host([size='small']){height:28px;width:28px}:host([size='large']){height:36px;width:36px}:host([size='extra-large']){height:40px;width:40px}:host([size='huge']){height:44px;width:44px}.progress{height:100%;width:100%}.background{fill:none;stroke:${kr};stroke-width:1.5px}:host([appearance='inverted']) .background{stroke:rgba(255,255,255,0.2)}.indicator{stroke:${xr};fill:none;stroke-width:1.5px;stroke-linecap:round;transform-origin:50% 50%;transform:rotate(-90deg);transition:all 0.2s ease-in-out;animation:spin-infinite 3s cubic-bezier(0.53,0.21,0.29,0.67) infinite}:host([appearance='inverted']) .indicator{stroke:${el}}@keyframes spin-infinite{0%{stroke-dasharray:0.01px 43.97px;transform:rotate(0deg)}50%{stroke-dasharray:21.99px 21.99px;transform:rotate(450deg)}100%{stroke-dasharray:0.01px 43.97px;transform:rotate(1080deg)}}`,fp=v`<slot name="indicator"><svg class="progress" part="progress" viewBox="0 0 16 16"><circle class="background" cx="8px" cy="8px" r="7px"></circle><circle class="indicator" cx="8px" cy="8px" r="7px"></circle></svg></slot>`,gp=ls.compose({name:`${b.prefix}-spinner`,template:fp,styles:pp});gp.define(b.registry);class bp extends wt{}function mp(o={}){return v`<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">${at(o.switch)}</slot></template>`}const vp=mp({switch:'<span class="checked-indicator" part="checked-indicator"></span>'}),it=p.partial`:is([state--checked], :state(checked))`,$p=p`
|
|
469
469
|
${z("inline-flex")}
|
|
470
470
|
|
|
471
|
-
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${
|
|
472
|
-
:host{border-color:InactiveBorder}:host(${
|
|
471
|
+
:host{box-sizing:border-box;align-items:center;flex-direction:row;outline:none;user-select:none;contain:content;padding:0 ${Ce};width:40px;height:20px;background-color:${yt};border:1px solid ${Yt};border-radius:${ct};cursor:pointer}:host(:hover){background:none;border-color:${oo}}:host(:active){border-color:${io}}:host(:disabled),:host([readonly]){border:1px solid ${Qt};background-color:none;pointer:default}:host(${it}){background:${Je};border-color:${Je}}:host(${it}:hover){background:${to};border-color:${to}}:host(${it}:active){background:${eo};border-color:${eo}}:host(${it}:disabled){background:${Ze};border-color:${Qt}}.checked-indicator{height:14px;width:14px;border-radius:50%;margin-inline-start:0;background-color:${et};transition-duration:${Gr};transition-timing-function:${Xi};transition-property:margin-inline-start}:host(${it}) .checked-indicator{background-color:${Do};margin-inline-start:calc(100% - 14px)}:host(${it}:hover) .checked-indicator{background:${Va}}:host(${it}:active) .checked-indicator{background:${Na}}:host(:hover) .checked-indicator{background-color:${Oa}}:host(:active) .checked-indicator{background-color:${Aa}}:host(:disabled) .checked-indicator,:host([readonly]) .checked-indicator{background:${C}}:host(${it}:disabled) .checked-indicator{background:${C}}:host(:focus-visible){outline:none}:host(:not([slot='input']):focus-visible){border-color:${Ot};outline:${we} solid ${Ot};box-shadow:${Xo},0 0 0 2px ${Zt}}`.withBehaviors(lt(p`
|
|
472
|
+
:host{border-color:InactiveBorder}:host(${it}),:host(${it}:active),:host(${it}:hover){background:Highlight;border-color:Highlight}.checked-indicator,:host(:hover) .checked-indicator,:host(:active) .checked-indicator{background-color:ActiveCaption}:host(${it}) .checked-indicator,:host(${it}:hover) .checked-indicator,:host(${it}:active) .checked-indicator{background-color:ButtonFace}`)),yp=bp.compose({name:`${b.prefix}-switch`,template:vp,styles:$p});yp.define(b.registry);class xp extends S{}function kp(){return v`<template slot="tabpanel" role="tabpanel"><slot></slot></template>`}const wp=kp(),Cp=p`
|
|
473
473
|
${z("block")}
|
|
474
474
|
|
|
475
|
-
:host{box-sizing:border-box;padding:${
|
|
476
|
-
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}Bp([a({mode:"boolean"})],
|
|
475
|
+
:host{box-sizing:border-box;padding:${ae} ${te}}`,Sp=xp.compose({name:`${b.prefix}-tab-panel`,template:wp,styles:Cp});Sp.define(b.registry);var Ip=Object.defineProperty,Pp=Object.getOwnPropertyDescriptor,Bp=(o,t,e,i)=>{for(var s=i>1?void 0:i?Pp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Ip(t,e,s),s};class cs extends S{connectedCallback(){super.connectedCallback(),this.styles!==void 0&&this.$fastController.removeStyles(this.styles),this.styles=p`
|
|
476
|
+
:host{--textContent:'${this.textContent}'}`,this.$fastController.addStyles(this.styles)}}Bp([a({mode:"boolean"})],cs.prototype,"disabled",2),Xt(cs,Wt);function zp(o={}){return v`<template slot="tab" role="tab" aria-disabled="${t=>t.disabled}">${Ut(o)}<span class="tab-content"><slot></slot></span>${Gt(o)}</template>`}const Tp=zp({}),Fp=p`
|
|
477
477
|
${z("inline-flex")}
|
|
478
478
|
|
|
479
|
-
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${R};font-family:${y};font-size:${O};color:${
|
|
480
|
-
:host([aria-selected='true'])::after{background-color:Highlight}`)),Op=
|
|
479
|
+
:host{position:relative;flex-direction:column;cursor:pointer;box-sizing:border-box;justify-content:center;line-height:${R};font-family:${y};font-size:${O};color:${Ft};fill:currentcolor;grid-row:1;padding:${ae} ${te};border-radius:${L}}:host .tab-content{display:inline-flex;flex-direction:column;padding:0 2px}:host([aria-selected='true']){color:${M};font-weight:${N}}:host .tab-content::after{content:var(--textContent);visibility:hidden;height:0;line-height:${R};font-weight:${N}}:host([aria-selected='true'])::after{background-color:${Hi};border-radius:${ct};content:'';inset:0;position:absolute;z-index:2}:host([aria-selected='false']:hover)::after{background-color:${No};border-radius:${ct};content:'';inset:0;position:absolute;z-index:1}:host([aria-selected='true'][disabled])::after{background-color:${C}}::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:${C};color:${C}}:host([disabled]:hover)::after{background-color:unset}:host(:focus){outline:none}:host(:focus-visible){border-radius:${xt};box-shadow:0 0 0 3px ${Zt};outline:1px solid ${jo}}`.withBehaviors(lt(p`
|
|
480
|
+
:host([aria-selected='true'])::after{background-color:Highlight}`)),Op=cs.compose({name:`${b.prefix}-tab`,template:Tp,styles:Fp});Op.define(b.registry);const Ap={subtle:"subtle",transparent:"transparent"},hi=J;var Ep=Object.defineProperty,Lp=Object.getOwnPropertyDescriptor,Ae=(o,t,e,i)=>{for(var s=i>1?void 0:i?Lp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Ep(t,e,s),s};class vo extends S{constructor(){super(...arguments),this.orientation=hi.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 Re:t.preventDefault(),this.adjustBackward(t);break;case De:t.preventDefault(),this.adjustForward(t);break}else switch(t.key){case He:t.preventDefault(),this.adjustBackward(t);break;case _e:t.preventDefault(),this.adjustForward(t);break}switch(t.key){case Ao:t.preventDefault(),this.adjust(-this.activeTabIndex);break;case Oo: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(i=>i.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",i=this.isHorizontal()?t:e;this.activeTabIndex=this.getActiveIndex(),this.tabs.forEach((s,r)=>{if(s.slot==="tab"){const n=this.activeTabIndex===r&&this.isFocusableElement(s),c=this.tabIds[r],h=this.tabpanelIds[r];s.setAttribute("id",c),s.setAttribute("aria-selected",n?"true":"false"),s.setAttribute("aria-controls",h),s.addEventListener("click",this.handleTabClick),s.addEventListener("keydown",this.handleTabKeyDown),s.setAttribute("tabindex",n?"0":"-1"),n&&(this.activetab=s,this.activeid=c)}s.style[t]="",s.style[e]="",s.style[i]=`${r+1}`,this.isHorizontal()?s.classList.remove("vertical"):s.classList.add("vertical")}),this.setTabPanels()}setTabPanels(){this.tabpanels.forEach((t,e)=>{const i=this.tabIds[e],s=this.tabpanelIds[e];t.setAttribute("id",s),t.setAttribute("aria-labelledby",i),this.activeTabIndex!==e?t.setAttribute("hidden",""):t.removeAttribute("hidden")})}getTabIds(){return this.tabs.map(t=>t.getAttribute("id")??`tab-${Oi()}`)}getTabPanelIds(){return this.tabpanels.map(t=>t.getAttribute("id")??`panel-${Oi()}`)}setComponent(){this.activeTabIndex!==this.prevActiveTabIndex&&(this.activeid=this.tabIds[this.activeTabIndex],this.focusTab(),this.change())}isHorizontal(){return this.orientation===hi.horizontal}adjust(t){const e=this.tabs.filter(n=>this.isFocusableElement(n)),i=e.indexOf(this.activetab),s=Fi(0,e.length-1,i+t),r=this.tabs.indexOf(e[s]);r>-1&&this.moveToTabByIndex(this.tabs,r)}adjustForward(t){const e=this.tabs;let i=0;for(i=this.activetab?e.indexOf(this.activetab)+1:1,i===e.length&&(i=0);i<e.length&&e.length>1;)if(this.isFocusableElement(e[i])){this.moveToTabByIndex(e,i);break}else{if(this.activetab&&i===e.indexOf(this.activetab))break;i+1>=e.length?i=0:i+=1}}adjustBackward(t){const e=this.tabs;let i=0;for(i=this.activetab?e.indexOf(this.activetab)-1:0,i=i<0?e.length-1:i;i>=0&&e.length>1;)if(this.isFocusableElement(e[i])){this.moveToTabByIndex(e,i);break}else i-1<0?i=e.length-1:i-=1}moveToTabByIndex(t,e){const i=t[e];this.activetab=i,this.prevActiveTabIndex=this.activeTabIndex,this.activeTabIndex=e,i.focus(),this.setComponent()}focusTab(){this.tabs[this.activeTabIndex].focus()}connectedCallback(){super.connectedCallback(),this.tabIds=this.getTabIds(),this.tabpanelIds=this.getTabPanelIds(),this.activeTabIndex=this.getActiveIndex()}}Ae([a],vo.prototype,"orientation",2),Ae([a],vo.prototype,"activeid",2),Ae([$],vo.prototype,"tabs",2),Ae([$],vo.prototype,"tabpanels",2);class $o extends vo{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=Ap.transparent}calculateAnimationProperties(t){this.activeTabOffset=this.getTabPosition(t),this.activeTabScale=this.getTabScale(t)}getTabPosition(t){return this.orientation===hi.horizontal?this.previousActiveTabData.x-(t.getBoundingClientRect().x-this.getBoundingClientRect().x):this.previousActiveTabData.y-(t.getBoundingClientRect().y-this.getBoundingClientRect().y)}getTabScale(t){return this.orientation===hi.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,i=(this.activetab||t[0])?.getBoundingClientRect(),s=this.getBoundingClientRect();this.activeTabData={x:i.x-s.x,y:i.y-s.y,height:i.height,width:i.width},this.previousActiveTabData?.x!==this.activeTabData?.x&&this.previousActiveTabData?.y!==this.activeTabData?.y&&(this.previousActiveTabData=this.activeTabData)}}setTabOffsetCSSVar(){this.styles=p`
|
|
481
481
|
:host{--tabIndicatorOffset:${this.activeTabOffset.toString()}px}`,this.$fastController.addStyles(this.styles)}setTabScaleCSSVar(){this.styles=p`
|
|
482
|
-
:host{--tabIndicatorScale:${this.activeTabScale.toString()}}`,this.$fastController.addStyles(this.styles)}activeidChanged(e
|
|
482
|
+
: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()}}Ae([a],$o.prototype,"appearance",2),Ae([a({mode:"boolean"})],$o.prototype,"disabled",2),Ae([a],$o.prototype,"size",2),Xt($o,Wt);function Mp(o={}){return v` ${Ut(o)}<div class="tablist" part="tablist" role="tablist"><slot name="tab" ${rt("tabs")}></slot></div>${Gt(o)}<div class="tabpanel" part="tabpanel"><slot name="tabpanel" ${rt("tabpanels")}></slot></div>`}const _p=Mp({}),Rp=p`
|
|
483
483
|
${z("grid")}
|
|
484
484
|
|
|
485
|
-
:host{box-sizing:border-box;font-family:${y};font-size:${O};line-height:${R};color:${
|
|
485
|
+
:host{box-sizing:border-box;font-family:${y};font-size:${O};line-height:${R};color:${Ft};grid-template-columns:auto 1fr auto;grid-template-rows:auto 1fr}:host([disabled]){cursor:not-allowed;color:${C}}:host([disabled]) ::slotted(fluent-tab){pointer-events:none;cursor:not-allowed;color:${C}}:host([disabled]) ::slotted(fluent-tab:after){background-color:${C}}:host([disabled]) ::slotted(fluent-tab[aria-selected='true'])::after{background-color:${C}}:host([disabled]) ::slotted(fluent-tab:hover):before{content:unset}:host ::slotted(fluent-tab){border-radius:${L}}:host ::slotted(fluent-tab[aria-selected='true'])::before{background-color:${C}}.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:${Li};color:${dr};fill:${ur}}:host([appearance='subtle']) ::slotted(fluent-tab:active){background-color:${Vo};fill:${Vo};color:${M}}:host([size='small']) ::slotted(fluent-tab){font-size:${O};line-height:${R};padding:${no} ${Se}}:host([size='large']) ::slotted(fluent-tab){font-size:${dt};line-height:${kt};padding:${Wr} ${te}}:host ::slotted(fluent-tab[data-animate='true'])::after{transition-property:transform;transition-duration:${Ac};transition-timing-function:${Xr}}:host ::slotted(fluent-tab)::after{height:${ne};margin-top:auto;transform-origin:left;transform:translateX(var(--tabIndicatorOffset)) scaleX(var(--tabIndicatorScale))}:host([orientation='vertical']) ::slotted(fluent-tab)::after{width:${ne};height:unset;margin-top:unset;transform-origin:top;transform:translateY(var(--tabIndicatorOffset)) scaleY(var(--tabIndicatorScale))}:host ::slotted(fluent-tab)::before{height:${ne};border-radius:${ct};content:'';inset:0;position:absolute;margin-top:auto}:host([orientation='vertical']) ::slotted(fluent-tab)::before{height:unset;width:${ne};margin-inline-end:auto;transform-origin:top}:host ::slotted(fluent-tab[aria-selected='false']:hover)::after{height:${ne};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:${ne}}:host([orientation='vertical']) ::slotted(fluent-tab){align-items:flex-start;grid-column:2;padding-top:${no};padding-bottom:${no}}:host([orientation='vertical'][size='small']) ::slotted(fluent-tab){padding-top:${Ko};padding-bottom:${Ko}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab){padding-top:${U};padding-bottom:${U}}:host([size='small']) ::slotted(fluent-tab)::after,:host([size='small']) ::slotted(fluent-tab)::before,:host([size='small']) ::slotted(fluent-tab:hover)::after{right:${Se};left:${Se}}:host ::slotted(fluent-tab)::after,:host ::slotted(fluent-tab)::before,:host ::slotted(fluent-tab:hover)::after{right:${te};left:${te}}:host([size='large']) ::slotted(fluent-tab)::after,:host([size='large']) ::slotted(fluent-tab)::before,:host([size='large']) ::slotted(fluent-tab:hover)::after{right:${te};left:${te}}: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:${no};bottom:${no}}:host([orientation='vertical']) ::slotted(fluent-tab)::after,:host([orientation='vertical']) ::slotted(fluent-tab)::before,:host([orientation='vertical']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${U};bottom:${U}}:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::after,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab)::before,:host([orientation='vertical'][size='large']) ::slotted(fluent-tab:hover)::after{right:0;left:0;top:${qr};bottom:${qr}}`,Dp=$o.compose({name:`${b.prefix}-tabs`,template:_p,styles:Rp});Dp.define(b.registry);const Hp={email:"email",password:"password",tel:"tel",text:"text",url:"url"},Vp=["date","datetime-local","email","month","number","password","search","tel","text","time","url","week"];var Np=Object.defineProperty,jp=Object.getOwnPropertyDescriptor,E=(o,t,e,i)=>{for(var s=i>1?void 0:i?jp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Np(t,e,s),s};class P extends S{constructor(){super(...arguments),this.type=Hp.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 k.track(this,"value"),this._value}set value(t){this._value=t,this.$fastController.isConnected&&(this.control.value=t,this.setFormValue(t),this.setValidity(),k.notify(this,"value"))}get willValidate(){return this.elementInternals.willValidate}get form(){return this.elementInternals.form}beforeinputHandler(t){return t.inputType==="insertLineBreak"&&this.implicitSubmit(),!0}changeHandler(t){return this.setValidity(),this.$emit("change",t,{bubbles:!0,composed:!0}),!0}checkValidity(){return this.elementInternals.checkValidity()}clickHandler(t){this.isSameNode(t.target)&&this.control?.click()}connectedCallback(){super.connectedCallback(),this.setFormValue(this.value),this.setValidity()}focusinHandler(t){this.control?.focus()}formResetCallback(){this.value=this.initialValue,this.dirtyValue=!1}implicitSubmit(){if(!this.elementInternals.form)return;if(this.elementInternals.form.elements.length===1){this.elementInternals.form.requestSubmit();return}const t=[...this.elementInternals.form.elements],e=t.find(s=>s.getAttribute("type")==="submit");if(e){e.click();return}t.filter(s=>Vp.includes(s.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,i=this.control){if(this.$fastController.isConnected){if(this.disabled){this.elementInternals.setValidity({});return}this.elementInternals.setValidity(t,e,i)}}}P.formAssociated=!0,E([a],P.prototype,"appearance",2),E([a],P.prototype,"autocomplete",2),E([a({mode:"boolean"})],P.prototype,"autofocus",2),E([a({attribute:"control-size"})],P.prototype,"controlSize",2),E([$],P.prototype,"defaultSlottedNodes",2),E([a],P.prototype,"dirname",2),E([a({mode:"boolean"})],P.prototype,"disabled",2),E([a({attribute:"form"})],P.prototype,"formAttribute",2),E([a({attribute:"value",mode:"fromView"})],P.prototype,"initialValue",2),E([a],P.prototype,"list",2),E([a({converter:nt})],P.prototype,"maxlength",2),E([a({converter:nt})],P.prototype,"minlength",2),E([a({mode:"boolean"})],P.prototype,"multiple",2),E([a],P.prototype,"name",2),E([a],P.prototype,"pattern",2),E([a],P.prototype,"placeholder",2),E([a({attribute:"readonly",mode:"boolean"})],P.prototype,"readOnly",2),E([a({mode:"boolean"})],P.prototype,"required",2),E([a({converter:nt})],P.prototype,"size",2),E([a({converter:{fromView:o=>typeof o=="string"?["true",""].includes(o.trim().toLowerCase()):null,toView:o=>o.toString()}})],P.prototype,"spellcheck",2),E([a],P.prototype,"type",2),E([$],P.prototype,"controlLabel",2),Xt(P,Wt);const qp=p`
|
|
486
486
|
${z("block")}
|
|
487
487
|
|
|
488
|
-
:host{font-family:${y};font-size:${O};font-weight:${A};line-height:${R};max-width:400px}.label{display:flex;color:${M};padding-bottom:${
|
|
488
|
+
:host{font-family:${y};font-size:${O};font-weight:${A};line-height:${R};max-width:400px}.label{display:flex;color:${M};padding-bottom:${Tc};flex-shrink:0;padding-inline-end:${Jt}}.label[hidden],:host(:empty) .label{display:none}.root{align-items:center;background-color:${_};border:${Y} solid ${Ne};border-bottom-color:${Yt};border-radius:${L};box-sizing:border-box;height:32px;display:inline-flex;flex-direction:row;gap:${Ce};padding:0 ${te};position:relative;width:100%}:has(.control:user-invalid){border-color:${rl}}.root::after{box-sizing:border-box;content:'';position:absolute;left:-1px;bottom:0px;right:-1px;height:max(2px,${L});border-radius:0 0 ${L} ${L};border-bottom:2px solid ${Hi};clip-path:inset(calc(100% - 2px) 1px 0px);transform:scaleX(0);transition-property:transform;transition-duration:${Fc};transition-delay:${Gi}}.control{width:100%;height:100%;box-sizing:border-box;color:${M};border-radius:${L};background:${yt};font-family:${y};font-weight:${A};font-size:${O};border:none;vertical-align:center}.control:focus-visible{outline:0;border:0}.control::placeholder{color:${Ea}}:host ::slotted([slot='start']),:host ::slotted([slot='end']){display:flex;align-items:center;justify-content:center;color:${et};font-size:${ke}}:host ::slotted([slot='start']){padding-right:${Ce}}:host ::slotted([slot='end']){padding-left:${Ce};gap:${Jt}}:host(:hover) .root{border-color:${No};border-bottom-color:${oo}}:host(:active) .root{border-color:${Di}}:host(:focus-within) .root{outline:transparent solid 2px;border-bottom:0}:host(:focus-within) .root::after{transform:scaleX(1);transition-property:transform;transition-duration:${Gr};transition-delay:${Ui}}:host(:focus-within:active) .root:after{border-bottom-color:${Ni}}:host([appearance='outline']:focus-within) .root{border:${Y} solid ${Ne}}:host(:focus-within) .control{color:${M}}:host([disabled]) .root{background:${yt};border:${Y} solid ${Qt}}:host([disabled]) .control::placeholder,:host([disabled]) ::slotted([slot='start']),:host([disabled]) ::slotted([slot='end']){color:${C}}::selection{color:${Do};background-color:${Ua}}:host([control-size='small']) .control{font-size:${G};font-weight:${A};line-height:${ht}}:host([control-size='small']) .root{height:24px;gap:${Ce};padding:0 ${Se}}:host([control-size='small']) ::slotted([slot='start']),:host([control-size='small']) ::slotted([slot='end']){font-size:${dt}}:host([control-size='large']) .control{font-size:${dt};font-weight:${A};line-height:${kt}}:host([control-size='large']) .root{height:40px;gap:${At};padding:0 ${ae}}:host([control-size='large']) ::slotted([slot='start']),:host([control-size='large']) ::slotted([slot='end']){font-size:${qo}}:host([appearance='underline']) .root{background:${yt};border:0;border-radius:0;border-bottom:${Y} solid ${Yt}}:host([appearance='underline']:hover) .root{border-bottom-color:${oo}}:host([appearance='underline']:active) .root{border-bottom-color:${io}}:host([appearance='underline']:focus-within) .root{border:0;border-bottom-color:${io}}:host([appearance='underline'][disabled]) .root{border-bottom-color:${Qt}}:host([appearance='filled-lighter']) .root,:host([appearance='filled-darker']) .root{border:${Y} solid ${Ot};box-shadow:${Vr}}:host([appearance='filled-lighter']) .root{background:${_}}:host([appearance='filled-darker']) .root{background:${mr}}:host([appearance='filled-lighter']:hover) .root,:host([appearance='filled-darker']:hover) .root{border-color:${wr}}:host([appearance='filled-lighter']:active) .root,:host([appearance='filled-darker']:active) .root{border-color:${wr};background:${mr}}`;function Wp(o={}){return v`<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" ${$t("controlLabel")}><slot ${rt({property:"defaultSlottedNodes",filter:cr})}></slot></label><div class="root" part="root">${Ut(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}" ${$t("control")} />${Gt(o)}</div></template>`}const Gp=Wp(),Up=P.compose({name:`${b.prefix}-text-input`,template:Gp,styles:qp,shadowOptions:{delegatesFocus:!0}});Up.define(b.registry);var Xp=Object.defineProperty,Kp=Object.getOwnPropertyDescriptor,Nt=(o,t,e,i)=>{for(var s=i>1?void 0:i?Kp(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Xp(t,e,s),s};class Pt extends S{constructor(){super(...arguments),this.nowrap=!1,this.truncate=!1,this.italic=!1,this.underline=!1,this.strikethrough=!1,this.block=!1}}Nt([a({mode:"boolean"})],Pt.prototype,"nowrap",2),Nt([a({mode:"boolean"})],Pt.prototype,"truncate",2),Nt([a({mode:"boolean"})],Pt.prototype,"italic",2),Nt([a({mode:"boolean"})],Pt.prototype,"underline",2),Nt([a({mode:"boolean"})],Pt.prototype,"strikethrough",2),Nt([a({mode:"boolean"})],Pt.prototype,"block",2),Nt([a],Pt.prototype,"size",2),Nt([a],Pt.prototype,"font",2),Nt([a],Pt.prototype,"weight",2),Nt([a],Pt.prototype,"align",2);const Yp=p`
|
|
489
489
|
${z("inline")}
|
|
490
490
|
|
|
491
|
-
:host{contain:content}::slotted(*){font-family:${y};font-size:${O};line-height:${R};font-weight:${A};text-align:start;white-space:normal;overflow:visible;text-overflow:clip;margin:0;display:inline}:host([nowrap]) ::slotted(*),:host([nowrap]){white-space:nowrap;overflow:hidden}:host([truncate]) ::slotted(*),:host([truncate]){text-overflow:ellipsis}:host([block]),:host([block]) ::slotted(*),:host([block]){display:block}:host([italic]) ::slotted(*),:host([italic]){font-style:italic}:host([underline]) ::slotted(*),:host([underline]){text-decoration-line:underline}:host([strikethrough]) ::slotted(*),:host([strikethrough]){text-decoration-line:line-through}:host([underline][strikethrough]) ::slotted(*),:host([underline][strikethrough]){text-decoration-line:line-through underline}:host([size='100']) ::slotted(*),:host([size='100']){font-size:${
|
|
491
|
+
:host{contain:content}::slotted(*){font-family:${y};font-size:${O};line-height:${R};font-weight:${A};text-align:start;white-space:normal;overflow:visible;text-overflow:clip;margin:0;display:inline}:host([nowrap]) ::slotted(*),:host([nowrap]){white-space:nowrap;overflow:hidden}:host([truncate]) ::slotted(*),:host([truncate]){text-overflow:ellipsis}:host([block]),:host([block]) ::slotted(*),:host([block]){display:block}:host([italic]) ::slotted(*),:host([italic]){font-style:italic}:host([underline]) ::slotted(*),:host([underline]){text-decoration-line:underline}:host([strikethrough]) ::slotted(*),:host([strikethrough]){text-decoration-line:line-through}:host([underline][strikethrough]) ::slotted(*),:host([underline][strikethrough]){text-decoration-line:line-through underline}:host([size='100']) ::slotted(*),:host([size='100']){font-size:${ro};line-height:${Go}}:host([size='200']) ::slotted(*),:host([size='200']){font-size:${G};line-height:${ht}}:host([size='400']) ::slotted(*),:host([size='400']){font-size:${dt};line-height:${kt}}:host([size='500']) ::slotted(*),:host([size='500']){font-size:${ke};line-height:${Uo}}:host([size='600']) ::slotted(*),:host([size='600']){font-size:${qo};line-height:${Mr}}:host([size='700']) ::slotted(*),:host([size='700']){font-size:${Or};line-height:${_r}}:host([size='800']) ::slotted(*),:host([size='800']){font-size:${Ar};line-height:${Rr}}:host([size='900']) ::slotted(*),:host([size='900']){font-size:${Er};line-height:${Dr}}:host([size='1000']) ::slotted(*),:host([size='1000']){font-size:${Lr};line-height:${Hr}}:host([font='monospace']) ::slotted(*),:host([font='monospace']){font-family:${kc}}:host([font='numeric']) ::slotted(*),:host([font='numeric']){font-family:${wc}}:host([weight='medium']) ::slotted(*),:host([weight='medium']){font-weight:${Cc}}:host([weight='semibold']) ::slotted(*),:host([weight='semibold']){font-weight:${N}}:host([weight='bold']) ::slotted(*),:host([weight='bold']){font-weight:${Wo}}:host([align='center']) ::slotted(*),:host([align='center']){text-align:center}:host([align='end']) ::slotted(*),:host([align='end']){text-align:end}:host([align='justify']) ::slotted(*),:host([align='justify']){text-align:justify}`,Qp=v`<slot></slot>`,Zp=Pt.compose({name:`${b.prefix}-text`,template:Qp,styles:Yp});Zp.define(b.registry);var Jp=Object.defineProperty,tf=Object.getOwnPropertyDescriptor,Hn=(o,t,e,i)=>{for(var s=i>1?void 0:i?tf(t,e):t,r=o.length-1,n;r>=0;r--)(n=o[r])&&(s=(i?n(t,e,s):n(s))||s);return i&&s&&Jp(t,e,s),s};class ds extends F{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,this.setAttribute("aria-pressed",t)}}}Hn([a({mode:"boolean"})],ds.prototype,"pressed",2),Hn([a({mode:"boolean"})],ds.prototype,"mixed",2);const ef=p`
|
|
492
492
|
${Zo}
|
|
493
493
|
|
|
494
|
-
:host([aria-pressed='true']){border-color:${
|
|
495
|
-
:host([aria-pressed='true']),:host([aria-pressed='true'][appearance='primary']),:host([aria-pressed='true'][appearance='subtle']),:host([aria-pressed='true'][appearance='outline']),:host([aria-pressed='true'][appearance='transparent']){background:SelectedItem;color:SelectedItemText}`)),of=Qi(),
|
|
494
|
+
:host([aria-pressed='true']){border-color:${Ne};background-color:${br};color:${M};border-width:${Y}}:host([aria-pressed='true']:hover){border-color:${No};background-color:${Ei}}:host([aria-pressed='true']:active){border-color:${Di};background-color:${gr}}:host([aria-pressed='true'][appearance='primary']){border-color:transparent;background-color:${Za};color:${Kt}}:host([aria-pressed='true'][appearance='primary']:hover){background-color:${vr}}:host([aria-pressed='true'][appearance='primary']:active){background-color:${$r}}:host([aria-pressed='true'][appearance='subtle']){border-color:transparent;background-color:${Ka};color:${Ta}}:host([aria-pressed='true'][appearance='subtle']:hover){background-color:${Li};color:${Lo}}:host([aria-pressed='true'][appearance='subtle']:active){background-color:${Vo};color:${Mo}}:host([aria-pressed='true'][appearance='outline']),:host([aria-pressed='true'][appearance='transparent']){background-color:${Ya}}:host([aria-pressed='true'][appearance='outline']:hover),:host([aria-pressed='true'][appearance='transparent']:hover){background-color:${Mi}}:host([aria-pressed='true'][appearance='outline']:active),:host([aria-pressed='true'][appearance='transparent']:active){background-color:${_i}}:host([aria-pressed='true'][appearance='transparent']){border-color:transparent;color:${Fa}}:host([aria-pressed='true'][appearance='transparent']:hover){color:${_o}}:host([aria-pressed='true'][appearance='transparent']:active){color:${Ro}}`.withBehaviors(lt(p`
|
|
495
|
+
:host([aria-pressed='true']),:host([aria-pressed='true'][appearance='primary']),:host([aria-pressed='true'][appearance='subtle']),:host([aria-pressed='true'][appearance='outline']),:host([aria-pressed='true'][appearance='transparent']){background:SelectedItem;color:SelectedItemText}`)),of=Qi(),sf=ds.compose({name:`${b.prefix}-toggle-button`,template:of,styles:ef});sf.define(b.registry);
|